/*
///////////////////////////////////////////////////////////////////////////////
//																			 //
// HH    HH    OOOOOO    MM       MM   MM       MM							 //
// HH    HH   OO    OO   MMMM   MMMM   MMMM   MMMM						     //
// HHHHHHHH   OO    OO   MM MM MM MM   MM MM MM MM							 //
// HH    HH   OO    OO   MM  MMM  MM   MM  MMM  MM							 //
// HH    HH    000000    MM       MM   MM       MM							 //
//																			 //
// erstellt durch       										             //
//																			 //
// HOMM interactive, 6003 Luzern, www.homm.ch                  				 //
//																			 //
//																			 //
///////////////////////////////////////////////////////////////////////////////
*/


/* BASIS */


body {
font-family:Arial, Helvetica, sans-serif;
color:#4a3d09;
font-size: 12px;
line-height: 150%;
padding: 0;
margin: 0;
text-align:center;
background: url(images/bg_main_red.gif) center #bd4e4c repeat-y;
}

html {
SCROLLBAR-FACE-COLOR: #8b1513;
SCROLLBAR-HIGHLIGHT-COLOR: #8b1513;
SCROLLBAR-SHADOW-COLOR: #8b1513;
SCROLLBAR-3DLIGHT-COLOR: #bd4e4c;
SCROLLBAR-ARROW-COLOR: #bd4e4c;
SCROLLBAR-TRACK-COLOR: #bd4e4c;
SCROLLBAR-DARKSHADOW-COLOR: #bd4e4c;
SCROLLBAR-BASE-COLOR: #bd4e4c;
buttonface: #8b1513;
}

#container {
width:939px;
position: relative;
min-height: 100%;
_height: 100%;/* IE */
background: url(images/bg_main_red.gif) repeat-y;
margin: 0 0 0 0;
padding: 0 0 11px 11px;
}

#containerBooking {
width:939px;
position: relative;
min-height: 100%;
_height: 100%;/* IE */
margin: 0 0 0 0;
padding: 0 0 11px 11px;
text-align:center;
}

* html #containerBooking {
padding: 0 11px 11px 11px;
margin: 0 0 0 1px;
 }
 
 
.toTop	img			{float:right; margin: 20px 11px 0px 0px; cursor:pointer;}

#scrollTable  { /*Overflow bei Tabelle*/
overflow: auto;
height: 250px;
width: 175px;

SCROLLBAR-FACE-COLOR: #bd4e4c;
SCROLLBAR-HIGHLIGHT-COLOR: #bd4e4c;
SCROLLBAR-SHADOW-COLOR: #bd4e4c;
SCROLLBAR-3DLIGHT-COLOR: #8b1513;
SCROLLBAR-ARROW-COLOR: #8b1513;
SCROLLBAR-TRACK-COLOR: #8b1513;
SCROLLBAR-DARKSHADOW-COLOR: #8b1513;
SCROLLBAR-BASE-COLOR: #8b1513;
buttonface: #bd4e4c;
margin: 0px;
padding: 0px;
}

#scrollTableShort  { /*Overflow bei Tabelle*/
overflow: auto;
height: 150px;
width: 175px;

SCROLLBAR-FACE-COLOR: #bd4e4c;
SCROLLBAR-HIGHLIGHT-COLOR: #bd4e4c;
SCROLLBAR-SHADOW-COLOR: #bd4e4c;
SCROLLBAR-3DLIGHT-COLOR: #8b1513;
SCROLLBAR-ARROW-COLOR: #8b1513;
SCROLLBAR-TRACK-COLOR: #8b1513;
SCROLLBAR-DARKSHADOW-COLOR: #8b1513;
SCROLLBAR-BASE-COLOR: #8b1513;
buttonface: #bd4e4c;
margin: 0px;
padding: 0px;
}


a                {color:#6d0908;text-decoration:none;font-weight:bold;}
a:hover          {color:#8b1513;text-decoration:underline;font-weight:bold;}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
color:#6d0908;
padding: 0;
line-height: 1em;
text-align: left;
}

h1 {color: #6d0908;font-size: 24px;padding: 5px 0 5px 0;margin: 10px 0 5px 0;}
h4 {color: #ffffff;font-size: 16px;padding: 0px 0 0px 0;font-weight:bold;}
h5 {font-size: 16px;margin: 2px 0 2px 0; font-weight:bold;}
h6 {font-size: 14px;margin: 2px 0 2px 0; font-weight:bold;}

.iconBg			{background-color:#6d0908; height:45px; margin: 0 0 11px 0;cursor:pointer;display:block;}
.iconBg a:hover {background-color:#510504; height:45px; cursor:pointer;display:block;}

.btnLink a 			{color: #fceeb7;background:#8b1513 url(images/buttons/btn_arrow_red.gif) left center no-repeat;height: 22px;width: 180px;text-align:left;padding: 5px 0 0 30px;font-weight:bold;cursor:pointer;display:block;}
.btnLink a:hover 	{background-color: #6d0908;text-decoration:none;}


/* ///////// NAVIGATION ////////////////////////////////////////////////////////////////////////////// */

#navbar ul li a {
display:block;
font-weight: normal;
text-decoration: none;
color: #ffe8a1;
padding: 2px 3px 2px 11px;
background-image:url(images/bg_nav_red.gif);
background-position:left;
background-repeat:no-repeat;
text-transform: none;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#navbar ul li a.active:hover, #navbar ul li a.active, #navbar ul li a:hover {
display:block;
font-weight: bold;
padding: 2px 3px 2px 11px;
color: #ffe8a1;
background-image:url(images/bg_nav_red.gif);
background-position:left;
background-repeat:no-repeat;
text-transform: none;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* SLH CODES auf rotem Design*/

#slh-codes1 {
font-weight: normal;
text-decoration: none;
text-align:left;
color: #ffe8a1;
padding: 2px 0 2px 8px;
background-image:url(images/bg_nav_red.gif);
background-position:left;
background-repeat:no-repeat;
text-transform: none;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100px;
float:left;
}

#slh-codes2 {
font-weight: normal;
text-decoration: none;
text-align:right;
color: #ffe8a1;
padding: 2px 8px 2px 0;
background-image:url(images/bg_nav_red.gif);
background-position:left;
background-repeat:no-repeat;
text-transform: none;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:59px;
float:right;
}

.slh_smallFont {
color: #ffe8a1;
font-size: 11px;
text-align:center;
line-height:100%;
}


/* ///////// TOOLTIPS ////////////////////////////////////////////////////////////////////////////// */

a.tooltip span {display:none; padding:2px 3px; margin-left:-10px; margin-top:20px;width:120px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #f2db80; background:#fceeb7; color:#8f7b2b;font-weight:normal;text-decoration:none;}