* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	background-color:#f7f7f5;
	text-align:center; /* horizontal centering for IE Win quirks */
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	/*scrollbar-base-color:#86AD65;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#86AD65;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#FFF7EC;	*/
}

div.admin_panel {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 25500;
}

/* Abstand zwischen den Inhaltselementen */
div.inhalts_element_abstand {
	padding-bottom: 10px;
}

/* Bildabstand rechts und unten */
dl.csc-textpic-image,dt{
 padding-right:20px;
 padding-bottom:20px;
}

/* Bilduntertitel */
.csc-textpic-caption {
	font-size: 1.1em;
}
/* +++++++++++++ Positionierung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 
#distance { 
	width:1px;
	height:50%;
	background-color:#f7f7f5;
	margin-bottom:-263px;/*-13.75em; /* half of container's height */
	float:left;	padding-top:20px;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:519px; /*27.5em;*/
	width:100%; /*45em;*/
	clear:left;
	background-image:url(../bilder/bg.gif);
	background-repeat:repeat-x;
}

#pos_hg_oben {
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:77px;
	z-index: 5;
	background-image:url(../bilder/trenner_hor_oben.gif);
	background-repeat:repeat-x;
}
	#pos_logo {
		position: absolute;
		left: 20px;
		top: 0px;
	}	
	#pos_navi_rechts_oben {
		/*position: absolute;
				left: 665px;
		*left: 650px;
		top: 43px;*/
		float:right;
		padding-top:48px;
		padding-right:10px;
		height:18px;
		min-width:326px;
	}
div#pos_navi_balken{
	position: absolute;
	left: 0px;
	top: 77px;
	width:100%;
	height:32px;
	z-index: 5;
}
	div#homebutton{
		position:absolute;
		top:0;
		left:0;
		width:236px;
		height:32px;
		background-image:url(../bilder/homebtn.gif);
		background-repeat:repeat-x;
	}
	div#homebuttonabstand{
		position:absolute;
		top:0;
		left:236px;
		width:1px;
		height:32px;
		background-color:#fefdfd;
	}
	div#hnav{
		position:absolute;
		top:0;
		left:237px;
		width:650px;
		height:32px;
		background-image:url(../bilder/mainnavi_bg.gif);
		background-repeat:repeat-x;
	}
div#pos_inhalt{
	position: absolute;
	left: 0px;
	top: 109px;
	width:100%;
	height:332px;
	z-index: 5;
}
	div#bild_links{
		float:left;
		height:333px;
		width:236px;
		border-right:1px solid #ffffff;
	}
	div#pos_subnavi{
		position:absolute;
		top:0;
		left:237px;
		z-index:20;
		float:left;
		height:320px;
		width:142px;
		padding-top:12px;
		background-image:url(../bilder/bg_subnavi.gif);
		background-repeat:no-repeat;
	}
	div#pos_news_links{
		position:absolute;
		top:0;
		left:237px;
		z-index:20;
		float:left;
		height:320px;
		width:137px;
		padding-top:12px;
		padding-left:10px;
		background-image:url(../bilder/bg_subnavi.gif);
		background-repeat:no-repeat;
	}
	div#pos_subnavi_abstand_vert{
		position:absolute;
		top:0;
		left:379px;
		z-index:20;
		float:left;
		height:332px;
		width:28px;
		background-image:url(../bilder/bg_subnavi_2.gif);
		background-repeat:no-repeat;
	}
	div#inhalt_text{
		position:absolute;
		top:0;
		left:407px;
		z-index:20;
		float:left;
		height:331px;
		overflow:auto;
		width:auto;
		overflow-x:hidden;
		/*overflow-y:hidden;*/
		margin:0;
	}

div#pos_footer{
	position: absolute;
	left: 0px;
	top: 442px;
	width:100%;
	height:64px;
	z-index: 15;
	text-align:center;
	padding-top:13px;
}
div#festerabstand{
	position: absolute;
	left: 0px;
	top: 443px;
	white-space:nowrap;
	width:990px;
	height:1px;
	line-height:1px;
	z-index: 15;
}
/* +++++++++++++ Textformatierung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 
p {	
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding:0;
	margin:0;
	line-height: 1.6em;
	color: #ffffff;
	font-size:1.2em;
}
/*h1 {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-bottom: 13px;
	font-size: 2.7em;
	font-weight: bold;
	color: #ffffff;
}*/
h1 {
	position:absolute;
	top:0;
	left:0;
	z-index:30;
	height: 33px;
	text-indent: -999em;
	width: 500px;
	margin-bottom: 0;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-bottom: 9px;
	font-size: 1.7em;
	font-weight: bold;
	color: #ffffff;
}
hr{
	color:#dddbd4;
	background-color:#dddbd4;
	border:solid #dddbd4;
	border-width:1px 0 0 0;
	height:0px
	width:auto;
}
/* Bilduntertitel */
.csc-textpic-caption {
	font-size: 1.1em;
}

p.footer_text{
	color:#494848;
}
table{
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #ffffff;
}
img{
	border:none;
}
/* +++++++++++++ Linkformatierung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	font-size: 12px;
	color: #fefefe;
}
a:hover {
	color: #000000;
}
a.mail{
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#000000;
	margin:0;
	padding:0;
	text-decoration:none;
	text-align:left;
}
a.navi_oben_rechts{
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1.2em;
	color: #535149;
	text-decoration:none;
}
a.navi_oben_rechts:hover{
	color:#a10f20;
}
a.external-link-new-window,a.internal-link-new-window,a.external-link,a.internal-link{
	white-space:nowrap;
}
/* +++++++++++++ Aufz�hlungen +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul.csc-bulletlist li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#535353;
	line-height:1.6em;
	margin:0;
	padding:0;
	text-align:left;
	padding-bottom: 4px;	
}

/* Standardsitemap */
div.csc-sitemap ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#535353;
	line-height:1.6em;
	margin:0;
	padding:0;
	text-align:left;
	padding-bottom: 4px;	
}

/* tx-flseositemap-pi1 */
div.tx-flseositemap-pi1 ul.list li.list {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#535353;
	line-height:1.6em;
	margin:0;
	padding:0;
	text-align:left;
	padding-bottom: 4px;	
}

ul {
	list-style:disc;
	margin:0;
	padding:0;
}

ol {

}

li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#535353;
	line-height:1.6em;
	margin:0;
	padding:0;
	text-align:left;
	padding-bottom: 4px;	
}

/* +++++++++++++ Hauptnavigation ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.navipunkt{
	float:left;
	padding-left:14px;
	padding-right:19px;
	padding-top:8px;
}
.navipunkt_home{
	text-align:right;
	padding-right:8px;
	padding-top:8px;
}
.navitrenner{
	float:left;
}
a.mainnavi_normal{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#fefdfd;
	text-transform:lowercase;
	text-decoration:none;
}

a.mainnavi_normal:hover{
	color:#000000;
}
a.mainnavi_normal:hover, a.mainnavi_aktiv{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#000000;
	text-transform:lowercase;
	text-decoration:none;
}

/* +++++++++++++ Subnavigation ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul#subnavi {
    margin: 0; 
	padding: 0;
}

ul#subnavi li {
	list-style-type:none;
	margin: 0; 
	padding: 0;
	display: block;
	width:136px;
	height:22px;
}

ul#subnavi li a, ul#subnavi li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	float: left;	
	color:#fefffe;
	font-size: 1.1em;	
	text-decoration:none;
	font-weight:normal;
	padding-left:28px;
	background-image:url(../bilder/subnavi_inaktiv.gif);
	background-position: 10px 0;
	background-repeat:no-repeat;
}

ul#subnavi li a:hover { 
	color:#fefffe;
	font-weight:bold;
	background-image:url(../bilder/subnavi_aktiv.gif);
	background-position: 10px 0;
	background-repeat:no-repeat;
	font-weight:normal;
}
ul#subnavi li a.aktivsub{
	font-weight:bold;
	background-image:url(../bilder/subnavi_aktiv.gif);
	background-position: 10px 0;
	background-repeat:no-repeat;
}

/* +++++++++++++ Bilder rechts +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#abstandderheadline{
	padding-top:15px;
}
div#bilderrechtswrapper{
	float:right;
	width:130px;
	height:275px;
	background-color:#9e9983;
	padding-right:18px;
	padding-left:20px;
	padding-top:3px;
}
div#textwrapper{ 
	padding:0;
	margin:0;
	padding-top:3px;
}

.bilder_einzeln{
	border:1px solid #dddbd4;
}
div#abstandbilderrechts{
	float:left;
	width:130px;
	height:11px;
	line-height:1px;
	background-color:#9e9983;
}
div#textwrapper_ohne_bild{
	padding:0;
	margin:0;
	padding-top:3px;
	padding-right:50px;
}
/* +++++++++++++ Newsbereich ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.news-single-img{
	border:1px solid #ffeac5;
	width:219px;
}

/* +++++++++++++ Lightbox anpassen +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 
/*der layer um die bilder*/
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image{
      float:none;
} 
/*die bilder ansich*/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img{
	border:1px solid #ffeac5;
}
/*der abstand zwischen den bildern*/
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow dl.csc-textpic-image{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
} 

/* +++++++++++++ Formulare ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
input.checkbox {
 	border:0; 
}

input {
 	border:1px solid #000000; 
 	background-color:#ffffff; 
 	color:#000000; 
  	font-family: helvetica,arial, geneva, sans-serif;
	font-size: 1.1em;
	height:16px;
}

.selection, .inputfeld {
 	border:1px solid #79312a; 
 	background-color:#ffffff; 
 	color:#000000; 
  font-family: helvetica,arial, geneva, sans-serif;
	font-size: 1.1em;		
	width:192px;
	height:16px;
}
.inputfeld_textarea{
 	border:1px solid #79312a; 
 	background-color:#ffffff; 
 	color:#000000; 
  font-family: helvetica,arial, geneva, sans-serif;
	font-size: 1.1em;		
	width:192px;
}

input.submit, input.button {
  font-family: helvetica,arial, geneva, sans-serif;
 	border:1px solid #000000; 
 	background-color:#ffffff; 
 	color:#000000; 
	font-size: 1em;
	margin-top: 10px;
	height:16px;
}

/* ++++++++++++++ Filelinks ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* siehe Z:\grundinstallation\fileadmin\typoscript\templateconfig\setup.ts */
div.filelinks {
	font-size: 1.1em;
	line-height: 1.5em;
}

div.filelinks div.dateiname {
	width: 150px;
	float: left;
	clear:left;	
}

div.filelinks div.dateisize {
	float: left;
}

div.filelinks div.clearer {
	clear: both;
}

/* ++++++++++++++ Buchungsformular ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.textbox {
  border-top : 1px solid #8E0B2C ;
  border-right : 1px solid #8E0B2C ;
  border-left : 1px solid #8E0B2C ;
  border-bottom : 1px solid #8E0B2C ;
  font-size : 11px ;
  font-family: helvetica,arial, geneva, sans-serif;
  color:#343434;
  line-height:14px;
  background-color:#FFFFFF;
}

.textbox2 {
  border-top : 1px solid #26498C ;
  border-right : 1px solid #26498C ;
  border-left : 1px solid #26498C ;
  border-bottom : 1px solid #26498C ;
  font-size : 11px ;
  font-family: helvetica,arial, geneva, sans-serif;
  color:#FFFFFF;
  line-height:14px
}

.textbox3 {
  border-top : 1px solid #FF9900 ;
  border-right : 1px solid #FF9900 ;
  border-left : 1px solid #FF9900 ;
  border-bottom : 1px solid #FF9900 ;
  font-size : 12px ;
  font-family: helvetica,arial, geneva, sans-serif;
  color:#26498C;
  line-height:14px
}

.textbox4 {
  border-top : 1px solid #FF9900 ;
  border-right : 1px solid #FF9900 ;
  border-left : 1px solid #FF9900 ;
  border-bottom : 1px solid #FF9900 ;
  font-size : 13px ;
  font-family: helvetica,arial, geneva, sans-serif;
  color:#26498C;
  line-height:15px
}

.boxsuche {
  border-top : 1px solid #26498C ;
  border-right : 1px solid #26498C ;
  border-left : 1px solid #26498C ;
  border-bottom : 1px solid #26498C ;
  font-size : 12px ;
  font-family: helvetica,arial, geneva, sans-serif;
  color:#26498C;
  line-height:14px
}

.inputkontaktfeldgross {
width:265px;
height:130px;
background: #FFFFFF;
border-right: #3E3E3E 1px solid;
border-left: #878787 1px solid;
border-top: #878787 1px solid;
border-bottom: #3E3E3E 1px solid;
font-family: Helvetica,Arial, sans-serif;
font-size:1em;
color:#000000;
}
.inputkontaktfelderklein {
width:150px;
height:14px;
background: #FFFFFF;
border-right: #3E3E3E 1px solid;
border-left: #878787 1px solid;
border-top: #878787 1px solid;
border-bottom: #3E3E3E 1px solid;
font-family: Helvetica,Arial, sans-serif;
font-size:1em;
color:#000000;
}

.inputkontaktfelderkleinwrong {
width:150px;
height:14px;
border-right: #ff0000 1px solid;
border-left: #ff0000 1px solid;
border-top: #ff0000 1px solid;
border-bottom: #ff0000 1px solid;
font-family: Helvetica,Arial, sans-serif;
font-size:1em;
color:#000000;
}

.input {
width:80px;
height:13px;
background-color: #ffffff;
border-right: #3E3E3E 1px solid;
border-left: #878787 1px solid;
border-top: #878787 1px solid;
border-bottom: #3E3E3E 1px solid;
font-family: Helvetica,Arial, sans-serif;
font-size:1em;
color:#000000;
}

.submit_buchung{
height:16px;
background-color: #fffcf3;
border:1px solid #000000;
font-family: Helvetica,Arial, sans-serif;
font-size:1em;
color:#000000;
}

select { font-family:verdana, arial, helvetica, geneva, sans-serif; font-size:8pt; margin-bottom:4px; }
input { font-family:verdana, arial, helvetica, geneva, sans-serif; font-size:8pt; color:black; }
textarea { font-family:verdana, arial, helvetica, geneva, sans-serif; font-size:8pt; color:black; width:200px; height:100px; }

.pulldownt {
background-color: #ffffff;
font-family: Helvetica,Arial, sans-serif;
font-size:1em;
color:#000000;
width:45px;
}
.pulldownm {
background-color: #ffffff;
font-family: Helvetica,Arial, sans-serif;
font-size:1em;
color:#000000;
width:100px;
}
.pulldownj {
background-color: #ffffff;
font-family: Helvetica,Arial, sans-serif;
font-size:1em;
color:#000000;
width:65px;
}
.pulldown{
background-color: #ffffff;
font-family: Helvetica,Arial, sans-serif;
font-size:1em;
color:#000000;
}
td.kontaktaufnahme{
font-family: Helvetica,Arial, sans-serif;
font-size:0.7em;
color:#ffffff;
}

/* ++++++++++++++ Spezial ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.tx_tipafriend_formfield INPUT:focus, .tx_tipafriend_formfield TEXTAREA:focus {
 background-color:#E0E0E0;
}




/* default styles for extension "tx_googlemaps_pi1" */
    .tx-googlemaps-pi1-karte {
      width: 461px;
      height: 350px;
      border:1px solid #fff;
    }
    .tx-googlemaps-pi1 form {
      width:440px;
    }

    .tx-googlemaps-pi1-submit {
      background: none repeat scroll 0 0 #A10F20;
      border:1px solid #fff;
      color:#FFFFFF;
      font-size:12px;
      font-weight:normal;
      padding:1px 10px 15px 10px;
      text-align:center;
      width:144px;
      float:right;
    }

