/* 
##############################CSS Document ©2007 by www.makoweb.de##############################
###################created by MaKoWeb - Marcel Koch / E-Mail: mail@makoweb.de###################
*/

	html, body { height: 100%; }	
	
	body
	{
	margin: 0;
	padding: 0;
	background-image: url(../../images/bilder-layout/bg_main.gif);
	background-repeat:repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#423524;
	text-align:center;

	}
	
	#top {
	width: 955px;
	margin-bottom: 10px;
	}
	
	
	#top-left {
	margin-left:12px;
	float:left;
	}

	#top-right {
	text-align:right;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0.1em;
	font-weight:bold;	
	
	}

	
	.top-bild	{
	}
	
	#container {
	margin: auto;
	width: 990px;
	margin-top:7px;
	height:100px;
	text-align:left;
	}
	
	#box-ges {
	margin: auto;
	margin-top:0px;
	width: 990px;
	height: 1200px;
	background: url(../../images/bilder-layout/bg_box.png);
	background-repeat:no-repeat;
	padding:1px 0 0 7px ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	}
	
	#streifen-navi {
	margin-left:5px;
	float:left;
	width:217px;
	height: 1200px;
	background-image:url(../../images/bilder-layout/streifen-links.png);
	background-repeat:no-repeat;
	}
	
		#main-logo {
		height: 290px;
		}
		
		#main-navi {
		padding: 0 10px 0 10px;
		width: 180px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		letter-spacing: 0.1em;
		font-weight:bold;	
			}
	
	#rechts {
	float:left;
	width:auto;
	width:720px;
	}
	
		#rechts-rand-oben {
		float:left;
		width:720px;
		background-image:url(../../images/bilder-layout/bg-oben1.png);
		background-repeat:no-repeat;
		}
		
		#rechts-bild {
		float:left;
		width:720px;
		background-image:url(../../images/bilder-layout/homebild_bg.jpg);
		background-repeat:no-repeat;	
		}
		
		#rechts-navi {
		float:left;
		width:727px;
		height: 34px;
		background-image:url(../../images/bilder-layout/bg-navi.gif);
		background-repeat:no-repeat;
		}

		#rechts-ohne-navi {
		float:left;
		width:725px;
		height: 33px;
		background-image:url(../../images/bilder-layout/bg-navi-ohne.gif);
		background-repeat:no-repeat;
		}
		
		
			.sub-navigation {
			position:relative;
			top: 0px;
			left: -4px;
			}
			
		#rechts-content {
		float:left;
		width:720px;
		height: 800px;
		background-image:url(../../images/bilder-layout/bg-content.gif);
		background-repeat:no-repeat;
		clear:both;
		}

		#rechts-content-start {
		float:left;
		width:720px;
		height: 658px;
		background-image:url(../../images/bilder-layout/bg-content.gif);
		background-repeat:no-repeat;
		}

		#rechts-content-gal {
		float:left;
		width:720px;
		height: 764px;
		background-image:url(../../images/bilder-layout/bg-content.gif);
		background-repeat:no-repeat;
		}

		
			#inhalt {
			margin: 30px 0 0 35px;
			font-size: 12px;
			/*font-weight:bold;*/
			clear:both;
			} 
			
		#content-box-main-middle {
		height: 720px;	
		overflow:auto;
		scrollbar-face-color: 7a5f4e;
		scrollbar-highlight-color: fcf8f0;
		scrollbar-3dlight-color: 353535;
		scrollbar-darkshadow-color: 000000;
		scrollbar-shadow-color: 181818;
		scrollbar-arrow-color: 86393f;
		scrollbar-track-color: ffffff;	
		}
		
			.left-col {
			   float: left;
			   margin-left: 5px;
			   margin-right: 35px;
			   width: 300px;
			   border: 0;
			   padding:0;
			   text-align:justify;		
			}	
		
			.right-col {
			   float: right;
			   margin-right: 20px;
			   width: 300px;
			   border: 0;
			   padding:0;		
			   text-align:justify;		
			}	


	#footer {
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0.1em;
	font-weight:bold;
	padding-top: 5px;
	margin-right: 20px;	
	}

	#footer-start {
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0.1em;
	font-weight:bold;
	padding-top: 5px;
	margin-right: 50px;	
	}

		
		/*######################################*/
		
		.lang {
		float:right;
		}
		
		.tmp {
		margin-left: 25px;
		letter-spacing:normal;
		font-size: 10px;
		font-weight:bold;
		/*color: #86393f;*/
		}
		


/*############################ Links ############################ */

	a:link {
		color: #3e3222;
		text-decoration: none;
	}
	
	a:visited {
		color: #3e3222;
		text-decoration: none;
	}
	
	a:hover {
		color: #86393f;
		text-decoration: none;	
	}
	
	a:active {
		color: #3e3222;
		text-decoration: none;
	}
	

/*############################ MAIN NAVIGATION ############################ */

	.navi {
	margin: 0;
	padding: 0;
	list-style-type:none;	
	}
	
	.navi-normal {
	list-style-type:none;
	margin: 0px;
	padding: 6px 0 6px 0;
	}

	.navi-normal-leer {
	list-style-type:none;
	margin: 24px 0 0 0;
	}
	
	
/*############################ Links edit ############################ */
	
	.navi li a {
		display:block;
		color: #3e3222;
		text-decoration: none;
		list-style-type:none;
		padding-left: 70px;			
		background-image: url(../../images/bilder-layout/nav_normal.png);
		background-repeat:no-repeat;		
	}

	.navi li a:hover {
		color: #86393f;
		text-decoration: none;
		list-style-type:none;
		padding-left: 70px;					
		background-image: url(../../images/bilder-layout/nav_hover.png);	
		background-repeat:no-repeat;
		}
		
/* ########## Aktiver Zustand, wenn das Untermenü aktive ist und der Punkt in der Mainnavi wieder ein Link wird ####### */		

	.navi .active a {
		color: #86393f;
		text-decoration: none;
		list-style-type:none;
		margin: 0px;
		padding: 0px;			
	}

	
	.navi .active {
		color: #86393f;
		text-decoration: none;
		background-image: url(../../images/bilder-layout/nav_cur.png);
		background-repeat:no-repeat;
		list-style-type:none;
		margin: 0px;
		padding: 6px 0 6px 70px;			
	}

	.navi .active2 {
		color: #86393f;
		text-decoration: none;
		background-image: url(../../images/bilder-layout/nav_cur.png);
		background-repeat:no-repeat;
		list-style-type:none;
		margin: 0 0 24px 0;
		padding: 6px 0 6px 70px;			
	}
	
	.current2 {
		color: #86393f;
		text-decoration: none;
		padding-left: 70px;			
		background-image: url(../../images/bilder-layout/nav_normal.png);
		background-repeat:no-repeat;
		list-style-type:none;		
	}


/*############################ SUB SUB NAVIGATION ############################ */

	.navi-sub-sub {
	list-style-type: none;
	font-size:10px;
	font-weight:bold;
	}
	
	.navi-sub-sub-normal {
	display: inline;
	list-style-type: none;
	}
/*
	.navi-sub-sub-normal-leer {
	list-style-type:none;
	margin: 24px 0 0 0;
	}*/
	
	
/*############################ SUB SUB NAVIGATION Links edit ############################ */
	
	.navi-sub-sub li a {
		display: inline;
		color: #3e3222;
		text-decoration: none;
		list-style-type:none;
		margin-right: 25px;				
		/*background-image: url(../../images/bilder-layout/nav_normal.png);
		background-repeat:no-repeat;		*/
	}

	.navi-sub-sub li a:hover {
		color: #86393f;
		text-decoration: none;
		list-style-type:none;
		padding-bottom: 3px;
		border-bottom: 6px solid #86393f;
		margin-right: 25px;				
		
		/*background-image: url(../../images/bilder-layout/nav_hover.png);	
		background-repeat:no-repeat;*/
		}

	
	.navi-sub-sub .active3 {
		display: inline;
		color: #86393f;
		text-decoration: none;
		margin-right: 25px;
		/*background-image: url(../../images/bilder-layout/nav_cur.png);
		background-repeat:no-repeat;*/
		list-style-type:none;
		padding-bottom: 3px;
		border-bottom: 6px solid #86393f;
	}

	/*.navi-sub-sub .active2 {
		color: #86393f;
		text-decoration: none;
		background-image: url(../../images/bilder-layout/nav_cur.png);
		background-repeat:no-repeat;
		list-style-type:none;
	}*/
	
	.current-sub-sub {
		color: #86393f;
		text-decoration: none;
		list-style-type:none;		
	}


	
/* ################### HEADER ################### */

		h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:bold;
		letter-spacing: 0.1em;
		padding-bottom: 10px;	
		}

		h2 {}
		
		h3 {}
		
		h4 {}

		h5 {}

/* ################### KLASSEN ÜBERSCHREIBEN ################### */

		.bodytext {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0em;
		line-height: 1.5em;
		text-align:justify;
		padding-right: 25px;			
		}

		.csc-textpic-image {
		/*background-color: #ececec ;*/
		/*border: 1px solid #a7a7a7;*/
		width: 80%;
		border: 1px solid #cdcdcd;
		padding: 5px;
		margin-bottom: 1000px;
		}
		
		.csc-textpic-intext-right-nowrap {
		margin: 0 15px 0 0;		
		}
		
		.csc-textpic-intext-right {
		margin: 0 30px 0 0;
		/*padding-left: 20px;*/
		}
		
		.csc-textpic-imagerow {
		margin: 0 0 20px 0;
		}
		
		.csc-textpic-caption {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight: normal;		
		}
		
		  
		.detail {
		font-size:10px;
		font-style:italic;
		}
		
		
		
		.tabelle {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0em;
		margin-left: -13px;
				
		}

			
		.tabelle_wellness {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		vertical-align: text-top;
	/*	background:#CCFF00;*/
		}
		
		
		.zeilen_tabelle{
		background-color:#663366;
		margin-top: -20px;
		vertical-align: text-top;
		}
		
		p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0em;
		line-height: 1.5em;
		text-align:justify;
		padding-right: 25px;
		}
		
		#aufzaehlung {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		padding-right: 25px;
		vertical-align: top;
	/*	background-color:#FF0000;*/
		}
		
		#text_tabelle {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0em;
		line-height: 1.5em;
		text-align:justify;
		padding-right: 25px;
		padding-bottom: 5px;
		}
		
	
		
/* ################### EXT COLS ÜBERSCHREIBEN ################### */
		
	
	div.tx-fdfx2cols-pi1 {
	}
	
	div.c2l1d-left {
	   float: left;
	   margin-left: 5px;
	   width: 300px;
	   border: 0;
	   padding:0;
	}
	
	div.c2l1d-left p {
		/*margin: 10px;*/
		/*background-color: #00CC00;*/
	}

	div.c2l1d-middle a {
	}
	
	div.c2l1d-middle  {
	   margin-left: -50px;
	   float:left;
	   width: 300px;
	   border: 0;
	   padding: 0;
	}

	div.c2l1d-middle p {
	}
	
	

/* ################### CLEAR ################### */
	
	
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*	######################### FORM ##################### */
	
		legend {
		padding-right:11px;
		border: 0px;
		}
		
		fieldset {
		border:0px;
		padding-left:0px;
		padding-right:10px;
		padding-top:10px;
		padding-bottom:10px;
		/*border: 1px solid #C0C0C0;*/
		}
		
		.radiolayout {
		width:60%;
		padding-top:15px;
		padding-bottom:15px;
		}
		
		.formu {
		font-size:11px;
		color: #423524;
		/*width:80%;*/
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		border: 0px;
		/*border: 1px solid #C0C0C0;*/
		}
		
		.mf-radio {
		border:0px;
		}
		
		.mf-text {
		color:#423524;
		position:relative;
		top: -180px;
		left: 235px;
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;						
		background-color: #fff;
		margin-bottom: 5px;
		width:350px;
		}
		
		.mf-check {
		border: 0px;
		}
		.mf-select {
		border:0px;
		}
		
		.mf-input {
		color:#423524;
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;						
		background-color: #fff;
		margin-bottom: 12px;
		width:200px;		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin-left: -10px;
		}
		
		.mf-submit {
		position:relative;
		top: -175px;
		left: 530px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight:bold;
		color:#423524;
		background-color: #fcf8f0;
		border-top: 1px solid #fcf8f0;
		border-left: 1px solid #fcf8f0;
		border-right: 1px solid #fcf8f0;
		border-bottom: 1px solid #fcf8f0;						
		}
		
/* ####################### MAILFORM ##########################*/

	fieldset.tx-powermail-pi1_fieldset label {
	
		display: block;
		
		width: 120px;
	
		float: left;
	
		clear: both;
	
		font-weight: bold;
		
		color: #fcf8f0;
			
	}
	
	fieldset.tx-powermail-pi1_fieldset input,
	
	fieldset.tx-powermail-pi1_fieldset textarea {
	
		width: 260px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight:bold;
		color:#423524;
		
	
	}
	
		.powermail_submit {
		position:relative;
		top: 20px;
		left: -98px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight:bold;
		color:#423524;
		background-color: #fcf8f0;
		border-top: 1px solid #fcf8f0;
		border-left: 1px solid #fcf8f0;
		border-right: 1px solid #fcf8f0;
		border-bottom: 1px solid #fcf8f0;						
		}
		
		legend {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0em;
		line-height: 1.5em;
		margin-left:-8px;
		}
		
		.print {
		position:relative;
		top: -20px;
		left: 550px;
		}
	
				
.hotelvideo {
margin-left: 25px;
margin-top: 70px;
border:0px;
}