/* General */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #575757; }
strong { font-weight: bold; }
h3 { margin: 0px; padding: 0px; font-size:12px; font-weight:bold; color: #575757; margin-bottom: 8px; }
h4 { margin: 0px; padding: 0px; font-size:12px; font-weight:bold; color: #575757; margin-bottom: 2px; }
h5 { margin: 0px; padding: 0px; font-size:12px; font-weight:normal; color: #afaeae; background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 8px; background-position: 0 4px; }
h6 { margin: 0px; padding: 0px; font-size:12px; font-weight:normal; color: #0000ff; background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 8px; background-position: 0 4px; }

#container { margin: 0 auto; width: 960px; }
#container a { color: #0090ff; text-decoration: none; }
#container a:hover { color: #ff9000; }
a { color: #0090ff; text-decoration: none; }
a:hover { color: #ff9000; }

/* Focus Outline */
object:focus { outline: none; }
:focus { outline: none; }


/* Header */
#header { height: 48px; background-image: url(../img/header_bg.gif); margin-bottom: 15px; }
#headerbox { margin-left: 21px; margin-right: 21px; height: 21px; padding-top: 12px; }
#logo { float: left; width: 306px; text-align: left; margin-top: -6px; }
#middle { float: left; width: 306px; text-align: center; color:#FFFFFF; }
#navi { float: left; width: 306px; text-align: right; }
#navi a { font-size: 14px; font-weight:bold; color:#FFFFFF; text-decoration:none; }

/* Breadcrumb */
#bread a { font-size: 11px; color: #0090ff; background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 10px; padding-bottom: 3px; background-position: 0 4px; margin-left: 6px; }
#bread a.home { font-size: 11px; background-image:none; padding-left: 0px; padding-bottom: 3px; margin-left: 6px; }
#bread { padding-left: 10px; padding-right: 20px; float: left; height: 20px; width: 930px; border-bottom: 1px dotted #dddddd; margin-bottom: 15px; margin-top: -10px; }
#bread1 a { font-size: 11px; color: #0090ff; background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 10px; padding-bottom: 3px; background-position: 0 4px; margin-left: 6px; }
#bread1 a.home { font-size: 11px; background-image:none; padding-left: 0px; padding-bottom: 3px; margin-left: 6px; }
#bread1 { padding-left: 10px; padding-right: 20px; float: left; height: 20px; width: 929px; border-bottom: 1px dotted #dddddd; margin-bottom: 15px; margin-top: -10px; }
#bread2 { float: left; height: 20px; width: 160px; border-bottom: 1px dotted #dddddd; margin-bottom: 15px; margin-top: -10px; }

/* Hauptbereich */
#main { width: 960px; }
#fotobig { float: left; }
#wrap { float: left; margin-left: 18px; margin-top: -3px; }
#picture { background-image: url(../img/foto3.jpg); background-repeat:no-repeat; height: 210px; width: 755px; margin-bottom: 10px; text-align:right; float: left; }
#picture #bigtext { color: #FFFFFF; font-size: 50px; font-weight:bold; text-shadow: #002f6b 3px 3px 4px; margin-right: 30px; filter: Shadow(Color=#002f6b,  Direction=135, Strength=5); padding-top: 40px; }
#normaltext span { color: #FFFFFF; font-weight: normal; }
#normaltext { color: #FFFFFF; font-size: 14px; font-weight:bold; text-shadow: #002f6b 3px 3px 4px; filter: Shadow(Color=#002f6b, Direction=135, Strength=5); margin-right: 30px; }
#textlinie { font-size: 11px; font-weight:bold; color: #ff9000; margin-bottom: 10px; width: 755px; float: left; }
#button { margin-right: 30px; margin-top: 20px; color:#FFFFFF; }
span#textbutton { margin-right: 5px; vertical-align:top; }
#button img { vertical-align: bottom; margin-top: -5px; }
#bigbox { width: 755px; float:left; margin-bottom: 10px; }
#boxnormal { width: 455px; float:left; }
#boxnormaldetail { width: 528px; float:left; }
#middlebox { width: 550px; float:left; margin-bottom: 10px; margin-left: 30px; }
#boxsearch { width: 453px; z-index: 1; }
#bigboxmiddle { width: 530px; }
#bigboxsearch { width: 733px; z-index: 1; }
#bigboxview { width: 733px; float: left;}

#normalbox { width: 453px; float:left; }
#detailbox_video, #detailbox_fotos, #detailbox_beschreibung, #detailbox_zusatztext, #detailbox_ausstattung, #detailbox_belegung, #detailbox_anfrage { width: 528px; float:left; }
#detailbox_fotos h3 { margin: 0px; padding: 0px; font-size:12px; font-weight:bold; color: #575757; margin-top: 10px; margin-bottom: 12px; }
#detailtextlinks { float: left; font-weight:bold; line-height: 18px; margin-right: 30px; }
#detailtextrechts { float: left; line-height: 18px; }
.detailtextnormal { float: left; width: 240px; margin-right: 30px; }
.detailtextnormalrechts { float: left; width: 240px; }
#fotobig img { border: 2px solid #a8e0ff; }
#kartenbox { float:left; margin-top: -15px; }
#tabmenu { width: 475px; margin-bottom: -1px; position: relative; z-index: 100; float:left; }
#tabmenudetail { width: 540px; margin-bottom: -1px; position: relative; z-index: 100; float:left; }
#fourboxes { width: 270px; margin-left: 10px; float:left; margin-top: -26px; }
#fourboxesnormal { width: 270px; float:left; margin-top: 0px; margin-right: 10px; }

#kundenpremium { float:left; background-color:#993300; }
#kundenbox { float:left; margin-top: 0px; margin-right: 15px; width: 230px; }
#premiumkundenbox { float:left; margin-top: 0px; width: 230px; }
#hauslogin, #premiumlogin { float: left; }

#sidebar { width: 195px; float: right; margin-left: 10px; }
#sidebarleft { width: 173px; float: left; }
#regionen { width: 173px; }

#werbung { width: 173px; float: left; }
#werbungstart { width: 173px; margin-top: 16px; float: left; }

#sidedetail { width: 173px; }
#sidedetailkarte { width: 173px; }
#sidedetailmeinungen { width: 173px; }
.meinung { margin-top: 4px; }
.meinungsname { margin-bottom: 4px; }
.meinungstext { margin-bottom: 10px; }
.rating { margin-bottom: 4px; }
#regionen span { font-weight: bold; }
#pagination, #pagunten { margin-top: 10px; float: left; }
#pagination span { font-weight: bold; }
#pagunten span { font-weight: bold; }
#pagination2, #pag2unten {  margin-top: 10px; float: left; }
#pagination3 { float: left; margin-left: 15px; margin-top: 10px; font-weight:bold; }
#pagination4 { float: left; margin-left: 5px; margin-top: 10px; }
#paginationunten { padding-left: 215px; padding-right: 20px; float: left; height: 30px; width: 735px; border-bottom: 1px dotted #dddddd; margin-bottom: 25px; margin-top: -10px; }
#paginationunten span a { color: #0090ff; background-image: url(../img/pfeil_oben.gif); background-repeat: no-repeat; padding-left: 10px; padding-bottom: 3px; background-position: 0 6px; margin-left: 6px; }
#up { margin-top: 10px; float:right; }
#text { width: 490px; float: left; }
#text span a { color: #0090ff; background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 10px; padding-bottom: 3px; background-position: 0 4px; margin-left: 6px; }

/* Ergebnisansicht */
#bigboxergebnis:hover { background-color:#f3fbff; }
#bigboxergebnis, #bigboxwerbung { float: left; width: 733px; height: 93px; }
#bigboxergebnis #img img { border: 2px solid #a8e0ff; }
#bigboxergebnis #img { float: left; width: 145px; }
#bigboxergebnis #desc { float: left; width: 450px; }
#bigboxergebnis #desc span { font-weight:bold; }
#bigboxergebnis #desc ul { padding-top: 5px; }
#bigboxergebnis #bewertung { float: left; width: 130px; }
#bigboxergebnis #bewertung img { margin-right: 3px; }
#bigboxergebnis #details { float: left; width: 130px; margin-top: 38px; }
#bigboxergebnis #details a { background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 10px; padding-bottom: 3px; background-position: 0 4px; margin-left: 6px; }


/* Rounded Corners */
div.round { margin: 0; background: #fff; padding: 10px; border:0; zoom:1; width: 173px; }
div.roundsearch { margin: 0; background: #fff; padding: 10px; border:0; zoom:1; }
div.roundads { margin: 0; background: #fff; padding: 10px; border:0; zoom:1; width: 248px; height: 236px; }
div.roundbig { margin: 0; background: #fff; padding: 10px; border:0; zoom:1; width: 248px; height: 76px; }
div.roundkunden { margin: 0; background: #fff; padding: 10px; border:0; zoom:1; width: 208px; height: 273px; }
div.roundpremiumkunden { margin: 0; background: #f1faff; padding: 10px; border:0; zoom:1; width: 208px; height: 273px; }
div.outer { float: left; background: #a8e0ff; margin-bottom: 10px; }
div.roundsearchview { margin: 0; background-image:url(../img/bg_search.gif); background-repeat:repeat-x; background-color: #f0f9ff;  height: 83px; padding: 10px; border:0; zoom:1; }

/* AJAX Boxen */
#dialogmerken.round2 { margin: 0; background: #fff; padding: 10px; border:0; zoom:1; width: 306px; background-image:url(../img/bg_merken.gif); height: 56px; }
#dialogempfehlen.round2 { margin: 0; background: #fff; padding: 10px; border:0; zoom:1; width: 412px; background-image:url(../img/bg_empfehlen.gif); height: 315px; }
#dialoglage.round2 { margin: 0; background: #fff; padding: 10px; border:0; zoom:1; width: 600px; background-image:url(../img/bg_lage.gif); height: 600px; }
#dialogallemeinungen.round2 { margin: 0; background: #fff; padding: 10px; border:0; zoom:1; width: 600px; background-image:url(../img/bg_lage.gif); height: 600px; }
#dialogmeinung.round2 { margin: 0; background: #fff; padding: 10px; border:0; zoom:1; width: 412px; background-image:url(../img/bg_meinung.gif); height: 455px; }

/* Box Elements */
div.boxpic { width: 60px; height: 60px; float:left; margin-right: 15px; vertical-align:middle; }
span.upper { font-weight:bold; line-height: 20px; } 
span.lower { background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 8px; padding-bottom: 3px; background-position: 0 4px; line-height: 30px; }
span.lower2 { background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 8px; padding-bottom: 3px; background-position: 0 4px; line-height: 20px; }
span.pfeil { background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 8px; background-position: 0 4px; }
span.pfeilrechts { background-image: url(../img/pfeil.gif); background-repeat: no-repeat; margin-left: 5px; padding-left: 8px; background-position: 0 4px; }
span.pfeillinks { background-image: url(../img/pfeil_links.gif); background-repeat: no-repeat; padding-left: 8px; background-position: 0 4px; }
span.treffer { background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 8px; background-position: 0 4px; }
div.trefferabstand { padding-left: 8px; color: #575757; }
div.trefferabstand_selected { padding-left: 8px; color: #afaeae; }
.objekttreffer { margin-bottom: 10px; }
#boxformular { float: left; margin-top: 14px; width: 220px; }
#boxleft, .boxleft { float: left; margin-right: 30px; margin-top: 14px; }
#eintrag { float: left; margin-top: 14px; }
#boxleftklein { float: left; margin-right: 40px; margin-top: 14px; width: 220px; }
#boxleftklein2 { float: left; margin-right: 10px; margin-top: 14px; width: 200px; padding-top: 20px; }
#boxleftklein3 { float: left; margin-right: 20px; width: 240px; }
#boxmiddle { width:1px; height: 285px; background-color: #a8e0ff; float: left;  }
#boxmiddleklein { width:1px; height: 445px; background-color: #a8e0ff; float: left; margin-top: 20px; }
#boxrightklein { float: left; margin-left: 30px; margin-top: 10px; }
#boxright { float: left; width: 242px; margin-left: 1px; margin-top: 10px; }
#boxflash { float: left; width: 242px; margin-left: 20px; }
#boxspace { float: left; width: 195px; margin-right: 10px; }

/* Ergebnisse + Anzeige */
#ergebnisse { float: left; width: 435px; border-top: 1px dotted #a8aaab;  border-bottom: 1px dotted #a8aaab; margin-top: 15px; text-align: center; padding-top: 5px; padding-bottom: 5px; }
.kriterienspan { font-weight:bold; }
#ergebnis, #ergebnisspan { font-weight:bold; color: #ff9000; }
#ghanzeigen { margin-top: 10px; float: left; width: 435px; }
#ghleft { float: left; width: 260px; }
#ghleft2 { float: left; width: 530px; }
#ghright { float: left; width: 175px; text-align: right; }
#kriterien { color: #575757; font-weight:bold; }

#ghanzeigenbelegung { margin-top: 10px; float: left; width: 215px; }
#pflichtfeld { margin-top: 10px; float: left; font-size: 11px; }
.infotext { float: left; font-size: 11px; margin-bottom: 20px; width: 400px; }
#ghleftklein { float: left; }
.seitenanzahl { margin-top: 10px; margin-bottom: 10px; }
#ergebnisspan {  float: left; width: 733px; }
#ergebnisspan2 {  float: left; width: 530px; padding-top: 29px; }
#ergebniskurz { margin-top: 20px; margin-bottom: 20px; }
#ergebniskurz #ergebnis{ font-weight:bold; color: #ff9000; }
#ergebniskurz span { font-weight: bold; }
#ergebnisview { margin-bottom: 10px; }
#ergebnisview #ergebnis{ font-weight:bold; color: #ff9000; }
#ergebnisview span { font-weight: bold; }
#premiumzugang input { margin-right: 3px; margin-top: 3px; }
.blocklinks { width: 130px; float: left; font-weight:bold; }
.blockrechts { width: 315px; float: left; }
.blocktext { float: left; width: 445px; }
.blocktextspace { float: left; width: 445px; margin-top: 20px; }


/* Listenelemente */
ul#regionenliste { margin-top: 9px; }
ul#regionenliste a { text-decoration: none; }
ul#regionenliste li { background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 8px; padding-bottom: 3px; background-position: 0 4px; }
ul#choose { margin-bottom: 8px; }
ul#choose li { background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 8px; padding-bottom: 3px; background-position: 0 4px; }

/* Form */
#hidden .select, #hidden2 .select { padding-top: 7px; }
#hidden3 { margin-top: 50px; }
div#kundenbox .select, div#premiumkundenbox .select { margin-bottom: 7px; width: 200px; float: left; }
.select { margin-bottom: 7px; width: 200px; clear:both; }
.select input { margin-bottom: 7px; float: left; }

.select2 { margin-bottom: 7px; margin-right: 15px; float: left; }
.select2 input { width: 180px; margin-bottom: 7px; }

.select3 { margin-bottom: 0px; margin-right: 15px; float: left; }
.select3 input { margin-bottom: 7px; }

.ortplz { width: 220px; }
.smallinput { float: left; }
.longfield { float: left; width: 400px; margin-bottom: 5px; }
.longcheck { width: 400px; margin-bottom: 10px; float:left; }
.extralongcheck { width: 400px; margin-bottom: 10px; float:left; }
.longcheck .select { float:left; width: 160px; }
.extralongcheck .select { float:left; width: 220px; }
.checkmiddle { float: left; width: 250px; margin-bottom: 10px; }
.checkmiddle input { vertical-align: middle; margin-right: 5px; }
.check { float: left; width: 200px; margin-bottom: 10px; }
.check input { vertical-align: middle; margin-right: 5px; }
.subline { float: left; width: 400px; }
.loginabstand { margin-bottom: 10px; }
.datum { float: left; }
.select .datum img { margin-left: 5px; }
/* Update 4.3. */
.selectright { margin-top: 5px; }
/* Update 4.3. */
p.text { font-weight:bold; padding-bottom:2px; }
p.textspace { font-weight:bold; padding-bottom:10px; }
p.text span { font-size: 11px; font-weight:normal; }
#radiobuttons { font-size: 11px; float:left; width: 440px; }
#radiobuttons form { float:left; margin-right: 25px; }

#eintrag select, #boxleft select, #boxleftklein select, #boxformular select { width: 217px; border: 1px solid #a8e0ff; height: 21px; color: #575757; font-size: 11px; padding: 1px; }
#boxleft input.ac_input { width: 148px; margin-right: 5px; font-size: 11px; }
#boxleft input { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
#boxleft input#suchort { border: 1px solid #a8e0ff; height: 17px; color: #575757; font-size: 11px; padding-top: 2px; }
#boxformular input, #eintrag input, #boxleftklein input, #kundenbox input, #premiumkundenbox input { border: 1px solid #a8e0ff; height: 17px; color: #575757; font-size: 11px; padding-top: 2px; }
#sidebarleft select, #sidebarleft select input { width: 160px; border: 1px solid #a8e0ff; height: 21px; color: #575757; font-size: 11px; padding: 1px; }


textarea { border: 1px solid #a8e0ff; color: #575757; font-size: 11px; }


/* Kontaktformular */
#kontaktgesamt { width: 440px; }
#kontaktlinks { float:left; width: 220px; }
#kontaktrechts { float:left; width: 220px; }
#kontaktunten { float:left; width: 440px; }

/* Bestellformular */
#bestellung { float: left; width: 445px; margin-top: 15px; }
#artikel { float: left; width: 230px; font-weight:bold; margin-bottom: 4px; }
#artikelbezeichnung { float: left; width: 230px; margin-bottom: 15px; }
#menge { float: left; width: 115px; font-weight:bold; margin-bottom: 4px; }
#anzahl { float: left; width: 115px; margin-bottom: 15px; }
#anzahl input { width: 30px; margin-right: 5px; }
#einzelpreis { float: left; width: 100px; font-weight:bold; margin-bottom: 4px; text-align:right; }
#preis { float: left; width: 100px; text-align:right; margin-bottom: 15px; }
#bestelllinks { float:left; width: 220px; margin-top: 15px; }
#bestellrechts { float:left; width: 220px; margin-top: 15px; }


/* Belegungsformular */
#belegunglinks { float:left; width: 220px; margin-right: 35px; }
#belegungrechts { float:left; width: 220px; }
#belegunggesamt textarea { border: 1px solid #a8e0ff; color: #575757; }
#belegunggesamt input { border: 1px solid #a8e0ff; color: #575757; height: 22px; width: 215px; }

.checkbox { width: 160px; height: 20px; }
.checkboxlong { width: 240px; float:left; height: 20px; }
.checkboxabstand { width: 160px; height: 20px; margin-bottom: 15px; }
.checkboxlong input { margin-right: 5px; }
.checkboxabstand input { margin-right: 5px; }
.checkbox input { margin-right: 5px; }
.checkinput, .checktext { float: left; }
#checkhidden { margin-top: 15px; }
div.checktext { margin-top: -1px; }

/* Footer */
#footer { text-align:center; color: #575757; margin-bottom: 20px; clear: both; }
#footstart { margin-bottom: 15px; font-size: 11px; }
#footregionen, #footregionen a { text-decoration: none; color: #0090ff; margin-bottom: 15px; }
#footnav, #footsmall { margin-bottom: 10px; }
#footnav a, #footsmall { font-size: 11px; color: #a8aaab; text-decoration: none; }

/* IE6+7 Hacks */
* html #sidebar { width: 195px; float: right; margin-left: 0px; }
* html #hidden .select { padding-top: 0px; }
* html #hidden2 .select { padding-top: 0px; }
* html div.outer { width: 10px; }
* html div.roundbig {  padding: 8px; }
* html div.round { padding: 5px; }
* html #paginationunten { float: none; }
* html #bigboxview, * html #bigboxergebnis, * html #bigboxsearch, * html #bigboxwerbung { width: 713px;  }
* html #ergebnisspan { width: 440px; }
* html #kartenbox { margin-top: -80px; margin-left: 450px; }
* html #details { margin-left: 280px; }
* html #middlebox { margin-left: 15px; }
* html #bigbox { width: 758px;}

* html #dialogmerken.round2 { padding: 5px; }
* html #login.round2 { padding: 5px; }
* html #dialogempfehlen.round2 {padding: 4px; }

*+html #detailbox_fotos, *+html #detailbox_beschreibung, *+html #detailbox_zusatztext, *+html #detailbox_ausstattung, *+html #detailbox_belegung, *+html #detailbox_anfrage { margin-bottom: -11px; }
*+html div.roundkunden { width: 207px; }
*+html div.roundpremiumkunden { width: 207px; }
*+html #hidden .select { padding-top: 0px; }
*+html #hidden2 .select { padding-top: 0px; }
*+html #footer { margin-top: 15px; }
*+html div.checktext { margin-top: 2px; }
*+html #ghanzeigen { padding-bottom: 10px; }

/* Clearfix Hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.inputHintOverlay { color: #999; font-size: 12px; }

/* Ergenbisansicht */
.cmbigboxergebnis:hover { background-color:#f3fbff; }
.cmbigboxergebnis, .mybigboxwerbung { float: left; width: 733px; height: 93px; }
.cmbigboxergebnis .img img { border: 2px solid #a8e0ff; }
.cmbigboxergebnis .img { float: left; width: 145px; }
.cmbigboxergebnis .desc { float: left; width: 450px; }
.cmbigboxergebnis .desc span { font-weight:bold; }
.cmbigboxergebnis .desc ul { padding-top: 5px; }
.cmbigboxergebnis .bewertung { float: left; width: 130px; }
.cmbigboxergebnis .bewertung img { margin-right: 3px; }
.cmbigboxergebnis .details { float: left; width: 130px; margin-top: 38px;}
.cmbigboxergebnis .details a { background-image: url(../img/pfeil.gif); background-repeat: no-repeat; padding-left: 10px; padding-bottom: 3px; background-position: 0 4px; margin-left: 6px; }

.cmbigbox { width: 755px; float:left; margin-bottom: 10px; }
.cmimage { border: 2px solid #a8e0ff; }