/*** 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: lighter;
	line-height: 1.2em;
	margin-bottom: 10px;
}

h3 {
	font-family: Arial, Verdana, Sans-Serif;
	float: none;
	display: block;
	font-weight: lighter;
	line-height: 1.2em;
	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: #F2F2E8;
	 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;
	 background-image: url(images/body_verlauf.jpg);
	 background-repeat: repeat-x;
	 background-position: top left;
}

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

 h1  { font-size: 1.3em; }

 h2  { font-size: 1.1em; }

 h3  { font-size: 1.0em; font-weight: bold;}

.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;
	 height: 100%;
	 border: 1px solid #333;
	 margin-top: 25px;
}

/*** =erstezeile
*********************************/
#erstezeile {
display: inline;
float: left;
width: 800px;
height:144px;
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 15px 25px;
font-size: 0.8em;
}

/*** =logo
*********************************/
#logo {
display: block;
float:left;
margin:  20px 25px 55px 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.95em;
			text-decoration: none;
			vertical-align:middle;
		    color: #fff;
			background-repeat: no-repeat;
			background-position: bottom center;
			border: none;
			padding: 12px 12px 12px 12px;		
			display: block;
			 }
		
#menu li a:hover, #menu li a.an{
				background: url(images/nav_pfeil.gif) no-repeat bottom center; 		
			 }
			


/*** =content
*********************************/
#content {
display: inline;
float: left;
width: 800px;
text-align: left;
margin-top: 2px;
}


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

/*** =rechtercontent
*********************************/
#rechtercontent {
display: inline;
float: right;
width: 285px;

}


/*** =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: #AE4A19;
padding: 8px 0px 0px 20px;
color: #fff;
border-bottom: 3px 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: #AE4A19;
padding: 8px 0px 0px 20px;
color: #fff;
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: #fff; font-weight: normal; border-bottom: 1px solid #fff;}	

/*** =unserprofil
*********************************/
#unserprofil {
display: inline;
float: left;
width: 282px;
background: url("images/schatten_im_braun.gif") no-repeat right top #807B51;
padding: 8px 0px 0px 0px;
color: #fff;
border-bottom: 3px solid #fff;
}

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

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

/*** =mandantenbereich
*********************************/
#mandantenbereich {
display: inline;
float: left;
width: 282px;
background: url("images/schatten_im_braun.gif") no-repeat right top #807B51;
padding: 8px 0px 0px 0px;
color: #fff;
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: #ECEAE4; 
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: url("images/handschreibt.jpg") no-repeat right top #fff;
padding: 20px 0px 0px 0px;
color: #333;
border-bottom: 3px solid #fff;
}


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

#servicebox .content {  
background: #ECEAE4; 
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: url("images/service_ende.jpg") no-repeat right top #fff;
color: #333;
}

#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; }

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; }

.mittig {text-align: center;}                               

.gruen {color: #008000;} 
.rot {color: #CC0000;}