/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#cccccc;
}
html, body{
	height:100%;
	position:relative;
	margin-bottom: -50px; 
}


p{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}


#wrapper {
	width:990px;
	margin: auto auto;
	position: relative;	
	background-color:#ffffff;
	background-image:url(construct/backgroundwrapper.jpg);
	clear:both;
}
*html #wrapper{
	height:100%;
}

#footer{
	width:990px;
	clear:both;
}

#header{
	background-image:url(construct/head.jpg);
	height:50px;
	position:relative;
}

#menue{
	height:32px;
	background-image:url(construct/menue.jpg);
}


ul#Nav{
	margin:0px;
	padding:0px;
	
	padding-top:3px;
	padding-left:5px;
	text-align:center;
	
	font-size:10px;
}

ul#Nav li{
	list-style:none;
	display:inline;
	float:left;
	color:#ffffff;
	color:#ffffff;

	margin: 0 35px 0 35px;

	text-align:center;
	height:25px;
	
}

ul#Nav a:hover, ul#Nav a:focus{
	color:#000000;
}

ul#Nav div{
	clear:left;
}

ul#Nav a{
	text-decoration:none;
	color:#ffffff;
}

#left{
	float:left;
	width:108px;
}

#right{
	float:right;
	width:113px;
}

ul.subNav{
	margin:0px;
	padding:0px;
	
	padding-top:2px;
	padding-left:5px;
	text-align:left;
	
	font-size:9px;
}

ul.subNav li{
	list-style:none;
	display:block;
	color:#ffffff;
	margin-bottom:1px;
	
}

ul.subNav a:hover, .subNav a:focus{
	color:#000000;
}

ul.subNav div{
	clear:left;
}

ul.subNav a{
	text-decoration:none;
	color:#ffffff;
}


#contentWrapper{
	width:745px;
	float:left;
	margin-left:15px;
}


#logo {
	position:absolute;
	width:50px;
	height:46px;
	z-index:1;
	left: 33px;
	top: 2px;
}
#hakolayer {
	position:absolute;
	width:420px;
	height:39px;
	z-index:1;
	left: 96px;
	top: 6px;
}
#hakolayer h1{
	color:#555555;
	font-size:11px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
#hakolayer a{
	color:#555555;
	text-decoration:none;
}

#introtext {
	position:absolute;
	width:449px;
	height:153px;
	z-index:1;
	left: 123px;
	top: 206px;
	
	font-size:10px;
	color:#444444;
	text-align:justify;
}
#introtext h2{
	font-size:17px;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

ul#news {
	margin:0px;
	padding:0px;
	margin-left:15px;
	list-style-image:url(construct/viereck.jpg);
}
ul#news  li{
	margin-bottom:8px;
	font-size:11px;
}


#angebote {
	margin-top:20px;
	font-size:9px;
	color:#444444;
}
#angebote img{
	float:left;
	margin-right:3px;
	border:1px solid #000000;;
}
#angebote hr{
	clear:both;
	margin:2px 0 2px 0;
	height:1px;
	padding:0px;
}
#headimage {
	position:absolute;
	width:453px;
	height:115px;
	z-index:1;
	top: 85px;
	left: 123px;
}

#contentLeft{
	overflow:auto;
	width:452px;
	float:left;
	font-size:10px;
	color:#444444;
	text-align:justify;
}
#contentFullscreen{
	overflow:auto;
	width:735px;
	float:left;
	font-size:10px;
	color:#444444;
	text-align:justify;
}
#contentLeft h2, #contentFullscreen h2{
	font-size:17px;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}
#contentLeft h3, #contentFullscreen h3{
	font-size:15px;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

#contentLeft a, #contentFullscreen a {
	color:#E87A07;
	text-decoration:none;
}

#contentRight{
	overflow:auto;
	width:285px;
	float:right;
}

#clouds{
	font-size:8px;
	color:#888888;
}