/* GrukiD Styles */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #535f50;
	background: url(img/bg_scroll.gif) fixed repeat-y center;
}

a {
	color: #769813;
	text-decoration: none;
}

a:hover {
	color: #535f50;
}

h5 {
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 3px;
}

h6 {
	font-size: 12px;
	font-weight:bold;
	color: #535f50;
	padding-left: 24px;
	padding-top: 6px;
	padding-bottom: 18px;
}

ul.eintragen {
	list-style-type:none;
	padding-top: 5px;

}


ul.eintragen li.ok {
	padding-bottom: 7px;
	padding-left: 24px;
	background: url(img/haken.png) no-repeat;
}

ul.eintragen li.no {
	padding-bottom: 7px;
	padding-left: 24px;
	background: url(img/kreuz.png) no-repeat;
}

.container { 
	width: 990px;
	margin: auto;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height: 100%;
}

.frameleft { 
	float:left; 
	width: 20px; 
	height: 100%; 
}

.frameright { 
	float:left; 
	width: 20px; 
	height: 100%; 
}

.main { 
	float:left; 
	width: 950px;
}




.head {
	background-image: url(img/head_bg.gif);
	background-repeat: repeat-x;
	width: 950px;
	height: 95px;
	margin-bottom: 30px;
}

.logo {
	float: left;
	width: 210px;
	margin-left: 30px;
	margin-right: 15px;
}

.line_vert {
	float: left;
	width: 2px;
	background-image:url(img/line_vert.png);
	background-repeat:repeat-y;
	height: 75px;
}

.line_vert_mid {
	float: left;
	width: 2px;
	background-image:url(img/line_vert.png);
	background-repeat:repeat-y;
	height: 50px;
}

.line_vert_small {
	float: left;
	width: 2px;
	background-image:url(img/line_vert.png);
	background-repeat:repeat-y;
	height: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

.pfeil_head {
	float: left;
	width: 26px;
	margin-right: 10px;
}

br {
	line-height: 9px;
}

span.bold, strong {
	font-weight: bold;
}

.intro {
	float: left;
	width: 305px;
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 10px;
	height: 55px;
	line-height: 14px;
}

.shortform {
	float: left;
	width: 75px;
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
	height: 55px;
	line-height: 14px;
}

.hauseintrag {
	float: left;
	width: 225px;
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 10px;
	height: 55px;
	line-height: 14px;
}

.suche {
	float: left;
	width: 210px;
	margin-left: 30px;
	margin-right: 10px;
}

.hausansichtcm {
	float: left;
	width: 680px;
	margin-left: 0px;
	margin-right: 10px;
}

/* Inhalt */
.inhalt {
	width: 650px;
	margin-left: 30px;
	float: left;
}

.wrapper {
	width: 520px;
	height: 30px;
	float:left;
}

.wrapper2 {
	width: 130px;
	height: 30px;
	float:left;
	text-align:right;
}

.wrapper3 {
	width: 650px;
	margin-top: 20px;
	height: auto;
	float:left;
}

.wrapper4 {
	width: 650px;
	margin-top: 10px;
	height: auto;
	float:left;
}

.kopfleiste {
	width: 650px;
	height: 30px;
	border-bottom: 1px dotted #dddfdc;
	margin-top: 15px;
}

.beschreibung { 
	float: left;
	font-size: 18px; 
	font-weight:bold;
}

.kontaktanfrage {
	float: left;
	font-size: 18px; 
	font-weight:bold;
}

.zursuche, .icons {
	height: 30px;
	padding-top: 7px;
	float:left;
}

.haupttext, .haupttext2 {
	width: 270px;
	margin-right: 20px;
	float: left;
}

.haupttext3 {
	width: 650px;
	float: left;
}

img#single_image {
	cursor: pointer;

}

.anfragetext {
	width: 245px;
	margin-right: 55px;
	float: left;
}

.anfragetext2 {
	width: 330px;
	margin-left: 20px;
	float: left;
}

.kontaktfelder {
	width: 245px;
	margin-top: 20px;
	margin-right: 55px;
	float: left;
}

.kontaktfelder2 {
	width: 330px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
}

.select input {
	width:243px;
	border: 1px solid #e1f17f;
	float: left;
	height: 18px;
	margin-bottom: 5px;
	font-size: 12px;
}

.select2 input {
	width:191px;
	border: 1px solid #e1f17f;
	height: 18px;
	margin-bottom: 5px;
	font-size: 12px;
}

.ortplz {
	width:245px;
	float: left;
}

.ort {
	float: left;
	width: 80px;
}

.plz {
	float: left;
	width: 165px;
}

.ort input {
	width: 65px;
	border: 1px solid #e1f17f;
	height: 18px;
	margin-bottom: 5px;
}

.plz input {
	width: 163px;
	border: 1px solid #e1f17f;
	height: 18px;
	margin-bottom: 5px;
}

textarea {
	border: 1px solid #e1f17f;
}

.submit {
	margin-top: 20px;
}

.submit input {
	background-color: #769813;
	border: 1px solid #e1f17f;
	color: #fff;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
}

.kontaktlinks {
	margin-top: 20px;
}

.kontaktrechts {
	margin-top: 50px;
}

.fotos {
	width: 360px;
	height: 263px;
	float: left;
	text-align: right;
}

.fotos img {
	border: 1px solid #e1f17f;
}

.kartenlink {
	margin-top: 30px;
	margin-left: 10px;
	float: left;
}

.kartenlink img {
	border: 1px solid #e1f17f;
}

.eing {
	background-color: #FFFFFF;	
	border: 0px solid #FFFFFF;
	color: #535F50;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
}

.sternmerken {
	height: 30px;
}

.bigtext {
	font-size: 14px;
	font-weight: bold;
}

#wrapperkarte {
	float: left;
	margin-top: 20px;
}

.introduction {
	float:left;
	margin-bottom: 14px;
}

.kostenlos {
	background-color: #f2f9e7;
	width: 260px;
	padding: 16px;
	float: left;
	margin-right: 20px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

.standard {
	background-color: #f2f9e7;
	width: 260px;
	padding: 16px;
	float: left;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}



/* Merkliste */
.merkliste_button {
	width: 890px;
	height: 16px;
	text-align: right;
	float: left;
	margin-top: -20px;
	margin-left: 30px;
	border-bottom: 1px dotted #dddfdc;	
	margin-bottom: 15px;	
}

#merkliste {
	width: 890px;
	height: 50px;
	float: left;
	background-color: #f2f9e7;
	margin-left: 30px;
	margin-top: -15px;
	border-bottom: 1px dotted #dddfdc;	
	margin-bottom: 15px;
}


.zahl {
	text-align: center;
	padding-top: 18px;
	padding-left: 2px;
	width: 72px;
	height: 50px;
	color: #fff;
	font-weight:bold;
}

.weiterempfehlen {
	text-align: center;
	padding-top: 18px;
	width: 140px;
	height: 50px;
	font-weight:bold;
	float: left;
}

.vergleichen {
	text-align: center;
	padding-top: 18px;
	width: 106px;
	height: 50px;
	font-weight:bold;
	float: left;
}

.anzahl {
	background-color: #e6f3d1;
	width: 72px;
	height: 50px;
	float: left;
	background-image: url(img/stern.gif);
}

.haeuser {
	width: 526px;
	height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}

.pfeil_links {
	float: left;
	margin-top: 6px;
	margin-right: 7px;	
}

.pfeil_rechts {
	float: left;
	margin-top: 6px;
	margin-left: 5px;
}

.haus {
	margin-left: 2px;
	margin-right: 2px;
	float: left;
	margin-top: 6px;
	height: 38px;
	width: 66px;
	
}

.thumbnail {
	width: 50px;
	height: 38px;
	float: left;
}

.thumbnail img {
	border: 1px solid #e1f17f;
	width: 48px;
	height: 36px;
}

.close {
	margin-left: 5px;
	float: left;
}

.sidebarbox {
	background-color: #f2f9e7;
	float: left;
	width: 195px;
	margin-left: 25px;
	margin-right: 30px;
	padding: 10px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

.sidebarbox ul li {
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 5px;
}

.sidebarbox2 {
	background-color: #f2f9e7;
	float: right;
	width: 195px;
	margin-left: 25px;
	margin-right: 30px;
	padding: 10px;
	margin-top: 10px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

h4 {
	font-size: 16px;
	font-weight: bold;

}

/* Ajaxbox Vergleichsliste */
.ajaxbox {
	border: 2px solid #e1f17f;
	width: 710px;
	height: 605px;
	padding: 10px;
	float:left;
	margin-top: 8px;
}

.ajaxboxempf {
	border: 2px solid #e1f17f;
	width: 370px;
	height: 440px;
	padding: 10px;
	float:left;
	margin-top: 8px;
}

.closeit {
	position:absolute;
	left: 790px;
	top: -12px;
	z-index:22223;
	
}

.box1 {
	background-color: #e6f3d1;
	float:left;
	width: 154px;
	height: 495px;
	border-right: 1px solid #fff;
	padding: 20px;
	font-size: 11px;
}

.box2 {
	background-color: #f2f9e8;
	float:left;
	width: 154px;
	height: 495px;
	border-right: 1px solid #fff;
	padding: 20px;
	font-size: 11px;
}

.box1 img, .box2 img {
	border: 1px solid #769813;
}

/* Hauseintrag Schritte */
.schritte {
	width: 650px;
	float: left;
}

.schritt1, .schritt2, .schritt3, .schritt4 {
	width: 152px;
	height: 80px;
	float: left;
	text-align: center;
	font-size: 11px;
	color: #769813;
}

.schritt1 img, .schritt2 img, .schritt3 img, .schritt4 img {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #769813;
}

.pfeilschritt {
	float: left;
	height: 60px;
	padding-top:20px;
}


input.hbearb { margin-bottom: 0px; vertical-align:middle; width: 240px; height: 18px; border: 1px solid #e1f17f; font-size: 12px; padding-left: 3px; }

/* Form Elemente */
.text { font-weight:bold; margin-bottom: 3px; }
.select { width: 210px; }

input.zielort { margin-bottom: 10px; width: 140px; height: 16px; border: 1px solid #e1f17f; font-size: 12px; padding-left: 3px; padding-top: 3px; padding-bottom: 3px; }
input.button { margin-bottom: 10px; vertical-align:middle; width: 60px; height: 24px; border: 1px solid #e1f17f; background-color: #769813; color: #fff; font-weight:bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-left: 5px; }

input.button_karte { margin-bottom: 10px; margin-top: 10px; vertical-align:middle; width: 208px; height: 24px; border: 1px solid #e1f17f; background-color: #769813; color: #fff; font-weight:bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
select { margin-bottom: 10px; width: 210px; height: 22px; border: 1px solid #e1f17f; font-size: 12px;  color: #535f50;}

.checkboxen { width: 210px; margin-top: 5px; }

.checkbox_left { width: 95px; float: left; margin-bottom: 5px; }
.checkbox_right { position:relative;left:23px; width: 115px; float: right; margin-bottom: 5px; }
.checkbox_left .checkinput { width: 20px; float: left; }
.checkbox_left .checktext { width: 75px; float: left; }
.checkbox_right .checkinput { width: 20px; float: left; }
.checkbox_right .checktext { width: 95px; float: left; }


.karte {
	float: left;
	width: 420px;
	margin-left: 10px;
	margin-right: 10px;
	height: 612px;
}

.karte img {
	border: 1px solid #e1f17f;
}

.seiten {
	margin-top: 2px;
	vertical-align: middle;
	border-bottom: 1px dotted #dddfdc;
	padding-bottom: 10px;
	font-size:14px;
	width:220px;
}

.seiten img {
	vertical-align: middle;
	margin-left: 8px;
	margin-right: 8px;
}

.pagination {
	font-size: 14px;
}

.pagination2 {
	font-size: 14px;
	border-top: 1px dotted #dddfdc;
	padding-top: 10px;
}

.seiten2 {
	margin-top: 2px;
	vertical-align: middle;
	font-size:14px;
}

.seiten2 img {
	vertical-align: middle;
	margin-left: 8px;
	margin-right: 8px;
}

.eintrag {
	width: 235px;
	height: 57px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.headline {
	
	color: #769813;
	margin-bottom: 3px;
}

.thumb {
	float: left;
	margin-right: 5px;
}

.thumb img {
	border: 1px solid #e1f17f;
	width: 52px;
	height: 39px;
}

.haustext {
	width: 175px;
	height: 39px;
	float: left;
	line-height: 14px;
}

span.trennung {
	width: 155px;
	}

.mehr {
	text-align:right;
	width: 55px;
	float: left;
}

.preisab {
	width: 90px;
	float: left;
}

.suchergebnis {
	float: left;
	width: 215px;
	margin-left: 25px;
	margin-right: 30px;
}

.suchergebnisstart {
	float: left;
	width: 235px;
	margin-left: 10px;
	margin-right: 15px;
}

.tipps {
	border-top: 1px dotted #dddfdc;
	padding-top: 5px;
}

.footer {
	float: left;
	width: 890px;
	margin: 30px;
	color: #babfb9;
	text-align: center;
	border-top: 1px dotted #dddfdc;
	padding-top: 10px;
}

.lines {
	color: #769813;
}

/* IE6 Hacks */
* html .frameright, * html .frameleft { height:auto; }
* html .suchergebnis { width: 215px; margin-left: 15px;	margin-right: 2px; }
* html .suchergebnisstart {	margin-left: 5px; margin-right: 2px; }
* html .hauseintrag { margin-left: 5px; }
* html .shortform { width: 55px; }

/* CSS3 Buttons */
.awesome {
	background: #769813;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 1px 1px #222;
	border-bottom: 1px solid #769813;
	position: relative;
	cursor: pointer;
}

a.awesome:hover {
	color: #fff;
	background: #535f50;
}