html,body,fieldset,ul,li,form,a,span,h1,h2,h3,h4,div,p,legend,label{margin: 0;padding: 0;font-family: "Lucida Grande", Verdana, Arial, sans-serif;}
body{ font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 12px; color: #7b7f7c; }

div.clear{clear: both; height: 0; overflow: hidden;}
div#container{margin: 50px 0 0 50px; width: 800px;}
h1 a{display: block; width: 250px; height: 120px; background-image: url(../images/frontend/logo.gif); background-position: center; background-repeat: no-repeat; position: absolute; left: 50px; top: 200px; }
h1 span{display: none;}
h2 span{display: none;}
h3 span{display: none;}
h3{display: block; height: 30px; background-repeat: no-repeat; margin: 0 0 10px 0;}
h4{ font-weight: bold; font-size: 12px; margin: 0 0 5px 0; }

/* Headlines */
h3#das_bieten_wir{background-image: url(../images/frontend/h3_das_bieten_wir.jpg);}
h3#die_lage_des{background-image: url(../images/frontend/h3_die_lage_des.jpg);}
h3#wir_laden_sie{background-image: url(../images/frontend/h3_wir_laden_sie.jpg);}
h3#information{background-image: url(../images/frontend/h3_information.jpg);}
h3#preise{background-image: url(../images/frontend/h3_preise.jpg);}
h3#reservierung{background-image: url(../images/frontend/h3_reservierung.jpg);}
h3#fotogalerie{background-image: url(../images/frontend/h3_fotogalerie.jpg);}
h3#kontakt{background-image: url(../images/frontend/h3_kontakt.jpg);}

/* Header */
div#header{width: 100%; height: 150px; background-color: #b2b2b2; padding: 0 0 0 0;background-image: url(../images/frontend/header.jpg); background-position: left; background-repeat: no-repeat;}
div#header h2{ display: none; color: #fff; font-weight: normal; font-size: 12px; line-height: 50px; }
div#header ul{list-style: none; margin: 0; padding: 0; position: absolute; top: 118px; left:35px; }
div#header ul li{float: left; color: #fff;}
div#header ul li a{margin: 0 15px 0 15px; color: #fff; font-weight: normal; font-size: 12px; text-decoration: none; padding: 0 0 0 23px; }
div#header ul li a:hover{text-decoration: underline;}
div#header ul li a#german_version{ background-image: url(../images/frontend/de.png); background-position: left; background-repeat: no-repeat; }
div#header ul li a#english_version{ background-image: url(../images/frontend/gb.png); background-position: left; background-repeat: no-repeat; }
div#header ul li a#bulgarie_version{ background-image: url(../images/frontend/bg.png); background-position: left; background-repeat: no-repeat; }
div#header ul li a#polish_version{ background-image: url(../images/frontend/pl.png); background-position: left; background-repeat: no-repeat; }
div#header ul li a#russian_version{ background-image: url(../images/frontend/ru.png); background-position: left; background-repeat: no-repeat; }
div#header ul li a.active{text-decoration: underline;}

div#header a#button span{display: none;}
div#header a#button{ display: block; width:110px; height: 92px; background-image: url(../images/frontend/preis_button.jpg); background-position: center; background-repeat: no-repeat; position: absolute; left: 760px; top: 121px; }


/* left */
div#left{float: left; width:250px; margin: 150px 0 0 0; }
div#left div#navigation{margin: 0 0 30px 0;}
div#left div#navigation ul{list-style: none;}
div#left div#navigation ul li{}
div#left div#navigation ul li a{ display: block; line-height: 30px; border-bottom: 1px solid #e5e5e5; text-decoration: none; color: #7b7f7c; }
div#left div#navigation ul li a:hover, div#left div#navigation ul li .active{ border-color:#c3deed; color: #3891c4; }
div#left p{line-height: 1.7em;}
div#left a{ color: #3891c4;}




/* right */
div#right{float: left; width:500px; margin: 0 0 0 50px;}
div#right p{line-height: 1.7em;}
div#right .img_right{float: right; margin: 5px 0 0 15px;}
div#right .img_left{float: left; margin: 5px 15px 0 0;}
div#right a{ color: #3891c4;}
.error_message{ padding: 0 0 0 15px; border-left: 5px solid #ccc; display: block; line-height: 1.6em; margin: 15px 0 0 0; }

.galerie a{ display: block; width:100px; height:75px; border:2px solid #e5e5e5; float: left; margin:0 10px 10px 0; padding:2px;}
.galerie a:hover{ border-color:#c3deed;}
.galerie a img{ border:0; }


table{width: 100%; margin: 0 0 0 0; }
table thead tr{background-color: #e5e5e5; height: 30px;}
table thead tr th{ font-weight: normal; line-height: 30px; }
table tbody tr{ height: 30px; }
.colorswitch{background-color: #e3f0f8;}
table tbody tr td{ font-weight: normal; line-height: 30px; }

p.cut{ padding:25px 0 25px 0; background-image: url(../images/frontend/cut.gif); background-position: center; background-repeat: no-repeat;  }

/* Formular */
fieldset{border: 0px solid #fff; margin: 15px 0 0 0; padding: 0;}
fieldset legend{display: none;}
fieldset label{display: block; margin: 0 0 5px 0;}
.text{ width:380px; padding:3px; font-size:12px; color:#7b7f7c; margin:0 0 10px 0; border:1px solid #ccc; }
select{ margin:0 0 10px 0; color:#7b7f7c;  }
.daytext{ width:80px; padding:3px; font-size:12px; color:#7b7f7c; margin:0 5px 10px 0; border:1px solid #ccc;}
.yeartext{ width:120px; padding:3px; font-size:12px; color:#7b7f7c; margin:0 0 10px 0; border:1px solid #ccc;}
.submit{ padding: 4px; display: block; clear: both; margin: 10px 0 10px 0; }


/* Footer */
div#footer{ border-top: 1px solid #e5e5e5; height: 50px; padding: 15px 0 0 0; margin: 25px 0 0 0; }
div#footer p{ line-height: 1.6em; float: left; }
#powered{float: right !important; }
#powered a{ color: #3891c4;}

/* Lightbox 2.0 - Thanks */
#lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font-size: 10px "Lucida Grande", Helvetica, Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; color:#949994 !important; font-weight:normal !important; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after { content: ".";  display: block;  height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }