/*** Einstellungen fuer die ganze Seite
******************************************************************/
html {
	overflow-x: hidden;
	overflow-y: auto;
} 
:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; text-align: left;  }

a,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd
{ margin:0; padding:0 }

h1,h2 {
	font-family: Arial, Verdana, Sans-Serif;
	float: none;
	display: block;
	font-weight: bold;
	line-height: 1.0em;
	margin-bottom: 10px;
}
h3 {
	font-family: Arial, Verdana, Sans-Serif;
	float: none;
	display: block;
	font-weight: bold;
	line-height: 0.9em;
	margin-bottom: 10px;
}

a img, :link img, :visited img { border:none; text-decoration: none;  }


p {
  margin-bottom: 1em; 
   }   
   
ul {list-style: disc;}
ul li {margin: 0 0 1em 2em;}
ul li ul {margin: 1em 0 1em 1em; }
ul li ol {margin: 1em 0 1em 1em;}

hr {
visibility: hidden;
clear: both;
}

img {
padding: 0;
margin: 0;
text-decoration: none;
border: none;
vertical-align: top;
}


a {color: #000; border-bottom: 1px solid #000; font-weight: bold;}

body {
	 background-color: #c5c7c8;
	 color: #333;
	 margin: 0;
	 padding: 0;
	 height: 100%;
	 font-family: Arial, Verdana, Helvetica, sans-serif;
     font-size: 0.8em;
	 line-height: 1.4em;
	 voice-family: "\"}\"";
	 voice-family: inherit;
	 text-align: center;
}

/*** =allgemeines
*********************************/

 h1  { font-size: 1.8em; }

 h2  { font-size: 1.6em; }

 h3  { font-size: 1.3em; }

.breaker {
	clear: both;
	height: 1px;
	visibility: hidden;
}

a .img, a.img {
padding: 0;
margin: 0;
text-decoration: none;
border: none;
vertical-align: top;
}

/*** =container
*********************************/
#container {
     margin-left: auto;
     margin-right: auto;
     width: 800px;
	 clear: both;
	 text-align: left;
	 background-color: #fff;
	 float: none;
	 border: 1px solid #333;
	 margin-top: 25px;
}

/*** =erstezeile
*********************************/
#erstezeile {
display: inline;
float: left;
width: 800px;
height:190px;
background-color: #fff;
}

#erstezeile a { text-decoration: none; border: none;}

#erstezeile p a { text-decoration: underline; font-weight: normal;}

/*** =adressblock
*********************************/
#adressblock {
display: block;
float:right;
text-align: right;
margin: 15px 15px 10px 25px;
font-size: 0.8em;
}

/*** =logo
*********************************/
#logo {
display: block;
float:left;
margin:  15px 10px 15px 25px;
vertical-align: middle;
}

/*** =menu
*********************************/
#menu {
float: left;
width: 800px;
display: inline;
background: url("images/nav_bg.gif") repeat-x left top #333;
}

#menu ul{
        list-style: none; 
		margin: 0; 
		float: left;
		clear: both;
		  }

#menu li{		
		float: left;
		margin: 0; padding: 0;
		text-align: left;
		vertical-align:middle;
		border-right: 1px solid #fff;
        }

#menu li a {
			font-size: 0.89em;
			text-decoration: none;
			vertical-align:middle;
		    color: #fff;
			background-repeat: no-repeat;
			background-position: bottom center;
			border: none;
			padding: 7px 12px 7px 12px;		
			display: block;
			 }
		
#menu li a:hover, #menu li a.an{
				background: url(images/nav_pfeil.gif) no-repeat bottom center; 		
			 }
			
#menu li.pfeil a.pfeil {
			font-size: 0.89em;
			text-decoration: none;
			vertical-align:middle;
			background: url(images/pfeil.gif) no-repeat left center; 
		    color: #fff;
			border: none;
			padding: 7px 12px 7px 20px;		
			display: block;
			 }
		
#menu li.pfeil a.pfeil:hover{
				background: url(images/pfeil.gif) no-repeat left center; 		
			 }


/*** =content
*********************************/
#content {
display: inline;
float: left;
width: 800px;
text-align: justify;
margin-top: 3px;
background-color: #FFFFFF;
}


/*** =linkercontent
*********************************/
#linkercontent {
display: inline;
float: left;
width: 515px;
background-color: #FFFFFF;
}

/*** =rechtercontent
*********************************/
#rechtercontent {
display: inline;
float: right;
width: 285px;
background-color: #FFFFFF;
}


/*** =hauptthema
*********************************/
#hauptthema {
display: inline;
float: left;
width: 515px;
background-color: #FFF;
margin-bottom: 3px;
}

#hauptthema .bild {
display: inline;
float: left;
}

#hauptthema .inhalt {
display: block;
float: left;
padding: 25px;
}
#hauptthema .rechterinhalt {
float: left;
padding: 10px;
border-right: 1px dotted #666;
}
#hauptthema .linkerinhalt {
float: right;
padding: 10px 30px 0 5px;
}
/*** =subthema
*********************************/
.subthema {
display: inline;
float: left;
width: 515px;
background-color: #FFF;
margin-bottom: 3px;
}

.subthema .bild {
display: inline;
float: left;
}

.subthema .inhalt {
display: block;
float: left;
padding: 25px;
}

.subthema h3 { margin-top:0; }

/*** =schriftgroesse
*********************************/
#schriftgroesse {
display: inline;
float: left;
width: 282px;
voice-family: "\"}\""; 
voice-family:inherit;
width:262px;
background: #fff200;
padding: 8px 0px 0px 20px;
color: #000;
border-bottom: 2px solid #fff;
}


html>body #schriftgroesse {
  width:262px;
}

#schriftgroesse h3 { display: inline; float: left; margin: 5px 10px 0px 0px; }

#schriftgroesse ul, #schriftgroesse li {
	/*margin-right: 15px;*/
	margin: 0px 5px 3px 0px;
	padding: 0;
	list-style: none;
	float: left;
	}
	
#schriftgroesse ul {
	display: block; width: 90px;
	}	
	

/*** =webformulare
*********************************/
#webformulare {
display: inline;
float: left;
width: 282px;
voice-family: "\"}\""; 
voice-family:inherit;
width:262px;
background: #fff200;
padding: 8px 0px 0px 20px;
color: #000;
border-bottom: 3px solid #fff;
}
html>body #webformulare {
  width:262px;
}
#webformulare h3 { display: block; float: none; margin: 5px 0px 5px 0px ; }

#webformulare ul { margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}

#webformulare li { margin: 0px 0px 4px 0px ;
	padding: 0;
	list-style: none;
	float: none;
	}	
	
#webformulare a {color: #000; font-weight: normal; border-bottom: 1px solid #000;}	

/*** =unserprofil
*********************************/
#unserprofil {
display: inline;
float: left;
width: 282px;
background: #fff200;
padding: 0px 0px 0px 0px;
color: #000;
border-bottom: 2px solid #fff;
}

#unserprofil h3 { display: inline; float: left; margin-top: 5px; padding: 0px 20px 0px 20px;}	
	
#unserprofil a {color: #000; font-weight: normal; border-bottom: 1px solid #000;}	

#unserprofil img {border-top: 1px solid #fff;}

/*** =mandantenbereich
*********************************/
#mandantenbereich {
display: inline;
float: left;
width: 282px;
background: #fff200;
padding: 8px 0px 0px 0px;
color: #000;
border-bottom: 1px solid #fff;
}

#mandantenbereich h3 { display: inline; float: left; margin-top: 5px; padding: 0px 0px 0px 20px;}	
	
#mandantenbereich a {color: #333; font-weight: bold; border-bottom: 1px solid #333;}	

#mandantenbereich .content {  
background: #fff200; 
color: #333;
padding: 8px 20px 8px 20px; 
display: inline;
float: left;
width: 282px;
voice-family: "\"}\""; 
voice-family:inherit;
width:242px;
}
html>body #mandantenbereich .content {
  width:242px;
}

/*** =servicebox
*********************************/
#servicebox {
display: inline;
float: left;
width: 282px;
background: #fff200;
padding: 20px 0px 0px 0px;
color: #000;
border-bottom: 3px solid #fff;
}


#servicebox a {color: #000; font-weight: bold; border-bottom: 1px solid #000;}	

#servicebox .content {  
background: #fff200; 
color: #333;
display: inline;
float: left;
width: 282px;
}

#servicebox ul { margin: 0;
	/*padding: 0;*/ padding: 8px 20px 8px 20px; 
	list-style: none;
	float: left;
	}

#servicebox li { margin: 0px 0px 4px 3px ;
	padding: 0;
	list-style: none;
	float: none;
	}

#servicebox .ende {
display: inline;
float: left;
width: 282px;
height: 41px;
background: #fff200;
color: #000;
}

#footer { background: #fff; display: block; float: none; margin-bottom: 3px; padding:10px 25px 20px 25px; text-align: left; font-size:0.8em; border-top: 1px solid #eee; }
#footer img, #footer a {text-decoration: none; border: none; }

.fehler {color: red}
.links {float: left; width: 130px; }
.rechts {float: right; width: 240px;}

fieldset {
	display: block;
	border: 1px dotted #666;
	padding: 10px; 
	} 
	
fieldset input {width: 220px; border: 1px solid #999;}	
	
fieldset textarea {width: 220px; border: 1px solid #999;}
	
legend { font-size: 1.2em; padding: 10px; }    
.rot {color: #e2001a;}