/* Help: http://www.w3schools.com/css/css_syntax.asp */

body
{
	background-image: url('/images/background.jpg');
	background-repeat: repeat-x;
	background-color: rgb(190, 210, 50);
	margin: 0px;
	padding: 0px;
	min-width: 920px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt; 
	color: rgb(70,70,70);
}


/* Enable the correct language - This requires PHP to put the proper class to the body tag */
*[lang|='de'] { display: none }
*[lang|='en'] { display: none }
body.de *[lang|='de'] { display: block; }
body.en *[lang|='en'] { display: block; }

.disabled {
   color: darkgrey;
}

#cookie-bar {background:#777777; opacity:0.9; height:auto; line-height:20px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700; margin: 10px;}
#cookie-bar .cb-enable:hover {background:#009900; margin: 10px;}
#cookie-bar .cb-disable {background:#990000; margin: 10px;}
#cookie-bar .cb-disable:hover {background:#bb0000; margin: 10px;}
#cookie-bar .cb-policy {background:#0033bb; margin: 10px;}
#cookie-bar .cb-policy:hover {background:#0055dd; margin: 10px;}

/* Elements that will be toggled should be hidden by default */
.toggle-element {
  display: none;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


/* Handling of JavaScript dependent parts */
.hideWithoutJavaScript { display: block; }
.showWithoutJavaScript { display: none; }

/* Hide the new full screen button in satelite images from Google */
#gm-fullscreen-control { display: none; }

/* Center the page content */
#wrapper { width:900px;	text-align: left; margin: 0 auto 0 auto; }

#header { font-size:8pt; } 

/* Format the top links on the left */
#topLinks { float: left; padding: 5px 0 7px 0; }

/* Format the language selection to the right */
#languageSelector { float:right; margin: 5px auto 7px auto; }

/* Format the banner */
#banner { clear: both; margin: 0px auto 11px auto; }

/* Menu - See below */

/* Main area of page - should have a distinct opaque background */
#mainArea { background-image: url('/images/background_light.jpg'); background-repeat: repeat-x; background-color: rgb(232, 240, 183); padding: 10px; margin-bottom: 10px; }

#content { } 

#leftContent { float: left; margin: -10px 0px 0px 0px; padding: 0px 10px 10px 0px; width: 200px; }
#mainContent { float: right; border-left: 1px solid gray; padding: 0px 10px 15px 20px; width: 635px; }

#tabs { margin-top: 10px; font-size: 8pt; min-height: 500px;}
#tabs > ul > li { font-weight: bold; }

#footer { clear:both; text-align:center; border-top: 1px solid gray; padding-top: 5px; font-size: 7pt;}
#footer a { text-align:center; font-size: 7pt;}

.transparentBackground { background-image:none; background-color:transparent; }

div#spinner
{
    display: none;
    width:150px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    background:url('/images/spinner.gif') no-repeat center #fff ;
    opacity:0.80; 
    text-align:center;
    color:rgb(70,70,70);
    padding:50px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    margin-left: -50px;
    margin-top: -50px;
    z-index:2;
    overflow: auto;
}

/* Image rotator in-page placement */
div.rotator { position:relative; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div.rotator ul li { float:left; position:absolute; list-style: none; padding: 0px 0px 0px 0px; margin: -13px 0px 0px -40px; }
#bannerImage ul li { float:left; position:absolute; list-style: none; padding: 0px 0px 0px 0px; margin: -5px 0px 0px -40px; }
div.rotator ul li.show { z-index:500; }

/* Menu */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_line_down_fly_v2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#designMenu {
height:58px;
width:899px;
background:#89a url(/images/menu/select.gif) repeat-x left center;
position:relative; 
font-size:11px;
z-index:501;
padding:0px;
margin-bottom: 5px;
border:1px solid #dde;
}

#designMenu .select {
margin:0; 
padding:0 0 0 13px; 
list-style:none; 
white-space:nowrap;
}

#designMenu li {
float:left;
height:29px;
padding-top:1px;
margin-right:1px;
}

#designMenu .select a {
display:block; 
height:26px; 
float:left; 
border-left:1px solid #7e8586;
border-right:1px solid #2d2d2d;
padding:0 15px 0 15px; 
text-decoration:none; 
line-height:24px; 
white-space:nowrap;
font-weight:bold;
color:#ddd;
}

#designMenu .select li.line a {color:#ddd;}

#designMenu .select a:hover, 
#designMenu .select li:hover a {
border-left:1px solid #2d2d2d;
border-right:1px solid #000;
color:#fff;
background:url(/images/menu/over.gif);
}

#designMenu .select li.line a:hover, 
#designMenu .select li.line:hover a {
color:#fff;}

#designMenu .sub { display:none;}
#designMenu ul ul {display:none;}

/* IE6 only */
#designMenu table {
border-collapse:collapse; 
margin:-1px -10px; 
font-size:1em; 
width:0; 
height:0;
}

#designMenu .sub {
margin:0; 
padding:0;
list-style:none;
}

#designMenu .sub li {background:transparent; padding:0; margin:0;}

#designMenu .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left;
width:880px;
top:28px;
padding-top:3px;
left:10px; 
text-align:center;
background:transparent;
}

#designMenu .select :hover .rt li {float:right;}

#designMenu .select :hover .sub li a 
{display:block; height:30px; line-height:21px; float:left; background:transparent url(/images/menu/trans.gif); padding:0; margin:0; white-space:nowrap; color:#000; border:0; font-weight:normal;}

#designMenu .select :hover .sub li.subline a {color:#000;}
#designMenu .select :hover .sub li a span {display:block; height:21px; margin-top:2px; float:left; padding:0 15px;}
#designMenu .select :hover .sub li.subline a span {padding:0 2px;}
#designMenu .select :hover .sub li.subline a span b {padding:0 14px; background:url(/images/menu/arrow.gif) no-repeat right center; font-weight:normal;}

#designMenu .select :hover .sub li a:hover {color:#000; position:relative; line-height:19px;}
#designMenu .select :hover .sub li:hover {position:relative;}

#designMenu .select :hover .sub li a:hover span {border:1px solid #c5d5e8; padding:0 14px; background:url(/images/menu/sub.gif); cursor:pointer;}
#designMenu .select :hover .sub li.subline a:hover span {padding:0 1px;}
#designMenu .select :hover .sub li:hover > a span {border:1px solid #c5d5e8; padding:0 14px; background:url(/images/menu/sub.gif); cursor:pointer;}
#designMenu .select :hover .sub li.subline:hover > a span {padding:0 1px; line-height:19px;}

#designMenu .select :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:135px; position:absolute; left:0; top:30px; border:1px solid #999; background:#fff; opacity:0.85;}

#designMenu .select :hover .sub :hover ul ul {position:absolute; left:-9999px;}

#designMenu .select :hover .sub :hover ul li {height:18px; margin:0;}
#designMenu .select :hover .sub :hover ul li a {width:135px; text-align:left; height:18px; line-height:18px; background:#fff; opacity:0.85; font-weight:normal; padding:0 15px; color:rgb(50,50,50);}
#designMenu .select :hover .sub :hover ul li.fly a {background:url(/images/menu/arrowR.gif) no-repeat right center;}
#designMenu .select :hover .rt :hover ul li.fly a {background:url(/images/menu/arrowL.gif) no-repeat left center;}

#designMenu .select :hover .sub :hover ul li a:hover {color:#000; background: #ffa;}
#designMenu .select :hover .sub :hover ul li:hover > a {color:#000; background: #ffa;}

#designMenu .select :hover .sub :hover ul :hover ul {left:105px; top:-1px; border:1px solid #999; background:#fff; opacity:0.85;}
#designMenu .select :hover .sub :hover ul :hover ul li a {background:#fff; opacity:0.85;}

#designMenu .select :hover .rt :hover ul :hover ul {left:-110px; top:-1px; border:1px solid #999;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dropline-current-override.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#photo {display:block; margin:0 auto;}

#droplineMenu {height:36px; background:url(/images/menu/menu.gif); position:relative; text-align:center; width:900px; margin:0 auto; z-index:100;}
#droplineMenu ul {padding:0; margin:0; list-style:none;}
#droplineMenu table {border-collapse:collapse; width:0; height:0; margin-top:-1px; margin-bottom:-1px;}
#droplineMenu ul ul li {float:left;}
#droplineMenu ul ul li a {display:block; float:left;}
#droplineMenu ul ul div {position:absolute; left:-9999px; overflow:hidden;}

#droplineMenu ul#menuOuter {display:inline-block;} 
#droplineMenu ul#menuOuter li.lv1-li {display:inline-block; height:36px;}

#droplineMenu ul ul li a {height:36px; line-height:36px; padding:0 13px 0 0; font-size:12px; font-weight:bold; font-family: tahoma, sans-serif; color:#fff; text-decoration:none; }
#droplineMenu ul ul li a b {display:block; height:36px; float:left; padding:0 0 0 13px; font-weight:bold; cursor:pointer;}
#droplineMenu ul ul li a:hover {background:url(/images/menu/tab.gif) right top; line-height:30px;}
#droplineMenu ul ul li a:hover b {color:#fc0; background:url(/images/menu/tab.gif) left top; line-height:30px;}

#droplineMenu ul ul li:hover > a {background:url(/images/menu/tab.gif) right top; line-height:30px;}
#droplineMenu ul ul li:hover > a b {color:#fc0; background:url(/images/menu/tab.gif) left top; line-height:30px;}

#droplineMenu ul ul li.current a {background:url(/images/menu/tab.gif) right top; line-height:30px;}
#droplineMenu ul ul li.current a b {color:#fc0; background:url(/images/menu/tab.gif) left top; line-height:30px;}

#droplineMenu ul ul li.current div {left:0; top:36px; width:900px; text-align:center;}

#droplineMenu ul ul :hover div {left:0; top:36px; width:900px; text-align:center; height:28px;}
#droplineMenu ul ul li.current div b {display:block; width:900px; height:28px; position:absolute; left:0; top:0; background:#000000; z-index:-1; filter: alpha(opacity=70); opacity:0.7; padding:0; line-height:28px;}
#droplineMenu ul ul li div b {display:block; width:900px; height:28px; position:absolute; left:0; top:0; background:#000000; z-index:-1; filter: alpha(opacity=70); opacity:0.7; padding:0; line-height:28px;}

#droplineMenu ul ul li div ul {display:inline-block;}
#droplineMenu ul ul li div ul li {display:inline-block; display:inline;}

#droplineMenu ul ul div a {background-image:none; height:28px; line-height:28px; font-size:12px; padding:0 13px;}
#droplineMenu ul ul div a:hover {background-image:none; color:#fc0; line-height:28px;}

#droplineMenu ul#menuOuter li.lv1-li a:hover {direction:ltr;}
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current div {left:-9999px;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current div {left:-9999px;}

#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover div {left:0;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover div {left:0;}

#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current a {background-image:none; color:#fff; line-height:36px;} 
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current a b {background-image:none; color:#fff; line-height:36px;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a {background-image:none; color:#fff; line-height:36px;} 
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a b {background-image:none; color:#fff; line-height:36px;}

#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover a {background:url(/images/menu/tab.gif) right top; line-height:30px;}
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover a b {color:#fc0; background:url(/images/menu/tab.gif) left top; line-height:30px;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover {background:url(/images/menu/tab.gif) right top; line-height:30px;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover b {color:#fc0; background:url(/images/menu/tab.gif) left top; line-height:30px;}

#droplineMenu ul ul li.current div ul li a {background-image:none; color:#fff; line-height:28px;}
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover ul li a {background-image:none; line-height:28px;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover ul li a {background-image:none; line-height:28px;}

#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current div ul li.current_sub a {color:#fc0; background-color: #590114;}
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current div ul li a:hover {color:#fc0;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current div ul li.current_sub a {color:#fc0; background-color: #590114;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current div ul li a:hover {color:#fc0;}

#droplineMenu ul ul li.current div ul li.current_sub a {background-image:none; color:#fc0; line-height:28px; background-color: #590114;}
#droplineMenu ul ul li.current div ul li.current_sub a:hover {background-image:none; line-height:28px; background-color: #590114;}
#droplineMenu ul ul li a:hover div b,
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover div b {display:block; width:900px; height:28px; position:absolute; left:0; top:0; background:#000000; z-index:-1; filter: alpha(opacity=70); opacity:0.7; padding:0; line-height:28px;}

.ui-front { z-index: 99999 !important; }
.ui-dialog { z-index: 99999 !important ;}

.datepick-status { font-size: x-small; !important; background-color: yellow !important;}

a
{
color:blue;	
text-decoration:none;
}

a:visited
{
color:blue;	
text-decoration:none;
}

h1 { font-family: Verdana; color: rgb(255, 204, 51); font-variant:small-caps; font-size: 28px; letter-spacing: -1px; margin: 2px auto 0px auto; 
     padding: 0px 0px 1px 10px; text-shadow: 1px 1px 3px #040; 
     background-image:url(/images/headline_bg.gif); background-position:bottom; background-repeat:repeat-x;
}

h2 { font-family: Verdana; color:rgb(205,98,10); font-size: 14px; margin: 5px auto 8px auto; 
     padding: 0px 0px 1px 0px; border-bottom: 2px groove; 
}

ol li { margin-top: 5px; }

img { border: 0px; }

.marginTop { margin-top: 10px; }

.marginTopExtra { margin-top: 30px; }

.marginLeft { margin-left: 10px; }

.marginLeftExtra { margin-left: 30px; }

.text { font-size: 10pt; }

.saying { font-family: Comic Sans MS; font-size: 11pt; text-align: center; color:rgb(205,98,10); margin: 8px 8px 0px 8px; }

.saying .author { font-size: 7pt; margin-top: 3px; }

.image { margin: 10px auto auto auto; padding: 5px; background: white; border: 1px solid gray; box-shadow: 5px 5px 5px #818181; }

.imageTitle { font-family: Comic Sans MS; font-size: 8pt; text-align: center; color:rgb(205,98,10); margin-top: 4px; } 

.center { text-align: center; }

.rightAlign { text-align: right; }

.smallprint { font-size: 8pt; }

.noMargin { margin: 0px 0px 0px 0px; }

.listBlock { margin: auto auto 15px auto; }

.left { float: left; clear: left; margin: 10px 15px auto auto; }

.right { float: right; clear: right; margin: 10px auto auto 15px;}

.leftInfo { font-size: 8pt; margin-top: 10px; margin-right: 4px; padding: 5px; border: 1px solid gray; 
            background-color: rgb(230,230,230); box-shadow: 5px 5px 5px #818181;}
.leftInfo > div > div { font-size: 8pt; margin-left: 10px; margin-top: 2px;}
.leftInfo > .satImage { margin-left: -5px; margin-top: auto; }

.linkTable { table-layout: fixed; border: 0px; border-spacing: 0px;}
.linkTable td { margin: 0px; padding: 5px; border: 0px; } 
.linkTable th { background:#89a url(/images/menu/select.gif) repeat-x left top; color: white; margin: 0px; padding: 5px; border: 0px; }

.contactTable { table-layout: fixed; border: 0px; border-spacing: 0px; margin-top: 20px; }
.contactTable td { margin: 0px; padding: 5px; border: 0px; } 
.contactTable-header { font-weight:bold; }
.optionalField-header { color: gray; }
.contactTable-field { font-family:Verdana, Geneva, sans-serif; font-size:10pt; color: rgb(70,70,70); margin-left: 10px; }
.top { vertical-align:top; }

.connectionTable td { background-image: url(/images/connectionline.gif); background-position: left top; background-repeat: repeat-y; }
.rowHeader { background-color: rgb(32, 37, 41); color: white;}
.rowWithSeparator td { border-bottom: 1px solid gray; padding: 0px; }
.recommendedCell { background-color: rgb(252, 255, 150); }
.erasedBackgroundCell { background-image: none !important; }

.adminTable { table-layout: fixed; border: 0px; border-spacing: 0px; margin-top: 5px;}
.adminTable td { margin: 0px; padding: 2px 1px 2px 1px; border: 0px; font-size: smaller; background-color: White;} 
.adminTable tr:nth-of-type(odd) td {  background-color:#ccc; padding: 2px 5px 2px 5px;}
.adminTable th { background:#89a url(/images/menu/select.gif) repeat-x left top; color: white; margin: 0px; padding: 2px 5px 2px 5px; border: 0px; font-size: smaller;}
.adminTable th a { color: white !important; font-size: smaller;}

.cookieTable { table-layout: fixed; margin-top: 5px; border-collapse: collapse;}
.cookieTable td { margin: 0px;  padding: 2px 5px 2px 5px; border-spacing: 0px; border: 1px lightgray solid; font-size: smaller; background-color: White;} 
.cookieTable th { background:#89a url(/images/menu/select.gif) repeat-x left top; color: white; margin: 0px; padding: 2px 5px 2px 5px; border-spacing: 0px; border: 1px lightgray solid; font-size: smaller;}
.cookieTable th a { color: white !important; font-size: smaller;}

.newReservation { margin-top: -10px; padding: 5px; font-size: smaller; }

fieldset { padding: 0px 8px 5px 8px; border-style: outset; border-width: 1px; border-color: White; }

.linkRoutenplanerDialog img { vertical-align: middle; margin-bottom: 3px;}
.inlineImage { vertical-align: middle; margin: 0px 3px 3px 0px; }

.iconLeadParagraph {  padding: 1px 0px 0px 22px; background-repeat: no-repeat; background-position: top left; }

.infrastructureList li { margin-top: 10px; font-weight: bold;}
.infrastructureList li ul { font-weight: normal;}
.infrastructureList li ul li { margin-top: 2px; font-weight: normal;}

.listWithTopMargin li { margin-top: 10px; }

.kitchenList li { margin-top: 10px; }

.bookStatus-1 { }
.bookStatus0 { background-color: rgb(210,255,125) !important; }
.bookStatus1 { color: Black !important; background-color: rgb(255,165,135) !important; }
.bookStatus2 { background: rgb(210,255,125) url(/images/cal_bg_booked_arrival.gif) right repeat-y !important; }
.bookStatus3 { background: rgb(210,255,125) url(/images/cal_bg_booked_departure.gif) left repeat-y !important; }
.bookStatus4 { color: Black !important; background-color: rgb(251,231,90) !important; }
.bookStatus5 { background: rgb(210,255,125) url(/images/cal_bg_reserved_arrival.gif) right repeat-y !important; }
.bookStatus6 { background: rgb(210,255,125) url(/images/cal_bg_reserved_departure.gif) left repeat-y !important; }
.bookPrice-1 { }
.bookPriceLow { background-color: rgb(255,255,255) !important; }
.bookPriceMedium { background-color:  rgb(255,255,170) !important; }
.bookPriceHigh { background-color: rgb(253,220,143) !important; }

.datepick-today { font-weight: bold; }
.datepick-selected { color: White !important; font-weight: bold; background-image: url(/images/cal_bg_selected.gif) !important; background-repeat: repeat-x !important; background-position: center !important;} 
.datepick { width: 546px !important; }
:focus { outline: none; }

.legendBox { border: 1px solid Black; padding-left: 15px; margin-right: 5px; }
.availabilityLegend { font-size: smaller; }
.priceLegend { font-size: smaller; }
.holiday { color: rgb(200,0,0) !important; }
.holidayPast { color: rgb(200,100,100) !important; }

.bookingButton { width: 64px; height: 50px; background-color: transparent; padding-top: 4px; padding-bottom: 4px;}
.bookingButton :hover { background: url(/images/button_bg.png) center; }
.bookingButton-mode-on { background: url(/images/button_bg.png) center; }

.leftField { float: left; margin-top: 10px;}

.rightField { float: right; margin-top: 9px;}

.rightFieldDirect { float: right; margin-top: 0px;}

.invalidField { border: 2px groove Red; background-color: rgb(255,255,200); }
.validField { }

.calcFont { position: relative; z-index: 100; font-family: Comic Sans MS, Comic Sans MS, cursive; font-size:8pt; color: Black; margin: 0px 10px 0px 10px; }

#calcBackgroundPaper { z-index: 99; position: absolute; margin: -5px auto auto -190px; width: 190px; height: 182px;
                       background: url(/images/calcbackgroundpaper.gif) repeat center; }

.subheadline
{
	font-weight:bold;
}

.site
{
position:relative;
top:10px;
left:100px;
width:962px;
}

.showVisitors
{
position:relative;
top:480px;
left:0px;
width:230px;
height:200px;	
z-index:1;
}

.downloadTable
{
	border: 1px solid rgb(89,89,89);
	width:auto;
	vertical-align: top;
	table-layout: fixed;
	empty-cells: show;
	caption-side: top;
}

.downloadTableRow
{
	vertical-align: middle;
	border-collapse: separate;
}

.downloadTableColDownload
{
	text-align:center;
	width:40px;
}

.downloadTableColYear
{
	text-align:right;
	width:75px;
}

.downloadTableColCourse
{
	text-align:left;	
	width:auto;
	padding-left:10px;
}

.downloadTableColLocation
{
	text-align:left;
	width:200px;	
	padding-left:10px;
}

.downloadTableColHours
{
	text-align:left;	
	width:100px;
	padding-left:10px;
}

.capacityTable
{
	text-align:center;
	border-width:1px;
	border-style:solid;
	border-color:rgb(89,89,89);
	border-collapse:collapse;
	empty-cells:show;
	color:Black;
	width:88px;
	table-layout:fixed;
	padding:5px;
}

.hellgrau
{
	background-color:rgb(240,240,240);	
}

.grau
{
	background-color:rgb(200,200,200);	
}

.weiss
{
	background-color:rgb(255,255,255);	
}

.gruen
{
	background-color:rgb(80,220,90);	
}

.gelb
{
	background-color:rgb(255,255,90);	
}

.rot
{
	background-color:rgb(255,90,90);		
}

.stepsTable
{
	text-align:left;
	border-width:1px;
	border-style:solid;
	border-color:rgb(89,89,89);
	border-collapse:collapse;
	empty-cells:show;
	color:rgb(89,89,89);
	table-layout:fixed;
	padding:5px;
}

.rating {
  unicode-bidi: bidi-override;
  direction: rtl !important;
}
.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
}