body { color: #000000; font-size: 11px; margin: 3px; padding: 3px; 
       FONT-FAMILY: Arial,sans-serif; 
}

h1 { font-size:16px; font-weight:bold }
td { font-size:12px }
td.bordbott { border-bottom:1px solid #cccccc; }

A { color: #326CB5; }
A.bigblue { font-family: arial; font-size: 15px; text-decoration: none; font-weight: bold; color: #326CB5}
A.slimblue { font-family: arial; font-size: 10px; text-decoration: underline; font-weight: normal; color: #326CB5}
A.bigred { font-family: arial; font-size: 16px; text-decoration: none; font-weight: bold; color: #EA413E}
A.slimred { font-family: arial; font-size: 12px; text-decoration: underline; font-weight: normal; color: #EA413E}
A.boldwhite { font-family: arial; font-size: 12px; text-decoration: underline; font-weight: bold; color: #FFFFFF}

A.slimwhite { font-family: arial; font-size: 12px; text-decoration: underline; font-weight: normal; color: #FFFFFF}
A.slimblack { font-family: arial; font-size: 12px; text-decoration: underline; font-weight: normal; color: #000000}

img { border:0px; }

.marg6 { margin-left:6px; line-height:30px; }
.marg7 { margin-left:7px;}
.marg20 { margin-left:20px;}
.marg20_r { margin-right:20px; }
.marg20_t { margin-top:20px; }
.marg8_t { margin-top:8px; }
.white { COLOR:#ffffff; }
.grau { COLOR:#cccccc; }
.rot { COLOR: #FF0000; }
.schwarz { color:#000000; }
.clearer { clear:both; }
.bgcol { background: #E2EEFE ;}
.textleft { text-align:left; }
.textcenter { text-align:center; }
.small { font-size:11px; }
.big { font-weight:bold; }
.blaubold { margin-left:2px; FONT-SIZE: 13px; FONT-WEIGHT:bold; COLOR: #003399; }
.xlblau { FONT-SIZE: 15px; FONT-WEIGHT:bold; COLOR: #003399; }

.headline { color: #326CB5; font-family: arial; font-weight: bold; font-size: 13px; }
.noshow { display:none; }
.start { FONT-SIZE: 13px; FONT-WEIGHT:bold; color:#000033; }

.errmsg {
	color: #FFFFFF; background: #BA190C; font-size: 13px; font-weight: bold;
	padding-left: 2px; padding-right: 2px; padding-bottom: 1px; margin-bottom:3px;
}

#banner { margin-top:-10px}
#bannercontent { min-height:300px; padding-top:6px; 
     text-align:center;  padding:4px; margin-bottom:2px; margin-left: -10px;
}

span.lastminute { font-weight: bold; background: #ffcc00; padding: 2px; }

/* 2-teilung */
div.alignleft { width: 49%; float: left; }
div.alignright { width: 49%; float: right; text-align: right; }

/* 2-teilung 60/40 Ausgabe Bilder auf Detailseite*/
div.alignleft3 { width: 40%; float: left; }
div.alignright3 { width: 59%; float: right; }

/* Detailseite oben */
div.alignleft2 { width: 67%; float: left; margin-left:4px;}
h2.alignleft2 { width: 60%; float: left;  display:inline-block; 
  margin-top:0px; margin-bottom:0px; font-size: 16px; font-weight: bold; padding-left:4px;
}
div.alignright2 { width: 31%; float: right; text-align: right; margin-right:10px;}

/* 4-teilung */
div.alignleft4 { width: 24%; float: left; text-align:center; }
div.alignrigh4 { width: 24%; float: right; text-align: right; }

/* 4-teilung */
div.alignleft33 { width: 30%; float: left; text-align:center; }
div.alignrigh33 { width: 30%; float: right; text-align: right; }

/* 3-teilung Detailseite Karte usw*/
div.alignleft3b { width: 50%; float: left;  }
div.alignright3b { width: 35%; float: right; text-align: right; }


/* Ausgabe Liste */
.qout {
	background: #ffffff; margin-top: 0px;
	width: 772px; border: 1px solid #326CB5; overflow:auto; padding: 0px 0px 0px 0px;
}

.qout ul { margin-left: 6px; margin-top: 0px; padding-left: 10px; list-style-type:square; }
 
.qouttop {
  overflow:auto; background: #f0f0f0;
	width:768px; border-bottom: 1px solid #cccccc;
	margin-top: 0px; padding: 0px 0px 0px 4px;
}

.qouttop .qouttop_l {
  background: #f0f0f0; width: 420px; float:left;
	font-size:12px; font-weight:bold;  COLOR: #0506a5; padding-top:4px;
}

.qouttop_r {
  overflow:hidden; background: #f0f0f0; width: 340px;  COLOR: #0506a5;
	float:right;  text-align:right;
}
.qouttop a { font-size: 11px; color: #554; text-decoration: none; }

.qout .links { width: 618px; float:left; margin-top:0px; margin-right:0px; }

.qhref {
  background: #ffffcc;  font-size: 11px;
	color: #554; text-decoration: none; line-height:18px; margin-bottom:2px;
}
.qhref a:hover { font-size: 11px; background: #fdfb97; color: #654;	}

/* Ausgabe von Bettwäche Handtücker */
.preise1 { width:614px; background: #f0f0f0; margin-left:2px; }

/* Ausgabe von Bettwäsche auf Seite details.php */
.bettw { border: 1px solid #00bdc0;  width:610px; background: #ffffff; margin: 0 auto; }

.preisborder {height:36px; margin-bottom:4px}

.preise2 {
	width:608px; COLOR: #0506a5; text-align:center; padding:2px; margin: 0 auto; margin-top:6px;
}

.preisdetails {
   text-align:center; font-size:11px; float:left; width:84px; 
   background:#ffffff; border:1px solid #f0f0f0;
   margin-bottom:3px;
}

.qout .right { width: 150px; overflow:auto; margin-top:4px; text-align:center; }
  
.boxbg_big {
   border:1px solid #cccccc; 
   background:#E2EEFE;  margin-bottom:8px; font-size: 13px; padding:4px;
   color: #326CB5; text-align:center; height:30px;
} 

/* Navileiste auf Detailseite */
.navibox {
   border:1px solid #326CB5;  background:#E2EEFE; 
   margin-bottom:8px; font-size: 13px; color: #326CB5;  
} 

/* Ausgabe Navileiste auf Detailseite */
.navibox_det { 
   width:110px; text-align:center; height: 22px;
   border-right:1px solid #cccccc;
   color: #326CB5;
   font-weight:bold; vertical-align:middle; 
   display: table-cell; float:left; padding-top:4px;
}

/* Ausgabe Detailseite frei oder belegt */
.box_big {
    font-weight:bold; font-size:14px;
    text-align:center; padding:2px; margin-bottom:3px;
}

/* Detailseite Ausgabe Kopf */
.box_hellgrau {
    background:#f0f0f0; font-weight:bold; padding:3px; margin-bottom:10px;
}

#container {
  float: left; width: 1190px; margin: 0px; padding: 0px; border: 1px solid #326CB5;
  font-size:12px;
  background-image: url(./images/bg_left.jpg); background-repeat:repeat-y;  
}





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

#left ul {list-style: none; margin-left:4px; padding-left:4px}

#left ul li {  display:block;  line-height:2.5em; }

#topleft {
  float: left; width: 200px; height:164px;
  background-image: url(./images/bg_left_top.jpg);
  background-repeat: no-repeat;
  font-family: arial; font-size: 14px;
  color: #326CB5; padding-left: 6px;
}

/* Flaggen */
#topleft img {border:0px; margin:4px; width: 22px; height:16px; }

#topleft2 {
  float: left; width: 200px; 
  background-image: url(./images/bg_left_top2.jpg);
  background-repeat: no-repeat;
  font-size: 14px; color: #326CB5; padding-left: 6px;
}

.datsearch { margin-top:22px; margin-left:0; width:160px; height:120px; }

.datsearch .bigblue { margin-left:6px; font-size: 15px; text-decoration: none; font-weight: bold; color: #326CB5 }
.datsearch .inpdats { font-size: 11px; width:90px; height:12px; margin-left:18px; margin-top:6px; vertical-align:middle;
        border: 0; padding: 0; float:left;
}
.datsearch .formsuche2 { float: left; width: 200px; height: 32px;
  background: url(./images/formbgsuche2.jpg);
  background-repeat: no-repeat; }
.datsearch .submi {float:right; margin-top:-48px; margin-right:10px }


#vonmenu + .ui-datepicker-trigger, #bismenu + .ui-datepicker-trigger {
        margin-left:-18px; margin-top:3px;
}


div.formsuche {
  float: left; width: 200px; height: 32px;
  background: url(./images/formbgsuche.jpg);
  background-repeat: no-repeat;
  font-family: arial; font-size: 14px; color: #326CB5;  margin-bottom:14px; margin-top:2px;
}


input.text_bgImage {
    width: 144px; height: 12px; 
    font-size: 11px; border: 0;  padding: 0; 
    margin-bottom:6px; margin-left:14px; margin-top:0px; vertical-align:middle;
}

/*******************************************************************/

#middle_top {
  width: 780; height:136px; vertical-align: top;
  background-image: url(./images/bg_top3.jpg); background-repeat:no-repeat;
}

#middle_top_eng {
  width: 780px; height:136px; vertical-align: top;
  background-image: url(./images/bg_top3_eng.jpg); background-repeat:no-repeat;
}

#middle { float: left; width: 780px; }

#contentainer { width: 778px; 
       border:1px solid #cccccc; overflow: hidden;
       background-color: #E2EEFE; margin-bottom:6px;      
}


div.middleheadline {
  width: 770px; background-color: #326CB5;
  color: #ffffff; font-size: 16px; font-weight: bold;
  padding-top: 4px; padding-left:5px;  padding-bottom:4px;
  height:19px; 
}

h2.middleheadline, h1.middleheadline  {
  width: 770px; background-color: #326CB5;
  color: #ffffff; font-size: 16px; font-weight: bold;
  padding-top: 4px; padding-left:5px; padding-right:5px; padding-bottom:4px;
  height:19px; margin-top:0px; margin-bottom:0px;
}


#middleheadline_left {
  width: 10%; color: #ffffff; vertical-align: top; font-size: 16px;
  font-weight: bold; font-family: arial;
}
#middleheadline_middle {
  width: 60%; float: left;
  color: #ffffff; vertical-align: top;
  font-size: 12px; font-weight: bold; font-family: arial;
}

#middleheadline_right {
  width: 20%; float: right;
  color: #ffffff;
  vertical-align: top;
  font-size: 30px; font-weight: bold; font-family: arial;
}

/* umgebung = 778px = 4 px padding = 774*/
div.middlecontent {
  float: left; width: 774px;
  background-color: #f0f0f0;
  color: #000000; font-size: 12px; font-family: arial; padding:2px;  
}

/* Detailseite */
div.middlecontdetail {
  float: left; width: 774px; background-color: #ffffff; color: #000000;
  font-size: 12px; font-family: arial; padding:2px;  
}

/* seite fewosuche */
#umkreissuche { width:760px; }
#bezsuche { width:760px;  display:none; }
#bezsuche a { text-decoration:none; font-size:11px; }

.bez { font-size:9px; color:#ffffff; line-height:9px; }

#right2 {
  float: right; width: 190px; margin-left: 6px; margin-top:6px;
  font-size: 11px; padding:6px;
}

#right2 h2 { color: #FF0000; font-weight: bold; font-size: 13px; }

#right2 h3 { color: #326CB5; font-weight: bold; font-size: 12px; }


#middle_top { width: 100%; }
#middle_top_eng { width: 100%; }
  
#contentainer { width: 99.6%; }
div.middleheadline { width: 100%; }
h2.middleheadline, h1.middleheadline  { width: 730px;  }
div.middlecontent { width: 99.4%; }
div.middlecontdetail { width: 99.4%; }


@media (max-width: 980px) {	
   #container {
         float: left; width: 920px; margin: 0px; padding: 0px; border: 1px solid #326CB5;;
         font-size:12px;
         background-image: url(./images/bg_left.jpg); background-repeat:repeat-y;  
   }
   #right2 { display:none; }
   #left { float: left; width: 180px; } 
   #middle { width: 740px; }
   
   

}



.clearfix:after {
  content: "."; 
  display: block; 
  height: 0;  clear: both; 
  visibility: hidden;
}

p.norm {
  color: #000000;
  font-weight: normal; font-size: 12px;
  padding-left: 20px; margin-right: 8px;
}

p.bigger {
  color: #000000;
  font-weight: normal; font-size: 13px;
  padding-left: 20px; margin-right: 20px;
  line-height:18px;
}

p.headlinered {
  color: #FF0000;
  font-weight: bold; font-size: 13px;
}
p.bigred {
  color: #EA413E;
  font-weight: bold; font-size: 16px;
  margin: 0px;
}


#img_right { clear: both; float: right; }

#headline_searchresult_left {
  float: left; width: 50%;
  color: #FFFFFF;
  background-color: #326CB5;
  font-size: 12px; font-weight: bold;
}

#headline_searchresult_right {
  float: right; width: 50%;
  text-align: right;
  color: #FFFFFF;
  background-color: #326CB5;
  font-size: 12px; font-weight: bold;
}

#detailtext1 {
  width: 60%; float: left;
  text-align: justify;
}

#detailimage { width: 40%; float: right; }
#detailtext2 {
  width: 100%; float: left;
  text-align: justify;
}


#thumbnails {
  margin-left: 30px; float: left; width: 150px;
  vertical-align: top;
}

#bigimg {
  float: left; width: 300px; vertical-align: top;
}


p.headline_right2 {
  color: #326CB5; font-weight: bold;
  font-size: 12px;
}

form.left {
  width: 170px; border: 1px solid #326CB5;
  background-color: #FFFFFF;
}

input.leftside {
  border: 1px solid #FFFFFF; background-color: #FFFFFF;
}

input.input_content {
  border: 1px solid #326CB5; background-color: #FFFFFF; color: #ff0000;
}
select { border: 1px solid #326CB5; background-color: #FFFFFF; }
input.checkbox {
  color: #326CB5;
  border: 1px solid #326CB5; background-color: #E2EEFE;
  background-image: url(./images/bg_left_top.jpg);
}


/* Merkliste */
#merke {  display:none; 
          background: #f0f0f0; 
          padding-top:4px; padding-bottom:4px; 
          padding-right:8px; padding-left:2px;
          border:1px solid #ff9900; margin-left:9px;
          margin-bottom:10px; width:140px; 
                
}

#citytax {
    position: absolute; left:8px; margin-top:10px; width:320px; height:250px;overflow:auto; 
    border:2px solid #80b0ff; display:none; background:#ffffff;
    margin-bottom:30px;
     -moz-border-radius:0.500em; /* Firefox */
    -webkit-border-radius:0.500em; /* Safari, Chrome */
    -khtml-border-radius:0.500em; /* Konqueror */
    border-radius:0.500em; /* CSS3 */
    box-shadow: 0.167em 0.167em 0.333em 0 #aaaaaa;
     -webkit-box-shadow: 0.833em 0.833em 0.417em #aaaaaa;
    -moz-box-shadow: 0.833em 0.833em 0.417em #aaaaaa;
}

#citytax h4 {text-align:center; margin-top:8px;}
#citytax h5 {text-align:center; }
#citytax input {font-size:11px; width:30px; text-align:right; background:#80b0ff;}

#citytax div.tabelle {
 display: table;  width:300px; table-layout: fixed; overflow:hidden; font-size:11px;
 margin-left:8px;
}
 
#citytax div.tabelle > div { display: table-row;   }

#citytax div.tinhalt {  
    display: table-cell;  overflow:hidden;  padding:2px; width:18%;
    padding-right:2px; border-bottom: 1px solid #cccccc; text-align:center;
}

#citytax div.tinhalt_l {  
    display: table-cell;  overflow:hidden;  padding:1px; width: 22%;
    text-align:center; padding-right:2px; border-bottom: 1px solid #cccccc;
}


/* bei function message_out2 */
.message_box {
   margin: 30px 0px 100px 100px;
   text-align:center; font-weight:bold; 
   border-right:1px solid black;
   border-bottom:1px solid black;
   border-left:1px solid #E2EEFE;
   border-top:1px solid #E2EEFE;
   width:500px; font-size:14px; padding:20px;
}


/* Belegungskalender */
TD.ausgabe1 {
    FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, Helve;
	  BACKGROUND-IMAGE: url(images/anreise.gif);
	  background-color: #66cc66;  text-align:center;
}
TD.ausgabe2 {
    FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, Helve;
	  BACKGROUND-IMAGE: url(images/abreise.gif);
	  background-color: #66cc66;  text-align:center;
}
TD.karenzab {
    FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, Helve;
	  BACKGROUND-IMAGE: url(images/abreisekarenz.gif);
	background-color: #66cc66; text-align:center;
}
TD.belkarenz {
    FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, Helve;
	  BACKGROUND-IMAGE: url(images/abreise.gif);  background-size: cover;
	  background-color: #F18E0E; text-align:center;
}

TD.anabkarenz {
    FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, Helve;
	BACKGROUND-IMAGE: url(images/anabkarenz.gif);   background-size: cover;
	background-color: #66cc66;
	text-align:center;
}

TD.karenz {
     background-color: #F18E0E;
     FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, Helve;
     text-align:center;
}
TD.ausgabe3 {
    FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, Helve;
	  BACKGROUND-IMAGE: url(images/anabreise.gif);
	  background-color: #66cc66; text-align:center;
}
TD.frei  { background-color: #66cc66;  text-align:center;
     FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, Helve; }
TD.voraus  { background-color: #CCCCCC;  text-align:center;
     FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, Helve; }
TD.ausgabe4 {
    FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, Helve;
	  BACKGROUND-COLOR: #ff6666; text-align:center;
}