html, body {height:100%;}
body {margin:0px; padding:0px; font:13px "Tahoma"}
img {border:0px;}

h1 {font-size:16px;}
h2 {font-size:14px; margin:0px; padding:0px;}

b {color:#6eab24}
b.black {color:#000}
b.blue {color:#005d81}

a {color:#005d81;}
a:hover {color:#333; text-decoration:none;}

div.clear {clear:both; height:0px; margin:0px; padding:0px; overflow:hidden;}

#container {width:100%; min-height:100%; display:block; text-align:center; position:relative;}
* html #container {height:100%;}

#content {padding-bottom:120px; margin:0px auto;}

#navi {width:1000px; background:url('../gfx/navi_hg2.jpg') no-repeat; height:171px; display:block; text-align:left; margin:0px auto;}
span.logo {height:100px; float:left; margin-top:10px; width:200px}

span.home,
span.blau,
span.orange {margin-right:15px; text-align:left;}

span.home {height:80px; float:left; margin-top:30px; width:auto;}
span.home a {font-size:14px; font-weight:bold; color:#6eab24; text-decoration:none;}
span.home a:hover {color:#ccc;}

span.blau {height:80px; width:auto; float:left; margin-top:30px;}
span.blau p {display:block; margin:0px; padding:0px; width:90%; font-size:10px}
span.blau a {font-size:14px; font-weight:bold; color:#005d81; text-decoration:none;}
span.blau a:hover {color:#ccc;}

span.orange {height:80px; width:auto; float:left; margin-top:30px;}
span.orange a {font-size:14px; font-weight:bold; color:#ff8529; text-decoration:none;}
span.orange a:hover {color:#ccc;}
span.orange p {display:block; margin:0px; padding:0px; width:90%; font-size:10px}

a small {display:block; font-size:9px; color:#000; font-weight:normal;}

#inhalt {width:1000px; height:auto; display:block; margin:0px auto; text-align:left;}
#searchbar {float:left; width:250px; text-align:left;}

#middle {float:left; width:500px; margin:0px 22px; line-height:25px;}
#zweispaltig {display:block; width:500px; height:auto;}
#spalteleft {float:left; width:220px; height:auto;}
#spalteright {float:right; width:250px; height:auto}

#partner {float:right; width:200px; text-align:right;}

/* SEARCHBAR */
form.quickseeq span {display:block; margin-bottom:20px}
form.quickseeq label {display:block; font-size:14px; font-weight:bold; margin-bottom:10px}
form.quickseeq label img {vertical-align:middle; margin-right:7px}
input.quick_seeq_subm {background:url('../gfx/search_subm.jpg') no-repeat; border:0px; width:142px; height:29px}

/* KONTAKT-Formulare */
form.form {display:block;}

form.form span {clear:both; display:block; margin-bottom:0px; padding:8px; height:auto; background:#e6eff2; border-bottom:1px solid #fff}
form.form span.opt {background:#e3e4e4;}
form.form span label {float:left; width:120px; line-height:25px; color:#005d81}
form.form span.opt label {float:left; width:120px; line-height:25px; color:#333}
form.form span input {width:250px; height:20px; /* height:25px; border:1px solid #005d81;*/}
/* form.form span.opt input {border:1px solid #ccc;} */
form.form span textarea {width:250px; height:200px; /* float:left; border:1px solid #005d81; */}
form.form span input.submit {width:auto; height:auto;}


/* PARTNER */
#partner span.box {width:170px; height:auto; display:block; margin-bottom:10px; padding:5px 0px}

/* PROFIL */
span.profilangebot {border:1px solid #ccc; display:block; width:480px; padding:10px;}


/* ANGEBOTE */
span.headline {clear:both; display:block;}
span.headline h1 {float:left;}
span.headline h2 {font-size:11px; color:#333; font-weight:normal;}
span.headline a {float:right;}

div.pagenavi {display:block; width:500px; margin-top:20px; height:20px}
div.pagenavi a {float:left; width:20px; height:20px; margin-right:2px; background:#ccc; color:#fff; text-decoration:none; text-align:center; line-height:20px;}
div.pagenavi a:hover, div.pagenavi a.active {background:#005d81; color:#fff}

span.uebersicht {display:block; line-height:17px;}
span.uebersicht a{border-bottom:1px solid #d6edf1; display:block; height:auto; width:500px; background:#fff; padding:10px; color:#005d81; text-decoration:none}
span.uebersicht a:hover, span.uebersicht a.premium {background:#d6edf1; border-bottom:1px solid #fff;}

form.volltext span, form.volltext label {display:block;}
div.angebote {margin-top:30px; display:block;}
div.angebote img {margin-right:10px}
div.angebote span {margin-bottom:20px; display:block;}

#footer {clear:both; position:relative; margin-top:-116px; display:block; width:100%; height:116px; text-align:center; background:url('../gfx/footer.jpg') center no-repeat;}
* html #footer {margin-top:-116px;}
#footer .cnt {margin:auto; padding-top:80px; width:800px; display:block; text-align:right}

#footer a {color:#333; font-size:9px;}

a.pdf {font-size:9px; text-decoration:none; color:#333; vertical-align:center;}

/* KOMMUNEN */

ul.kommunen, 
ul.kommunen li,
ul.kommunen li ul,
ul.kommunen li ul li {list-style:none; padding:0px; margin-left:0px;}

ul.kommunen {margin-top:20px;}

ul.kommunen li ul {padding-left:12px; font-size:9px;}

ul.kommunen li ul li {margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px;}
ul.kommunen li ul li a {color:#333; font-size:9px;}

ul.kommunen img {display:block;}

/* AutoComplete */

	.suggestionsBox {
		position: relative;
		left: 0px;
		margin: 5px 0px 0px 0px;
		width: 200px;
		background-color: #97BF0D;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 1px solid #F8A924;	
		color: #fff;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}