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

body{background-color:#A4CCFF; margin-top:40px;}

p{margin:0 10px 10px}
a{display:block;color: #003366; padding:0px; text-decoration:underline;}

div#header{
height:105px;
line-height:80px;
margin:0;
background: #EEE;
color: #79B30B; 
background-image:url(../img/hh_logo.jpg);
}

div#container{
text-align:left
}

div#content p{
	line-height:1.4;
	}
	
	
div#bild{
	height:299px;
	background-image:url(../img/bg_kontakt.jpg);

}

div#text{
	height:191px;
	background-image:url(../img/bg_cont.jpg);

}

div#text1{
	height:191px;
	background-image:url(../img/bg_co.jpg);

}

div#navi{
	height:105px;
	width:390px;
	margin-right:7px;
	float:right;
	
	}

div#navileft{
height:120px;
width:228px;
background-image:url(../img/blank.jpg);
background-repeat:no-repeat;
margin:0 auto;
margin-top:15px;
padding-top:20px;


}


	
div#footer{
	background-image:url(../img/bottom.jpg);
	color: #FFF;
	height:85px;
	width:880px;
	margin: 0 auto;
	
	}

div#footer p{
	margin:0;
	padding:5px 10px
}

div#headline{
	height:20px;
	background-image:url(../img/headline.jpg)
}

div#container{
	width:880px;
	margin:0 auto;
	height:615px;
	background-color:#FFF;
		
}

div#content{
	float:right;
	width:625px;
	height:490px;
	overflow:auto;
	background-image:url(../img/bg_right.jpg);
	
	
}

div#content p{
font-family:Arial, Helvetica, sans-serif; font-size:12px; 
	
	
}

div#conleft{
height:120px;
width:228px;
background-image:url(../img/blick.jpg);
background-repeat:no-repeat;
margin:0 auto;
margin-top:15px;


}


div#conleft p{
padding-top:25px;
padding-left:22px;

}

div#conleft li{
list-style-image:url(../img/plus.jpg);
list-style-position:inside;
padding-left:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;

}


div#conleft1{
height:120px;
width:228px;
background-image:url(../img/vergleichsrechner.jpg);
background-repeat:no-repeat;
margin:0 auto;
margin-top:15px;
padding-top:15px;


}


div#conleft1 p{
padding-top:25px;
padding-left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;

}

div#conleft1 li{
list-style-image:url(../img/plus.jpg);
list-style-position:inside;
padding-left:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;

}

div#conleft2{
height:120px;
width:228px;
background-image:url(../img/login.jpg);
background-repeat:no-repeat;
margin:0 auto;
margin-top:0px;
padding-top:40px;


}


div#conleft2 p{
padding-top:25px;
padding-left:22px;

}

div#conleft2 li{
list-style-image:url(../img/plus.jpg);
list-style-position:inside;
padding-left:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;

}

#info {
list-style-image:url(../img/info.jpg);

}

div#navigation{
	float:left;
	width:255px;
	height:490px;
	background-image:url(../img/bg_left.jpg);
}

div#extra{
	clear:both;
	width:100%;
}

div#bottom{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:100px;
	background-image:url(../img/bg_bot.jpg);
}

div#login{
	position:relative;
	width:770px;
	height:80px;
	margin:0 auto;
	background-color:#FFFFFF;
	top: 10px;
	background-image:url(../img/bg_bottom.gif);
}

.font
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}

 #navcontainer { width: 165px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #FFF;
border-bottom: 1px solid #CCC;
}

#navcontainer a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #125893;
color: #FFF;
}
a img {
border: 0px;
}


.Button
{
    background-color: #1E5080;
    border-width: 2px;
    border-style: solid;
    border-bottom-color: #B0C0CF;
    border-left-color: #E5EBF1;
    border-right-color: #B0C0CF;
    border-top-color: #E5EBF1;
	color: #FFFFFF;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
    text-align: center;
	height: 21px;
	width: 96px;
}

.TextBox
{
    border-color: #B0C0CF;
    border-width: 1px;
    border-style: solid;
	color: #000000;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
    text-align: left;
	height: 16px;
	width: 160px;
}

.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.box {
	height: 17px;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F0F0F0;
	border: 1px dotted #999999;
}
.kontakt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
	
	
.liste {

	height: 50px;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F0F0F0;
	border: 1px dotted #999999;
}


.redlink a:link, a:hover, a:visited, a:active
{
color:#990000;
text-decoration: underline;
}