body { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#ffd0de; background-image: url(contentimgs/haushotelback.jpg);}
h1, h2 ,h3, h4 { font-size: 2em; margin:0; padding: 0 0 0.5em 0.5em; color:#ffabc3; font-style:italic; }

.red { color:#f6ecd0; }
.green { color:#008000; }
.description { color:#f6ecd0; padding:10px; border:1px solid #900;}
.description strong, .red strong {color:#ff6666;}

/* 3 Hauptzeilen */
#top-section { position:relative; margin:0px auto; width: 993px; height:150px; background-image: url(contentimgs/haushotelheader.jpg); background-repeat: no-repeat;}
#mid-section { position:relative; left:0px; top:30px; height:600px; background-position: bottom; }
#bottom-section {
  position:absolute; top:720px; height:119px; left:1%; width:98%; background-color: #B22051; text-align:center; border: 1px solid #B22051;
}

/* Kopfbereich */
#top-col-1 { position:relative; text-align:center; }
#top-col-1 img { margin:0; padding:0; }
#top-col-1 h1, #telefon {margin: 0; padding: 0;}
#telefon {font-size: 300%;}
#stechend {background-color:black; color:yellow;font-size:250%;margin:0;padding: 0;}




/* Spalten für die Bilder der Startseite */
#mid-col-1, #mid-col-2, #mid-col-3, #mid-col-4, #mid-col-5, #mid-col-6, #mid-col-7, #mid-col-content, #girl-col-1, #girl-col-2 {
  top:5px; background-color:#B22051; background-image: url(contentimgs/mic-col-back.png);
  border-left: 2px solid #FBA16E; border-top: 2px solid #FBA16E;
  border-right: 2px solid #000; border-bottom: 2px solid #000;
}

#mid-col-1 { position:absolute; left:2%; width:12%; } /* 22 */
#mid-col-2 { position:absolute; left:16%; width:12%; } /* 36 */
#mid-col-3 { position:absolute; left:30%; width:12%; } /* 50 */
#mid-col-4 { position:absolute; left:44%; width:12%; } /* 64 */
#mid-col-5 { position:absolute; left:58%; width:12%; } /* 78 */
#mid-col-6 { position:absolute; left:72%; width:12%; }
#mid-col-7 { position:absolute; left:86%; width:12%; }
#mid-col-gbook { position:absolute; left:28%; width:72%; }

/* Contentbereich für die Infoseiten */
#mid-col-content { position:relative; left:2%; width:96%; }
#mid-col-content p { margin:0; padding:0; padding-left:10px;}

/* Contentbereich für die Girlseiten */
#girl-col-1 { position:relative; left:2%; width:30%; padding:1%;}
#girl-col-2 { position:absolute; left:36%; width:60%; padding:1%;}
#girl-col-1 p { margin:0; padding:0 10px 0 10px; }
#weitere_girls h3 {font-size: 100%; color:#ff6666;}
#weitere_girls p {color:#ff0000;}
#weitere_girls a {color:#ffabc3;}
#weitere_girls a:hover {color:#ffffff;}


/* Linkdefinitionen */
#mid-col-1, #mid-col-2, #mid-col-3, #mid-col-4, #mid-col-5, #mid-col-6, #mid-col-7 {
  text-align: center; color:#f6ecd0;
}
#mid-col-1 p,#mid-col-2 p, #mid-col-3 p, #mid-col-4 p, #mid-col-5 p, #mid-col-6 p, #mid-col-7 p, #mid-col-gbook p{
  font-size:10px; margin:0; padding:0;
}

a:link { color:#B22051; text-decoration:none; }
a:visited { color:#B22051; text-decoration:none; }
a:focus { color:#B22051; text-decoration:none; }
a:hover { color:#f00; text-decoration:none; }
a:active { color:#f00; text-decoration:none; }
a img { border: 1px solid #790000; }


/* Footerbereich */
#bottom-col-1 { position:relative; text-align:center; padding-top:0px; font-size:10px; }
#bottom-col-1 p { margin: 5px; }
.seo { position:relative; left:0px; top:35px; height:auto; background-color: #B22051; text-align:center; margin:0px auto; border: 1px solid #B22051;}
.seo p {margin: 5px;}

/* Zeile für die Navigation */
#navigation {width:98%; position: relative; left: 2%; top:130px;}
#navigation img {float:right; padding-top: 12px; padding-left: 15px; border: none;}
#clink {font-size:18px; font-style:italic; font-weight:bold;}
#clink a { color:#ffabc3; text-decoration:none; background: transparent; display: inline; padding-right: 10px;}
#clink a:hover { background: transparent; color: #fff; }

/* Preisgrafik */
#preis { padding-top:60px; padding-right:20px; }

/* Happy Hour */
#happyhour { background-image:url(contentimgs/happyhour.gif); position:absolute; left:94%; top:-130px; width:185px; height:193px; text-align:center; font-style:italic; }
#happyhour h3 { margin:0; padding:50px 0 0 0; }
#happyhour p { margin:0; padding:0; }
#happyhour a { color: black; text-decoration: none; background: transparent; display: block; font-size: 90%;}
#happyhour a:hover { background: transparent; color: #FFF8DC; }

/* IE Hack für die Fontdefinition des Menüs */
* html #clink { font-size:18px; }
* html #preis { padding-top:50px; }