body {
    padding: 0px;
    margin: 0px;
    background-image: url(../img/layout/body-background-green.jpg);
    background-color: #fff;
    background-repeat: repeat-x;
    background-attachment: fixed;
}
*{margin:0px;padding:0px;}
* img{border:0;}
#wrapper {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}

#verlauf {
    background-image: url(../img/layout/blue-line.gif);
}

#header {
    background-image: url(../img/layout/header-logo-left.jpg);
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}

#jCycle {
    width: 950px;
}

#mainmenu {
	width:100%;
	height:60px;
	background-color:#fff;
    background-image: url(../img/layout/navileiste_holz_oben.png);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
}
#mainmenu ul{
	list-style: none;
	float: left;
	margin-top:13px;
}
#mainmenu ul li{
	background-image: url(../img/layout/pfeil.png);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	float:left;
	margin:0 18px;		
	color:#fff;
	font-weight: bold;
	height:20px;
	padding-left:22px;
}
#mainmenu ul li a{
	color: #E1DDDA;	
	text-decoration: none;
	font-family: verdana,arial;
	font-size: 13px;
}
#mainmenu ul li a:hover{
	text-decoration:underline;	
}
#main {
    width: 950px;
    background-color: #ffffff;
}

#footer {
    width: 950px;
    background-color: #ffffff;
    font-family: Arial;
    font-size: 11px;
}

#footer p {
    padding: 0px;
    margin: 0px;
}

#Left {
    margin-top: 10px;
    margin-left: 11px;
    margin-bottom: 14px;
}

#Right {
    margin-top: 10px;
    padding-left: 13px;
}

#Content {
    margin-top: 10px;
    margin-bottom: 14px;
}

#Content .Top {
    height: 12px;
    width: 519px;
    background-image: url(../img/layout/content-top.jpg);
}

#Content .Bottom {
    height: 12px;
    width: 519px;
    background-image: url(../img/layout/content-bottom.jpg);
}

#Content .Content {
    padding-left: 14px;
    padding-right: 15px;
    background-image: url(../img/layout/content-background.jpg);
    background-repeat: repeat-y;
    font-family: Arial;
    font-size: 13px;
}
#Content h1{
	font-size: 16px;
	padding:10px 0;	
	font-family: Arial;
}
h1{
	font-size: 16px;
	padding:10px 0;	
	font-family: Arial;
}
#Content p{
	margin-bottom:15px;
}

.level1 {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.level2 {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.level1 a {
    color: #fff;
    text-decoration: none;
}

.level2 a {
    color: #000;
    text-decoration: none;
}

.level2 a:hover {
    color: #638400;
    text-decoration: none;
}

.level1 li {
    background-image: url(../img/layout/level1.jpg);
    width: 141px;
    height: 17px;
    padding-left: 24px;
    padding-top: 3px;
    font-family: Arial;
    font-size: 12px;
    color: #fff;
}

.level2 li {
    background-image: url(../img/layout/level2.jpg);
    margin-top: 3px;
    width: 141px;
    height: 17px;
    font-family: Arial;
    font-size: 12px;
    padding-left: 24px;
    padding-top: 3px;
}
.level2 li.active {
    background-image: url(../img/layout/level2_2.png);
}

.Infoframe_Top {
    background-image: url(../img/layout/infoframe-top.jpg);
    width: 212px;
    height: 10px;
}

.Infoframe_Bottom {
    background-image: url(../img/layout/infoframe-bottom.jpg);
    width: 212px;
    height: 13px;
}

.Infoframe_Content {
    background-image: url(../img/layout/infoframe-background.jpg);
    width: 192px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
}

.Infoframe_Content td {
    font-size: 11px;
}
.Infoframe_Content img
{
	margin:-1px;
	padding:0px;
	border:none;	
}

#footer {
    color: #222;
    font-size: 12px;
}
#footer p{
   	margin-bottom: 5px;
}
#footer a {
    color: #222;
    text-decoration: none;
}

#footer a:hover {
    color: #222;
    text-decoration: underline;
}


.Clearframe_Top {
    background-image: url(../img/layout/clearframe-top.jpg);
    width: 213px;
    height: 13px;
}

.Clearframe_Bottom {
    background-image: url(../img/layout/clearframe-bottom.jpg);
    width: 213px;
    height: 13px;
}

.Clearframe_Content {
    background-image: url(../img/layout/clearframe-background.jpg);
    width: 193px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Arial;
    font-size: 11px;
    color: #000;
}
#buchungsanfrage{}
#buchungsanfrage input{margin-top:5px;}
#iconbox{float:left;color:#fff;font-family:Arial;font-size:12px;}
#iconbox .icon{width:212px;float:left;margin:10px 30px 0 0;text-align: left;}
#iconbox .icon h4{margin:15px 0;background-color: #fff;padding:3px;}
#iconbox .icon h4 a{color:#1F4162;text-decoration: none;font-size: 14px;}
#iconbox .icon a{color:#fff; text-decoration: underline;font-weight: bold;}

#ob_suche{font-family:Arial;font-size:12px;}

h5{color:#003466; font-weight: bold; font-size: 16px;font-family:Arial;}
#events{}
#eventsList{list-style: none;float:left;}
#eventsList li{clear:left;float:left;padding:5px;margin:0px;}
#eventsList .head{color:#A1C317;font-weight: bold;}
#eventsList li .eventsTitel{width: 340px;float:left;margin:0px;}
#eventsList li .eventsTitel a{font-weight: bold;text-decoration: none;color:#1F1F1F;}
#eventsList li .eventsTitel a:hover{font-weight: bold;text-decoration: underline;}
#eventsList li .eventsDatum{width: 120px;float:left;margin-left:15px;}

#event p.eventDatum{font-size: 11px;font-style: italic;}
#event p.eventContent{font-size: 13px;}
#event p.eventPreis{font-size: 14px;font-weight: bold;margin-top:10px;}

#copyright{font-size: 11px;color:#999;width: 100%;text-align: center;}
#angeboteBox p.angebotBoxHead a{font-size: 14px;color:#000;font-weight: bold;text-decoration: none;}
#angeboteBox p.angebotBoxHead a:hover{text-decoration: underline;}
#angeboteBox p.angebotBoxContent{margin:10px 0;}
#angeboteBox p.angebotBoxLink{background-image: url(../img/layout/button-gruen.png);padding-left:20px;background-repeat: no-repeat;}
#angeboteBox p.angebotBoxLink a{font-size: 12px;color:#000;font-weight: bold;text-decoration: none;background-color: #A1C317;}
#angeboteBox p.angebotBoxLink a:hover{text-decoration: underline;}

#reisebericht a{color:black;text-decoration: none;}
#reisebericht p.angebotBoxHead a{font-size: 14px;color:#000;font-weight: bold;text-decoration: none;}
#reisebericht p.angebotBoxHead a:hover{text-decoration: underline;}
#reisebericht p.angebotBoxContent{margin:10px 0;}

#angebote{margin-top:10px;}
#angebote ul{list-style: none;}
#angebote ul li{margin-top:15px;clear:both;float: left;width: 490px;}
#angebote ul li p.angeboteHead{color: #A1C317;font-weight: bold;}
#angebote ul li div img{float: left;margin:0 10px 10px 0;}
#angebote ul li div	p.angeboteDatum{margin:0px;font-style: italic;font-size: 12px;}
#angebote ul li div	p.angeboteInhalt{margin:5px 0px;font-size: 13px;}
#angebote ul li p.angeboteBuchen{margin-top:10px;width:80px;text-align: right;background-image: url(../img/layout/button-gruen.png);padding-left:20px;background-repeat: no-repeat;float:right;}
#angebote ul li p.angeboteBuchen a{font-size: 12px;color:#000;font-weight: bold;text-decoration: none;background-color: #A1C317;}

#kosmetik{list-style: none;}
#kosmetik *{margin:0px !important;padding:0px;}
#kosmetik li p{float:left;padding:3px 0;}
#kosmetik .head *{background-color: #A1C317;padding:2px 0;margin-top:10px !important;}
#kosmetik li p.kosmetikTitel{width: 320px;padding-left:3px;}
#kosmetik li p.kosmetikDauer{width: 106px;}
#kosmetik li p.kosmetikPreis{width:	60px;}

#massagen{list-style: none;margin-top:20px;}
#massagen *{margin:0px !important;padding:0px;}
#massagen li p{float:left;padding:3px 0;font-size: 12px;}
#massagen .head *{background-color: #A1C317;padding:2px 0;margin-top:10px !important;font-weight: bold;}
#massagen li p.massagenTitel{width: 320px;padding-left:3px;}
#massagen li p.massagenDauer{width: 100px;padding-left:5px;}
#massagen li p.massagenPreis{width:	60px;}

#massagen2{list-style: none;margin-top:20px;}
#massagen2 *{margin:0px !important;padding:0px;}
#massagen2 li p{float:left;padding:3px 0;font-size: 12px;}
#massagen2 .head *{background-color: #A1C317;padding:2px 0;margin-top:10px !important;font-weight: bold;}
#massagen2 li p.massagenTitel{width: 320px;padding-left:3px;}
#massagen2 li p.massagenDauer{width: 100px;padding-left:5px;}
#massagen2 li p.massagenPreis{width:	60px;}

#therme {list-style: none;margin-top:20px;}
#therme *{margin:0px !important;padding:0px;}
#therme li p{float:left;padding:3px 0;font-size: 11px;}
#therme .head *{background-color: #A1C317;padding:2px 0;margin-top:10px !important;font-weight: bold;}
#therme li p.thermeTitel{width: 320px;padding-left:3px;}
#therme li p.thermeDauer{width: 80px;padding-left:5px;}
#therme li p.thermePreis{width:	80px;}

#therme2 {list-style: none;margin-top:20px;}
#therme2 *{margin:0px !important;padding:0px;}
#therme2 li p{float:left;padding:3px 0;font-size: 11px;}
#therme2 .head *{background-color: #A1C317;padding:2px 0;margin-top:10px !important;font-weight: bold;}
#therme2 li p.thermeTitel{width: 320px;padding-left:3px;}
#therme2 li p.thermeDauer{width: 80px;padding-left:5px;}
#therme2 li p.thermePreis{width:	80px;}

#therme3 {list-style: none;margin-top:20px;}
#therme3 *{margin:0px !important;padding:0px;}
#therme3 li p{float:left;padding:3px 0;font-size: 11px;}
#therme3 .head *{background-color: #A1C317;padding:2px 0;margin-top:10px !important;font-weight: bold;}
#therme3 li p.thermeTitel{width: 320px;padding-left:3px;}
#therme3 li p.thermeDauer{width: 80px;padding-left:5px;}
#therme3 li p.thermePreis{width:	80px;}

#therme_preise {list-style: none;margin-top:0px;}
#therme_preise li{width: 490px !important;clear:both;}
#therme_preise *{margin:0px !important;padding:0px;}
#therme_preise li p{float:left;padding:3px 0;font-size: 11px;}
#therme_preise .head *{background-color: #A1C317;padding:2px 0;margin-top:10px !important;font-weight: bold;}
#therme_preise li p.therme_preiseDesc{width: 225px;padding-left:3px;}
#therme_preise li p.therme_preiseTherme{width: 70px;}
#therme_preise li p.therme_preiseThermeSauna{width: 90px;padding-left:5px;}
#therme_preise li p.therme_preisePreise{padding-left:10px;width:	80px;}

#therme_preiseFam {list-style: none;margin-top:0px;}
#therme_preiseFam li{width: 490px !important;clear:both;}
#therme_preiseFam *{margin:0px !important;padding:0px;}
#therme_preiseFam li p{float:left;padding:3px 0;font-size: 11px;}
#therme_preiseFam .head *{background-color: #A1C317;padding:2px 0;margin-top:10px !important;font-weight: bold;}
#therme_preiseFam li p.therme_preiseDesc{width: 225px;padding-left:3px;}
#therme_preiseFam li p.therme_preiseTherme{width: 70px;}
#therme_preiseFam li p.therme_preiseThermeSauna{width: 90px;padding-left:5px;}
#therme_preiseFam li p.therme_preisePreise{padding-left:10px;width:	80px;}

p.greenLink{background-image: url(../img/layout/button-gruen.png);padding-left:20px;background-repeat: no-repeat;}
p.greenLink a{font-size: 12px;color:#000;font-weight: bold;text-decoration: none;background-color: #A1C317;}
p.greenLink a:hover{text-decoration: underline;}

#radtouren{list-style: none;}
#radtouren li{background-image: url(../img/layout/button-gruen.png);padding-left:20px;background-repeat: no-repeat;height: 20px;}
#radtouren li a{font-weight: bold;color:black;text-decoration: none;}
#radtouren li a:hover{background-color: #A1C317;}

.historyBackButton{color:black;text-decoration: none;font-weight: bold;}
.historyBackButton:hover{color:black;text-decoration: underline;}

#overlay{
	position:absolute;
	z-index:10000;
	display:none;
	background-color: rgb(0, 0, 0); 
	width: 5000px; 
	height: 5000px;
	top:-5px;
	left:-5px;
}
#overlay_box{
	position:absolute;
	z-index:10001;
	top:850px;
	left:150px;
}

div#ui-datepicker-div{
    z-index: 999999 !important;
}

#ob_frameDisable{
    margin-top:  -2px !important;
	height: 22px !important;
	width: 620px !important;
	position: absolute !important;
	z-index: 1000 !important;
	background-color:#fff  !important;
	}