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

Doris Fels - Stylesheet
Letzte Aenderung: 18.04.2009

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

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


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

* {	padding: 0; margin: 0; }
body { font: 62.5%/1.6em Verdana, Arial, Helvetica, sans-serif; color: #333; background: #fff; text-align: center; }
#container { width: 980px; height: 740px; margin: 0 auto; text-align: left; background: url(../css_images/bg_body.jpg) no-repeat; }
#wrapper { float: left; display: inline; width: 830px; }


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

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

p { 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-size: 1.3em; font-weight: bold; color: #dc6d02; }
	h2 { margin: 55px 0 15px 0; }
	#agb h2 { margin: 0 0 15px 0; }
	h3 { margin: 15px 0 10px 0; 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: 5px; }
ul, ol { color: #333; }
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: 124px; }
	#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; top: 36px; left: 36px; display: block; width: 130px; height: 130px; background: url(../css_images/logo.gif) no-repeat; outline: none; }


/* Content
---------------------------------------------------------------------------*/

#content { width: 440px; margin: 0 0 0 220px; font-size: 1.1em; line-height: 1.5em; }
#agb #content { margin-top: 55px; }
	#content p { margin: 0 0 10px 0; }
	#content img.rechts { float: right; display: inline; margin: 0 0 0 15px; }
	#content img.links { float: left; display: inline; margin: 5px 15px 5px 0; }
	#content ul { padding: 0 0 5px 10px; }
	#content table ul { padding-left: 0; }	
	#content ul li { padding: 0 40px 0 20px; background: url(../css_images/dot.gif) no-repeat 10px 4px; line-height: 1em; }	
		#content ul li li { background: url(../../css_images/dot2.gif) no-repeat 10px 7px; }	

#changelang { position: relative; right: 785px; top: 439px; }
#impressum { position: relative; right: 710px; top: 412px; }

#pane1 { height: 398px; width: 440px; overflow: auto; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 5px; top: 0; height: 100%; border-right: 1px solid #728d84; }
.jScrollPaneDrag { position: absolute; background: #728d84; no-repeat top; cursor: pointer; overflow: hidden; left: 6px; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }

#kontaktform input,
#kontaktform textarea { margin: 0; padding: 1px; border: 1px solid #787878; }
#kontaktform dt { float: left; width: 9em;  } 
#kontaktform dd { margin: 10px; }  
#kontaktform input { width: 220px; } 
#kontaktform input#Herr,
#kontaktform input#Frau { width: auto; border: 0; }  
#kontaktform form p { margin: 0 0 0 8em; }
#kontaktform p input { width: 140px; }
#kontaktform p input:hover { background: #eee; }
#kontaktform textarea { width: 220px; height: 150px; }
.error { color: #f00; }

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

table { margin: 0 10px 0 10px; border: none; border-collapse: collapse; }
	table td { padding: 0 0 5px 0; border: none; vertical-align: top; }
	#content table#kunden ul li { line-height: 1.18em; }
	

/* Navigation
---------------------------------------------------------------------------*/
	
#navigation { float: left; display: inline; width: 160px; margin: 100px 0 0 -800px; }
	#navigation ul li { padding: 0; margin: 0; height: 28px; line-height: 28px; font-size: 1.1em; text-transform: uppercase; } 
		#navigation ul li a { height: 28px; border-bottom: 1px solid #759388; outline: none; }
		#navigation ul li.last a { border-bottom: none; }		
		#navigation li a:link,
		#navigation li a:visited { color: #666; display: block; padding: 0; }
		#navigation li a:hover,
		#navigation li a:focus,
		#navigation li.current a { font-weight: bold; text-align: right; letter-spacing: -0.03em; background: url(../css_images/navi_dot.gif) no-repeat 0 50%; }	


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

#footer { clear: both; }