/**************************************************/
/* -- Reset CSS vom YUI | Yahoo User Interface -- */
/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}/*sup,sub{vertical-align:text-top;} sub{vertical-align:text-bottom;}*/input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/** -- ACHTUNG:
	-- alle.png Grafiken die eingebunden werden sind transparent, 
	-- und somit fuer den IE 6 in einem eigenen Stylesheet nochmal definiert !!!
**/

strong{
	font-weight:bold;
}
/** -- Eigene Styleangaben ab hier eingeben: -- **/

body{
	background:url(/graphics/misc/background_body_start.gif) #ecdfc7 repeat-x;	
}
html{
	overflow-y:scroll;
}
#center{
	width:960px;
	margin:auto;	
}
#schattenFlaeche{
	width:960px;
	background:url(/graphics/misc/background_shadow_start.png) center top no-repeat;
	/*min-height:756px;*/
}
/** ---------------------------
 * 	IE6
 */
*html #schattenFlaeche{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/misc/background_shadow_start.png');
	height:756px;
}
#bgImage{
	width:930px;
	height:370px;
	margin:auto;
	padding-top:13px;
	background:url(/graphics/misc/background_content_start.jpg) 0 13px no-repeat;
}
/** ---------------------------
 * 	Navigation
 */
#navSpacer{
	height:70px;
	width:930px;
	position:relative;
	margin:auto;
}
#hauptNav{
	height:26px;
	padding:14px 15px 0 15px;
	background:url(/graphics/misc/background_navigation.png);
	position:relative;
	top:0;
	z-index:0;
}
#subNav{
	display:block;
	height:22px;
	width:900px;
	padding:8px 15px 0 15px;
	background:url(/graphics/misc/background_subnavigation.png);
	position:absolute;
	top:40px;
	left:0;
	z-index:0;
}
/** ---------------------------
 * 	IE6
 */
*html #hauptNav{
}
*html #subNav{
}
#hauptNav li{
	display:inline;
	float:left;
	margin-right:14px;
}
#hauptNav.deutsch li{
	margin-right:28px;
}

#hauptNav.english li,
#hauptNav.italiano li,
#hauptNav.francaise li,
#hauptNav.espanol li {
	margin-right:31px;
}
#hauptNav li li{
	height:30px;	
}
#hauptNav a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:17px;
	/**background:red;**/
}
#hauptNav li li a{
	font-size:14px;
}
#hauptNav a:hover{
	color:#ffe3a4;
}
#hauptNav li.last{
	float:right;
	margin-right:0;
}
/**
#hauptNav #hotel{
	width:54px;
	background-positio:0 0;
	height:26px;
	background:url(/graphics/navigation/hauptnavigation.png) no-repeat;	
}
#hauptNav #hotel:hover{
	background-position:0 -26px;
}**/
#hauptNav span{
	display:none;
}
#subNav a{
	height:30px;
}
/** ---------------------------
 *  LOGO
 */
#center #logo{
	width:222px;
	height:95px;
	margin:0 auto;
	background:url(/graphics/misc/logo.png);
	overflow:hidden;
}
/** ---------------------------
 * 	IE6
 */
*html #center #logo{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/misc/logo.png');
}
#center #logo a{
	display:block;
	width:222px;
	height:95px;
	position:absolute;
	z-index:9999;
}
#center #logo span{
	display:none;	
}

#content{
	background:#fff;
	width:884px;
	margin:auto;
	padding:40px 23px 40px 23px;
}
#helperNav{
	width:930px;
	height:8px;
	margin:auto;
	margin-top: -9px;
}

/** ---------------------------
 *  LANGUAGE SELECTION * 
 */
#sprachwechsel{
	float:left;
}
	#sprachwechsel li{
		float:left;	
	}
	#sprachwechsel span{
		display:none;
	}
	#sprachwechsel a{
		height:8px;
		display:block;
		background:url(/graphics/misc/lang_sel.png) 0 0 no-repeat;
	}
#sprachwechsel #deutsch{
	width:16px;
	background-position:-1px 0;
}
#sprachwechsel #english{
	width:20px;
	background-position:-17px 0;
}
#sprachwechsel #italiano{
	width:17px;
	background-position:-37px 0;
}
#sprachwechsel #francaise{
	width:21px;
	background-position:-54px 0;
}
#sprachwechsel #espanol{
	width:18px;
	background-position:-75px 0;
}

/** ---------------------------
 *  MUSIC * 
 */
#musik{
	float:right;
}
/** ---------------------------
 *  FOOTER
 */
#footer{
	width:930px;
	height:14px;
	margin:10px auto 30px auto;
	background:url(/graphics/misc/footer.gif) no-repeat 0 0;
	position:relative;
}
#footer li{
	display:none;
	list-style: none;
}
#footer li#facebook, 
#footer li#email{
	display:block !important;
}
#footer li#facebook a, #footer li#email a{
	position:absolute;
	top:0;
	display:block;
	height:14px;
	width:111px;
	text-indent:-999em;
	overflow:hidden;
	cursor:pointer;
	float:left;
	background:url(/graphics/misc/footer.gif) no-repeat 0 0;
}
#footer li#facebook a{
	left:0;
}
#footer li#email a{
	right:0;
	width:126px;
	background-position:-804px 0;
}

/** ---------------------------
 *  CONTENT
 */
#content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#333333;
}
#content .leftCol{
	width:60%;
	float:left;
}
#content .rightCol{
	width:35%;
	float:left;
	padding-left:25px;
}
#content h2{
	font-size:23px;
	text-transform:uppercase;
	margin:0 0 28px 0;
}
#content a{
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
#content p{
	margin-bottom:15px;
}
 /** ---------------------------
 *  CONTENT Gallery
 */
.gallery_deutsch{
	width:279px;
	height:216px;
	background:url(/graphics/misc/gallery.jpg) no-repeat;	
}
.gallery_english{
	width:279px;
	height:216px;
	background:url(/graphics/misc/gallery_en.jpg) no-repeat;	
}
.gallery_deutsch li, .gallery_english li{
	text-align:center;
}
.gallery_pic{
	margin-top:40px;
}

 /** ---------------------------
 *  FORMS
 */
form.standard {
}
form.standard h3 {
    font-size: 100%;
    margin: 2.5em 0 5px 0;
    font-weight: bold;
    padding:0 0 0 3px;
    border-bottom:1px solid #333;
}
form.standard fieldset.checkboxS {
}
form.standard fieldset.checkboxS label {
	width:340px;
	cursor: pointer;
}
form.standard fieldset.checkboxS input {
	margin:5px 0;
}
form img.calendar_trigger{
	margin:3px;
}
/* Errormeldung */
form.standard p.errorMeldung {
    font-size: 70%;
    font-weight: bold;
    color: #c00;
    clear:both;
    padding: 0 0 10px 155px;
}
div#error p{
	color:#c00;
	font-weight:bold;
}
form.newsletter div, form.onlinebuchung div, form.standard fieldset{
	overflow:hidden;
	clear:both;
	padding:2px 0;
}
form.newsletter label, form.onlinebuchung label, form.standard label{
	float: left;
	display: block;
	width: 80px;
	padding:3px 0;
}
form.onlinebuchung label, form.standard label{
	width: 150px;
}
form.newsletter input.text, 
form.onlinebuchung input.text,
form.onlinebuchung input#input_anreise,
form.standard .text input{
	float: left;
	display: block;
	width: 200px;
	border:1px solid #000;
	padding:3px 5px;
}
form.onlinebuchung select,
form.standard select{
	width: 60px;
	border:1px solid #000;
	height:22px;
}
form.newsletter input.text:focus, 
form.standard .text input:focus,
form.onlinebuchung input.text:focus{
	border:1px solid #441B01;
	color:#441B01;
}
form.newsletter input.submit,
form.onlinebuchung input.submit,
form.standard input#absenden{
	margin:10px 0 0 80px;
	background:none;
	color:#333;
	text-transform: uppercase;
	font-size:100%;
	border:0;
	font-weight: bold;
	cursor: pointer;
}
form.onlinebuchung input.submit,
form.standard input#absenden{
	margin:10px 0 0 150px;
}
a.submit{
	margin:0 0 0 150px;
	background:none;
	color:#666 !important;
	text-transform: uppercase;
	font-size:70%;
	border:0;
	font-weight: bold;
	cursor: pointer;
}
a.submit.options{
	margin-left:10px;
}
form.onlinebuchung div.last{
	margin:10px 0 0 0;
}
.clear{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
.invisible{
	display:none;
}
.visible{
	display:block!important;
}
.booking{
	text-indent:-9999em;
	background:url(/graphics/misc/online_booking.gif) no-repeat;
	width:141px;
	height:16px;
	display:block;
	margin-left:8px;
	margin-top:30px;
}
.buchung{
	text-indent:-9999em;
	background:url(/graphics/misc/online_buchung.gif) no-repeat;
	width:185px;
	height:16px;
	display:block;
	margin-left:8px;
	margin-top:30px;
	overflow:hidden;
}
.stimmen{
	text-indent:-9999em;
	background:url(/graphics/misc/fischenstimmen.gif) no-repeat;
	width:295px;
	height:35px;
	display:block;
	margin-left:8px;
	margin-top:30px;
}