/* globale Einstellungen für Tags */
body {
background-color:#f60;
font:11px Verdana,Arial,Helvetica,sans-serif;
color:#000;
margin:0;
padding:0;
}

td, select {
font:11px Verdana,Arial,Helvetica,sans-serif;
color:#000;
}

p {
margin:0;
padding:5px 0 5px 0;
}

form {
margin:0;
padding:0;
}

h1 {
font:16px Verdana, Arial,Helvetica,sans-serif; 
font-weight:bold; 
margin:0;
padding:0;
}

h2 {
font:11px Verdana, Arial,Helvetica,sans-serif; 
font-weight:bold; 
margin:0;
padding:0;
}

   
/* Layoutcontainer */
#containerGesamt { 
width:800px;
background:#fff; 
padding:5px 5px 5px 5px;
} 

#header { 
width:800px;
} 
#header .spacer1{ 
width:7px;
min-height: 60px;
background:#fff4ca;
} 
#header .spacer2{ 
width:12px;
background:#ffe377;
} 
#header .spacer3{ 
width:17px;
background:#ffd52d;
} 
#header .logo{
width:334px;
text-align:center;
vertical-align:middle; 
background:#ffcc00;
} 
#header .banner{ 
width:415px;
text-align:right;
vertical-align:middle;
background:#ffcc00;
}

#breadcrumb {
width:800px;
background:#fff;
float:left;
padding:4px 0 4px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#footer {
width: 800px;
background: #fff;
padding:5px 0 0 0;
border-top: 2px solid #ccc;
}

#contentGesamt {
width: 800px;
background: #fff;
padding:5px 0 0 0;
} 
#contentMitte {
width: 621px;
float: left;
} 
#contentMitteFullSite {
width: 800px;
float: left;
}
#contentRechts {
width: 165px;
float: left;
border-left: 2px solid #bbb;
border-right: 2px solid #ddd;
padding: 0 3px 10px 3px;
margin:0;
}
html>body #contentRechts {
padding: 0 5px 10px 5px;
}

	
/* Navigation */
#navigation .navWrapper {
width: 800px;
background-color: #f90;
float: left;
}
#navigation .navWrapper ul {
padding: 0;
margin: 0;
list-style: none;
}
#navigation .navWrapper ul li {
border-right: 1px solid #fff;
float: left;
}
#navigation .navWrapper li a.topReiter {
padding: 5px 4px 5px 3px;
text-transform: uppercase;
cursor:pointer;
display: block;
text-align: center;
color: #fff;
text-decoration: none;
border-left:3px solid #f90;
}
#navigation .navWrapper li a.topReiter:hover {
background-color: #fc0;
color: #333;
text-decoration: underline;
border-left:3px solid #f90;
} 
#navigation .navWrapper li.aktiv {
background-color: #fc0;
}
#navigation .navWrapper li.aktiv a.topReiter {
border-color:#fc0; 
color: #333;
text-decoration: underline;
}
#navigation #navWrapper li:hover a.subReiter {
background: #fc0;
color:#333;
text-decoration: underline;
border-left:3px solid #f90;
}
#navigation #navWrapper li.ie6Hover a.subReiter {
background: #fc0;
color:#333;
text-decoration: underline;
border-left:3px solid #f90;
}
#navigation li .klappMenu {
z-index:999;
position: absolute;
left: -1000px;
}  
#navigation li:hover .klappMenu {
z-index: 999;
left: auto;
width:200px;
}
#navigation li.ie6Hover .klappMenu {
z-index: 999; 
left: auto;
width:200px;
} 
#navigation .klappMenu {
background-color: #fc0;
border-left:3px solid #f90;
border-bottom:3px solid #f90;
white-space: nowrap;
}
#navigation .klappMenu ul li {
padding: 5px 8px 5px 8px;
clear: both;
border: 0;
float:none;
}
#navigation .klappMenu iframe {
opacity:0;
filter:alpha(opacity=0);
} 
#navigation .klappMenu a {
color: #333;
text-decoration: none;
}
#navigation .klappMenu a:hover {
color:#fff;
text-decoration:underline; 
}

/* Links */
a {color:#363; text-decoration:none}
a:hover {text-decoration:underline} 
a.preis {color:#f60;padding:2px;font-weight:bold} 

/* Schnellsuche */
.schnellSucheContainer {
padding: 2px 2px 2px 2px;
background-color: #fff;
border-top: 1px solid #aaa;
}

#schnellSucheNav {
background-color: #ccc;
height:30px;  
}
#schnellSucheNav .off {
height:30px;
color:#777;
} 
#schnellSucheNav .on {
background-color: #fff;
font-weight: bold;
height:30px; 
}
#schnellSucheNav .firstTab {
border-top: 1px solid #aaa;
border-bottom: 1px solid #fff;
} 
#schnellSucheNav .middleTab {
border-bottom: 1px solid #fff;
}
#schnellSucheNav .lastTab {
border-bottom: 1px solid #fff;
}


/* Container für Layoutgestaltung (Platzhalter in Breite und Höhe) */
.spaceB1 {width:1px; height:1px; font-size:0px}
.spaceB2 {width:2px; height:1px; font-size:0px}
.spaceB3 {width:3px; height:1px; font-size:0px}
.spaceB4 {width:4px; height:1px; font-size:0px}
.spaceB5 {width:5px; height:1px; font-size:0px}
.spaceB6 {width:6px; height:1px; font-size:0px}
.spaceB7 {width:7px; height:1px; font-size:0px}
.spaceB8 {width:8px; height:1px; font-size:0px}
.spaceB9 {width:9px; height:1px; font-size:0px}
.spaceB10 {width:10px; height:1px; font-size:0px}
.spaceB11 {width:11px; height:1px; font-size:0px}
.spaceB12 {width:12px; height:1px; font-size:0px}
.spaceB13 {width:13px; height:1px; font-size:0px}
.spaceB14 {width:14px; height:1px; font-size:0px}
.spaceB15 {width:15px; height:1px; font-size:0px}
.spaceB20 {width:16px; height:1px; font-size:0px}
.spaceH1 {width:1px; height:1px; font-size:0px}
.spaceH2 {width:1px; height:2px; font-size:0px} 
.spaceH3 {width:1px; height:3px; font-size:0px} 
.spaceH4 {width:1px; height:4px; font-size:0px} 
.spaceH5 {width:1px; height:5px; font-size:0px} 
.spaceH6 {width:1px; height:6px; font-size:0px} 
.spaceH7 {width:1px; height:7px; font-size:0px} 
.spaceH8 {width:1px; height:8px; font-size:0px} 
.spaceH9 {width:1px; height:9px; font-size:0px} 
.spaceH10 {width:1px; height:10px; font-size:0px} 
.spaceH11 {width:1px; height:11px; font-size:0px} 
.spaceH12 {width:1px; height:12px; font-size:0px} 
.spaceH13 {width:1px; height:13px; font-size:0px} 
.spaceH14 {width:1px; height:14px; font-size:0px} 
.spaceH15 {width:1px; height:15px; font-size:0px} 
.spaceH20 {width:1px; height:20px; font-size:0px} 
.spaceClearH0 {width:0px; height:0px; font-size:0px; clear:both} 
.spaceClearH5 {width:1px; height:5px; font-size:0px; clear:both}   
.spaceClearH10 {width:1px; height:10px; font-size:0px; clear:both}
.spaceClearH15 {width:1px; height:15px; font-size:0px; clear:both}

 
/* allgemein gültige Layoutklassen */
.headline {
height: 15px;
color: #666; 
background: #efefef;
padding: 2px;
} 

.standardBtn {
border-style:outset;
border-width:1px;
color:#fff;
background-color:#f60;
margin-bottom:0px;
margin-top:0px
}

.colorStandard {
color:#000;
}

.backgroundCCC {
background:#ccc;
}

.preis {color:#f00;padding:2px;font-weight:bold}

.kategorie {color:#999}

.mitarbeiterData {
position:absolute;
top:0px;
left:815px;
width:180px;
z-index:0;
padding:5px 5px 5px 5px;
background:#fff;
}
.mitarbeiterBoxName {
width:85px;
background:#fc0;
text-align:center;
padding:2px 0 2px 0;
}
.mitarbeiterBoxFoto {
width:85px;
background:#efefef;
text-align:center;
padding:10px 0 10px 0;
}

.pseudoLink {
cursor:pointer;
}
	
.trenner {
width:100%;
height:1px;
font-size:0px;
border-top:1px solid #aaa;
margin:5px 0 5px 0;
padding:0;
} 

.promoPartner { 
background:#fc0;
margin:7px 0 7px 0;
padding:2px 1px 2px 1px; 
} 

/* Klassen für farbige Containerrahmen */
.allgemeines {
border: 1px solid #aaa;
border-top: 3px solid #ffcc00;
}
.angebote {
border: 1px solid #aaa;
border-top: 3px solid #ff6600;
}
.neutral {
border: 1px solid #aaa;
}

/* Klassen für Container Mitte */ 
.topHotelbewertung {
width:300px;
float:left;
margin:0 8px 0 0;
}
.weiterempfehlungBewertung{
color:#FF7C25;
font-size: 24px;
}
.preisBewertung{
color:#FF7C25;
font-size: 18px;
}

.topAngebot {
width:200px;
float:left;
margin:0 4px 0 0;
}
html>body .topAngebot {
margin: 0 5px 0 0;
} 

.topAngebotebreit {
float:left;
}

.topAngebotbreit {
width:406px;
margin:0 4px 0 0;
}
html>body .topAngebotbreit {
width:407px; 
margin: 0 5px 0 0;
}

.tagCloud {
width:200px;
height:442px;
float:left;
margin:0 4px 0 0;
}
html>body .tagCloud {
margin: 0 5px 0 0;
} 

.aktionsBox {
width:200px;
float:left;
margin:0 4px 0 0;
}
html>body .aktionsBox {
margin: 0 5px 0 0;
}

.contentBoxMitte {
width: 612px;
margin:0 8px 0 0;
}
html>body .contentBoxMitte {
width: 614px;
}

.contentBoxMitteFullSite {
width: 798px;
}

.boxPadding {
padding:5px 2px 5px 2px;
}

.hinweis {
padding:5px 2px 5px 2px;
color:#f00;
}

.networld {
color: #fc0;
padding:5px 2px 5px 2px;
font-weight:bold;
}
.networld a {
color: #fc0;
font-weight:bold;
}


/* Klassen für Container Content rechts */
.buero {
background: #ff9900;
font-size: 11px;
margin:0;
padding:0;
}

/* Tagyourplace Styles */
#typ td { vertical-align: top }
#typ a:link { color:#000; }
#typ a:visited { color:#000; }
#typ a:hover { color:#000; }
#typ a:active { color:#000; }
#typ a:focus { color:#000; }
#typ img { border:0px }


.px9 {font-size: 9px}
.px10 {font-size: 10px}
.px12 {font-size: 12px}
.px14 {font-size: 14px}
.px16 {font-size: 16px}
.px18 {font-size: 18px}