/* BACKGROUND DATEI -------------------------------------------------------------------*/


html, body { 
	height:100%; 
	margin:0; 
	padding:0; 
	}
#divaussen { 
	min-height:100%; 
	background-color:#dcecf9; 
	background-image:url(img/streifen.jpg); 
	background-repeat:repeat-x;      
	background-position:bottom; 
	}
* html #divaussen { height:100%; }



/* HAUPTCONTAINER -------------------------------------------------------------------*/


#head {
	background-image:url(img/head.jpg);
	width: 842px;
	height: 380px; 
	margin: 0px auto; 
	}
#maincontainer {
	background-color: #ffffff;
	background-image: url(img/hg_gesamt.gif);
	background-repeat:no-repeat;
	width: 842px;
	margin: 0px auto; 
	}	
#navicontainer {
	width: 175px;
	margin-left: 40px;
	margin-top: 150px;
	display:inline;
	float:left;
	}
#rechner {
	width: 842px; 
	display:block;
	float:left;
	}		
#contentcontainer {
	width: 522px;
	margin-left: 241px;
	margin-bottom:60px;
	float:left;
	display:inline;
	text-align:left;
	}		
#footer {
	background-image: url(img/hg_footer.gif);
	width: 601px; 
	height: 15px;
	margin: 0px auto 30px auto;
	
	}
#rechnercontainer {
	width: 842px; 
	margin: 0px auto;  
	position:relative;
	}
#rechnerbild {
	position:absolute; 
	bottom:0px;
	width: 211px;
	height: 60px;
	padding-left: 30px;
	/*background-color:#999999;*/
	}
#bildcontainergross{
	float: left;
	width: 520px;
	min-height: 10px;
	margin-bottom:30px;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #17487e;
	}	
#bild{
	float: left;
	margin-right: 15px;
	}		
	
	
/* FORMULAR -------------------------------------------------------------------*/


#formular{
    float: left;
	width: 380px;
	text-align:left;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #24405b;
	padding-top: 20px;
	}
.label {  
	margin:0 12px 12px 0; 
	padding:0;  
	width:120px; 
	display:block; 
	float:left; 
	clear:left;
	}
.inputfield{
	border-color: #24405b;
	border:1px solid;
	width: 200px;
	margin: 0 4px 12px 0;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #24405b;
	}
.strasse{
	width: 150px;
	}
.nummer{
	width: 38px;
	}	
.plz{
	width: 50px;
	}		
.ort{
	width: 138px;
	}	
.submitbtn {
	width:80px; 
	background:#ffffff; 
	border:1px solid; 
	border-color:#24405b #24405b #24405b #24405b; 
	color:#cccccc; 
	cursor:pointer; 
	padding:0; 
	margin:0;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #24405b;
	margin: 20px 20px 0px 0;
	}
.submitbtn:hover {
	background:ffffff; 
	color:#cee970; 
	border:1px solid; 
	border-color:#e49900 #e49900 #e49900 #e49900;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e49900;
	}	
.buttoncontainer{
	padding-left: 133px;
	}		
	

/* FONTDEFINITION -------------------------------------------------------------------*/


.verdananormal {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	line-height: 16px;
	color: #24405b;
	}
.verdanabold {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	line-height: 16px;
	color: #24405b;
	}	
.verdanaheadline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	line-height: 16px;
	color: #24405b;
	}
.verdanaboldorange {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	line-height: 16px;
	color: #e49900;
	}	
.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	font-weight: normal;
	color: #24405b;
	padding-left: 241px;
	padding-top: 2px;
	}	


/* LINKDEFINITION -------------------------------------------------------------------*/

a.navilink:link, a.navilink:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	color: #24405b;
	}
a.navilink:hover, a.navilink:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	color: #e49900;
	}	

a.navilinkumenu:link, a.navilinkumenu:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	/*padding-left: 6px;*/
	color: #24405b;
	}
a.navilinkumenu:hover, a.navilinkumenu:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	/*padding-left: 6px;*/
	color: #e49900;
	}			
a.navilinkaktiv {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	line-height: 20px;
	color: #e49900;
	}		

a.contentlink:link{color:#24405b; text-decoration: none; font-weight: normal;}
a.contentlink:visited{color:#24405b; text-decoration: none; font-weight: normal;}
a.contentlink:hover{color:#e49900; text-decoration: none; font-weight: normal;}
a.contentlink:active{color:#24405b; text-decoration: none; font-weight: normal;}

a.contentlinkbold:link{color:#24405b; text-decoration: none; line-height:16px; font-weight: bold;}
a.contentlinkbold:visited{color:#24405b; text-decoration: none; line-height:16px; font-weight: bold;}
a.contentlinkbold:hover{color:#e49900; text-decoration: none; line-height:16px; font-weight: bold;}
a.contentlinkbold:active{color:#24405b; text-decoration: none; line-height:16px; font-weight: bold;}

a.verdanaheadline:link{color:#24405b; text-decoration: none; font-weight: bold;}
a.verdanaheadline:visited{color:#24405b; text-decoration: none; font-weight: bold;}
a.verdanaheadline:hover{color:#e49900; text-decoration: none; font-weight: bold;}
a.verdanaheadline:active{color:#24405b; text-decoration: none; font-weight: bold;}

.footertext a:link{color:#24405b; text-decoration: none;}
.footertext a:visited{color:#24405b; text-decoration: none;}
.footertext a:hover{color:#e49900; background-image:none}
.footertext a:active{color:#24405b; text-decoration: none;}

.atag:link, .atag:visited{ border:0; text-decoration:none;}
.atag:hover, .atag:active{ border:0; text-decoration:none;}
.atag img{ border:0;}