/* ==================================================================
Allgemeines Stylesheet fuer den Siteaufbau
Datei: layout.css
Media: all

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

Inhalt:
CSS-Anweisungen fuer Aponet

Aufbau:
1. Allgemeine Selektoren
	1.1 Inline-Elemente
	1.2 Block-Elemente
	1.3 Klassensiz

2. Site-Wrapper

3. Logo

4. Breadcrumb

5. Contentbereich
	5.1 Page theme
	5.2 TextContent
	5.3 InfoContent

6. Helper: Print/Recommend/Fontsize/RSS

7. Apothekenfinder

8. Suche

9. Menu Main
	9.1 Thematische Navigation
	9.2 Alle Inhalte
		9.2.1 Alle Inhalte: Page themes
		9.2.2 Alle Inhalte: Lists

10. Footer
	10.1 Allgemeines
	10.2 Footernavigation
	10.3 Share
	10.4 Copyright & aponet-Link

11. Banner
==================================================================== */
/* ======================================================

	=1. Allgemeine Selektoren

========================================================= */
* {
	padding: 0px;
	border: 0px;
	margin: 0px;
	outline: 0;
}

:focus { outline: 0; }

html { height: 101%; }

body {
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #434343;
	text-align: center;

	height: 101%;
	background: #fff url(img/layout/body.jpg) repeat-x 0 0;
}

body.no_banner { background-position: 0 -75px; }

body.wallpaperbanner { background-image: none; }

	div.bg_img {
		width: 100%;
		min-height: 50px;
		background-image: url(img/layout/bg_img.jpg); /* @sprite: sehr gross */
		background-repeat: no-repeat;
		background-position: center top;
		padding-top: 105px;
	}

	body.no_banner div.bg_img {
		background-image: url(img/layout/bg_img_no_banner.jpg);
		padding-top: 28px;
	}

	body.wallpaperbanner div.bg_img { background-image: none; }

#wTrackingBug {
	font-size: 0;
	
	width: 0;
	height: 0;
}

img.tracking_bug { position: absolute; top: 1px; left: 1px;}
/* ======================================================
	=1.1 Inline-Elemente
========================================================= */
a { text-decoration: none; }

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

ul.functions a {
	display: block;

	background-image: url(img/sprite/no-repeat.png);
	background-repeat: no-repeat;
}

	ul.functions a.recommend_page {
		background-image: none;
		padding-top: 1px;
	}

	ul.functions a.print_page {
		background-position: -145px -86px;
		padding: 1px 0 0 20px;
	}

	ul.functions a.rss {
		width: 12px;
		height: 16px;
		background-position: -80px -21px;
		padding-bottom: 1px;
	}

	ul.functions a.fontsize {
		width: 50px;
		height: 16px;
		background-position: -80px 0;
		padding-bottom: 1px;
	}

img { vertical-align: top; }

/* ======================================================
	=1.2 Block-Elemente
=========================================================*/
table.ie_help {
	position: absolute;
	top: 0;
	left: 0;
}

ul.navigation {
	clear: both;
	float: left;

	list-style-type: none;
}

	ul.navigation li { float: left; }

/* ======================================================
	=1.3 Klassen
========================================================= */
.clearer {
	clear: both;

	font-size: 0;

	width: 0;
	height: 0;
	line-height: 0;
}

span.clearer { display: block; }

.wech {
	display: inline;
	position: absolute;
	left: -10000px;
	top: -10000px;
	overflow: hidden;

	width: 0;
	height: 0;
}

.important { color: #e2001a; }

.title { font-weight: bold; }

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

	=2. Site-Wrapper

========================================================= */
#wPage {
	position: relative;

	text-align: left;

	width: 994px;
	min-height: 50px;
	padding-right: 65px;
	margin: 0 auto;
}

body.no_banner #wPage { padding-right: 0; }

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

	=3. Logo

========================================================= */
#wLogo {
	position: relative;

	width: 980px;
	height: 194px;
	background: url(img/layout/wLogo.jpg) no-repeat;
	
	padding: 14px 0 0 14px;
}

	#wLogo a.logo {
		display: block;

		width: 273px;
		height: 119px;
		background: url(img/sprite/no-repeat.gif) no-repeat 0 0;
	}

		#wLogo a.logo img { display: none; }

	#wLogo span.extra {
		display: block;
		position: absolute;
		z-index: 1000;

		background: url(img/sprite/no-repeat.png) no-repeat;

		/* summer: */
		top: -10px; 
		left: 232px; 

		width: 65px;
		height: 61px; 

		background-position: 0 0;
	}

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

	=4. Breadcrumb

========================================================= */
#wBreadcrumb {
	position: absolute;
	top: 189px;
	left: 0;
	z-index: 10;
	overflow: hidden;

	width: 964px;
	height: 20px;
	background: #f7f8f8 url(img/sprite/repeat-x.gif) repeat-x 0 0;
	padding: 5px 16px 0 12px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #d3d8dc;
}

	#wBreadcrumb a {
		font-size: 12px;
		color: #898989;

		background: url(img/sprite/no-repeat.gif) no-repeat right -120px;
		padding: 0 14px 0 4px;
	}

	#wBreadcrumb span.active {
		font-size: 12px;
		color: #898989;
		font-weight: bold;

		padding: 0 14px 0 4px;
	}

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

	=5. Contentbereich

========================================================= */
#wContent {
	width: 992px;
	min-height: 200px;
	background: #fff url(img/layout/wContent.jpg) repeat-y right top; /* @sprite: repeat-y */
	padding-top: 7px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #d3d8dc;
}

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

	=5.1 Page theme

========================================================= */
#wPageTheme {
	position: relative;

	width: 658px;
	min-height: 40px;
}

	#wPageTheme img { margin-bottom: -13px; }

	#wPageTheme p {
		position: absolute;
		top: 0;
		left: 0;

		width: 624px;
		padding-top: 13px;
	}

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

	=5.2 TextContent

========================================================= */
#wContentTextArea {
	float: left;

	color: #313131;
	color: #515151;

	width: 658px;
	min-height: 580px;
	padding-bottom: 18px;
}

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

	=5.3 InfoContent

========================================================= */
#wContentInfo {
	float: right;

	font-size: 12px;
	color: #434343;

	width: 334px;
	min-height: 100px;
	padding: 13px 0 18px;
}

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

	=6. Helper: Print/Recommend/Fontsize/RSS

========================================================= */
#wHelps {
	position: absolute;
	top: 98px;
	left: 310px;

	font: 12px Arial, Helvetica, sans-serif;

	width: 348px;
	height: 36px;
	border-right: 1px solid #b3bac4;
}

	#wHelps li {
		line-height: 16px;

		padding: 0 5px;
		border-right: 1px solid #959595;
	}

		#wHelps li.last { border-right: none; }

	#wHelps a { color: #707070; }

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

	=7. Apothekenfinder

========================================================= */
#wFinder {
	position: absolute;
	top: 1px;
	right: 66px;

	width: 297px;
	height: 135px;
	background-image: url(img/other/opac_20_fff.png); /* @sprite: repeat */
	padding: 0 18px;
	border-left: 1px solid #e6ebf0;
}

body.no_banner #wFinder { right: 1px; }

	#wFinder h2 {
		font-size: 16px;
		font-weight: bold;
		color: #e2001a;
		line-height: 22px;

		margin-top: 16px;
	}

	#wFinder fieldset {
		position: absolute;
		top: 40px;

		width: 276px;
		height: 44px;
		background: #fff url(img/sprite/no-repeat.gif) no-repeat -300px 0;
		border: 1px solid #e2001a;
		margin-top: 33px;
	}

		#wFinder fieldset a,
		#wFinder fieldset a:hover,
		#wFinder fieldset a:focus,
		#wFinder fieldset a:active {
			color: #515151;
			text-decoration: none;
		}

		#wFinder fieldset legend span {
			display: block;
			position: absolute;

			font-size: 13px;
			font-weight: bold;
			line-height: 18px;
			color: #313131;

			background-color: #bfbfbf;
			padding: 6px 12px 4px;
			border: 1px solid #bfbfbf;		
			border-bottom: 0;
		}

		#wFinder fieldset legend span.active {
			background-color: #e2001a;
			border-color: #e2001a;
		}

			#wFinder fieldset legend span.active a { color: #fff; }

		#wFinder #searchPharmacy legend span {
			top: -29px;
			left: 90px;
		}

		#wFinder #searchEmergency legend span {
			top: -29px;
			left: -1px;

			color: #e2001a;
		}

		#wFinder input.text {
			position: absolute;

			font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color: #898989;
			line-height: 20px;

			width: 180px;
			margin: 13px 0 0 42px;
		}

		#wFinder input.img {
			position: absolute;
			left: 222px;

			width: 40px;
			height: 27px;
			margin: 9px 0 0 5px;
		}

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

	=8. Suche

========================================================= */
#wSearch {
	position: absolute;
	top: 1px;
	left: 310px;

	width: 348px;
	height: 53px;
	padding-top: 44px;
	border-right: 1px solid #b3bac4;
}

	#wSearch form {
		width: 316px;
		height: 29px;
		background: url(img/sprite/no-repeat.gif) no-repeat -300px -60px;
		padding: 5px 4px 5px 6px;
		border: 1px solid #d1dde8;
	}

	#wSearch input.text {
		float: left;

		font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #898989;
		line-height: 20px;

		width: 270px;
		height: 20px;
		margin-top: 6px;
	}

	#wSearch input.img {
		clear: left;

		width: 40px;
		height: 30px;
		margin-left: 6px;
	}

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

	=9. Menu Main

========================================================= */
#wMenuMain {
	position: absolute;
	top: 133px;
	left: 1px;
	z-index: 100;

	width: 992px;
	height: 56px;
	background: url(img/sprite/repeat-x.gif) repeat-x 0 -170px;
}

	#wMenuMain a {
		font-weight: bold;
		text-decoration: none;
	}

	#wMenuMain a.main_link {
		display: table-cell;

		font-size: 14px;
		color: #434343;
		text-align: center;
		vertical-align: middle;
		text-shadow: #fff 1px 1px 1px;
	}

/* ======================================================
	=9.1 Thematische Navigation
========================================================= */
#wMenuMain ul.navigation {
	border-left: 1px solid #aab4bb;
	margin-left: 166px;
}

	#wMenuMain ul.navigation li { border-right: 1px solid #aab4bb; }

	#wMenuMain ul.navigation a.main_link {
		width: 92px;
		height: 56px;
		padding: 0 10px;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
	}

	#wMenuMain ul.navigation a.main_link:hover,
	#wMenuMain ul.navigation a.main_link:focus,
	#wMenuMain ul.navigation a.main_link:active {
		background: url(img/sprite/repeat-x.gif) repeat-x 0 -250px;
		padding: 0 11px;
		border: 0;
	}

	#wMenuMain ul.navigation a.active {
		color: #e2001a;
		text-shadow: #fff 1px 1px 1px;

		background: url(img/sprite/no-repeat.gif) no-repeat 0 -150px;
		padding: 0 11px;
		border: 0;
	}

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

	=9.2 Alle Inhalte

========================================================= */
#wMenuMain div.drop_menu {
	position: absolute;
	top: -3px;
	left: 12px;
	z-index: 100;

	width: 153px;
	height: 70px;
	background: url(img/sprite/no-repeat.png) no-repeat -140px 0;
}

	#wMenuMain div.drop_menu a.drop_link {
		width: 126px;
		height: 60px;
		padding-right: 12px;
	}

	#wMenuMain div.drop_menu a.close_drop {
		position: absolute;
		top: 20px;
		right: 8px;

		color: #e2001a;

		background: #fff url(img/sprite/no-repeat.gif) no-repeat -686px 5px;
		padding: 1px 6px 1px 18px;
		border: 1px solid #e2001a;
	}

	#wMenuMain div.drop_menu div.drop_area {
		position: absolute;
		top: 50px;
		left: -13px;
		z-index: 1;
		visibility: hidden;

		padding-top: 10px;
	}

	/* Macht den drop bereich sichtbar */
	body.js_without_js #wMenuMain div.drop_menu:hover div.drop_area,
	body.js_without_js #wMenuMain div.drop_menu a:hover div.drop_area { visibility: visible; }

		#wMenuMain div.drop_menu div.drop_content {
			width: 992px;
			background-color: #fff;
			padding: 12px 0;
			border: 1px solid #e2001a;
			border-top: none;
		}

			#wMenuMain div.drop_menu div.drop_content div.page_theme ul { list-style-type: none; }

				#wMenuMain div.drop_menu div.drop_content div.page_theme a {}

				#wMenuMain div.drop_menu div.drop_content div.page_theme a:hover span,
				#wMenuMain div.drop_menu div.drop_content div.page_theme a:focus span,
				#wMenuMain div.drop_menu div.drop_content div.page_theme a:active span { text-decoration: underline; }

/* ======================================================
	=9.2.1 Alle Inhalte: Page themes
========================================================= */
#wMenuMain div.drop_menu div.drop_content div.page_theme {
	float: left;

	width: 380px;
	margin-left: 12px;
}

#wMenuMain div.drop_menu div.drop_content #wTheme_00 { width: 184px; }

	#wMenuMain div.drop_menu div.drop_content div.page_theme h4 {
		font-size: 20px;
		line-height: 24px;

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

		#wMenuMain div.drop_menu div.drop_content div.page_theme h4 a { color: #e2001a; }

		#wMenuMain div.drop_menu div.drop_content div.page_theme h4 a:hover,
		#wMenuMain div.drop_menu div.drop_content div.page_theme h4 a:focus,
		#wMenuMain div.drop_menu div.drop_content div.page_theme h4 a:active { text-decoration: none; }

/* ======================================================
	=9.2.2 Alle Inhalte: Lists
========================================================= */
/* Level 1 */
#wMenuMain div.drop_menu div.drop_content div.page_theme ul.level_01 {
	float: right;

	width: 172px;
	margin: 0 6px;
}

#wMenuMain div.drop_menu div.drop_content div.page_theme ul.first { float: left; }

	#wMenuMain div.drop_menu div.drop_content div.page_theme ul.level_01 li {
		font-size: 14px;
		line-height: 18px;

		margin-bottom: 12px;
	}

		#wMenuMain div.drop_menu div.drop_content div.page_theme ul.level_01 li a {
			display: block;
			overflow: hidden;

			color: #434343;

			width: 172px;
		}

			#wMenuMain div.drop_menu div.drop_content div.page_theme ul.level_01 li a span {
				background: url(img/sprite/no-repeat_S.gif) no-repeat right 4px;
				padding-right: 12px;
			}

/* Level 2 */
#wMenuMain div.drop_menu div.drop_content div.page_theme ul ul.level_02 {
	float: none;

	margin-top: 6px;
}

	#wMenuMain div.drop_menu div.drop_content div.page_theme ul.level_02 li {
		font-size: 12px;
		line-height: 16px;

		margin-bottom: 3px;
	}

		#wMenuMain div.drop_menu div.drop_content div.page_theme ul.level_02 li a { color: #468acc; }

			#wMenuMain div.drop_menu div.drop_content div.page_theme ul.level_02 li a span {
				background: url(img/sprite/no-repeat_S.gif) no-repeat right -600px;
				padding-right: 10px;
			}

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

	=10. Footer

========================================================= */
#wPageFooter {
	width: 100%;
	height: 155px;
	margin-top: -66px;
	/* @sprite: zu gross */
/* Summer: */ 
	background-image: url(img/layout/wPageFooter.jpg); 
	background-repeat: no-repeat; 
	background-position: center top;

}


body.no_banner #wPageFooter {
	background-image: url(img/layout/wPageFooter_no_banner.png);
} /* @sprite: zu gross */

	#wPageFooter div.bg_img {
		padding-top: 66px;
		background: url(img/sprite/repeat-x.gif) repeat-x 0 -378px;
	}

#wFooter {
	position: relative;

	font-size: 12px;

	width: 994px;
	height: 90px;
	background: url(img/sprite/repeat-x.gif) repeat-x 0 -444px; /* @sprite: vermutlich unnötig */
	padding-right: 65px;
	margin: 0 auto;
}

body.no_banner #wFooter { padding-right: 0; }

body.wallpaperbanner #wPageFooter { background-image: none; }

/* ======================================================
	=10.1 Allgemeines
========================================================= */
#wFooter a { color: #434343; }

/* ======================================================
	=10.2 Footernavigation
========================================================= */
#wFooter ul.navigation {
	clear: none;

	font-family: Arial, Helvetica, sans-serif;

	background-color: #eaeaea;
	border-top: 1px solid #fff;
}

#wFooter ul.top,
#wFooter ul.bottom {
	width: 648px;
	padding-left: 10px;
	border-left: 1px solid #d3d8dc;
}

#wFooter ul.top {
	height: 17px;
	padding-top: 10px;
}

#wFooter ul.bottom {
	height: 22px;
	padding-top: 6px;
	border-top: none;
}

#wFooter ul.functions {
	float: right;

	width: 314px;
	height: 45px;
	height: 17px;
	border-right: 1px solid #d3d8dc;
	padding: 10px 10px 0 10px;
}

	#wFooter ul.navigation li {
		line-height: 16px;

		padding: 0 5px;
		border-right: 1px solid #a0a0a0;
	}

		#wFooter ul.navigation li.last { border-right: none; }

/* ======================================================
	=10.3 Share
========================================================= */
#wFooter p.w_share {
	position: absolute;
	top: 32px;
	right: 85px;
	z-index: 10;
}

#wFooter p.social_links {
	float: right;

	text-align: right;

	width: 324px;
	background-color: #eaeaea;
	padding: 7px 10px 3px 0;
	border-right: 1px solid #d3d8dc;
}

	#wFooter p.social_links a {
		text-decoration: none;
		
		padding-right: 6px;
	}

		#wFooter p.social_links a img { border: 1px solid #d3d8dc; }

/* ======================================================
	=10.4 Copyright & aponet-Link
========================================================= */
#wFooter p.copyright {
	float: left;

	color: #fff;

	padding: 10px 0 0  15px;
}

#wFooter p.aponet {
	position: relative;
	float: right;

	font-size: 14px;

	padding: 3px 15px 0 0;
}

	#wFooter p.aponet a {
		display: inline-block;

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

	#wFooter p.aponet a.link_01 {
		position: absolute;
		top: 8px;
		right: 122px;

		text-align: right;

		width: 700px;
	}

		#wFooter p.aponet a.link_02 { font-size: 22px; }
		
			#wFooter p.aponet a.link_02 span { font-weight: bold; }

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

	=11. Banner

========================================================= */
#wBannerzone {
	width: 0;
	height: 0;
}

#wBannerzone div.bigsize {
	position: absolute;
	top: -105px;
	left: 0;
	z-index: 10;

	text-align: center;

	width: 994px;
	height: 105px;
}

#wBannerzone.wallpaper div.bigsize { left: 8px; }

	#wBannerzone div.bigsize div.inner {
		width: 728px;
		height: 90px;
		margin: 7px auto;
	}

	#wBannerzone.wallpaper div.bigsize div.inner {
		float: right;

		margin: 7px 0;
	}

#wBannerzone div.skyscraper {
	position: absolute;
	top: 190px;
	left: 995px;
	z-index: 10;

	min-width: 130px;
	min-height: 600px;
}

#wBannerzone.wallpaper div.skyscraper {
	top: -105px;

	text-align: left;
}

	#wBannerzone div.skyscraper > div  {
		min-width: 120px;
		min-height: 600px;
		margin: 5px;
	}

	#wBannerzone.wallpaper div.skyscraper div { margin: 7px; }