@charset "utf-8";
/* DATEI: css_hub.css */

/* Struktur 1. Ebene:  		*/
/*  1. Body 			*/
/* 	1.1 CONTAINER 		*/
/* 	1.2 SIDER (fuer Werbung) */

/* Struktur vollstaendig: 		*/
/* 1. Body 				*/
/*   1.1 CONTAINER 			*/
/* 	1.1.1 HEADER */
/* 		1.1.1.1 LOGO 		(entfaellt bei Impressum)*/
/* 		1.1.1.2 LOGO_TEXT  	*/
/* 	1.1.2 HEADER_SPACE */
/* 	1.1.3 TEXTCOLUMN1 (hier eigentlicher Inhalt)	*/
/* 	1.1.4 TEXTCOLUMN2 (hier eigentlicher Inhalt)	*/
/* 	1.1.5 NAVIGATION  	*/
/* 	1.1.6 FOOTER 			(wichtig!: durch "clear:both;" entfaellt in CONTAINER "min-wight: 720px;")  */
/*   1.2 SIDER  				*/



html, body {
margin:0px; 
padding:0px;
}

* {
margin:0px;
padding:0px;
}

img { 
border:none;
}



body {
background:#DDDDDD none repeat scroll 0 0;
color:#444444;
font-family:Verdana,Tahoma,Arial,'Sans-Serif';
font-size:12px;
}



.container {
background:#FFFFFF none repeat scroll 0 0;
border-left:1px solid #969696;
border-right:1px solid #969696;
border-top:1px solid #969696;
border-bottom:1px solid #969696;
position:relative;
width:900px;
margin:10px auto 10px 10px;
padding:0px;
}



.header {
height:98px;
margin:0px;
padding:0px;
border-bottom:1px solid #969696;
}

.logo {
position:absolute;
left:19px;
top:17px;
}

.logo_img {
width:55px;
height:65px;
}

.logotext {
position:absolute;
left:93px;
top:17px;
}

.logotext_impressum {
position:absolute;
left:31px;
top:17px;
}




.header_space {
clear:both;
height:10px;
}




.textcolumn1 {
float:left;
position:relative;
padding-left:37px;
width:550px;
}




.textcolumn2 {
float:left;
position:relative;
padding-left:20px;
width:270px;
}

.kfzrechner_img {
margin-top:27px;
width:245px;
height:160px;
}



.navigation {
clear:both;
height:72px;
position:relative;
padding-top:12px;
padding-left:24px;
padding-bottom:8px;
line-height:16px;
}

.navigation ul li{
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding-right:17px;
width:inherit;
}

p.nav_heading {
padding-left:0px;
font-size:11px;
}




.footer {
border-top:1px solid #969696;
clear:both;
color:#969696;
padding:15px 0 10px;
}

.footer ul {
line-height:18px;
text-align:center;
}

.footer ul li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}





.sider {
position:absolute;
left:917px;
top: 10px;
background:#FFFFFF none repeat scroll 0 0;
height:170px;
width:200px;
border-left:2px solid #ee7b10;
border-right:2px solid #ee7b10;
border-top:2px solid #ee7b10;
border-bottom:2px solid #ee7b10;
padding-bottom:5px;
padding-left:5px;
}



/* hier Formatierung für Textelemente: h, p, ul, li, a */

h1 {
color: #330399;
font-size:27px;
font-weight: bold;
padding:15px 0;
}

h2 {
color: #333333;
font-size:15px;
font-weight: bold;
padding-top:18px;
padding-left:0px;
}

h3 {
color: #333333;
font-size:13px;
font-weight: bold;
padding-top:18px;
padding-left:0px;
}

p {
font-size:12px;
line-height:14px;
padding-top:10px;
padding-left:0px;
padding-right:19px;
}

.textcolumn1 ul {
font-size:12px;
line-height:18px;
padding-top:5px;
padding-right:17px;
padding-left:17px;
}

.textcolumn2 ul {
font-size:12px;
line-height:18px;
padding-top:5px;
padding-right:17px;
padding-left:17px;
}

a {
text-decoration:none;
}
a:link {
color:#0000FF;
}
a:visited {
color:#3366FF;
}
a:hover, a:active {
text-decoration:underline;
}