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

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

0. Import CSS
1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

/* 0. Import CSS */

	@import url("lightbox.css");
	@import url("cms.css");
	@import url("clearfix.css");
	@import url("kontaktstyle.css");
	@import url("newsstyle.css");
	@import url("map24.css");

/* ########################################################################################################
######################################################################################################*/   

/* 1. Standards */

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	list-style-type: none;
	color: #000;
	font-size:13px;
}

body {
	background: #FFF url(../images/design/bg.jpg) repeat-x top center;
}

html[xmlns^="http"] {
	overflow-y: scroll;
}

h1{
	font-size: 39px;
	color: #000;
	width: 649px;
	padding: 0 0 57px 0;
	text-indent: -9999px;
}

h2 {
	font-size: 13px;
	color: #000;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:5px 0 10px 0;
	width: 225px;
	float: left;
}

h3 {
	font-size: 13px;
	color: #000;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 5px 0 10px 0;
}

h4 {
	font-size: 11px;
	color: #ACACAC;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 5px 0 10px 0;
}

h5 {
	font-size: 13px;
	color: #000;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0 0 5px 0;
	min-width: 108px;
	float: left;
}

h6{
	font-size: 10px;
	color: #CCCCCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0 0 10px 0;
	float: left;
}


p {margin: 0 0 20px 0px; line-height: 25px;}
	
.unsichtbar  {display: none;}

.img-link { width:168px; height: 60px; }

/*********************** HEADLINES *****************************/

.headline-start {
	padding: 0 0 57px 0;
	background:url(../images/design/headline_start.jpg) no-repeat;
}

.headline-start-eng {
	padding: 0 0 57px 0;
	background:url(../images/design/headline_start_eng.jpg) no-repeat;
}

.headline-sehenswuerdigkeiten{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_sehensw..jpg) no-repeat 0 10px;
}

.headline-angebote{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_angebote.jpg) no-repeat 0 10px;
}
.headline-haus{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_haus.jpg) no-repeat 0 10px;
}

.headline-zimmer{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_zimmer.jpg) no-repeat 0 10px;
}

.headline-fruehstueck{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_fruehstueck.jpg) no-repeat 0 10px;
}
.headline-kontakt{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_kontakt.jpg) no-repeat 0 10px;
}

.headline-anfahrt{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_anfahrt.jpg) no-repeat 0 10px;
}

.headline-impressum{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_impressum.jpg) no-repeat 0 10px;
}

.headline-home{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_home.jpg) no-repeat 0 10px;
}

.headline-special_offers{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_special_offers.jpg) no-repeat 0 10px;
}

.headline-house{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_house.jpg) no-repeat 0 10px;
}

.headline-zimmeranfrage{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_zimmeranfrage.jpg) no-repeat 0 10px;
}

.headline-zimmeranfrage_eng{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_zimmeranfrage_eng.jpg) no-repeat 0 10px;
}

.headline-rooms{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_rooms.jpg) no-repeat 0 10px;
}

.headline-breakfast{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_breakfast.jpg) no-repeat 0 10px;
}
.headline-sights{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_sights.jpg) no-repeat 0 10px;
}

.headline-contact{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_contact.jpg) no-repeat 0 10px;
}

.headline-route{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_route.jpg) no-repeat 0 10px;
}

.headline-imprint{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_imprint.jpg) no-repeat 0 10px;
}

.headline-newsletter{
	padding: 10px 0 50px 0;
	background:url(../images/design/headline_newsletter.jpg) no-repeat 0 10px;
}

.preise { 
	width: 60px;
	float:right;
	font-weight: bold;
}


/*######################################################################################################
######################################################################################################*/

/* 2. Layout */

#clear, .clear {
	clear:left;
	float:none;
}

#wrapper {
	width: 990px;
	position:relative;
	margin: 0 auto;
}

/*---------------------------------*/


#head {
	background:url(../images/design/head.jpg) no-repeat;
	height: 313px;
	width: 990px;
	clear: both;
}

#content_wrapper {
	background:url(../images/design/content_bg.jpg) no-repeat 32px 0;
	width: 990px;
	min-height: 587px;
	float:none;
	clear:both;
}

#content{
	width: 649px;
	padding: 0 0 0 100px;
	float: left;
}

#content_right {
	width: 175px;
	height: 337px;
	float:left;
	padding: 0px 0 0 66px;
}

.col-1 {
	width: 298px;
	float: left;
	padding-right: 26px;
}

.col-2 {
	width: 298px;
	float: left;
	padding-left: 26px;
}


/****************** ENGLISCH********************/

#head_eng {
	background:url(../images/design/head_eng.jpg) no-repeat;
	height: 313px;
	width: 990px;
	clear: both;
}

#content_wrapper_eng {
	background:url(../images/design/content_bg_eng.jpg) no-repeat 32px 0;
	width: 990px;
	min-height: 587px;
	float:none;
	clear:both;
}

/* 3. Navigation */

ul#navi_eng {
	padding: 238px 0 0 275px;
}

#navi_eng li{
	float: left;
	padding: 0 17px;

}

#navi_eng li a{
	display: block;
	height: 32px;
	text-indent: -9999px;
}

.l1_eng { width: 113px;}
.l2_eng { width: 57px;}
.l3_eng { width: 64px;}
.l4_eng { width: 85px;}
.l5_eng { width: 60px;}

li.l1_eng a:hover, li.l1_eng a.active{	width: 113px; background: url(../images/design/navi_eng.jpg) no-repeat -69px 0px;}
li.l2_eng a:hover, li.l2_eng a.active{	width: 57px; background: url(../images/design/navi_eng.jpg) no-repeat -216px 0;}
li.l3_eng a:hover, li.l3_eng a.active{	width: 64px; background: url(../images/design/navi_eng.jpg) no-repeat -307px 0;}
li.l4_eng a:hover, li.l4_eng a.active{	width: 85px; background: url(../images/design/navi_eng.jpg) no-repeat -405px 0;}
li.l5_eng a:hover, li.l5_eng a.active{	width: 60px; background: url(../images/design/navi_eng.jpg) no-repeat -524px 0;}

/*------------------------------- Subnavi  -------------------------------*/

ul#subnavi_eng {
	width: 170px;
	float: left;

}

ul#subnavi_eng li.l6_eng, li.l7_eng, li.l8_eng, li.l9_eng, li.l10_eng, li.l20_eng{
	display:block;
	height: 30px;
	padding: 0 0 0 62px;
}

ul#subnavi_eng li.l6_eng a, li.l7_eng a, li.l8_eng a, li.l9_eng a, li.l10_eng a,li.l20_eng a{
	display:block;	
	text-indent: -9999px;
	height: 30px;
}

li.l6_eng a:hover, li.l6_eng a.active{ background: url(../images/design/subnavi_eng.jpg) no-repeat -57px 0px;}
li.l7_eng a:hover, li.l7_eng a.active{ background: url(../images/design/subnavi_eng.jpg) no-repeat -57px -30px;}
li.l8_eng a:hover, li.l8_eng a.active{ background: url(../images/design/subnavi_eng.jpg) no-repeat -57px -60px;}
li.l9_eng a:hover, li.l9_eng a.active{ background: url(../images/design/subnavi_eng.jpg) no-repeat -57px -90px;}
li.l10_eng a:hover, li.l10_eng a.active{ background: url(../images/design/subnavi_eng.jpg) no-repeat -57px -120px;}
li.l20_eng a:hover, li.l20_eng a.active{ background: url(../images/design/subnavi_eng.jpg) no-repeat -57px -150px;}

ul#subnavi_eng li.l11_eng {
	text-indent: -9999px;
	height: 340px;
	display: block;

}

li.l11_eng a { 
	text-indent: -9999px;
	height: 92px;	
	display: block;
	}
	
li.l11_eng a:hover, li.l11_eng a.active { background: url(../images/design/zimmer_eng.jpg) no-repeat 0 0; }

/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

ul#navi {
	padding: 238px 0 0 203px;
	position:relative;
}

#navi li{
	float: left;
	padding: 0 17px;

}

#navi li a{
	display: block;
	height: 32px;
	text-indent: -9999px;
}

.l1 { width: 80px;}
.l2 { width: 49px;}
.l3 { width: 69px;}
.l4 { width: 90px;}
.l5 { width: 167px;}

li.l1 a:hover, li.l1 a.active{	width: 80px; background: url(../images/design/navi.jpg) no-repeat 3px 0px;}
li.l2 a:hover, li.l2 a.active{	width: 49px; background: url(../images/design/navi.jpg) no-repeat -111px 0;}
li.l3 a:hover, li.l3 a.active{	width: 69px; background: url(../images/design/navi.jpg) no-repeat -194px 0;}
li.l4 a:hover, li.l4 a.active{	width: 90px; background: url(../images/design/navi.jpg) no-repeat -297px 0;}
li.l5 a:hover, li.l5 a.active{	width: 167px; background: url(../images/design/navi.jpg) no-repeat -421px 0;}


ul#flaggen {
	text-indent: -9999px;
	float: left;
	padding: 2px 0 0 99px;
}

ul#flaggen li{
	float: left;
	padding: 0 2px 0 0;
	display:block;
	width: 26px;
}



ul#flaggen_eng {
	text-indent: -9999px;
	padding: 2px 0 0 103px;
}

ul#flaggen_eng li{
	padding: 0 2px 0 0;
	display:block;
	width: 26px;
}

.l_eng a {
	background:url(../images/design/englisch.jpg) no-repeat;
	text-indent: -9999px;
	width: 25px; 
	height: 20px;
}

.l_de a {
	text-indent: -9999px;
	background:url(../images/design/deutsch.jpg) no-repeat;
	width: 25px; 
	height: 20px;
}

.flagEn{ position:absolute; top:235px; left:925px; width:27px; height:22px; display:block; padding: 0 0 0 0;}
.flagDe{ position:absolute; top:235px; left:880px; width:27px; height:22px; display:block; padding: 0 0 0 0;}
.flagEn a{background:url(../images/design/englisch.jpg) 0 0 no-repeat;width:27px; height:22px; text-indent:-9999px; display:block;}
.flagDe a{background:url(../images/design/deutsch.jpg) 0 0 no-repeat;width:27px; height:22px; text-indent:-9999px; display:block;}


/*----------------- PNG-Filter/Position Hacks fr IE6 -------------------*/



/*------------------------------- Subnavi  -------------------------------*/

ul#subnavi {
	width: 170px;
	float: left;

}

ul#subnavi li.l6, li.l7, li.l8, li.l9, li.l10, li.l20 a{
	display:block;
	height: 30px;
	padding: 0 0 0 62px;
}

ul#subnavi li.l6 a, li.l7 a, li.l8 a, li.l9 a, li.l10 a, li.l20 a{
	display:block;	
	text-indent: -9999px;
	height: 30px;
}

li.l6 a:hover, li.l6 a.active{ background: url(../images/design/subnavi.jpg) no-repeat -57px 0px;}
li.l7 a:hover, li.l7 a.active{ background: url(../images/design/subnavi.jpg) no-repeat -57px -30px;}
li.l8 a:hover, li.l8 a.active{ background: url(../images/design/subnavi.jpg) no-repeat -57px -60px;}
li.l9 a:hover, li.l9 a.active{ background: url(../images/design/subnavi.jpg) no-repeat -57px -90px;}
li.l10 a:hover, li.l10 a.active{ background: url(../images/design/subnavi.jpg) no-repeat -57px -120px;}
li.l20 a:hover, li.l20 a.active{ background: url(../images/design/subnavi.jpg) no-repeat 5px -150px;}

ul#subnavi li.l11 {
	text-indent: -9999px;
	height: 340px;
	display: block;

}

li.l11 a { 
	text-indent: -9999px;
	height: 92px;	
	display: block;
	}
	
li.l11 a:hover, li.l11 a.active { background: url(../images/design/zimmer.jpg) no-repeat 0 0; }

/*********************** CMS Start***********************/

.cmsbox {
	width: 170px;
	float: left;
	padding: 0 46px 0 0;
}

.img {
	border: 1px solid #CCC;  
	padding: 1px;
	margin-bottom: 15px;
}

/*######################################################################################################
######################################################################################################*/

/* 4. Content */

.bildborder {
	border: 1px solid #CCC;  
	padding: 3px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 8px 15px 0;
	cursor: url(../images/zoomin.cur), pointer;
    outline: none;
}



.bildborder:hover{
	border: 1px solid #009900;  
	padding: 3px;
}



.bildCMS {
	border: 1px solid #CCC;  
	padding: 3px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 8px 15px 0;
	cursor: url(../images/zoomin.cur), pointer;
    outline: none;
    width:125px;
    height:150px;
}

.bildCMS:hover{
	border: 1px solid #009900;  
	padding: 3px;
}



.bildbordernohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

.bildborder_cms {
	border: 1px solid #CCC;  
	padding: 3px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 22px 15px 0;
	cursor: url(../images/zoomin.cur), pointer;
    outline: none;
}

.bildborder_cms:hover{
	border: 1px solid #009900;  
	padding: 3px;
}

.bildbordernohover_cms {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 10px 0 0;
}


/*---------------------------------*/

.floatleft{
	float: left;
}

.marginright10px{
	margin: 0 10px 0 0;
}

.floatright {
	float: right;
}

/*---------------------------------*/

ul.liste{
	margin: 0 0 20px 0;
}

ul.liste li {
	padding: 5px 0 5px 25px;
	border-bottom: dashed 1px #ccc;
	margin: 0 10px 0 0;
	line-height: 18px;
}


ul.liste li:hover {
	color:#333;
	background: #fff;
}

*html ul.liste li {
/*	line-height: 20px;*/
	height: 20px;
}

/*---------------------------------*/

address { 
	font-style:normal;
	line-height: 18px;
}

abbr {
	color: #333; 
	border-bottom: dotted 1px #333;
}


/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:link, a:visited, a:active, a:focus, .escape span{
	text-decoration: none;
	color: #027e2e;
	outline: none;
}

a:hover, a:hover span{
	text-decoration:underline;
	color:#333;
}

/*---------------------------------*/

.gototop{
	position:fixed;
	right:10px;
	bottom:10px;
	color:#999;
	font-size:10px;
	text-decoration:none;
	_display:none;
}

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}

/*######################################################################################################
######################################################################################################*/