/* ==================================================================
Stylesheet fuer die Textformatierungen
Datei: text.css
Media: all

Datum: 28.02.2011
Autor:	grintsch communications (rf)
Internet: www.grintsch.com

Inhalt:
CSS-Anweisungen für Aponet

Aufbau:
1. Inline-Elemente
	1.1 Links


2. Block-Elemente
	2.1 Überschriften
		2.1.1 Überschriften: Content Info Area
	2.2 Absätze
		2.2.1 Absätze: Site Info Area
	2.3 Listen
		2.3.1 Listen: Content Text Area
		2.3.1 Listen: Content Text Area
	2.4 Tabellen

3. Boxen
	3.1 Text
	3.2 Bilder
	3.3 Video
	3.4 Banner
		3.4.1 Banner in Site Info Area
		3.4.2 Banner: Advertorial
	3.5 Container
		3.5.1 Container in Site Info Area
	3.6 Teaser
		3.6.1 Teaser in Site Info Area
		3.6.2 Teaser: Advertorial
	3.7 Teaserlisten
		3.7.1 Teaserlisten in Content Text Area
		3.7.2 Teaserlisten in Site Info Area
	3.8 Teaserlisten für Portalseiten
		3.8.1 Teaserlisten für Portalseiten: Vierer (Größe S)
		3.8.2 Teaserlisten für Portalseiten: Zweier (Größe M)
		3.8.3 Teaserlisten für Portalseiten: Einer (Größe L)
		3.8.4 Teaserlisten für Portalseiten: Full (Größe XL)
	3.9 Verwandte Themen
		3.9.1 Verwandte Themen: Content Info Area
	3.10 Featured page
	3.11 News aggregator
		3.11.1 News aggregator: Textelemente
	3.12 Gesundheitslexikon
	3.13 Arzneimittelsuche
		3.13.1 Arzneimittelsuche für Servicespalte
	3.14 MedInfo-Texte
	3.15 grintsch_lister (A-Z, Kategorielisting)
		3.15.1 grintsch_lister: Tabs
		3.15.2 grintsch_lister: Listing
		3.15.3 grintsch_lister: Tooltips (A-Z)
	3.16 Adressenbox
	3.17 Link tipps
==================================================================== */
/* ======================================================

	=1. Inline-Elemente

========================================================= */
/* ======================================================
	=1.1 Links
========================================================= */
#wContent a {
	font-weight: bold;
	color: #468acc;
	text-decoration: none;

	background-image: url(img/sprite/no-repeat_S.gif);
	background-repeat: no-repeat;
	background-position: right -600px;
	padding-right: 10px;
}

#wContent a.anchor {
	font-weight: normal;
	color: inherit;
	text-decoration: none;
	background: none;
	padding: 0px;
}

#wContent a:hover,
#wContent a:focus,
#wContent a:active { text-decoration: underline; }

#wContent div.box_text p a { background-position: right -601px; }

	#wContent a.img {
		background-image: none;
		padding-right: 0;
	}

#wContent p.abstract a { background-position: right -596px; }

#wContent h1 a {
	color: #e2001a;

	background-image: none;
	padding-right: 0;
}

#wContent h2 a {
	color: #535353;

	background-position: right -400px;
	padding-right: 16px;
}

	#wContentInfo h2 a {
		color: #434343;

		background-position: right 4px;
		padding-right: 11px;
	}

/* ======================================================

	=2. Block-Elemente

========================================================= */
/* ======================================================

	=2.1 Überschriften

========================================================= */
#wContent h1 {
	font-size: 22px;
	color: #e2001a;
	line-height: 26px;

	margin: 12px 16px 6px;
}

#wContent p.date+h1 { margin-top: 6px; }

#wContent h2 {
	font-size: 16px;
	color: #313131;
	line-height: 20px;

	margin: 18px 16px 6px;
}

#wContent h3 {
	font-size: 14px;
	color: #313131;
	line-height: 18px;

	margin: 6px 16px;
}

	#wContent ul+h3,
	#wContent ol+h3 { margin-top: 12px; }

	#wContent div.box_teaser+h3 { margin-top: 18px; }

#wContent h4 {
	font-size: 14px;
	color: #515151;
	line-height: 16px;

	margin: 0 16px 6px;
}

/* ======================================================
	=2.1.1 Überschriften: Content Info Area
========================================================= */
#wContentInfo h2 {
	font-size: 14px;
	color: #434343;
	line-height: 16px;
}

	#wContentInfo h2.list_title {
		clear: both;
		
		padding-top: 12px;
		border-top: 1px solid #b4b5b7;
	}

	#wContentInfo h1+h2.list_title {
		padding-top: 0;
		border-top: none;
	}

	#wContentInfo h2.caption {
		font-size: 16px;
		color: #e2001a;
		line-height: 20px;

		padding-bottom:  6px;
		border-bottom: 1px solid #e2001a;
		margin: 0 16px 12px;
	}

		#wContentInfo h2.caption a {
			color: #e2001a;

			background-image: none;
			padding-right: 0;
		}

#wContentInfo h3 {
	font-size: 14px;
	color: #515151;
	line-height: 16px;
}

/* ======================================================

	=2.2 Absätze

========================================================= */
#wContent p {
	line-height: 18px;

	margin: 0 16px 12px;
}

	#wContent p.title {
		font-size: 16px;
		color: #e2001a;
		line-height: 20px;

		padding-bottom: 6px;
		border-bottom: 1px solid #e2001a;
		margin-bottom: 0;
	}

	#wContent p.date {
		font-size: 15px;
		color: #a0a0a0;

		margin: 12px 16px 0;
	}

	#wContent p.abstract {
		font-size: 16px;
		color: #000;
		line-height: 20px;

		margin: 12px 16px 24px;
	}

	#wContent p.img_subline {
		font-size: 12px;
		line-height: 16px;

		background-color: #eee;
		padding: 9px 12px;
		border-top: 1px solid #fff;
	}

	#wContent p.footnote {
		font-size: 12px !important;
		font-style: italic !important;
	}

/* ======================================================
	=2.2.1 Absätze: Site Info Area
========================================================= */
#wContentInfo p { line-height: 16px; }

	#wContentInfo p.title {
		font-size: 14px;
		line-height: 18px;
	}

/* ======================================================

	=2.3 Listen

========================================================= */
#wContent ul {
	list-style-type: none;

	padding-bottom: 3px;
	margin: 0 16px 3px;
}

	#wContent li ul {
		padding-bottom: 0;
		margin: 6px 0 0 6px;
	}

#wContent ol {
	padding-bottom: 3px;
	margin: 0 16px 3px 36px;
}

	#wContent li ol {
		padding-bottom: 0;
		margin: 6px 0 0 24px;
	}

	#wContent ul li,
	#wContent ol li {
		line-height: 18px;

		margin-bottom: 6px;
	}

	#wContent ul li {
		background: url(img/sprite/no-repeat_x.png) no-repeat 0 7px;
		padding-left: 12px;
	}

	#wContent ul li.download {
		padding: 0 0 6px 0;
		background-image: none;
		border-bottom: 1px solid #D3D8DC;
	}

		#wContent ul li.download a {
			display: block;

			font-weight: normal;
			color: #515151;
			text-decoration: none;
			
			background-image: none;
			padding-right: 0;
		}

			#wContent ul li.download a img.border {
				float: left;

				border: 1px solid #D3D5D8;
				margin: 3px 12px 6px 0;
			}

			#wContent ul li.download span { display: block; }

				#wContent ul li.download span.text { margin-top: 5px; }

				#wContent ul li.download span.fileinfo {
					font-size: 12px;
					
					margin-top: 5px;
				}

				#wContent ul li.download span.filetype {
					display: inline;

					color: #515151;

					background-image: url(img/sprite/no-repeat.gif);
					background-repeat: no-repeat;
					padding-left: 24px;
					padding-bottom: 2px;
				}

					#wContent ul li.download span.filetype_xls { background-position: -316px -620px; }
					#wContent ul li.download span.filetype_zip { background-position: -316px -646px; }
					#wContent ul li.download span.filetype_txt { background-position: -316px -672px; }
					#wContent ul li.download span.filetype_gif { background-position: -349px -620px; }
					#wContent ul li.download span.filetype_png { background-position: -349px -646px; }
					#wContent ul li.download span.filetype_jpg { background-position: -349px -672px; }
					#wContent ul li.download span.filetype_pdf { background-position: -387px -620px; }
					#wContent ul li.download span.filetype_ppt { background-position: -387px -646px; }
					#wContent ul li.download span.filetype_doc { background-position: -387px -672px; }

				#wContent ul li.download span.download {
					font-weight: bold;
					color: #468acc;
					text-align: right;

					background: url(img/sprite/no-repeat_S.gif) no-repeat right -1796px;
					padding-right: 16px;
				}

				#wContent ul li.download span.download:hover,
				#wContent ul li.download span.download:focus,
				#wContent ul li.download span.download:active { text-decoration: underline; }

/* ======================================================
	=2.3.1 Listen: Content Text Area
========================================================= */
#wContentText ul { width: 624px; }

	#wContentText li ul { width: 600px; }

	#wContentText ul.two_columns li {
		float: left;

		width: 290px;
	}

	#wContentText ul.two_columns li.first {
		clear: both;

		margin-right: 16px;
		margin-bottom: 12px;
	}

/* ======================================================
	=2.3.1 Listen: Content Text Area
========================================================= */
#wContentInfo ul { margin-top: 6px; }

	#wContentInfo ul li {
		background-image: none;
		padding-left: 0;
	}

/* ======================================================
	=2.4 Tabellen
========================================================= */
#wContent table {
	width: 626px;
	margin: 0 16px;
}

	#wContent table th {
		font-size: 14px;
		text-align: left;
		vertical-align: top;

		background-color: #d3d8dc;
		padding: 6px 11px;
		border-top: 1px solid #fff;
	}

	#wContent table th[scope=row] { background-color: #eee; }

	#wContent table td {
		vertical-align: top;

		background-color: #eee;
		padding: 6px 11px;
		border-top: 1px solid #fff;
	}

/* ======================================================

	=3. Boxen

========================================================= */
#wContent div.box_full {
	width: 626px;
	margin: 24px 16px !important;
}

#wContent div.box_half {
	float: left;

	width: 302px;
}

#wContent div.box_third {
	float: left;

	width: 210px;
}

/* ======================================================

	=3.1 Text

========================================================= */
#wContent div.box_text {
	font-size: 12px;
	line-height: 16px;

	background-color: #eee;
	padding: 12px 0 6px;
	margin: 12px 16px;
}

	#wContent div.box_text h3 { margin: 0 12px 6px; }

	#wContent div.box_text h4 {
		font-size: 12px;
		line-height: 16px;

		margin: 0 12px 6px;
	}

	#wContent div.box_text p { margin: 0 12px 12px; }

		#wContent div.box_text p img {
			float: left;

			margin: 0 6px 6px 0;
		}

	#wContent div.box_text ul {
		width: 276px;
		margin: 0 13px 3px;
	}

		#wContent div.box_text li ul { margin: 6px 0 0 0; }

	#wContent div.box_text ol {
		width: 258px;
		margin: 0 12px 3px 32px;
	}

		#wContent div.box_text li ol { margin: 6px 0 0 20px; }

/* ======================================================

	=3.2 Bilder

========================================================= */
#wContent div.box_img {
	overflow-x: hidden;

	color: #313131;
	text-align: center;

	background-color: #eee;
	margin: 12px 16px;
}

	#wContent div.box_img p {
		text-align: left;

		margin: 0;
	}

		#wContent div.box_img p span.copyright { font-style: italic; }

	#wContent div.box_img img.border { border: 2px solid #d3d5d8; }

#wContent div.box_full.box_img_first { margin-top: 12px !important; }
#wContent div.box_half.box_img_first { margin-top: 0 !important; }

/* ======================================================

	=3.3 Video

========================================================= */
#wContent div.box_media {
	clear: both;

	text-align: center;

	background-color: #eee;
	margin: 12px 16px;
}

	#wContent div.box_media div {
		background-color: #aaa;
		padding: 1px;
		margin: 0 auto;
	}

	#wContent div.box_media p {
		font-size: 12px;
		text-align: left;
		line-height: 16px;

		background-color: #eee;
		padding: 9px 12px;
		border-top: 1px solid #fff;
		margin: 0;
	}

/* ======================================================

	=3.4 Banner

========================================================= */
#wContent div.box_banner {
	float: right;

	margin: 0 16px 12px;
}

	#wContent div.box_banner p.title {
		font-size: 11px;
		font-weight: normal;
		color: #a0a0a0;
		text-transform: uppercase;

		padding-bottom: 0;
		border-bottom: 0;
		margin: 0;
	}

	#wContent div.box_banner div.box_content a {
		background-image: none;
		padding-right: 0;
	}


/* Bild, gefolgt von Banner (Lösung ist nur eine Krücke und
das Ergebnis nicht wirklich schön) */
#wContent div.box_img+div.box_banner { margin-left: 0; }

/* ======================================================
	=3.4.1 Banner in Site Info Area
========================================================= */
#wContentInfo div.box_banner { float: none; }

/* ======================================================
	=3.4.2 Banner: Advertorial
========================================================= */
#wContent div.advertorial p.title {
	color: #468ACC;
	text-align: right;
	padding-right: 3px;
}

/* ======================================================

	=3.5 Container

========================================================= */
#wContent div.container {
	clear: both;

	min-height: 10px;
	padding-top: 5px;
	border: 1px solid #d3d8dc;
	margin: 18px 16px 12px;
}

	#wContent div.container h2 { margin: 6px 11px 6px; }

	#wContent div.container h3 { margin: 6px 11px; }

	#wContent div.container h4 { margin: 0 11px 6px; }

	#wContent div.container p {
		clear: both;

		margin: 0 11px 12px;
	}

	#wContent div.container table+h2,
	#wContent div.container table+h3,
	#wContent div.container table+p,
	#wContent div.container table+table { margin-top: 12px;}

	#wContent div.container table {
		width: 100%;
		margin: 0;
	}

	#wContent div.container>table { margin-top: -5px; }

		#wContent div.container table th {
			font-size: 14px;
			text-align: left;
			vertical-align: top;

			background-color: #d3d8dc;
			padding: 6px 11px;
			border-top: 1px solid #fff;
		}

		#wContent div.container table th[scope=row] { background-color: #eee; }

		#wContent div.container table td {
			vertical-align: top;

			background-color: #eee;
			padding: 6px 11px;
			border-top: 1px solid #fff;
		}
                
			#wContent div.container table td.menge {
				text-align: right;

				padding: 6px 0px;
			}
                
			#wContent div.container table td.einheit {
				padding: 6px 5px;
			}

/* ======================================================
	=3.5.1 Container in Site Info Area
========================================================= */
#wContentInfo div.container {
	width: 298px;
	background-color: #fff;
	padding-top: 0;
}

/* ======================================================

	=3.6 Teaser

========================================================= */
#wContent div.box_teaser {
	background-color: #eee;
	padding-bottom: 6px;
	margin: 12px 16px 12px;
}

	#wContent div.box_teaser h3 { margin: 12px 12px 6px; }

	#wContent div.box_teaser p {
		font-size: 12px;
		line-height: 16px;

		margin: 0 12px 12px;
	}

	#wContent div.box_teaser img {
		float: left;

		margin: 2px 12px 6px 0;
	}

	#wContent div.box_teaser img.border { border: 1px solid #d3d5d8; }
	
/* ======================================================
	=3.6.1 Teaser in Site Info Area
========================================================= */
#wContentInfo div.box_teaser {
	width: 300px;
	background-color: #fff;
	border: 1px solid #d3d8dc;
	margin: 18px 16px 12px;
}

/* ======================================================
	=3.6.2 Teaser: Advertorial 
========================================================= */
#wContentInfo div.advertorial_teaser {border: 1px solid #468ACC;}

#wContent div.advertorial_teaser h3 { margin: 0px 12px 6px; }

#wContent div.advertorial_teaser a { 
	color: #434343;
	background-position: right 3px;
}

#wContent div.advertorial_teaser p.title {
	color: #468ACC;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: right;

	padding-bottom: 0;
	padding-right: 3px;
	border-bottom: 0;
	margin: 0;
}

#wContent div.advertorial_teaser img.border { border: 1px solid #468ACC; }

/* added tre */
#wContent div.box_advertorial_teaser {
	border: 1px solid #468ACC;
	background-color: #fff;
	margin: 18px 16px 12px;
}

#wContent div.box_advertorial_teaser div.box_img {
	float: left;
	margin: 0 2px 11px 11px;
	overflow-x: hidden;
	text-align: center;
	background-color: #fff;
}

#wContent div.box_advertorial_teaser div.box_content {
	float: left;
	width: 454px;
	margin: 0;
}

#wContent div.box_advertorial_teaser div.box_content h3 {
	margin: 0 0 6px;
	font-size: 16px;
	line-height: 20px;
}

#wContent div.box_advertorial_teaser div.box_content p {
	margin: 0 0 12px;
	font-size: 14px;
        line-height: 18px;
}

#wContent div.box_portal_teaser div.advertorial_teaser p.title {
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    margin-top: 3px;
}

#wContent div.box_portal_teaser div.M.advertorial_teaser p {
    overflow: visible;
    height: auto;
}

#wContent div.teaser_list div.advertorial_teaser.box_teaser {
 background-color: #eee;
}

#wContent div.box_portal_teaser div.L.advertorial_teaser h3 a {
    background-position: right 5px;
}

/* ======================================================

	=3.7 Teaserlisten

========================================================= */
#wContent div.teaser_list { padding-top: 0; }

	#wContent div.teaser_list h2 {
		font-size: 16px;
		color: #e2001a;
		line-height: 20px;

		background-repeat: no-repeat;
		margin: 0 0 12px;
	}

		#wContent div.teaser_list h2 a {
			display: block;

			color: #e2001a;
			text-decoration: none;
		}

			#wContent div.teaser_list h2 span {
				display: block;

				padding-bottom: 6px;
				border-bottom: 1px solid #e2001a;
			}

			#wContent div.teaser_list h3 { margin-top: 12px; }

	#wContent div.teaser_list p { margin: 0 12px 12px 12px; }

	#wContent div.teaser_list div.box_teaser { border: none; }

		#wContent div.teaser_list div.box_teaser h3 { margin: 0; }

		#wContent div.teaser_list div.box_teaser p {
			clear: none;

			margin: 6px 0 0;
		}

/* ======================================================
	=3.7.1 Teaserlisten in Content Text Area
========================================================= */
#wContentText div.teaser_list h2 span { margin: 11px 12px 6px; }

#wContentText div.teaser_list p.footer {
	padding-top: 12px;
	border-top: 1px solid #b4b5b7;
}

#wContentText div.teaser_list div.box_teaser {
	background-color: #fff;
	padding: 0;
	margin: 12px 0 12px 12px;
}

#wContentText div.teaser_list div.box_half { width: 294px; }

	#wContentText div.teaser_list div.line {
		clear: both;

		height: 1px;
		border-top: 1px solid #b4b5b7;
		margin: 0 12px;
	}

/* ======================================================
	=3.7.2 Teaserlisten in Site Info Area
========================================================= */
#wContentInfo div.teaser_list h2 span { margin: 12px; }

#wContentInfo div.teaser_list p {
	font-size: 12px;
	line-height: 16px;
}

#wContentInfo div.teaser_list div.box_teaser {
	padding-bottom: 12px;
	border-bottom: 1px solid #b4b5b7;
	margin: 0 12px 12px;
}

#wContentInfo div.teaser_list div.box_half {
	float: none;
	clear: both;

	width: 276px;
}

	#wContentInfo div.teaser_list div.box_teaser img { margin: 0 12px 6px 0; }

	#wContentInfo div.teaser_list div.box_teaser h3 {
		font-size: 14px;
		line-height: 16px;
	}

/* ======================================================

	=3.8 Teaserlisten für Portalseiten

========================================================= */
#wContent div.box_portal_teaser {
	padding-bottom: 5px;
	margin: 12px 16px 12px;
}

	#wContent div.box_portal_teaser h2 a {
		display: inline;

		background: url(img/sprite/no-repeat_S.gif) no-repeat right -997px;
		padding-right: 12px;
	}

	#wContent div.box_portal_teaser h2 a:hover,
	#wContent div.box_portal_teaser h2 a:focus,
	#wContent div.box_portal_teaser h2 a:active { text-decoration: underline; }

	#wContent div.box_portal_teaser h3 { margin: 6px 0; }

	#wContent div.box_portal_teaser p { margin: 0 0 12px; }

	#wContent div.box_portal_teaser div.box_full {
		width: 626px;
		margin: 0 !important;
	}

	#wContent div.box_portal_teaser div.box_half { width: 313px; }

		#wContent div.box_portal_teaser div.box_teaser {
			width: 300px;
			margin: 0;
		}

		#wContent div.box_portal_teaser div.last div.box_teaser { margin-left: 13px; }

			#wContent div.box_portal_teaser div.box_teaser img { margin: 0; }

		#wContent div.box_portal_teaser div.box_content {
			position: absolute;
			bottom: 0;
			left: 0;

			background-image: url(img/other/opac_75_fff.png);

			padding: 6px 12px;
		}

	#wContent div.box_portal_teaser ul {
		clear: both;

		padding: 0;
		margin: 0;
	}

		#wContent div.box_portal_teaser ul li {
			background-image: none;
			padding-left: 0;
		}

/* ======================================================
	=3.8.1 Teaserlisten für Portalseiten: Vierer (Größe S)
========================================================= */
#wContent div.box_portal_teaser div.S {
	overflow: hidden;

	height: 45px;
	margin-bottom: 15px;
}

	#wContent div.box_portal_teaser div.S img { margin-right: 6px; }

	#wContent div.box_portal_teaser div.S h3 {
		font-size: 12px;
		line-height: 14px;
	}

		#wContent div.box_portal_teaser div.S h3 a { background-position: right -600px; }

	#wContent div.box_portal_teaser div.S p {
		font-size: 11px;

		margin-top: 1px;
	}

/* ======================================================
	=3.8.2 Teaserlisten für Portalseiten: Zweier (Größe M)
========================================================= */
#wContent div.box_portal_teaser div.M {
	overflow: hidden;

	height: 106px;
	margin-bottom: 13px;
}

	#wContent div.box_portal_teaser div.M img { margin-right: 6px; }

	#wContent div.box_portal_teaser div.M h3 {
		font-size: 13px;
		line-height: 17px;
	}

		#wContent div.box_portal_teaser div.M h3 a { background-position: right -600px; }

	#wContent div.box_portal_teaser div.M p {
		overflow: hidden;

		font-size: 12px;
		line-height: 16px;

		height: 80px;
		margin-top: 3px;
	}

/* ======================================================
	=3.8.3 Teaserlisten für Portalseiten: Einer (Größe L)
========================================================= */
#wContent div.box_portal_teaser div.L {
	position: relative;
	overflow: hidden;

	width: 298px;
	height: 223px;
	border: 1px solid #aaa;
	margin-bottom: 15px;
}

	#wContent div.box_portal_teaser div.L img.border { border: none; }

	#wContent div.box_portal_teaser div.L div.box_content { width: 274px; }

		#wContent div.box_portal_teaser div.L h3 {
			font-size: 15px;
			line-height: 19px;
		}

			#wContent div.box_portal_teaser div.L h3 a { background-position: right -597px; }

		#wContent div.box_portal_teaser div.L p {
			font-size: 13px;
			line-height: 17px;

			margin-top: 3px;
		}

/* ======================================================
	=3.8.4 Teaserlisten für Portalseiten: Full (Größe XL)
========================================================= */
#wContent div.box_portal_teaser div.XL {
	position: relative;
	overflow: hidden;

	width: 624px;
	min-height: 200px;
	max-height: 313px;
	border: 1px solid #aaa;
	margin-bottom: 15px;
}

	#wContent div.box_portal_teaser div.XL img.border { border: none; }

	#wContent div.box_portal_teaser div.XL div.box_content { width: 600px; }

		#wContent div.box_portal_teaser div.XL h3 {
			font-size: 16px;
			line-height: 20px;
		}

			#wContent div.box_portal_teaser div.XL h3 a { background-position: right -597px; }

		#wContent div.box_portal_teaser div.XL p {
			font-size: 14px;
			line-height: 18px;

			margin-top: 3px;
		}

/* ======================================================

	=3.9 Verwandte Themen

========================================================= */
#wContent div.box_related_themes {}

	#wContent div.box_related_themes h2 {
		font-size: 16px;
		color: #e2001a;
		line-height: 20px;

		padding-bottom: 6px;
		border-bottom: 1px solid #e2001a;
		margin: 0 16px 12px;
	}

	#wContent div.box_related_themes li {
		background-image: none;
		padding: 0 0 12px 0;
		border-bottom: 1px solid #b4b5b7;
		margin-top: 12px;
	}

	#wContent div.box_related_themes p { margin: 0; }

		#wContent div.box_related_themes p a { font-weight: normal; }

		#wContent div.box_related_themes p.title {
			color: #468acc;

			padding-bottom: 0;
			border-bottom: 0;
		}

			#wContent div.box_related_themes p.title a { background-position: right -596px; }

				#wContent div.box_related_themes p.title a span { font-weight: bold; }

		#wContent div.box_related_themes p.text { margin-top: 6px; }

			#wContent div.box_related_themes p.text a {
				color: #434343;
				text-decoration: none;

				background-image: none;
				padding-right: 0;
			}

/* ======================================================
	=3.9.1 Verwandte Themen: Content Info Area
========================================================= */
#wContentInfo div.box_related_themes p.title a { background-position: right -599px; }

/* ======================================================

	=3.10 Featured page

========================================================= */
#wContent div.box_featured_page {
	border-color: #fff;
	border-bottom-color: #d3d5d8;
	margin-top: 12px;
}

	#wContent div.box_featured_page h2 {
		font-size: 18px;
		line-height: 22px;

		margin-top: 0;
	}

	#wContent div.box_featured_page h3 {
		font-size: 16px;
		line-height: 20px;

		margin-top: 8px;
	}

		#wContent div.box_featured_page h2 a,
		#wContent div.box_featured_page h3 a {
			color: #434343;

			padding-right: 12px;
		}

		#wContent div.box_featured_page h2 a { background-position: right -197px; }
		#wContent div.box_featured_page h3 a { background-position: right 7px; }

	#wContent div.box_featured_page p { clear: none; }

	#wContent div.box_featured_page div.box_img {
		float: left;

		background-color: none;
		margin: 6px 16px 11px 11px;
	}

		#wContent div.box_featured_page div.box_img img.border { border-width: 1px; }

/* ======================================================

	=3.11 News aggregator

========================================================= */
#wContent div.box_news_aggregator {
	position: relative;

	width: 626px;

	padding: 391px 0 4px;
	margin: 12px 16px;
}

	#wContent div.box_news_aggregator div.box_news {
		position: absolute;
		top: 54px;
		left: 0;
	}

		#wContent div.box_news_aggregator div.box_news div.box_content {
			position: relative;
			display: none;

			width: 626px;
			height: 313px;
			background-color: #eee;
			margin-top: 12px;
		}

		#wContent div.box_news_aggregator div.active div.box_content { display: block; }

			#wContent div.box_news_aggregator div.box_news div.box_content a.over_all {
				display: block;
				position: absolute;
				top: 0;
				left: 0;

				width: 626px;
				height: 313px;
				background-image: url(img/other/empty.gif);

				cursor: pointer;
			}
			
			#wContent div.box_news_aggregator div.box_news div.box_content img { border: 1px solid #e2001a; }

			#wContent div.box_news_aggregator div.box_text {
				position: absolute;
				top: 12px;
				left: 12px;

				font-size: 14px;
				color: #535353;

				width: 210px;
				height: 271px;
				background-color: #fff;
				opacity: 0.8;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				filter:alpha(opacity=80);
				margin: 0;
			}

#wContent div.box_news_aggregator div.more_articles { text-align: right; }

	#wContent div.box_news_aggregator div.more_articles p { margin-right: 0; }

/* ======================================================
	=3.11.1 News aggregator: Textelemente
========================================================= */
#wContent p.news_aggregator {
	text-align: right;
}

#wContentText div.news_line {
	clear: both;

	height: 1px;
	border-top: 1px solid #b4b5b7;
	margin: 0 16px;
}

#wContent div.box_news_aggregator h2 {
	position: absolute;
	top: -42px;
	overflow: hidden;

	font-size: 14px;
	font-weight: normal;
	line-height: 18px;

	margin: 0;
}

#wContent div.box_news_aggregator div.article_0 h2 { left: -1px; }
#wContent div.box_news_aggregator div.article_1 h2 { left: 156px; }
#wContent div.box_news_aggregator div.article_2 h2 { left: 313px; }
#wContent div.box_news_aggregator div.article_3 h2 { left: 471px; }

	#wContent div.box_news_aggregator h2 a {
		display: block;

		font-weight: normal;
		color: #a0a0a0;

		height: 54px;
		background-color: #fff;
		background-image: none;
		padding-right: 0;

		cursor: pointer;
	}

	#wContent div.box_news_aggregator div.active h2 a {
		color: #434343;

		background: url(img/sprite/no-repeat.gif) no-repeat -300px -146px;
	}

		#wContent div.box_news_aggregator div.box_news h2 a span {
			display: block;
			overflow: hidden;

			width: 144px;
			height: 36px;
			padding: 0 6px;
			border-left: 1px solid #a0a0a0;
		}

		#wContent div.box_news_aggregator div.article_0 h2 a span { border-left-color: #fff; }

#wContent div.box_news_aggregator h3 {
	font-size: 16px;
	line-height: 20px;
}
	#wContent div.box_news_aggregator h3 a {
		color: #e2001a;

		background-image: none;
		padding-right: 0;
	}

#wContent div.box_news_aggregator p { margin-bottom: 6px; }

/* ======================================================

	=3.12 Gesundheitslexikon

========================================================= */
#wContent div.box_health {
	padding-top: 0;
	border-color: #fff;
	border-bottom-color: #d3d5d8;
	margin-top: 12px;
}

	#wContent div.box_health h2 {
		font-size: 18px;
		line-height: 22px;

		margin-top: 0;
	}

		#wContent div.box_health h2 a {
			color: #434343;
			background-position: right -197px;
		}

	#wContent div.box_health div.box_img {
		float: left;

		margin: 0 2px 11px 11px;
	}

	#wContent div.box_health div.box_content {
		float: left;

		width: 221px;
		margin: 0 0 11px 14px;
	}

		#wContent div.box_health div.box_content h2 {
			font-size: 14px;
			line-height: 18px;

			padding-bottom: 3px;
			border-bottom: 1px solid #a0a0a0;
			margin: 0 0 6px;
		}

			#wContent div.box_health div.box_content h2 a {
				background-position: right 4px;
				padding-right: 11px;
			}

		#wContent div.box_health div.box_content ul {
			width: 221px;
			margin: 0;
		}

			#wContent div.box_health div.box_content li {
				background-image: none;
				padding-left: 0;
			}

		#wContent div.box_health div.box_content p { margin: 0; }

/* ======================================================

	=3.13 Arzneimittelsuche

========================================================= */
#wContent div.box_drug_search {
	padding-top: 0;
	border-color: #fff;
	border-bottom-color: #d3d5d8;
	margin-top: 12px;
}

	#wContent div.box_drug_search h2 {
		font-size: 18px;
		line-height: 22px;

		margin-top: 0;
	}

		#wContent div.box_drug_search h2 a {
			color: #434343;
			background-position: right -197px;
		}

	#wContent div.box_drug_search div.box_img {
		float: left;

		margin: 0 4px 11px 11px;
	}

	#wContent div.box_drug_search div.box_content {
		float: left;

		width: 454px;
		margin: 0 0 11px 12px;
	}

		#wContent div.box_drug_search div.box_content h3 {
			padding-bottom: 3px;
			border-bottom: 1px solid #a0a0a0;
			margin: 0 0 6px;
		}

		#wContent div.box_drug_search div.box_content ul {
			width: 454px;
			margin: 0;
		}

			#wContent div.box_drug_search div.box_content li {
				background-image: none;
				padding-left: 0;
			}

		#wContent div.box_drug_search div.box_content p { margin: 0 0 12px; }

#wContent div.box_drug_search form {
	position: relative;

	width: 408px;
	height: 41px;
	background: url(img/sprite/no-repeat.gif) no-repeat -114px -365px;
	margin: 18px 0 24px;
}

	#wContent div.box_drug_search form input.text {
		position: absolute;
		top: 12px;
		left: 8px;

		font-size: 15px;
		color: #898989;
		line-height: 20px;

		width: 353px;
		height: 20px;
	}

	#wContent div.box_drug_search form input.img {
		position: absolute;
		top: 6px;
		right: 4px;
	}

/* ======================================================

	=3.13.1 Arzneimittelsuche für Servicespalte

========================================================= */
#wContentInfo div.box_search_drug {
	width: 298px;
	height: 140px;
	background: url(img/sprite/no-repeat.gif) no-repeat 0 -460px;
	border: 1px solid #d3d8dc;
	margin: 18px 16px 12px;
}

	#wContentInfo div.box_search_drug h2 { margin-top: 12px; }

		#wContentInfo div.box_search_drug h2 a {
			display: block;

			width: 246px;
			height: 25px;
			background: url(img/sprite/no-repeat.gif) no-repeat -320px -510px;
		}

	#wContentInfo div.box_search_drug form { position: relative; }

		#wContentInfo div.box_search_drug input.text {
			position: absolute;
			top: 11px;
			left: 53px;

			font-size: 15px;
			color: #898989;
			line-height: 20px;

			width: 182px;
			height: 20px;
		}

		#wContentInfo div.box_search_drug input.img {
			position: absolute;
			top: 5px;
			right: 20px;
		}
		
/* ======================================================

	=3.14 MedInfo-Texte

========================================================= */
#wContent div.box_medinfo { margin: 0 16px; }

	#wContent div.box_medinfo ul { margin: 0 0 3px; }

	#wContent div.box_medinfo p { margin: 12px 0; }

/* ======================================================

	=3.15 grintsch_lister (A-Z, Kategorielisting)

========================================================= */
/* ======================================================
	=3.15.1 grintsch_lister: Tabs
========================================================= */
#wContent ul.category_switcher,
#wContent ul.category_dateswitcher {
	width: 626px;
	height: 50px;
	background: url(img/sprite/repeat-x.gif) repeat-x 0 -600px;
	padding-bottom: 0;
	margin-top: 24px;
}

	#wContent ul.category_switcher li.category,
	#wContent ul.category_dateswitcher li.category {
		float: left;

		font-size: 13px;
		color: #b5b5b5;
		text-align: center;
		text-transform: uppercase;

		width: 20px;
		height: 50px;
		background-image: none;
		padding-left: 0;
		margin: 0 1px 0 2px;
	}

	#wContent ul.category_switcher li.first,
	#wContent ul.category_switcher li.first {
		width: 24px;
		margin-left: 1px;
	}

		#wContent ul.category_switcher a,
		#wContent ul.category_switcher span,
		#wContent ul.category_switcher a,
		#wContent ul.category_switcher span {
			display: block;

			font-weight: bold;
			
			text-align: center;
			text-transform: uppercase;
			width: 20px;
			height: 38px;
			padding: 12px 0 0;
		}

		#wContent ul.category_switcher a {
			color: #000;
			background: url(img/sprite/no-repeat.gif) no-repeat -300px -120px;
		}

		#wContent ul.category_switcher a:hover,
		#wContent ul.category_switcher a:focus,
		#wContent ul.category_switcher a:active {
			color: #fff;
			text-decoration: none;
			
			background-position: -130px -150px;
		}

		#wContent ul.category_switcher li.first span { width: 24px; }

		#wContent ul.category_switcher li.active a {
			color: #fff;
			
			background-position: -170px -150px;
		}

		#wContent ul.category_switcher li.first a:hover,
		#wContent ul.category_switcher li.first a:focus,
		#wContent ul.category_switcher li.first a:active { background-position: -210px -150px; }

		#wContent ul.category_switcher li.active a.first { background-position: -254px -150px; }

/* ======================================================
	=3.15.2 grintsch_lister: Listing
========================================================= */
#wContent div.box_category_switcher div.container {
	display: none;
	
	border-color: #fff;
	border-bottom-color: #D3D8DC;
}

#wContent div.box_category_switcher div.active { display: block; }

/* ======================================================
	=3.15.3 grintsch_lister: Tooltips (A-Z)
========================================================= */
#wContent ul.category_switcher a.tooltip span.info {
	display: none;
	position: relative;
	left: 15px;

	width: 188px;
	height: auto;
	background-color: #eee;
	padding: 6px 6px 3px;
	border: 1px solid #ccc;
}

#wContent ul.category_switcher a.tooltip:hover span.info { display: block; }

	#wContent ul.category_switcher a.tooltip span.info span {
		display: block;
		
		font-size: 12px;
		font-weight: normal;
		color: #414141;
		text-align: left;
		text-transform: none;

		width: 180px;
		height: auto;
		background: url(img/sprite/no-repeat_S.gif) no-repeat 0 -1600px;
		padding: 0 0 3px 8px;
	}

/* ======================================================

	=3.16 Adressenbox

========================================================= */
#wContent div.container div.box_adress { padding-bottom: 6px; }

	#wContent div.container div.box_adress h2 { margin: 6px 12px; }

	#wContent div.container div.box_adress h3 { margin-bottom: 3px; }

	#wContent div.container div.box_adress p { margin-bottom: 6px; }

	#wContent div.container div.box_adress p.adress,
	#wContent div.container div.box_adress p.contact {
		float: left;
		clear: none;

		width: 294px;
		margin-right: 0;
	}

/* ======================================================

	=3.17 Link tipps

========================================================= */
#wContentInfo div.link_tipps {
	background: #fff url(img/text/link_tipps.jpg) repeat-x;
}

	#wContentInfo div.link_tipps h3 {
		width: 296px;
		height: 40px;
		background: url(img/sprite/no-repeat.gif) no-repeat -320px -700px;
		margin: 0;
	}

	#wContentInfo div.link_tipps ul { margin: 6px 11px 0; }

		#wContentInfo div.link_tipps li {
			padding: 12px 0;
			border-top: 1px solid #b4b5b7;
			margin: 0;
		}

		#wContentInfo div.link_tipps li.first { border-top: none; }

		#wContentInfo div.link_tipps li img {
			float: left;

			border: 1px solid #b4b5b7;
			margin-right: 6px;
		}

		#wContentInfo div.link_tipps li p {
			clear: none;
			
			margin: 0;
		}

			#wContentInfo div.link_tipps li p.title {
				color: #434343;

				border-bottom: none;
			}

			#wContentInfo div.link_tipps li p.links { line-height: 18px; }