body {
font-size: 12px; 
font-family: geneva, verdana, arial, sans-serif;
margin: 0px;
background-color: #F0F0F0;
}

 /*  Seiten Design top 42 Elemente */

#logo {
position: absolute;
width: 690px;
height: 75px;
top: 42px;
z-index:1; 
left: 50%;
margin-left: -490px;
text-align: center;
border-bottom:12px solid #111111;
border-right:12px solid #111111;
}
#logo h1 {
margin: 0;
padding: 0;
display:inline;
}

#linkonlineres {
position: absolute;
width: 258px;
height: 75px;
top: 42px;
z-index:1; 
left: 50%;
margin-left: 210px;
text-align: right;
vertical-align:bottom;
border-bottom:12px solid #111111;
}

 /* Haupt-Navigation navi-SPRACHE.inc.php */

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 172px;
padding: 0px;
margin: 0px;
}
#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 12px;
display: block;
border-bottom: 1px solid  #340202;
padding: 5px 0px 5px 8px;
text-decoration: none;
color: #ffffff;
width:172px;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #F0F0F0;
background-color: #840202;
}
#vertmenu ul li a.active {
color: #F0F0F0;
background-color: #840202;
}

 /* Tool Leiste Oben QuickBookerForm.inc.php */

#header_main {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
width: 100%;
height: 40px;
background-color: #ffffff;
border-bottom:1px solid #000000;
}
#header_main_box{
color:#000000;
width:960px;
text-align: left;
vertical-align: top;
margin:auto;
}
td.quickbooker {
FONT-SIZE: 10px;
padding-left: 6px;
padding-right: 6px;
border-left:1px solid #808080;
}
.selectform {
color:#000000;
font-size:12px;
border: 1px solid #808080;
background-color:#F0F0F0;
padding:2px;
cursor:pointer;
}
.header_button {
color: #000000;
background: #F0F0F0;
font-weight: bold;
border: 1px solid #808080;
}
.header_button:hover {
color: #F0F0F0;
background: #CFCBC3;
cursor:pointer;
}


html,body {
height: 100%;
margin: 0px;
}
td.header {
 FONT-SIZE: 10px;
}
td.logo {
 border-bottom: 10px solid #000000;
}
td.obli {
 background:url(../images/hotel_design/logobild.jpg);
 background-color: #0000FF;
 color: #ffffff;
 border-bottom: 10px solid #000000;
 border-left: 10px solid #000000;
 text-align: right;
 padding-right: 20px;
 FONT-SIZE: 10px;
}
td.unten1 {
 border-top:6px solid #000000;
 text-align: center;
 background-color: #0000FF;
 border-left:6px solid #000000;
 border-right:6px solid #000000;
}
td.unten2 {
 border-top:6px solid #000000;
}
td.rot {
 border-right:10px solid #000000;
 background-color: #BA0202;
 color: #F0F0F0;
 text-align: left;
 vertical-align: top;
 FONT-SIZE: 10px;
}
td.gelb {
 background-color: #FFCC00;
 color: #000000;
 vertical-align: top;
 FONT-SIZE: 10px;
}
td.gelb1 {
 background-color: #FFCC00;
 color: #000000;
 vertical-align: top;
}
td.board1 {
 background-color: #840202;
 color: #ffffff;
 text-align: left;
 border-bottom: 1px solid #000000;
 border-top: 1px solid #000000;
 padding-left: 5px;
}
td.board2 {
 background-color: #840202;
 color: #ffffff;
 text-align: left;
 border-top: 1px solid #000000;
 padding-left: 5px;
}
td.board3 {
 background-color: #840202;
 color: #ffffff;
 text-align: left;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 padding-left:5px;
}
td.bestpreis {
 background-color: #FFCC00;
 FONT-SIZE: 10px;
 text-align: center;
}
td.bestpreis1 {
 FONT-SIZE: 10px;
 text-align: center;
}
.button {
    BORDER-RIGHT: #F0F0F0 thin solid;
    BORDER-TOP: #F0F0F0 thin solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BORDER-LEFT: #F0F0F0 thin solid;
    WIDTH: 150pt;
    COLOR: white;
    BORDER-BOTTOM: #F0F0F0 thin solid;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: #0000FF;
    TEXT-ALIGN: center
}

.buttonquick {
    BORDER-RIGHT: #F0F0F0 thin solid;
    BORDER-TOP: #F0F0F0 thin solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BORDER-LEFT: #F0F0F0 thin solid;
    WIDTH: 100pt;
    COLOR: white;
    BORDER-BOTTOM: #F0F0F0 thin solid;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #0000FF;
    TEXT-ALIGN: center
}
.tooltip {
  position: absolute;
  display: none;
  color: #000000;
  padding: 4px;
  border: 1px solid #000000;
  background-color: #ffffff;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  -moz-opacity: 0.9;
  z-index:5; 
}
.bild img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1;
}
.bild:hover img{
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity: 0.5;
 opacity: 0.5;
 -ms-filter: "alpha(opacity=50)";
 zoom: 1;
}
.input {
 font-family:Arial;
 color:#000000;
 font-size:12px;
 border: 1px solid #808080;
 background-color:#FFF0FF;
 height:17px;
 width:450px;
 padding:3px;
 cursor:pointer;
}
.input:hover {
 font-family:Arial;
 color:#000000;
 font-size:12px;
 border: 1px solid #BA0202;
 background-color:#FFFFFF;
 height:17px;
 width:450px;
 padding:3px;
 cursor:pointer;
}
.textarea {
 font-family:Arial;
 color:#000000;
 font-size:12px;
 border: 1px solid #808080;
 background-color:#FFF0FF;
 height:222px;
 width:450px;
 padding:3px;
 cursor:pointer;
}
.textarea:hover {
 font-family:Arial;
 color:#000000;
 font-size:12px;
 border: 1px solid #000000;
 background-color:#FFF0FF;
 height:222px;
 width:450px;
 padding:3px;
 cursor:pointer;
}
#div1{
 position: absolute;
 background-color: #000000;
 color: #ffffff;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
 -ms-filter: "alpha(opacity=80)";
 zoom: 1;
 height:100%;
 min-height:800px;
 width:100%;
 text-align: center;
 vertical-align: top;
 z-index:1; 
}
#div2{
 position: absolute;
 width: 904px;
 top:15px;
 z-index:3; 
 left: 50%;
 margin-left: -452px;
 text-align: right;
}
#div2tools{
 position: absolute;
 width: 904px;
 top:15px;
 z-index:3; 
 left: 50%;
 margin-left: -452px;
 text-align: left;
}
#div3{
 position: absolute;
 background-color: #000000;
 color: #ffffff;
 width: 904px;
 top:35px;
 z-index:2; 
 left: 50%;
 margin-left: -452px;
 text-align: center;
 border: 1px solid #ffffff;
}
.iframe {
 background-color: #eef0f3;
 width: 904px;
 height: 750px;
 overflow: auto;
}
.h1klein{	
 color:#000000;
 margin: 0;
 padding: 0;
 display:inline;
 font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.h1mittel{	
 color:#000000;
 margin: 0;
 padding: 0;
 display:inline;
 font: 14px Verdana, Arial, Helvetica, sans-serif;
 border-bottom:1px solid #000000; 
}
#divsprache{
 position: absolute;
 width: 950px;
 top:0px;
 z-index:1; 
 left: 50%;
 margin-left: -475px;
 text-align: right;
}


#vertsubmenu {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 130px;
 padding: 0px;
 margin: 0px;
}
#vertsubmenu ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
 border: none;
}
#vertsubmenu ul li {
 margin: 0px;
 padding: 0px;
}
#vertsubmenu ul li a {
 font-size: 11px;
 display: block;
 border-bottom: 1px solid #840202;
 padding: 4px 0px 4px 21px;
 text-decoration: none;
 color: #FFFFFF;
 width:159px;
 background-color: #840202;
}
#vertsubmenu ul li a:hover, #vertmenu ul li a:focus {
 color: #FFFFFF;
 background-color:#FF0033;
}
#navigationdiv {
        width: 790px;
        text-align: left;
        background-color: #FFB200;
        padding: 0;
        line-height: 2.2em;
        color: #000000;
        font: 12px Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
        margin:auto;
}
ul#navigation {
        margin: 0;
        padding: 1.2em;
        line-height: 2.0em;
        text-align: left;
        padding: 0px;
        color: #000000;
}
ul#navigation li{
        margin: 0.4em auto;
        padding: 0;
        display: inline;
        list-style: none;
        }
ul#navigation li a {
        color: #000000;
        padding: 5px 5px 10px 5px;
        text-decoration: none;
        }
ul#navigation li a:hover {
        color: #000000;
        background-color: #FFCC00;
        text-decoration: none;
        }
ul#navigation li a.active-yellow {
        color: #000000;
        background-color:#FFCC00;
        text-decoration: none;
        }


a.navi { text-decoration: none; font-size: 12px; color: #FFFFFF; }
a.navi:hover { text-decoration: none; font-size: 12px; color: #8B97AF; }
a.navi:active { text-decoration: none; font-size: 12px; color: #8B97AF; }
a.body { text-decoration: none; font-size: 10px; color: #0000FF; }
a.body:hover { text-decoration: underline; font-size: 10px; color: #0000FF; }
a.bestpreis { text-decoration: underline; font-size: 10px; color: #0000FF; }
a.bestpreis:hover { text-decoration: underline; font-size: 10px; color: #0000FF; }
a.fahnen { text-decoration: none; font-size: 12px; color: #8B97AF; }
a.fahnen:hover { text-decoration: none; font-size: 12px; color: #ffffff; }
a.info { text-decoration: none; }
a.info:hover { text-decoration: none; }
a.info span { visibility:hidden; position:absolute; margin-top:1em; padding:10px; text-decoration:none }
a.info:hover span { visibility:visible; border-left:1px solid #CCC; border-top:1px solid #CCC; border-bottom:1px solid #666; border-right:1px solid #666; color: #333; background: #EEE; }
a.header { text-decoration: none; color: #000000;  }
a.header:hover { text-decoration: none; color: #000000; }
body, a, font, td, th { font-size: 11px; font-family: verdana, geneva, arial, sans-serif; }
select { font-size:10px; font-family:Arial; padding:0px; }