/* CSS Document */
body {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 35px;
	font: 75% Arial, Helvetica, sans-serif;
	color: #5C5C5E;
	background-color: #ffffff
	
}

/*   
############################# CONTAINER ########################################################
*/
#container {
	width:1012px;
	position:absolute; 
	top: 0px; 
	display:block;
	left: 50%; 
  	margin-left: -506px; 
	text-align:left;
}

#site {
   /*background-image: url(images/bck.gif);
	background-repeat: repeat-y;*/
	margin-left: 9px;
	 background-image: url(images/bckheader.gif);
	background-repeat: repeat-y;
}

#left {
	/*float: left;*/
	width: 127px;
	color: white;
	
	margin: 0px;
	padding: 0px;
}

#middle2 {
	/*margin-left: 127px;
	margin-right: 150px;*/
	width: 421px;
	padding-left: 13px;
	padding-top:20px;
	/*float: left;
	width: 713px;*/
	voice-family:"\"}\"";
	voice-family:inherit;
   width: 408px;
}
html>body #middle2 {width: 408px;}


#middle3 {
	/*margin-left: 127px;
	margin-right: 150px;*/
	width: 566px;
	padding: 0px;
	padding-left: 13px;
	padding-top:20px;
	/*float: left;
	width: 713px;*/
	voice-family:"\"}\"";
	voice-family:inherit;
   width: 553px;
}
html>body #middle3 {width: 553px;}

#middle1 {
	/*margin-left: 127px;
	margin-right: 150px;*/
	width: 746px;
	padding-left: 13px;
	padding-top:20px;
	/*float: left;
	width: 713px;*/
	voice-family:"\"}\"";
	voice-family:inherit;
   width: 733px;
}
html>body #middle1 {width: 733px;}


#right {
	/*float: right;*/
	width: 140px;
	padding-top:20px;
	text-align: right;
}



#header {

	
}

#contentBottom {
  margin: 0px;
  padding: 0px;
	padding-top: 5px;
	padding-left: 10px;
}


#contentcol {width: 876px;}

/* 
############################# MAIN MENU ########################################################
*/


ul#menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-left: 140px;
}

ul#menu li {
	margin: 0px;
	padding: 0px;	
		float: left;
	margin-right: 3px;
}

ul#menu li a{
	width: 140px;
	background-color: #5C5C5E;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul#menu li a#kontakt{
	width: 145px;
}

ul#menu li a:hover{
	color: #FFF100;
}

ul#menu li a.act {
	color: #FFF100;
}

/* 
############################# LEFT ########################################################
*/
.helper {
	padding-left: 8px;
	padding-right: 8px;
	background-color: #5C5C5E;
}

.gray {
  background-color: #5C5C5E;
}

#subMenuContainer {
	/*min-height: 180px;*/
}

#subMenuHeader {
	margin: 0px;
	
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-size: 11px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	
}


ul#subMenu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-top:10px;
	
}

ul#subMenu li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;	
	margin-left: 12px;
}

ul#subMenu li a{
	margin: 0px;
	padding: 0px;
	color: white;
	text-decoration: none;
	font-size: 10px;
	
}

ul#subMenu li a:hover{
	color: #FFF100;
}

ul#subMenu li a.act{
	color: #FFF100;
}

#lang {
	font-size: 10px;
	padding-left: 3px;
	padding-bottom: 10px;
	color: white;
}

#lang select {
	font-size: 10px;
	margin-top: 3px;
}


/* 
############################# COL1 ########################################################
*/

#contentContainer {
	background-image: url(images/content_no_bottom.gif);
	background-repeat: no-repeat;
	
	padding-top: 6px;
	padding-right: 4px;
	
}

#col1 {
	margin: 0px;
	padding: 0px;
	min-height: 311px;
	padding-left: 12px;
	padding-right: 16px;
	padding-top: 3px;
	padding-bottom: 10px;
	margin-bottom: 4px;
	background-image: url(images/content_no_top.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#middle1 h1, #middle2 h1, #middle3 h1, #middle4 h1  {
	padding: 3px 5px 3px 5px;
	margin: 0px;
	margin-bottom: 10px;
	background-color: #FFF100;
	color: #5C5C5E;
	font-size: 12px;
}


/* 
############################# COL3 ########################################################
*/
#contentContainer3 {
	background-image: url(images/content_big_top.gif);
	background-repeat: no-repeat;
	
	padding-top: 6px;
	padding-right: 4px;
	
}

#col3 {
	margin: 0px;
	padding: 0px;
	min-height: 311px;
  	padding-left: 12px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 10px;
	margin-bottom: 4px;
	background-image: url(images/content_big_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* 
############################# COL2 ########################################################
*/

#contentContainer2 {
	background-image: url(images/content_small_top.gif);
	background-repeat: no-repeat;
	padding-top: 6px;

	
	
}

#erlebnis {
	padding-top: 20px;
	width: 320px;
	padding-left: 10px;
	voice-family:"\"}\"";
	voice-family:inherit;
   width: 310px;
}
html>body #erlebnis {width: 310px;}

#erlebnis3 {
	padding-top: 20px;
	width: 310px;
	padding-left: 10px;
	voice-family:"\"}\"";
	voice-family:inherit;
   width: 300px;
}
html>body #erlebnis3 {width: 300px;}


#col2 {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	min-height: 311px;
  padding-right: 14px;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-bottom: 4px;
	background-image: url(images/content_small_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	
}


/* 
############################# FOOTER ########################################################
*/


ul#footer {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-top:10px;
	padding-bottom: 5px;
	border-bottom: 1px solid white;
	margin-bottom: 8px;
	
}

ul#footer li {
	margin: 0px;
	padding: 0px;	
	padding-left: 3px;
}

ul#footer li a{
	margin: 0px;
	padding: 0px;
	color: white;
	text-decoration: none;
	font-size: 10px;
	
}

 #footerbottom {
 	background-image: url(images/footer_bck.gif);
	background-position: bottom;
	background-repeat: repeat-x;
 
 }

/* 
############################# MAIL FORM ########################################################
*/
.csc-mailform {
	border: 0px solid white;
	padding-left: 0px;
	margin-left: 0px;
	
}

.csc-mailform label {
	display: block;
	font-weight: bold;
}

.csc-mailform-field {
	padding-bottom: 5px;
}


/* 
############################# BUCHEN FORM ########################################################
*/

.tx-johamarent-pi1 h2 {
  font-size: 12px;
  margin-bottom: 5px;
  padding: 0px;

}

.tx-johamarent-pi1 label {
  display: block;
  font-weight: bold;
  font-size: 11px;
  margin-top: 6px;
}

.tx-johamarent-pi1 label.person {
  display: block;
  width: 100px;
  float: left;
  font-weight: bold;
  font-size: 11px;
}

.tx-johamarent-pi1 div.formpersDataRow {
  margin-bottom: 4px;
}

.tx-johamarent-pi1 em {
  font-size: 10px;
}

.tx-johamarent-pi1 div.formleft{
  padding-left: 25px;
  margin-bottom: 10px;
}


.tx-johamarent-pi1 div.mietdetails {
   margin-bottom: 15px;
   margin-top: 5px;
   padding-left: 25px;
}

.tx-johamarent-pi1 div.preisdetails {
   margin-bottom: 10px;
   margin-top: 5px;
}

.tx-johamarent-pi1 .preis {
   text-decoration: underline;
   font-weight: bold;
}

.tx-johamarent-pi1 div.formpersData {
   margin-bottom: 10px;
   margin-top: 5px;
}


/* 
############################# PREISE ########################################################
*/

/*.preiscontainer {
  width: 170px;
  float: left;
  padding-right: 8px;
	voice-family:"\"}\"";
	voice-family:inherit;
  width: 162px;
}
html>body .preiscontainer {width: 162px;} */

.preiscontainer {
  width: 136px;
  float: left;
  padding-right: 6px;
	voice-family:"\"}\"";
	voice-family:inherit;
  width: 130px;
}
html>body .preiscontainer {width: 130px;}

.preisheader{
  background-image: url(preispics/preis_top.gif);
	background-repeat: repeat-y;
  padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 3px;
	color: white;
	font-size: 9px;

}

.preispic{
  border-left: 1px solid #d6d7d7;
  border-right: 1px solid #d6d7d7;
  
}

.preisdetailsshow{
  border-left: 1px solid #d6d7d7;
  border-right: 1px solid #d6d7d7;
  background-color: #5c5d5f;
  padding-left: 3px;
  text-align: center;
}

.preisbottom img {border: 0px solid white;}

.preiszusatz {
  font-size: 10px;
  text-align: right;
  padding-right: 10px;
}

.tooltip {
  color:#000066;
  text-align: center;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 10px;
  padding-right: 10px;
  font-family:arial,helvetica,sans-serif;
  font-size:11px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:normal;
  text-align:center;
  text-decoration:none;
  background-color:#fff200; 
  color: #5c5d5f;
  margin-left: 10px;
  margin-top: 10px;
}

#backlinks {
	margin-left: 12px;
	font-size: 90%;
	
}

#backlinks a { color: #514E4C;}


/* 
############################# SITEMAP ########################################################
*/

.csc-sitemap a {	color: #5C5C5E;}
.csc-sitemap ul {padding-top: 3px;}
.csc-sitemap li {padding-bottom: 3px;}
/* 
############################# CLEANER ########################################################
*/

.cleaner {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 1px; BORDER-BOTTOM-STYLE: none
}

.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 */