/*
			* Umweltkinderhefte.de CSS Stylesheet
			* Datum: 6.1.2009
			* Autor: Jan Kassel
	*/
	
	
 /* ****************************************************
	Globale Formatieren, Reset                          */
		
 * {
	margin:0px;
	padding:0px;
	border:0px;
 }
 
 body {
	padding:0px;
	font:normal 13px 'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
	text-align:center;
	background:#d2f4f7;
 }
 
 
 /* ****************************************************
	Wrapper                                             */
	
 div#wrapper {
	text-align:left;
	width:800px;
	margin:0px auto;
 }
 
 
 /* ****************************************************
	Header                                              */
	
 div#wrapper div#header {
	position:relative;
	float:left;
	width:804px;
	height:auto;
	margin:0px;
	background:#d2f4f7;
 }
 
 
 /* Banner */
 div#wrapper div#header a#banner {
	float:left;
	width:804px;
	height:103px;
	background:transparent url(images/banner.png) left top no-repeat;
 }
 div#wrapper div#header a#banner.gross { background:transparent url(images/banner_gross.png) left top no-repeat; }
 div#wrapper div#header a#banner.klein { background:transparent url(images/banner_klein.png) left top no-repeat; }
 
 div#wrapper div#header a#banner span { display:none; visibility:hidden; }
 
 
 /* Navigation */
 div#wrapper div#header ul#navigation {
	list-style:none;
	float:left;
	width:804px;
	background:transparent;
 }
 
 div#wrapper div#header ul#navigation li { 
	list-style:none;
	float:left;
	height:auto;
	width:auto;
 }
 
 div#wrapper div#header ul#navigation li a,
 div#wrapper div#header ul#navigation li a:visited,
 div#wrapper div#header ul#navigation li a:link {
	float:left;
	width:201px;
	height:38px;
	background:transparent;
	background-position:left top;
	margin-bottom:8px;
 }
 
 div#wrapper div#header ul#navigation li a span { display:none; visibility:hidden; }
 
 div#wrapper div#header ul#navigation li a#nav_hefte { background:transparent url(images/nav_hefte.png) no-repeat; }
 div#wrapper div#header ul#navigation li a#nav_hefte:hover { background-position:left -46px; }
 div#wrapper div#header ul#navigation li.active a#nav_hefte { margin-bottom:0px; height:46px; }
 
 div#wrapper div#header ul#navigation li a#nav_spiele { background:transparent url(images/nav_spiele.png) no-repeat; }
 div#wrapper div#header ul#navigation li a#nav_spiele:hover { background-position:left -46px; }
 div#wrapper div#header ul#navigation li.active a#nav_spiele { margin-bottom:0px; height:46px; }
 
 div#wrapper div#header ul#navigation li a#nav_angebote { background:transparent url(images/nav_angebote.png) no-repeat; }
 div#wrapper div#header ul#navigation li a#nav_angebote:hover { background-position:left -46px; }
 div#wrapper div#header ul#navigation li.active a#nav_angebote { margin-bottom:0px; height:46px; }
 
 div#wrapper div#header ul#navigation li a#nav_kontakt { background:transparent url(images/nav_kontakt.png) no-repeat; }
 div#wrapper div#header ul#navigation li a#nav_kontakt:hover { background-position:left -46px; }
 div#wrapper div#header ul#navigation li.active a#nav_kontakt { margin-bottom:0px; height:46px; }
 
 
 /* Subheader */
 div#wrapper div#header div#subheader {
	float:left;
	width:804px;
	height:138px;
	background:transparent;
	margin:0px 0px 8px 0px;
 }
 
 div#wrapper div#header div#subheader.sub_hefte { background:url(images/subheader_hefte.png) left top no-repeat; }
 div#wrapper div#header div#subheader.sub_spiele { background:url(images/subheader_spiele.png) left top no-repeat; }
 div#wrapper div#header div#subheader.sub_angebote { background:url(images/subheader_angebote.png) left top no-repeat; }
 div#wrapper div#header div#subheader.sub_kontakt { background:url(images/subheader_kontakt.png) left top no-repeat; }
 
 div#wrapper div#header div#subheader h1 { float:left; width:504px; padding:20px 75px 3px 225px; font:bold 33px/1.6em 'Trebuchet MS','Segoe UI',Verdana,Tahoma,Helvetica,Arial; color:#fff; }
 div#wrapper div#header	div#subheader h3 { float:left; width:529px; padding:2px  50px 0px 225px; font:normal 19px/1.6em 'Trebuchet MS','Segoe UI',Verdana,Tahoma,Helvetica,Arial; color:#fff; }
 div#wrapper div#header div#subheader.sub_spiele h1, div#wrapper div#header div#subheader.sub_spiele h3 { color:#582; }
 
 /* Junge */
 div#wrapper div#header div#header_junge {
	float:left;
	width:146px;
	height:196px;
	background:transparent url(images/background-junge.png) left top no-repeat;
	position:absolute;
	left:675px;
	top:150px;
 }
 
 
 /* ****************************************************
	Container, Sidebar & Content                        */
	
 /* Container */
 div#wrapper div#container {
	float:left;
	width:804px;
	height:auto;
	padding:0px;
	background:#ff9 url(images/background-container.png) left top repeat-x;
 }
 
 
 /* Sidebar ... */
 div#wrapper div#container div#sidebar {
	float:left;
	width:190px;
	padding:15px 10px 30px 10px;
 }
 
 /* ... & Menue-Formatierungen */
 div#wrapper div#container div#sidebar ul.sidemenu {
	float:left;
	width:190px;
	list-style:none;
	height:auto;
	padding:0px; padding-bottom:7px;
	background:#e2dace url(images/background-sidemenu.png) left top no-repeat;
	margin-bottom:25px;
 }
 
 div#wrapper div#container div#sidebar ul.sidemenu li {
	width:190px;
	float:left;
	list-style:none;
 }
 
 div#wrapper div#container div#sidebar ul.sidemenu li h3 {
	float:left;
	height:20px;
	padding:2px 7px;
	font:bold 14px 'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color:#fff;
	cursor:default;
 }
 
 div#wrapper div#container div#sidebar ul.sidemenu li a,
 div#wrapper div#container div#sidebar ul.sidemenu li a:visited {
	width:160px;
	float:left;
	padding:5px 10px;
	margin:0px 5px;
	border-bottom:1px solid #bbb;
	color:#666;
	text-decoration:none;
 }
 
 div#wrapper div#container div#sidebar ul.sidemenu li a:hover,
 div#wrapper div#container div#sidebar ul.sidemenu li a:active {
	border-bottom:1px solid #999;
	color:#111;
 }
 
 div#wrapper div#container div#sidebar ul.sidemenu li p {
	float:left;
	width:160px;
	border-bottom:1px solid #bbb;
	color:#666;
	padding:5px 10px;
	margin:0px 5px;
 }
 
 
 /* Content */
 div#wrapper div#container div#content {
	float:left;
	width:544px;
	padding:19px 25px;
	color:#785;
	font:normal 13px/1.7em 'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
 }
 
 div#wrapper div#container div#content h1 {
	float:left;
	width:280px;
	margin:0px 244px 15px 10px;
	color:#896;
	padding:5px;
	font:bold 25px/1.6em 'Segoe UI','Lucida Grande','Lucida Sans Unicode','Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
	letter-spacing:-1px;
	background:transparent url(images/background-title.png) left bottom repeat-x;
 }
 
 div#wrapper div#container div#content a,
 div#wrapper div#container div#content a:visited {
	font:normal 13px/1.7em 'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
	text-decoration:none;
	color:#563;
	border-bottom:1px dotted #563;
 }
 
 div#wrapper div#container div#content a:hover,
 div#wrapper div#container div#content a:active {
	color:#000;
	border-bottom:1px dotted #000;
 }
 
 
 /* Footer */ 
 div#wrapper div#container div#footer {
	float:left;
	width:790px;
	padding:7px;
	color:#999;
	margin-top:50px;
 }
 
 div#wrapper div#container div#footer ul#footerlinks {
	float:left;
	width:700px;
	list-style:none;
 }
 
 div#wrapper div#container div#footer ul#footerlinks li { float:left; list-style:none; }
 div#wrapper div#container div#footer ul#footerlinks li a,
 div#wrapper div#container div#footer ul#footerlinks li a:active { float:left; padding:1px 7px; border-left:1px solid #999; color:#777; text-decoration:none; }
 div#wrapper div#container div#footer ul#footerlinks li a:hover { color:#333; }
 div#wrapper div#container div#footer ul#footerlinks li p { float:left; padding:1px 7px; color:#999; }