@charset "UTF-8";
/* CSS Document */

* {
margin: 0px;
padding: 0px;
border: 0px;
}

body {  
overflow:hidden;  
background-color:#000000;
}

.image-holder{
float:left;
height:100%;  
width:100%; 
background:#000 url(../img/loader_kit.gif) 2% 2% no-repeat;
display:inline;
z-index:1;
}




#supersize img, #supersize a{  
height:100%;  
width:100%;  
display:none;  
}  

#supersize .activeslide, #supersize .activeslide img{  
display:inline;  
}  

#content_center {
padding-top:10px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
text-align:center;

}



#container {
width: 960px;
height: 640px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
border: 0px solid #fff;
color:#fff;
}

#footer {
margin: 0px auto;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
padding-top:15px;
padding-right:0px;
padding-left:50px;
color:#fff;
}


.header{
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}

.lang{
text-align: right;
margin: 0px;
padding: 5px;
float:right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}


#navi{
width: 300px;
height: 410px;
padding-top: 0px;
margin-left: 10px;
margin-top: 25px;
margin-bottom: 0px;
text-align: left;
float: left;
}

#navi a:link.restaurant,a:visited.restaurant {
display:block;
width: 280px;
height: 33px;
background-image: url(../img/btbar_trans_1_ger.png);
background-position: 0px 0px;
}
#navi a:hover.restaurant {
display:block;
width: 280px;
height: 33px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px 0px;
}
#navi a:link.restaurant_on,a:visited.restaurant_on {
display:block;
width: 280px;
height: 33px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px 0px;
}
#navi a:link.galerie,a:visited.galerie {
display:block;
width: 280px;
height: 33px;
background-image: url(../img/btbar_trans_1_ger.png);
background-position: 0px -33px;
}
#navi a:hover.galerie {
display:block;
width: 280px;
height: 33px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -33px;
}
#navi a:link.galerie_on,a:visited.galerie_on {
display:block;
width: 280px;
height: 33px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -33px;
}
#navi a:link.speisen,a:visited.speisen {
display:block;
width: 280px;
height: 35px;
background-image: url(../img/btbar_trans_1_ger.png);
background-position: 0px -66px;
}
#navi a:hover.speisen {
display:block;
width: 280px;
height: 35px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -66px;
}
#navi a:link.speisen_on,a:visited.speisen_on {
display:block;
width: 280px;
height: 35px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -66px;
}
#navi a:link.drinks,a:visited.drinks {
display:block;
width: 289px;
height: 39px;
background-image: url(../img/bt_getraenke_tr.png);
}
#navi a:hover.drinks {
display:block;
width: 289px;
height: 39px;
background-image: url(../img/bt_getraenke.png);
}
#navi a:link.drinks_on,a:visited.drinks_on {
display:block;
width: 289px;
height: 39px;
background-image: url(../img/bt_getraenke.png);
}
#navi a:link.neues,a:visited.neues {
display:block;
width: 280px;
height: 36px;
background-image: url(../img/btbar_trans_1_ger.png);
background-position: 0px -104px;
}
#navi a:hover.neues {
display:block;
width: 280px;
height: 36px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -104px;
}
#navi a:link.neues_on,a:visited.neues_on {
display:block;
width: 280px;
height: 36px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -104px;
}
#navi a:link.reservierung,a:visited.reservierung {
display:block;
width: 280px;
height: 35px;
background-image: url(../img/btbar_trans_1_ger.png);
background-position: 0px -140px;
}
#navi a:hover.reservierung {
display:block;
width: 280px;
height: 35px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -140px;
}
#navi a:link.reservierung_on,a:visited.reservierung_on {
display:block;
width: 280px;
height: 35px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -140px;
}
#navi a:link.kinder,a:visited.kinder {
display:block;
width: 280px;
height: 34px;
background-image: url(../img/btbar_trans_1_ger.png);
background-position: 0px -175px;
}
#navi a:hover.kinder {
display:block;
width: 280px;
height: 34px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -175px;
}
#navi a:link.kinder_on,a:visited.kinder_on {
display:block;
width: 280px;
height: 34px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -175px;
}
#navi a:link.anfahrt,a:visited.anfahrt {
display:block;
width: 280px;
height: 36px;
background-image: url(../img/btbar_trans_1_ger.png);
background-position: 0px -209px;
}
#navi a:hover.anfahrt {
display:block;
width: 280px;
height: 36px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -209px;
}
#navi a:link.anfahrt_on,a:visited.anfahrt_on {
display:block;
width: 280px;
height: 36px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -209px;
}
#navi a:link.partner,a:visited.partner {
display:block;
width: 280px;
height: 35px;
background-image: url(../img/btbar_trans_1_ger.png);
background-position: 0px -244px;
}
#navi a:hover.partner {
display:block;
width: 280px;
height: 35px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -244px;
}
#navi a:link.partner_on,a:visited.partner_on {
display:block;
width: 280px;
height: 35px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -244px;
}
#navi a:link.kontakt,a:visited.kontakt {
display:block;
width: 280px;
height: 31px;
background-image: url(../img/btbar_trans_1_ger.png);
background-position: 0px -277px;
}
#navi a:hover.kontakt {
display:block;
width: 280px;
height: 31px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -277px;
}
#navi a:link.kontakt_on,a:visited.kontakt_on {
display:block;
width: 280px;
height: 31px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -277px;
}

#navi a:link.offen,a:visited.offen {
display:block;
width: 290px;
height: 37px;
background-image: url(../img/btbar_trans_1_ger.png);
background-position: 0px -308px;
}
#navi a:hover.offen {
display:block;
width: 290px;
height: 37px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -308px;
}
#navi a:link.offen_on,a:visited.offen_on {
display:block;
width: 290px;
height: 37px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -308px;
}

#navi a:link.beach,a:visited.beach {
display:block;
width: 290px;
height: 30px;
background-image: url(../img/btbar_trans_1_ger.png);
background-position: 0px -345px;
}
#navi a:hover.beach {
display:block;
width: 290px;
height: 30px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -345px;
}
#navi a:link.beach_on,a:visited.beach_on {
display:block;
width: 290px;
height: 30px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -345px;
}

#navi a:link.whitesage,a:visited.whitesage {
display:block;
width: 290px;
height: 35px;
background-image: url(../img/btbar_trans_1_ger.png);
background-position: 0px -375px;
}
#navi a:hover.whitesage {
display:block;
width: 290px;
height: 35px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -375px;
}
#navi a:link.whitesage_on,a:visited.whitesage_on {
display:block;
width: 290px;
height: 35px;
background-image: url(../img/btbar_1_ger.png);
background-position: 0px -375px;
}

#navi a:link.newsletter,a:visited.newsletter {
display:block;
width: 289px;
height: 39px;
margin-left:2px;
background-image: url(../img/bt_newsletter_tr.png);
}
#navi a:hover.newsletter {
display:block;
width: 289px;
height: 39px;
margin-left:2px;
background-image: url(../img/bt_newsletter.png);
}
#navi a:link.newsletter_on,a:visited.newsletter_on {
display:block;
width: 289px;
height: 39px;
margin-left:2px;
background-image: url(../img/bt_newsletter.png);
}


#navi a:link.presse,a:visited.presse {

display:block;
width: 289px;
height: 32px;
margin-left:2px;
background-image: url(../img/bt_presse_tr.png);
}
#navi a:hover.presse {

display:block;
width: 289px;
height: 32px;
margin-left:2px;
background-image: url(../img/bt_presse.png);
}
#navi a:link.presse_on,a:visited.presse_on {

display:block;
width: 289px;
height: 32px;
margin-left:2px;
background-image: url(../img/bt_presse.png);
}

#navi a span {
display:none;
}



.logo{
padding-top:5px;
padding-bottom:5px;
}


#main{
width: 600px;
min-height: 342px;
text-align: left;
float: right;
background-image: url(../img/bg40.png);
letter-spacing:1px;
border: 0px solid #fff;
margin-right: -20px;
margin-top: 25px;
}



#main p{
font-family:  Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight:normal;
text-align:left;
letter-spacing: 1px;
width: 520px;
padding-top:10px;
padding-right:30px;
float: right;
color:#fff;
line-height:140%;
padding-bottom:20px;
}

#main p.e_content{
font-family:  Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight:normal;
text-align:left;
letter-spacing: 1px;
width: 520px;
padding-top:0px;
padding-right:30px;
float: right;
color:#fff;
line-height:100%;
padding-bottom:0px;
}


#main p.date{
font-family:  Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight:normal;
text-align:left;
letter-spacing: 1px;
width: 520px;
padding-top:0px;
padding-right:30px;
float: right;
color:#fff;
line-height:100%;
padding-bottom:0px;
}

#main .pictures{
width:170px;
height: 120px;
text-align: center;
padding-bottom:40px;
padding-left:0px;
margin-left:15px;
float: left;
font-family:  Helvetica, Arial, sans-serif;
font-size: 12px;
color:#fff;
}

#main strong {
font-size: 14px;
color:#fff;
font-weight:bolder;
}

#main p a:link, p a:visited {
color:#fff;
text-decoration: underline;
}


#main p a:hover{
color:#e1e1e1;
text-decoration: underline;
}

.center{
width:90%;
text-align:center;
}

#main .pictures a:link, p a:visited {
color:#fff;
text-decoration: underline;
}
#main .pictures a:hover{
color:#e1e1e1;
text-decoration: underline;
}

#main h1{
width: 140px;
font-family:   Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
padding-top:10px;
line-height:140%;
padding-left:20px;
float: left;
color:#fff;
}

#main h2{
width: 440px;
font-family:  Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
padding-top:20px;
padding-left:20px;
float: left;
color:#fff;
}

#main h4{
width: 440px;
font-family:  Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;

color:#fff;
}


#main h1{
width: 140px;
font-family:   Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
padding-top:10px;
line-height:140%;
padding-left:20px;
float: left;
color:#fff;
}

#footer a:link,a:visited {
color:#fff;
text-decoration: none;
}
#footer a:hover{
color:#e1e1e1;
text-decoration: underline;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #000;
	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(../img/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(../img/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #fff;
font-weight:normal;
text-decoration: none;
}
#nextLinkText{
padding-left: 25px;
}
#prevLinkText{
padding-right: 25px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #000;
	margin: 0 auto;
	line-height: 1.4em;
	color:#fff;
	}

#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;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#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;
	display: none;
	}
	

.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 */
	}	

	/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}
	
form {
padding:0px;
font-size:14px;

}
form label {
text-transform: uppercase;
padding:0px;
text-align: left;
left: 0px;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size:16px;
padding-top:5px;
padding-bottom:0px;
color:#e3ea21;

}
form label.interactlabel {
top: 15px;
}
form label.questionlabel {
top: 50px;
}
form label span {
letter-spacing: 0px;
color:#ffffff;
font-size:12px;
padding: 0px 0px 0px 0px;
}
form input.fullwidth {
width: 650px;
border: solid 1px #ccc;
height: 22px;
margin: 0px 0px 0px 0px;
font-size: 14px;
}
form textarea.fullwidth {
width: 650px;
height: 400px;
border: solid 1px #ccc;
margin: 0px 0px 0px 0px;
font-size: 14px;
}

form input.halfwidth {
width: 200px;
border: solid 1px #ccc;
height: 22px;
font-size: 14px;
}
form input.submitbutton {
width: 202px;
height: 24px;
border: solid 1px #ccc;
margin: 0px 0px 0px 0px;
font-size: 14px;
}
fieldset {
border: 0px solid #ccc;
margin-top: 30px;
margin: 0px 0px 0px 0px;
width: 700px;
padding:0px;
align: center;
}