/* generated by csscreator.com */ 
html, body{ 

BACKGROUND: #eff2bd url(bg_seite_senkrecht_01_2010_a.jpg) repeat-x top;

 margin:0; 
 padding:0; 
 text-align:center; 
 
 FONT-FAMILY: verdana,arial,helvetica,sans-serif;
 font-size: 101%;
} 

/* test */
#box1 {
  position:absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  
  background-image: url(ornament_links_oben_200x370.jpg);
  
  height: 370px;
}

#box2 {
  position:absolute;
  top: 0px;
  right: 0px;
  width: 200px;
  
  background-image: url(ornament_rechts_oben_200x370.jpg);
   height: 370px;
}

/* test */
 
#pagewidth{ 
 width:985px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
 /*background: fuchsia;
 background-image: url(bg_content_mitte.gif);*/
  
} 

#wrapper{
	background-image: url(bg_content_mitte_985.gif);
}

#service_kopf{
 position:relative; 
 
 /* background-color:#66FFFF; */
 width:100%;
 /*background-image: url(bg_logo.gif); 
 background-image: url(bg_logo_oben.gif);*/
 background-image: url(bg_service_kopf_ohne_logo_985.gif);
 height: 50px;
			
			
}


 .logo {
 	float: left;
	padding-left: 20px;
	padding-top: 0px;
	font-size: 70%;
	color: Red;
 }
 
 	.datum_2{
			font-size: 10px;
			float: left;
			padding-top: 36px;
			padding-left: 0px;
			color: #006634;
			line-height: 14px;
			
		}
 
 .formtext{
 	font-size: 11px;
	line-height: 16px;
 }
 
 
  .sprache_und_service{
 	float: right;
	padding-top: 0px;
	/*font-size: 70%;*/
	color: White;
	/*background-color: Aqua;*/
	width: 540px;
 }
 
 
  #service_top{
 	position:relative; 
	/*background-color: Blue;*/
	height: 30px;
 }
 
 
 .sprachauswahl{
 	text-align: right;
	/*background-color: Lime;*/
	margin-right: 28px;
	padding-top: 14px;
	padding-bottom: 2px;
	display: none;
 }
 
 
  #service_down{
 	position:relative; 
	/*background-color: Gray;*/
	height: 30px;
 }
 
 
 
 
/* -------------- Service Navigation START ---------------------*/

.service_navi {
	float: right;
	text-align: right;
	width: 240px;
	padding-top: 0px;
	
}

.service_navi ul {
	DISPLAY: block;
	/*FONT: normal 0.60em/2.0em verdana,Arial,Geneva,sans-serif;*/
	font-size: 60%;
	TEXT-ALIGN: right;
	margin: 0px;
	margin-top: 37px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 20px;
	color: Black;
}



		.service_navi li
			{
				display: inline;
				list-style-type: none;
				padding-right: 2px;
			}

		.service_navi li a
		{
			text-decoration: underline;
			color: Black;
			margin-left: -0px;
			margin-right: 2px;
			FONT-WEIGHT: normal;
		}
		
		.service_navi li a:hover
		{
			text-decoration: none;
			color: #BE9133;
			margin-left: -0px;
			margin-right: 2px;
			FONT-WEIGHT: normal;
		}
/* -------------- Service Navigation ende ---------------------*/

/* -------------- Suche start ----------------------------------------*/


form {

padding:0px;
display: inline;
}


.searchform{
padding: 1px;
text-align: right;
padding-right: 30px;

}



.button
{
color: White;
background-color: #9CB3D4;
font-weight:normal;
font-size : 0.78em;
}

/* -------------- Suche ende ----------------------------------------*/


 
#header{
 position:relative;

 height:300px; 
 background-color: white;
 /*width:100%;*/
 
 
 border-top: 0px solid #D0A43F;
	border-bottom: 1px solid #D0A43F;
	border-left: 2px solid #D0A43F;
	border-right: 2px solid #D0A43F;
	clear: left;
	padding: 12px;
}

 /*background-image: url(head_startseite.jpg);*/
.headerinhalt{
width: 957px;
	 height:295px; 
	
	margin-left: 0px;
	background-color: #d8ca8d;
	background-image: url(hotel_logo_nachtansicht.jpg);
	padding: 0px;
}

#logo_links{
	margin-left: 8px;
	margin-top: 20px;
}


/* ######################################## Bereich Schriften einstellbar und Pfadnavigation #*/

#schriften_und_pfadnavigation{
 /*background: #990033;*/
 height: 6px;
 padding-bottom: 8px;
 background-image: url(bg_content_mitte.gif);
 
 display: none;
}

/* ----- Schriften einstellbar start ----------------- */


 .schriften_einstellbar a{
color: #8B7D78;
}

 .schriften_einstellbar a:hover{
color: #39332F;
}
 
.schriften_einstellbar {
 padding-left: 30px;
 float: left;
margin: 6px;
margin-top: 8px;
margin-bottom: 0px;
color: #666666;
width: 160px;
}


.schrift_groesser{
font-size: 16px;
float: left;
margin-right: 10px;

}

.schrift_back{
font-size: 12px;
float: left;
margin-right: 10px;
padding-top: 2px;

}

.schrift_kleiner{
font-size: 9px;
margin-right: 6px;
padding-top: 4px;

}

/* ----- Schriften einstellbar ende -----------------*/


  .wo_bin_ich{

	padding-left: 260px;
	
	color: #666666;
	padding-right: 50px;
	padding-top: 8px;
	font-size: 60%;
	line-height: 150%;
	text-align: left;
	padding-bottom: 10px;
	/*width: 580px;*/
 }
 
 
 .wo_bin_ich a
		{
			text-decoration: underline;
			color: #666666;
			margin-left: -0px;
			margin-right: 2px;
			FONT-WEIGHT: normal;
		}
		
 .wo_bin_ich a:hover
		{
			text-decoration: none;
			color: #BE9133;
			margin-left: -0px;
			margin-right: 2px;
			FONT-WEIGHT: normal;
		}



/* ######################################## Bereich Schriften und Pfadnavigation einstellbar #*/

 
#leftcol{
 width:250px; 
 float:left; 
 position:relative; 
 /*background-color:#66B0B0;*/ 
 

 
 }
 
 	#m1{
	margin-left: 0px;
	background-color: transparent;
   width: 220px;
	margin-top: 18px;
}
 
#maincol{
 /*background-color: #66B0E0; */ 
 float: right; 
 display:inline; 
 position: relative; 
 width:716px; 
 
 }
 
 
 /*-------------- content und teaserbox -------------------*/
 
 #fensterbox {
 	padding: 10px;
	margin: 10px;
	
 }
 
 
 #contentinhalt{
 	 margin-left: 0px;
    POSITION: relative;
	width: 685px;
	height: 540px;
	height: auto;
	/*background-color: #FEF4CB;*/
	text-align: left;
	margin-top: 24px;
	
	/*border-top: 1px solid #D0A43F;
	border-bottom: 1px solid #D0A43F;
	border-left: 1px solid #D0A43F;
	border-right: 1px solid #D0A43F;
	padding: 15px;*/
	
 }
 
  #contentinhalt ol{
 	font-size : 11px;
   line-height: 150%;
	/*color: #163341;*/
  color: #000000;
  margin-left: 10px;
  padding-right: 20px;
  margin-top: 0px;
  width: auto;
 }
 
  p {
 	font-size: 75%;
	line-height: 170%;
	padding-left: 10px;
	
	/*color: #163341;*/
  color: #000000;
  margin: 0px;
  padding-top: 4px;
  padding-bottom: 10px;
  margin-top: 0px;
}

.csc-textpic{
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
	
}

/*.csc-textpic-image {
	padding: 10px;
}*/

.csc-textpic-imagewrap{

margin-left: 10px;
margin-right: 10px;
margin-top: 2px;
padding-bottom: 2px;
}



 
 .author {
font-size:11px; 
font-weight:bold;
font-style:normal; 
color:#961207;
}
 
 .kleiner_text {
font-size: 9px; 
font-weight: normal;
font-style:normal; 
color: #666666;
}

 .test2 {
font-size:14px; 
font-weight:bold;
font-style:normal; 
color: #9999FF;
}
 
 a {
 color: #866726;
 }
 
 a:hover {
 color: #BE9133;
 text-decoration: none;
 }
 
 
 
 
 
   h1 {
      height: 42px;
	     font-size:12px;
        margin-left:2px;
        text-indent: -999em; 
        padding:0px;
        background-repeat:no-repeat;
		  margin-bottom: 0px;
		  margin-top: 0px;
		  margin: 0px;
		  width: auto;
		  
 }

 
  h2 {
  FONT-FAMILY: verdana,arial,helvetica,sans-serif;
 	font-size: 110%;
	color: #006633;
	line-height: 140%;
	height: auto;
	/*background-image : url(bg_h2.gif);
	background-repeat : no-repeat;
	background-position: 0 .12em;*/
	/*margin: 0px;*/
  /*padding-bottom: 0.2em;*/
  /*padding-top: 0.4em;*/
  padding-left: 6px;
  
  margin: 0px;
  margin-bottom: 0.55em;
  margin-top: 0.55em;
  font-weight: 400;
 }
 
  h3 {
  FONT-FAMILY: verdana, arial,helvetica,sans-serif;
 	font-size: 85%;
	color: #006633;
	line-height: 150%;
   margin: 0px;
	padding-left: 10px;
	padding-bottom: 0.65em;
  padding-top: 0.65em;
  font-weight: 800;

 }
 
h4 {
 	font-size: 65%;
	color: black;
	line-height: 160%;
   margin: 0px;
	padding-left: 0px;
	font-weight: normal;
   padding-bottom: 16px;
  padding-top: 0.4em;
  padding-left: 10px;
 }
 
 #wetter{
			margin-left: 24px;
			margin-top: 24px;
		}
 

		#adresse {
			font-size: 65%;
	color: #006633;
	line-height: 160%;
	margin-left: 28px;
			margin-top: 24px;
			margin-bottom: 15px;
	
	
		}
		
		#adresse a{
			color: #006633;
		}
		
		#holiday-banner{
			margin-left: 30px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
		#seal {
		margin-left: 73px;
		}
		
		#facebook-icon{
			margin-left: 28px;
			margin-top: 10px;
			margin-bottom: 30px;
		}
		
		#facebook-box {
		margin-left:193px;
		margin-top:-580px;
		position:absolute;
	display:block;
			width:350px;
			padding-left:40px;
			padding-right:10px;
			padding-top:10px;
			padding-bottom:10px;
			background:url(background.png);
			}
		
		
		#schnellbuchung{
			margin-left: 28px;
			margin-top: 10px;
			margin-bottom: 10px;
			
			
		}
		
		
 
 #contentinhalt li p {
 font-size: 11px;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
 }
 
 
 /*---------- Aufzählungen ------------------*/
 
 .csc-uploads-fileName {
 padding-left: 20px;
 background-image: url(acrobat_icon.gif);
 
	background-repeat : no-repeat;
	background-position: 0 0.00em;
 }
 
 .tx-iframe2-pi1{
 	text-align: center;
 }
 
 #contentinhalt li{
padding-bottom: 4px;
padding-top: 4px;


}
 
 
 	#contentinhalt ul ul ul{
	font-size : 11px;
	margin-left: 28px;
}
	
	
	#contentinhalt ul ul{
	font-size : 11px;
	margin-left: 20px;
}

#contentinhalt ul{
	
	font-size : 12px;
   line-height: 150%;
	/*color: #163341;*/
  color: #000000;
  margin-left: 14px;
  padding-left: 14px;
  margin-top: 0px;
  width: auto;

}





 
 /*------------------------------------------*/
 
 
 /*----------- tabellen --------------------*/
 
 .tabletext{
 font-size: 70%;
 line-height: 160%;

 }
 
    .tabelle_small{
 	font-size: 70%;
	line-height: 150%;
 }
 
 td {
	font-size: 90%;
  line-height: 120%;
  
}

/*  2 columms  */

.c2l1-left p {
	font-size: 85%;
  line-height: 140%;
  padding-bottom: 10px;
}

.c2l1-left h2 {
font-weight: 800;
padding-left: 0px;
}
.c2l1-left h3 {
font-weight: 800;
padding-left: 0px;
 color: #ad872e;
 line-height: 140%;
}

.c2l1-middle p {
	font-size: 85%;
  line-height: 140%;
  padding-bottom: 8px;
}

.c2l1-middle h2 {
	font-weight: 800;
	padding-left: 0px;
	
}
.c2l1-middle h3 {
	font-weight: 800;
	padding-left: 0px;
	color: #ad872e;
	line-height: 140%;
}
 
/*  2 columms  */ 
 
td p{
 
 font-size: 11px;
 line-height: 150%;
 padding: 0px;
 margin: 0px;
 }
 
 
td h2{
	font-size: 170%;
	color: #af892e;
	/*line-height: 150%;*/
	padding-left: 0px;
  padding-bottom: 0.2em;
  padding-top: 0.2em;
  font-weight: 700;
  
  FONT-FAMILY: times;
  line-height: 120%;
  font-style: italic;
}

td h3{
	font-size: 105%;
	color: #af892e;
	/*line-height: 150%;*/
	padding-left: 0px;
  padding-bottom: 0.5em;
  padding-top: 0.35em;
} 

td h4{
	font-size: 90%;
	color: black;
	font-weight: bold;
	/*line-height: 150%;*/
  padding-bottom: 0.0em;
  padding-top: 0.0em;
  margin: 0px;
} 


 .td_border_left {
   border: 1px #AEAEAE;
	border-style: solid;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 0px;
	padding-left: 20px;
 }
  .table_wegbeschreibung{
 
 font-size: 100%;
 line-height: 160%; 
 
 
 }
 
 .tabletext h1{
 
 font-size: 150%;
 line-height: 150%;
 color: #ffffff; 
 border-bottom: 0px 
 
 }
 
 /*-----------------------------------------*/

 
 
 #box{
	float: right;
	width: 240px;
	background-color: White;
	border: 1px #d0a43f;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	padding: 0px;
	margin-top: 16px;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 18px;
	padding-bottom: 6px;
	/*display: none;*/
}


#box p{
	font-size: 70%;
	line-height: 150%;
	padding: 12px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#boxtitel{
	background: #b08318;
	padding: 6px;
	font-size: 11px;
	font-weight: bold;
	color: white;
}

#box h2{

  PADDING-RIGHT: 4px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 4px;
	MARGIN: 4px 0px 0px 0px;
	PADDING-TOP: 6px;
	font-size: 85%;
	font-weight: bold;
	line-height: 150%;
	color: #856823;
	/*background: #E0CE86;*/
   width: auto;
	border-bottom: 0px solid #245878;
}

#box ul {
	font-size : 70%;
   line-height: 120%;
	color: #163341;
	margin-right: 0px;
	padding-top: 12px;
	
}

#box li {
margin: 0px;
}


#box .datum{
	color: #886928;
	font-size: 65%;
}

#box ul {
	margin: 0px;
	padding-left: 26px;
	padding-right: 6px;
}

#box li {
	padding-bottom: 6px;
}

#print
{
	border-top-width: 1px;
	margin-left: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
	height: 40px;	
	clear: both;
	POSITION: relative;
	text-align: center;
	background: transparent;
	z-index: 600;
	border-top: 1px dotted #006633;

	
	
	
}
 
 
 
 #innerprint
{
	text-align: left;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 8px;
	/*border-top: 1px dotted #999999;*/
	margin-left: 20px;
	margin-right: 0px;
	FONT-SIZE: 70%;
	

}
 
#innerprint img
{
	padding-top: 6px;
	margin: 0px 2px -6px 2px;

}

#innerprint a {
	text-decoration: underline;
	/*color: Black;*/
	color: Black;
}

#innerprint a:hover {
	text-decoration: none;
	color: #BE9133;
}


 /* --------------- TYPO3 CSS --------------------------*/
 
 
 /* Bildunterschriften ------*/
 .csc-textpic-caption{
 font-size: 60%;
 padding: 4px;
 line-height: 140%;
 color: Black;
 
 }
 
 /* h3 Searchresalt */

.csc-searchResultHeader a {
	color: #81A070;
}

.csc-searchResultHeader a:hover {
	color: #BE9133;
}


/* ------ Seitenindex -------*/
.csc-menu, .csc-menu-2 li{
list-style-type: none;
}

.csc-menu, .csc-menu-1 li {

list-style-type: none;

	font-size: 140%;
	color: #b4861a;
	/*line-height: 150%;*/
	padding-left: 0px;
  padding-bottom: 0.2em;
  padding-top: 0.2em;
  font-weight: 700;
  
  FONT-FAMILY: times;
  line-height: 120%;
  font-style: italic;
  margin-bottom: 4px;
  margin-left: 10px;

}

.csc-menu-1 a{
	color: #b4861a;
}


/* -------------- Formular ---------------------- */


#fieldsetBox{
	/*background-color: #CCCCCC;*/
}

#fieldsetBox label {
	/*background-color: Blue;*/
	
	font-size: 11px;
}

.csc-mailform-field{
	/*background-color: #CCCCCC;*/
	margin: 4px;
}

.csc-sword{
	background-color: #DADEE0;
	color: #324B73;
}


 /*-------------- content und teaserbox -------------------*/
 
 
 /* ---------------------------- Fussbereich start -------------------------------*/
 
#footer{
 height:230px; 
  background-color: #324B73;
  background-image: url(bg_footer_schmetterling_985.jpg);  
 clear:both;
 } 
 
 #logos_unten{
 	padding-top: 70px;
	padding-left: 16px;
	
 }
 
 #logos_unten img{
 	
	margin-right: 16px;
	
 }
 
 #footer_hinweis{
 	
 }
 
 .footer_links{
 	float: left;
	padding: 8px;
	padding-top: 35px;
	padding-left: 20px;
	font-size: 70%;
	color: #006633;
 }
 
 .footer_rechts{
 	float: right;
	padding-top: 35px;
	padding-right: 20px;
	font-size: 70%;
	color: #006633;
 }
 
 #footer a{
 	color: #006633;
 }
 
 #footer a:hover{
 	color: #81A070;
	text-decoration: none;
 } 
 
  /* ---------------------------- Fussbereich ende -------------------------------*/

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;}
#header {display:none;} 
#twocols, #maincol{width:100%; float:none;}
}