/* Übersichtsseite
--------------------------------------------------------------------------------------------------*/
body,html {width:100%;}
body		{margin:0; padding:0; background: #FCF5B6;}
body           {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size: 12px;
	color:#187035;
}
p ul li {
	margin:0px;
	padding:0px;	
}
.fett{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.f13{
	font-size: 13px;
}
.f15{
	font-size: 15px;
}




/* Navigation
--------------------------------------------------------------------------------------------------*/

#navi li { 
	font-size:12px;
	text-indent:-9999px;
	list-style-type:none;	
}
#navi li a, #navi li a:visited, #navi li a:hover, #navi li a:active{
	text-decoration: none;
}


/* teilnahme -----------------------------------------------------------*/
li#teilnahme a{
	position:absolute;
	top:166px;
	left:300px;
	background: url(images/n_teilnahme.gif);
	background-position:0px -102px;
	background-repeat:no-repeat;
	height:33px;
	width:100px;	
} 
li#teilnahme a:hover, li#teilnahme a:active{
	background-position:0px -3px;
} 
li#teilnahme a.aktiv{
	background-position:0px -3px;
	cursor:default;
}  
    
/* zeiten -----------------------------------------------------------*/

li#zeiten a{
	position:absolute;
	top:124px;
	left:363px;
	background: url(images/n_zeiten.gif);
	background-position:0px -102px;
	background-repeat:no-repeat;
	height:33px;
	width:100px;	
} 
li#zeiten a:hover, li#teilnahme a:active{
	background-position:0px -3px;
}
li#zeiten a.aktiv{
	background-position:0px -3px;
	cursor:default;
}
/* kosten -----------------------------------------------------------*/

li#kosten a{
	position:absolute;
	top:94px;
	left:430px;
	background: url(images/n_kosten.gif);
	background-position:0px -102px;
	background-repeat:no-repeat;
	height:33px;
	width:100px;	
} 
li#kosten a:hover, li#teilnahme a:active{
	background-position:0px -3px;
}
li#kosten a.aktiv{
	background-position:0px -3px;
	cursor:default;
}
/* inhalte -----------------------------------------------------------*/

li#inhalte a{
	position:absolute;
	top:72px;
	left:500px;
	background: url(images/n_inhalte.gif);
	background-position:0px -102px;
	background-repeat:no-repeat;
	height:33px;
	width:100px;	
} 
li#inhalte a:hover, li#inhalte a:active{
	background-position:0px -3px;
}
li#inhalte a.aktiv{
	background-position:0px -3px;
	cursor:default;
}

/* bio -----------------------------------------------------------*/

li#bio a{
	position:absolute;
	top:57px;
	left:575px;
	background: url(images/n_bio.gif);
	background-position:0px -102px;
	background-repeat:no-repeat;
	height:33px;
	width:100px;	
} 
li#bio a:hover, li#bio a:active{
	background-position:0px -3px;
}
li#bio a.aktiv{
	background-position:0px -3px;
	cursor:default;
}
/* links -----------------------------------------------------------*/

li#links a{
	position:absolute;
	top:54px;
	left:685px;
	background: url(images/n_links.gif);
	background-position:0px -102px;
	background-repeat:no-repeat;
	height:33px;
	width:100px;	
} 
li#links a:hover, li#links a:active{
	background-position:0px -3px;
}
li#links a.aktiv{
	background-position:0px -3px;
	cursor:default;
}
/* home -----------------------------------------------------------*/

li#home a{
	position:absolute;
	top:54px;
	left:775px;
	background: url(images/n_home.gif);
	background-position:0px -80px;
	background-repeat:no-repeat;
	height:60px;
	width:100px;	
} 
li#home a:hover, li#home a:active{
	background-position:0px 0px;
}
li#home a.aktiv{
	background-position:0px 0px;
	cursor:default;
}

/* kontakt -----------------------------------------------------------*/

li#kontakt a{
	position:absolute;
	top:109px;
	left:865px;
	background: url(images/n_kontakt.gif);
	background-position:0px -115px;
	background-repeat:no-repeat;
	height:25px;
	width:100px;	
} 
li#kontakt a:hover, li#kontakt a:active{
	background-position:0px -4px;
}
li#kontakt a.aktiv{
	background-position:0px -4px;
	cursor:default;
}

/* teachernet-----------------------------------------------------------*/

li#teach a{
	position:absolute;
	top:136px;
	left:895px;
	background: url(images/n_teach.gif);
	background-position:0px -115px;
	background-repeat:no-repeat;
	height:25px;
	width:100px;	
} 
li#teach a:hover, li#imp a:active{
	background-position:0px -4px;
}
li#teach a.aktiv{
	background-position:0px -4px;
	cursor:default;
}
/* 

/* impressum -----------------------------------------------------------*/

li#imp a{
	position:absolute;
	top:186px;
	left:922px;
	background: url(images/n_imp.gif);
	background-position:0px -115px;
	background-repeat:no-repeat;
	height:25px;
	width:100px;	
} 
li#imp a:hover, li#imp a:active{
	background-position:0px -4px;
}
li#imp a.aktiv{
	background-position:0px -4px;
	cursor:default;
}
/* 
IMAGES
--------------------------------------------------------------------------------------------------*/
a img                 { border:none; }


/* LINKS
--------------------------------------------------------------------------------------------------*/
a:visited {color: #187035; text-decoration: none}
a:link {color: #187035; text-decoration: none}
a:hover {color: #B30A06; text-decoration: underline}
a:active {color: #B30A06; text-decoration: underline}
a.extern {
	padding-right:12px;
   background: url(images/extern.gif) no-repeat 100% 50%;
}
a.extern:hover {
	padding-right:12px;
	background:url(images/extern_hover.gif)no-repeat 100% 50%;
}

a.aktiv, a.aktiv:hover {
	padding-right:12px;
	background: url(images/extern_hover.gif)no-repeat 100% 50%;
}

/*
-------------------------------------------------------------------------------------------------*/

#container {	
	/*background-color: #FCF5B6;	*/
}

#navi {
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;
	background: url(images/bogen_gelb.gif);
	background-repeat:no-repeat;
	background-position:260px 50px;
	height:350px;
	width:1000px;
	margin:0;	
}

#wrapper {	
	background:url(images/frau.jpg) no-repeat 35px 140px;
	margin-top:20px;
	width:860px;
	float:left;
}

#balken {
	width:390px;
	height: 100%;
	float:left;	 	
}


#content {
	float:left;
	width:450px;
	padding:0px;
	margin-top:160px;
	font-size: 12px;
	line-height: 18px;	
}

h1.index{
	background: url(images/u_naturalvoice.jpg);
	background-repeat: no-repeat;
	background-position:right;
	margin: 0px;
	padding: 0px 0px 75px 0px;
	text-indent:-9999px;	
}

p.index{
	padding: 10px 0px 115px 0px;
}

* html #p.index{
	padding-top:5px;
	padding-bottom:145px;
	}

#footer {	
	clear:both;
	background: url(images/footerbg.gif);
	background-repeat:repeat-x;
	color: #FCF5B6;
	line-height:70px;
}

#foografik{
	margin: 0;
	padding: 0;
	background: url(images/f_index.gif);
	background-repeat: no-repeat;
	background-position:50px 0px;
}