body		 { 
		 font-size: 11px; 
		 background-color: #A3C2CD; 
		 color: #000000; 
		 margin: 0px; 
		 padding: 0px; 
		 border: 0px;
		 font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		 }

/* umfasst alles */
#inhalt  	{ 
		width: 680px; 
		margin: 5px auto; 
		border: 1px solid #CDCDCC; 
		padding: 0px; 
		}

/* header background-image: url(titel-1.jpg); background-repeat: no-repeat; */
#kopf      	{ 
		background-color: #ffffff; 
		color: #000000; 
		border: 0px; 
		padding: 0px; 
		margin-top: 0px; 
		width: 680px; 
		height:160px; 
		display: block; 
		}

#menu    	{ 	
		position: relative; 
		background-color: #ffffff; 
		color: #969594;
		width: 655px; 
		padding-left: 25px;
		padding-top: 5px; 
		height: 20px;
		margin: 0px; 
		display: block; 
		border-bottom: 1px solid #CDCDCC;
		font-size: 12px;
		text-decoration: none;
		}
		
#mnuhome, #mnuwer, #mnuveran, #mnuproj, #mnumater, #mnulinks, #mnukont { position: relative; float: left; }

#mnuhome	{ width: 80px; }
#mnuwer		{ width: 110px; }
#mnuveran	{ width: 130px; }
#mnuproj	{ width: 90px; }
#mnumater	{ width: 90px; }
#mnulinks	{ width: 80px; }
#mnukont	{ width: 50px; }

.menutext		{ color: #969594;  }
.menutextact		{ color: #000000; font-weight: bold; }
a.menutext:link    	{ color: #969594; text-decoration: none; font-weight: normal; }
a.menutext:visited 	{ color: #969594; text-decoration: none; font-weight: normal; }
a.menutext:hover   	{ color: #000000; text-decoration: none; font-weight: bold; }
a.menutext:active  	{ color: #000000; text-decoration: none; font-weight: bold; }




#contentrahmen 	{ 
		background-color: #ffffff; 
		color: #000000; 
		min-height: 420px; 
		position: relative; 
		width: 680px; 
		margin: 0px; 
		border: none; 
		padding: 0px; 
		}

#logoleiste 	{ 
		background-color: #ffffff; 
		color: #000000; 
		height: 50px; 
		position: relative; 
		width: 640px; 
		margin: 0px; 
		border-top: 1px solid #CDCDCC; 
		padding-left: 20px; 
		padding-right: 20px; 
		padding-top: 10px; 
		}
		
.logo           { 
		position: relative; 
		padding-right: 10px; 
		margin: 0px; 
		}

#footer	    	{ 
		background-color: #DA251D; 
		color: #ffffff; 
		border: 0px; 
		margin: 0px; 
		padding-left: 25px; 
		padding-right: 25px; 
		padding-top: 3px; 
		width: 630px; 
		height: 18px; 
		display: block; 
		}

#content    	{ 
		position: relative; 
		width: 380px; 
		padding-top: 25px; 
		padding-left: 30px; 
		margin: 0px; 
		text-align: left; 
		float: left; 
		}
		
#rcont		{ 
		position: relative; 
		padding-top: 0px; 
		padding-left: 10px; 
		padding-right: 5px; 
		margin: 0px; 
		text-align: left; 
		float: left; 
		}

#right    	{ position: relative; width:215px; padding: 0px; margin-top: 25px; margin-left: 35px; text-align: left; float: left; }
#rightdown    	{ position: absolute; right: 25px; bottom: 0px; width:215px; padding: 0px; margin-bottom: 0px; margin-top: 25px; margin-left: 35px; text-align: left; float: left; }



/* generell für Bilder gilt */
img 		 { border: none }

/* universalklasse */
.block 		 { display: block; }

/* imaginär */
.none 		{ display: none; }
.hidden 	{ visibility: hidden; }


/* Überschriften */
h1, h2, h3 	 { 
		 background-color: #ffffff; 
		 font-weight: bold; 
		 font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		 text-align: left;
		 margin: 0px auto;
		 }
	
h1, h3	 	 { font-style: normal; }

/* große rote überschrift */
h1  		 {
		 color: #DA251D;
		 background-color: #ffffff;
		 font-size: 18px;
		 padding-bottom: 0px;
		 }
		
/* schwarze fette zwischenüberschrift */ 
h2  		 {
		 color: #000000;
		 background-color: #ffffff;
		 font-size: 12px;
		 padding-bottom: 0px;
		 }

/* schwarze unterstrichene zwischenüberschrift */	
h3  		 { 
		 color: #000000;
		 background-color: #ffffff;
		 font-size: 11px;
		 font-style: normal;
		 padding-bottom: 0px;
		 text-decoration: underline;
		 }


/* kleine Bemerkungen */
.kleingedrucktes { font-size: 9px; }

/* weiter alles andere */
a:link, a:visited, a:hover, a:active 	{ font-weight: bold; background-color: #ffffff; color: #e77919; border: none; }
a:link    				{ text-decoration: none; }
a:visited 				{ text-decoration: none; }
a:hover   				{ text-decoration: underline; color: #000000; }
a:active  				{ text-decoration: underline; color: #000000; }

/* für Links die nicht weiter gervorgehoben werden sollen - zb hinter bildern */
a.noec:link, a.noec:visited, a.noec:hover, a.noec:active { text-decoration: none; }

/* valid-html */
.valid, a.valid:link,a.valid:visited,a.valid:hover,a.valid:active { font-weight: normal; background-color: #DA251D; color: #ffffff; text-decoration: none; }
a.valid:hover      { text-decoration:underline overline; font-weight: normal; }

/* copyright */
#copyright   	{ width: 650px; padding-top: 10px; padding-bottom: 5px; text-align: center; font-size: 9px; float: left;}

/*neues Kontaktformular  background-color: #eeeeee; border: 1px solid #cccccc; */
#kontakt      	{ border: 0px; padding: 0px; margin-top: 20px; width: 360px; }
.con-message	{ font-weight: bold; }
.con-fields	{ margin-bottom: 5px; }
.con-button	{ background-color: #eeeeee; border: 1px solid #cccccc; float:right; }

.con-field	{ border: 1px solid #cccccc; width: 248px; }
.con-field-att	{ border: 1px solid #FF0000; width: 248px; }

.con-lable	{ color: #000000; float:left; width: 90px; }
.con-lable-att	{ color: #FF0000; float:left; width: 90px; }