/*body */
.bodyGroesse{width: 985px; margin: 0px auto; font-family:arial; color: black; font-size: 13px; text-align:left} /*auto sorgt dafür, dass body zentriert wird */

/*menü und laschen*/
/*.navigation{clear:both;width:100%;min-width:740px;background:#330099;font-size:14px;line-height:normal;white-space:nowrap; text-align:center;
	border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #000000;	border-bottom: 1px solid #000000;
}*/
.navigation {clear:both; background: url('../utility/pics/navigation.gif') no-repeat top left; width:100%; padding-top: 1px; padding-bottom:2px; font-size:17px;color:white;font-weight:bold;}
.navigation a:link, .navigation a:visited, .navigation a:active, .navigation a:hover{color:#FFF;text-decoration:none;font-weight:700}
.navigationNotPassiv {margin-left: 15px; margin-right: 15px; padding-left:5px; padding-right:5px; background:white; color:black}
.navigationNotPassiv a:link, .navigationNotPassiv a:visited, .navigationNotPassiv a:active,
.navigationNotPassiv a:hover{color:#000000;text-decoration:none;font-weight:700}
.navigationPassiv {padding-left:20px; padding-right: 20px; padding-top:1px; padding-bottom: 1px;}
.navigationText {margin-left:100px; text-align:center;}
.navigationLogin {margin-right:5px; margin-top:2px; text-align:right; font-size:13px;}

/*Navigation links*/
.navHover {background:#F2F2F2}
.navHoverOut {background:#FFFFFF}

/*links*/
a:link, a:visited, a:active{color:#330099; text-decoration:underline;} a:hover{color:#f60;}

/*fokus bei input-feldern*/
input:focus{border: 1px solid #333333; padding: 2px;}
textarea:focus{border: 1px solid #333333; padding: 1px}

/*buttons*/
input.buttonAnfrage {height: 50px;width: 500px;font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;}

/*linke und rechte kolonne*/
.colLinks{margin-top: 10px; float:left; width:180px;}
.colRechts{margin-top: 10px; float:right; width:790px;}
.col{margin-top: 10px; float:left;width:985px;}

/*abschlussstrich content <-> footer*/
.footerStrich{clear: both;margin-top:10px;background:#330099 no-repeat left top;width:100%;min-width:985px;height:3px;padding:0;font-size:3px;}

/*hyperlinks im footer*/
.footerInhalt{margin:10px 0 0 0}
.footerInhalt p{text-align:center;margin:0;padding:2px 0;color:#999;font-size:13px}
.footerInhalt a:link, .footerInhalt a:visited, .footerInhalt a:active{color:#999;text-decoration:underline} .footerInhalt a:hover{color:#f60}
.footerInhalt span{padding:0 7px}

/*copyright*/
.copyr8{text-align:center;margin:0;padding:10px 0;color:#999;font-size:13px}

/*rahmen*/
.raOb{margin:0;padding:0;border:0px none;background: url('../utility/pics/raObLi.gif') no-repeat left top; }
.raObRe{border:0px none;background: url('../utility/pics/raObRe.gif') no-repeat right top; margin-left:10px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:10px; padding-top:0px; padding-bottom:0}
.raObRe h2{border-left:0px none; border-right:0px none; border-top:0px none; margin:0; font-size: 16px;font-weight:bold;border-bottom: 3px solid #CCCCCC; padding-left:0; padding-right:10px; padding-top:10px; padding-bottom:0}
.raMi{margin:0;padding:0;background: url('../utility/pics/raMiLi.gif') repeat-y left top; }
.raMiRe{background: url('../utility/pics/raMiRe.gif') repeat-y right top; ; margin-left:10px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:10px; padding-top:0; padding-bottom:0}
.raMiRe form{border-left:0px none; border-right:0px none; border-top:0px none; margin:0; padding-top:15px;}
.raMiRe h1{border:0px none; margin:0; font-size: 16px; font-weight: bold; padding-left:0; padding-right:10px; padding-top:12px; padding-bottom:8px;}
.raMiRe h3{border:0px none; margin:0; font-size: 15px; font-weight: normal; padding-left:0; padding-right:10px; padding-top:10px; padding-bottom:10px;}
.raUn{padding:0;background: url('../utility/pics/raUnLi.gif') no-repeat left bottom;height:10px;line-height:10px;font-size:1px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0;clear: both;}
.raUnRe{border:0px none;background: url('../utility/pics/raUnRe.gif') no-repeat bottom right;height:10px;line-height:10px;font-size:1px; margin-left:10px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:10px; padding-top:0; padding-bottom:0;clear: both;}

.raObReInhalt{border:0px none;background: url('../utility/pics/raObRe.gif') no-repeat right top; margin-left:10px; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:0; padding-right:10px; padding-top:0px; padding-bottom:0px;}
.raObReInhalt form{border-left:0px none; border-right:0px none; border-top:0px none; margin:0; padding-top:0px;}
.raObReInhaltAbstand {height:10px;}

/*invert-text*/
.invert{background:url('../utility/pics/invert_mitte.gif'); background-repeat:repeat-x;color:white;font-size:18px;font-weight:bold;margin-bottom:3px;}
.invertEmbossed{background:url('../utility/pics/invert_embossed_mitte.gif'); background-repeat:repeat-x;color:white;font-size:18px;font-weight:bold;margin-bottom:3px;}
.invertText{margin-top:4px;}

/*font*/
.titel{font-size: 16px; font-weight:bold; color: black;}
.gross{font-size:15px; font-weight:normal; color: black;}
.grossb{font-size: 15px; font-weight:bold; color: black;}
.mittel{font-size: 13px; font-weight:normal; color: black;}
.mittelb{font-size:13px; font-weight:bold; color: black;}
.mittelKlein{font-size: 12px; font-weight:normal; color: black;}
.klein{font-size:11px; font-weight:normal; color: black;}
.infofehler{font-size: 13px; font-weight:bold; color: red;}
.infoerfolg{font-size: 13px; font-weight:bold; color: green;}
.counter {font-size:10px; font-style:italic; color: black;}

/*suche*/
.suche{font-size: 16px; font-weight:bold;}
.suche input{font-size:13px; padding: 0px; margin-top:0px; margin-bottom:0px; margin-left:5px; margin-right:20px;}
.hinweis{float:left; font-size: 12px; font-weight:normal; color:#888888;}

/*suchhilfe*/
.suchHilfeStrich {padding-top:5px;padding-bottom:5px;}
.suchHilfe form{padding:0px; margin:0px;}
.suchHilfe input{font-size:13px; padding: 0px; margin:0px;}
.suchHilfe select{font-size:13px; padding: 0px; margin-top:2px; margin-bottom:2px; margin-left:0px; margin-right:0px;}
.suchHilfe h1{white-space:nowrap;margin:0px;padding:0px;height:2px;font-size: 12px; font-weight:normal;}

/*standortsuche*/
.sucheStandort form{padding:0px; margin:0px;}
.sucheStandort input{font-size:13px; padding: 0px; margin:0px;}
.sucheStandort select{font-size:13px; padding: 0px; margin-top:2px; margin-bottom:2px; margin-left:0px; margin-right:0px;}

/*mieten*/
.mietenIcon {float:left; width:40px; margin-top:10px; margin-left:2px;}
.topArtikel {width:96px; height:97px; float:left; padding:0px; margin-top:5px;}
.topArtikelStrich {height:95px; float:left; border:1px solid #CCCCCC; margin-left:18px; margin-top:5px; margin-right:18px;}

/*liste*/
.liste {margin-left:1px; margin-right:1px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.listeBildRahmen {width:96px; height:97px; float:left; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:3px; border-left:3px double #CCCCCC; border-right:3px double #CCCCCC;}
.listeTitel {overflow:hidden; margin-top:2px; margin-left:5px; font-size:14px; font-weight:bold; float:left;}
.listeTitelGroesse {width:65%; height:75px;}
.listeText {white-space:pre-line; font-size:12px; font-weight:normal; margin-top:0px;}
.listePreise {float:right; margin-top:1px; margin-right:3px; margin-left:2px; margin-bottom:2px; font-size:12px;}
.listePreiseGroesse {width:18%; height:74px;}
.listePreisTitel {margin-top:2px; font-weight:bold; text-align:center; text-align:center; width:100%; background:#F2F2F2; border-top:1px solid #F9F9F9; border-left:1px solid #F9F9F9; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.listeUnterTitel {float:left; text-align:left; width:63px; background:#F2F2F2; border-top:1px solid #F9F9F9; border-left:1px solid #F9F9F9; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.listePreisText {margin-top:0px; padding-top:1px; text-align:right; border-bottom:1px solid #E5E5E5;}
.listePreisText2 {width:100%; padding-top:5px; padding-bottom:5px; text-align:center; border-left:1px solid #E5E5E5; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.listeStandortText {float:left; margin-top:3px; font-weight:bold; margin-right:5px;}
.listeKategorien {height: 14px; overflow:hidden; float:right; font-size:12px; font-weight:normal; margin-top:2px;}
.listeKeineMietobjekte {font-size: 13px; font-weight:normal; padding:0px; margin-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom:0px;}
.listeHover {background:#F9DBC7; padding:0px; border:1px solid #f60; cursor: pointer;}
.listeHoverOut {margin-left:1px; margin-right:1px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.listeMietgesuche {padding-top:2px; padding-bottom:2px;}

/*mietgesuch-liste*/
.gesucheEigenschaften {width:16%; height:43px; margin-top:1px; margin-bottom:2px; font-size:12px;}
.gesucheTitelHoehe {width:49%; height:44px;}

/*detailansicht*/
.detailSpalteLinks {float:left; width:32%; margin-top:5px; margin-right:5px;}
.detailSpalteRechts {float:right; width:67%; margin-top:5px;}
.detail2Spalten {width:49%;}
.detailBild {border-top:3px solid #F2F2F2; border-left:3px solid #F2F2F2; border-bottom:3px solid #D8D8D8; border-right:3px solid #D8D8D8;}
.detailBildT {border-top:3px solid #F2F2F2; border-left:3px solid #F2F2F2; border-bottom:3px solid #D8D8D8; border-right:3px solid #D8D8D8;}
.detailBildTGroesse {float:left;width:102px;height:102px;}
.detailPreisObertitel {width:99%; font-weight:bold; text-align:center; background:#F2F2F2; border-top:1px solid #F9F9F9; border-left:1px solid #F9F9F9; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.detailPreisTitel {width:45%; clear:left; float:left; text-align:left; padding-left:5px; padding-top:4px; padding-bottom:4px; background:#F2F2F2; border-top:1px solid #F9F9F9; border-left:1px solid #F9F9F9; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.detailPreis {padding-top:5px; padding-bottom:4px; text-align:center; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.detailTitel {font-weight:bold; text-align:center; background:#F2F2F2; border-top:1px solid #F9F9F9; border-left:1px solid #F9F9F9; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.detailText {margin:0px; padding-top:2px; padding-bottom:2px; text-align:center; border-left:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.detailTitel2 {white-space:pre-line;margin-top:10px; font-weight:bold; text-align:center; background:#F2F2F2; border-top:1px solid #F9F9F9; border-left:1px solid #F9F9F9; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.detailText2 {white-space:pre-line;min-height:57px; padding:5px; text-align:left; border-left:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.detailVermieterTitel {width:70px; padding-left:3px; float:left; text-align:left; background:#F2F2F2; border-top:1px solid #F9F9F9; border-left:1px solid #F9F9F9; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.detailVermieterText {padding-top:1px; text-align:left; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.detailDate {width:60%; margin-top: 10px; float:left; margin-right:5px; padding:0px; font-size:13px}
.detailDate p{margin:0px; padding:0px}
.detailDate form{margin:0px; padding:0px}
.detailDate select{font-size:13px; margin-right:5px;}
.detailDate input{margin-top:0px; font-size:13px; width:30px;}
.detailDate textarea{font-size:13px; font-family:arial;}

/*mietgesuch*/
.detailTitelGesuch {white-space:pre-line; font-weight:bold; text-align:center; background:#F2F2F2; border-top:1px solid #F9F9F9; border-left:1px solid #F9F9F9; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}

/*bungalowNet*/
.detailKostenTitel {float:left;width:28%;}
.detailKostenBetrag {float:left;width:15%;text-align:right;}
.detailKostenText {float:left;text-align:left;margin-left:5px;}
.detailExtraText {padding-left:155px; padding-top:8px; padding-bottom:5px; border-left:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}

/*vermieten*/
.vermietRahmen {border:1px solid #0070BE;margin:1px;}
.vermietTabelleTitel {float:left;width:340px}
.vermietTabelleEigenschaft {float:left;width:340px;text-align:right}
.vermietTabelleStandard {float:left;width:120px;text-align:center;background:#F2F2F2; border-top:1px solid #F9F9F9; border-left:1px solid #F9F9F9; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.vermietTabelleGap {float:left;width:30px;}
.vermietTabelleSpezial {float:left;width:120px;text-align:center;background:#FFFF00; border-top:1px solid #F4FA58; border-left:1px solid #F4FA58; border-bottom:1px solid #D7DF01; border-right:1px solid #D7DF01;}
.borderInhaltZusammenfassenKosten{border:2px solid #330099; padding:5px; font-size:15px; text-align:center;}

/*vermietdetail ändern*/
.vermietDetailBild {float:left;width:102px;}

/*vermietanfragen*/
.anfragetitel {padding-left:2px; padding-right:2px; font-weight:bold; text-align:center; background:#F2F2F2; border-top:1px solid #F9F9F9; border-left:1px solid #F9F9F9; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.anfragetext {padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; text-align:left; border-left:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.anfrageartikel {width:160px; text-align:center;}
.anfragekontaktdaten {width:236px; text-align:center;}
.anfragedatum {width:100px; text-align:center;}
.anfragedatumlang {width:140px; text-align:center;}
.anfragepreis {width:60px; text-align:right;}

/*hilfe*/
.hilfe2Box {width:45%; margin:0px; padding:5px; border:1px solid red;}
.hilfeBox {width:97.5%; margin:0px; padding:5px; border:1px solid red;}

/*innere kolonne 3-spaltig*/
.colInnen3Spaltig{margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom:5px; padding: 0px; float:left; width:33%; }
.colInnen3Spaltig h3{margin-top:10px; margin-bottom:5px;  padding:0px; font-size: 13px; font-weight:bold;}
.colInnen3Spaltig p{margin-top: 5px; margin-bottom:0px; margin-left: 0px; margin-right: 0px; padding: 0px;}

/*innere linke und rechte kolonne (2 spaltig)*/
.colInnen {margin-top:3px; padding:0px; clear:left;}
.colLinksInnen2Spaltig{margin-top: 3px; float:left; width:25%; clear:left;}
.colLinksInnen2Spaltig select{font-size:13px;}
.colRechtsInnen2Spaltig{margin-top: 3px; float:left; width:70%;}
.colRechtsInnen2Spaltig p{margin:0px; padding:0px}
.colRechtsInnen2Spaltig select{font-size:13px; width:80%;}
.colRechtsInnen2Spaltig input{margin:0px; font-size:13px; width:79%;}
.colRechtsInnen2Spaltig textarea{font-size:13px; width:79%; font-family:arial;}

/*float*/
.floatLeft {float: left;}
.floatRight {float: right;}
.clearLeft {clear: left;}
.clearRight {clear: right;}
.clearAll {clear: both;}

/*Striche*/
.strich {border-top: 3px solid #CCCCCC;}
.strich2px {border-top: 2px solid #CCCCCC;}
.strich1px {border-top: 1px solid #CCCCCC;}
.strichVermieten {border-top: 1px solid #CCCCCC;}

/*Der Rahmen gruppiert Inputfelder*/
.borderInhaltZusammenfassen{border:2px solid #E9E9E9; padding:5px; font-size:13px;}
.borderInhaltZusammenfassenMitVertikalemAbstand{border:2px solid #E9E9E9; padding:5px; margin-top:5px; margin-bottom:5px; font-size:13px;}
.borderInhaltZusammenfassenMitAbstand{border:2px solid #E9E9E9; padding:5px; margin:5px; font-size:13px;}

/*verdunkelt den hintergrund, opaque*/
.bodybackground{position:absolute;width:100%;height:200%;top:0;left:0;z-index:800;background-color:black;opacity:0;filter:alpha(opacity=0);}

/*weiterempfehlungsmail*/
.weiterempfehlungsmail{position:absolute;z-index:999999;width:650px;background-color:white;border:2px solid black}
.weiterempfehlungsmail a:link, .weiterempfehlungsmail a:visited, .weiterempfehlungsmail a:active, .weiterempfehlungsmail a:hover{text-decoration:none}
.weiterempfehlungsmail input[type=button]{color: #ffffff; background-color: #330099; width: 76px; height: 23px; border: solid 1px #bfbfbf; font-size: 11px}

/*busyboxresult*/
.anfrageresultpopup{position:absolute;z-index:999999;width:400px;background-color:white;border:2px solid black;}
.anfrageresultpopup a:link, .anfrageresultpopup a:visited, .anfrageresultpopup a:active, .anfrageresultpopup a:hover{text-decoration:none}
.anfrageresultpopup input[type=button]{color: #ffffff; background-color: #330099; width: 76px; height: 23px; border: solid 1px #bfbfbf; font-size: 11px}

/*loginpopup*/
.loginpopup{position:absolute;z-index:999999;width:300px;background-color:white;border:2px solid black}
.loginpopup a:link, .loginpopup a:visited, .loginpopup a:active, .loginpopup a:hover{text-decoration:none}
.loginpopup input[type=button]{color: #ffffff; background-color: #330099; width: 76px; height: 23px; border: solid 1px #bfbfbf; font-size: 11px}
.loginpopup input[type=submit]{color: #ffffff; background-color: #330099; width: 76px; height: 23px; border: solid 1px #bfbfbf; font-size: 11px}
