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

Kopf an Kopf Stylesheet
Letzte Aenderung: 28.09.2007

Autor: Carsten Peters - www.carsten-peters.net

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


/* Allgemeines 
---------------------------------------------------------------------------*/

* {	padding: 0; margin: 0; }
html { height: 100% } 
body { font: 62.5%/1.6em Verdana, Arial, Helvetica, sans-serif; color: #525154; background: #74934C; text-align: center; min-height: 101%; }
	#container { width: 906px; margin: 20px auto; text-align: left; background: #fff; } 
	#wrapper { float: left; display: inline; width: 830px; }


/* Links 
---------------------------------------------------------------------------*/
:link, :visited, :hover, :active, :focus {  }
a, a:link, a:visited { color: #959141; text-decoration: none; }
a:hover, a:focus, a:active { color: #666; text-decoration: none; }
	a img, :link img, :visited img, :hover img, :active img { border: none; }


/* Paragraphs 
---------------------------------------------------------------------------*/

p { margin-bottom: 10px; }
img { margin-left: 14px; margin-bottom: 10px; }
b, strong { font-weight: bold; color: #333; }
em, i, address { font-style: italic; }
blockquote { color: #888942; }


/* headlines 
---------------------------------------------------------------------------*/

h2, h3, h4, h5, h6 { font: 1.58em/1.3em Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #446344; }
	h2 { margin: 50px 0 15px 15px; }
	h3 { margin: 10px 0 10px 15px; font-size: 1.2em; font-weight: bold; }
	h4 { font-size: 1em; margin: -12px 0 0 0; }
	h5 { font-size: 0.9em; }
	h6 { font-size: 0.8em; }


/* Listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; list-style-type: none; margin-bottom: 3px; }
ul, ol { color: #6666; }
ol { padding-left: 35px; }


/* Misc. 
---------------------------------------------------------------------------*/

acronym, abbr { border-bottom: 1px dotted; cursor: help; }
.clear { clear: both; }
.unsichtbar { position: absolute; top: -9999px; left: -9999px; }


/* Header 
---------------------------------------------------------------------------*/

#header { position: relative; height: 200px; background-repeat: no-repeat; background-position: 226px 3px; }
#start #header { background-image: url(images/head_startseite.jpg); }
#coaching #header { background-image: url(images/head_coaching.jpg); }
#mental #header { background-image: url(images/head_retusche.jpg); }
#profil #header { background-image: url(images/head_profil.jpg); }
#kontakt #header { background-image: url(images/head_kontakt.jpg); }
#impressum #header { background-image: url(images/head_impressum.jpg); }
	#header h1 a, 
	#header h1 a:link, 
	#header h1 a:visited, 
	#header h1 a:hover, 
	#header h1 a:active, 
	#header h1 a:focus { text-indent: -9999px; position: absolute; display: block; width: 220px; height: 225px; border: 3px solid #fff; background: url(images/logo.gif) no-repeat; outline: none; }


/* Mainnav 
---------------------------------------------------------------------------*/

#mainnav { float: right; width: 900px; display: inline; height: 28px; margin: 0 3px; background: #446344; }
	#mainnav ul { margin: 0; padding: 0 0 0 246px; white-space: nowrap; }
	#mainnav li { float: left; display: inline; }
		#mainnav li a { float: left; background: url(images/navi_pipe.gif) no-repeat right 6px; padding: 0 10px; font-size: 1.3em;font-weight: normal; line-height: 28px; height: 28px; color: #fff; display: block; text-align: center; }
		#mainnav li a#last { background: none; }		
		#mainnav li a:hover,
		#mainnav li a:active,
		#mainnav li a:focus,
		#mainnav li a.current { color: #fe8010; }
		
  
/* Content
---------------------------------------------------------------------------*/

#content { width: 470px; margin: 0 160px 0 245px; padding: 0 0 40px 0; font-size: 1.2em; line-height: 1.6em; min-height: 350px; height: auto !important; height: 350px; }
	#content a:link,
	#content a:visited { border-bottom: 1px dotted #BEBA69;  }
	#content a:hover,
	#content a:active,
	#content a:focus { border-bottom: 1px solid #666; }
	#content p { margin: 0 10px 0 15px; padding: 0 0 10px 0; }
	#content img { padding: 3px; border: 1px solid #ddd; }
	#content img.rechts { float: right; display: inline; margin: 0 -80px 0 10px; }
	#content img.links { float: left; display: inline; margin: 0 10px 0 0; }
	#content ul { padding-left: 10px; }
	#content ul li { padding: 1px 20px 1px 20px; background: url(images/dot.gif) no-repeat 10px 8px; }	
		#content ul li li { background: url(images/dot2.gif) no-repeat 10px 8px; }	


/* Tabellen
---------------------------------------------------------------------------*/

table { margin: 0 10px 0 15px; border: none; border-collapse: collapse; font: 0.88em Verdana, Arial, Helvetica, sans-serif; background: #fff; }
	table th { padding: 5px 10px 5px 0; font-weight: normal; border: none; text-align: left; vertical-align: top; border-bottom: 1px solid #ddd; white-space: nowrap; }
	table td { padding: 5px 0 5px 0; border: none; border-bottom: 1px solid #ddd; }
	

/* Navigation
---------------------------------------------------------------------------*/
	
#navigation { float: left; display: inline; width: 220px; margin-left: -815px; padding: 50px 0 0 0; }
	#navigation ul { width: 200px; margin: 0 0 30px 0; }
		#navigation ul li strong { display: block; color:#446344; font-weight: bold; border-bottom: 1px dotted #666; height: 24px; line-height: 24px; }
			#navigation ul ul li {  margin: 0; padding: 0; } 
				#navigation ul ul li a { color: #525154; height: 24px; line-height: 24px; border-bottom: 1px dotted #666; outline: none; font-weight: normal; }	
				#navigation ul ul li a:link,
				#navigation ul ul li a:visited { display: block; padding: 0 0 0 18px; }
				#navigation ul ul li a:hover,
				#navigation ul ul li a:focus,
				#navigation ul ul li a.current { background: #eff2be; }	


/* Footer
---------------------------------------------------------------------------*/

#footer { clear: both; font-size: 1.1em; background: #74934C; height: 20px; }
	#footer ul { float: right; display: inline; padding: 5px 0 0 0; margin: 0 0 0 15px; }
		#footer ul li { display: block; float: left; }
			#footer ul li a { outline: none; }
			#footer ul li a:link,
			#footer ul li a:visited { color: #fff; }
			#footer ul li a:hover,
			#footer ul li a:active,
			#footer ul li a:focus { color: #fe8010; text-decoration: underline; }


