/************************************* Text *****************************************/

body, .text, div, table, a, p
{
	font-family: Verdana;
	color:#3a3a3a;
	font-size: 11px;
	line-height: 13px;
}

.title, h1
{
	font-size: 26px;
	line-height: 30px;
}

.titlesmall, h2
{
	font-size: 18px;
	line-height: 22px;
}

.text
{

}


.textcontent a
{
	text-decoration: underline;
}

a
{
	text-decoration:none;
	cursor: pointer;
}


.imagebordercolor
{
	border: 2px solid #8fb63f;
}


/**********************************/

.module-title,
.module-title a
{
	color: #8fb63f;
	font-size: 14px;
	line-height: 16px;
	text-decoration: none;
}

.module-title a:hover
{
	color: #2b6e3b;
	font-size: 14px;
	line-height: 16px;
	text-decoration: none;
}

.module-date,
.module-date a
{
	text-decoration: none;
	font-weight: bold;
}
	


/******************************************* Body ****************************************/

body
{
	margin: 0;
}

#main
{
	width:1004px;
	text-align:left;
	position:relative;
	padding: 50px 0px 50px 0px;
	margin: auto;
}

.body-content	
{
	background-image:url(/media/background.gif);
	background-repeat:repeat-x;
}


.content
{
	width:595px;
	float: right;
	padding-right: 50px;
}

.textcontent
{
	padding: 40px 0px 0px 0px;
}



/******************************************* Header ***************************************/

#headerzone
{
	background-image:url(/media/background_header.png);
	background-repeat: no-repeat;
	width:1023px;
	height: 396px;
	position: relative;
	z-index: 1;
	padding: 25px 0px 0px 0px;
}

#headerzone .flower
{
	position:absolute;
	top:363px;
	left:10px;
}

#headerzone .language
{
	float: left;
	padding: 0px 0px 10px 5px;
	position: relative;
}

#headerzone .language .selectLanguage
{
	cursor: pointer;
}

#headerzone .language .languageContainer
{
	display: none;
	position: absolute;
	top: 20px;
	left: 12px;
	background-color: #ffffff;
	padding: 5px 10px 5px 10px;
}


.slideshow
{
	margin-left:44px;
	margin-right:12px;
	background-image: url(/media/banner.jpg);
	width: 960px;
	height: 329px;
}

/****************************************** Menu Top ******************************/

#menuTop
{
	float: left;
	padding: 0px 0px 10px 38px;
}

#menuTop .menu-0
{
	text-transform: lowercase;
	float: left;
	padding: 0px 5px 0px 4px;
}


/******************************************* Menu Flyout ***************************************/

#menuFlyout
{
	padding: 0px 0px 0px 66px;
}

/******** Flyout *******/

.level-0
{
    position:relative;
    float:left;
}

.border-active
{
	position: absolute;
	left: 0px;
	top: 44px;
	width: 100%;
	background-color: #8fb63f;
	height: 3px;
}

.flyout
{
    position:absolute;
    bottom: 25px;
    left: 0px;
    display:none;
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: #8fb63f;
    padding: 10px 0px 10px 0px;
}

.flyout-1
{
    position:absolute;
    bottom:0px;
    left: 0px;
    color: #ffffff;
    display:none;
    background-color: #8fb63f;
}

.flyout-2
{
    position:absolute;
    bottom:0px;
    left: 181px;
    color: #ffffff;
    display:none;
    background-color: #8fb63f;
}

.level-1,
.level-2,
.level-3
{
    position:relative;
    width: 180px;
}

#menuFlyout .menu-0,
#menuFlyout .menu-0-active
{
	float: left;
	padding: 10px 10px 0px 10px;
}


#menuFlyout .menu-1
{
	padding: 3px 10px 3px 15px;
	display: block;
	color: #ffffff;
}

#menuFlyout .menu-1:hover
{
	padding: 3px 10px 3px 15px;
	display: block;
	background-color: #2b6f3c;
	color: #ffffff;
}


/**************************** Quickrequest *****************************/

#quickrequest
{
	position:absolute;
	top:69px;
	right: 20px;
	z-index: 50;
	background-image:url(/media/logo_background.png);
	background-repeat:no-repeat;
	width: 317px;
	height: 300px;
}

#quickrequest .container
{
	padding: 20px 0px 0px 28px;	
}


#quickrequest .title
{
	padding: 13px 0px 10px 0px;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
}

#quickrequest .date
{
	float: left;
	width: 120px;	
}

#quickrequest .input-date
{
	width: 80px;	
}

#quickrequest .name
{
	float: left;
	width: 80px;
	padding: 2px 0px 2px 0px;
}

#quickrequest .name-adults
{
	float: left;
	width: 120px;	
}

#quickrequest .name-children
{
	float: left;
	width: 60px;	
}

#quickrequest .input-text
{
	width: 140px;	
}

#quickrequest .input-text-small
{
	width: 30px;	
}

#quickrequest .name-send
{
	float: left;
	padding: 18px 0px 0px 0px;
}

#quickrequest .button
{
	padding: 5px 25px 5px 10px;
	background-color: #8fb63f;
	color: #000000;
	margin-top: 10px;
	background-image: url(/media/pfeil-sw.gif);
	background-repeat: no-repeat;
	background-position: 65px 9px;
}

#quickrequest .button:hover
{
	padding: 5px 25px 5px 10px;
	background-color: #8fb63f;
	color: #ffffff;
	margin-top: 10px;
	background-image: url(/media/pfeil-wh.gif);
	background-repeat: no-repeat;
	background-position: 65px 9px;
}



/*******************************************content***************************************/

#content-zone
{	
	background-color:#ffffff;
	margin: 0px 0px 0px 44px;
	padding: 30px 0px 80px 23px;
	min-height: 180px;
	height: auto!important;
	height: 180px;
}

/*********************************** Zone Left **********************************************/
#zone-left
{
	float: left;
	width:245px;	
}

/********************************* SITEMAP ***************************/

.sitemap a
{
	text-decoration: none;
}

.sitemap a:hover
{
	text-decoration: underline;
}

.sitemap li
{
	padding: 5px 0px 5px 0px;
}


/******************************************* Menu Left***************************************/

#menuLeft
{
	float:left;
}

#menuLeft a
{
	font-family: Myriad Pro, Verdana;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}

#menuLeft .title a
{
	font-family: Myriad Pro;
	padding: 0px 10px 10px 10px;
	display: block;
	color: #8fb63e;
	font-size: 14px;
	line-height: 16px;
}

#menuLeft .menu-0
{
	padding: 8px 10px 8px 10px;
	display: block;
}

#menuLeft .menu-0:hover
{
	padding: 8px 10px 8px 10px;
	display: block;
	color: #8fb63e;
}

#menuLeft .menu-0-active
{
	padding: 10px 10px 10px 10px;
	display: block;
	color: #8fb63e;
}




/*******************************************frameOffers***************************************/

#frameOffers
{
	margin: 40px 0px 20px 0px;
	height: 160px;
	color:#ffffff;
	position: relative;
}

#frameOffers .slideContainer
{
	position: relative;
}

#frameOffers .frameOffersContainer
{
	background-color:#8fb63e;
	padding: 17px 15px 6px 15px;
	width: 215px;
	float: left;
}

#frameOffers .clipcontainer .itemcontainer
{
	position: relative;
}

#frameOffers .title a
{
	font-weight:bold;
	font-size:18px;
	line-height: 20px;
	font-family: Myriad Pro;
	color: #ffffff;
}

/*---------------------------------------------------
/*  slider
/*---------------------------------------------------*/
.cjq-slider .clipcontainer
{
	clip: rect(0px 215px 260px 0px); /*todo dynamisch machen*/

}

#frameOffers .image
{
	margin-top:12px;
}

.frameOffers_pages
{
	position: absolute;
	top: 15px;
	left: 200px;
}




/*******************************************footer***************************************/

#footer-zone
{
	position: relative;
}


#footer-zone .footer-linetop
{
border-bottom:solid 1px #e2e2e2;
width:928px;
margin-left:64px;
}

#footer-zone .footer-linebottom
{
border-bottom:solid 1px #e2e2e2;
border-left:solid 5px #e2e2e2;
border-right:solid 5px #e2e2e2;
width:961px;
margin-top:17px;
margin-left:39px;
height:124px;
}


#footer-zone .logos
{
	padding-top:10px;
	padding-right:0px;
}


/*******************************************menuBottom***************************************/

#menuBottom
{
	padding-top:14px;
	margin-left:19px;
	width:242px;
	border-right:solid 1px #e2e2e2;
	height:96px;
	float:left;
}

#menuBottom .menu-0
{
	padding-left:13px;
	font-weight:bold;
	color:#8fb63e;
	font-size:11px;
}

#menuBottom .menu-1
{
	background-image: url(/media/pfeil_r.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 13px;
}


/******************************************* Adress ***************************************/

#adress
{
	margin: 14px 20px 0px 45px;
	border-right: solid 1px #e2e2e2;
	height: 96px;
	width: 420px;
	float: left;
}


#adress a
{
	text-decoration: underline;
}

#adress .blatt-small
{
	position:absolute;
	top: 40px;
	left: 313px;
}

#adress .street
{
	float:left;
}

#adress .street .title
{
	font-weight: bold;
	color: #8fb63e;
	font-size: 11px;
	line-height: 13px;
	padding: 0px 0px 5px 0px;
}

#adress .phone
{
	float:right;
	margin: 0px 20px 0px 0px;
}

#adress .phone img
{
	padding-right:5px;
	padding-top:3px;
}

#adress .mail
{
	padding: 12px 0px 10px 25px;
	display: block;
	background-image: url(/media/mail.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}




/*********************************** Offers *********************************/
#offers .item
{
	border-top: 1px solid #8fb63f;
	border-right: 3px solid #8fb63f;
	border-bottom: 3px solid #8fb63f;
	border-left: 1px solid #8fb63f;
	padding: 20px;
}

#offers .item .description
{
	padding: 12px 0px 8px 0px;
}


#offers .link
{
	background-image: url(/media/blatt_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 12px;
	color: #8fb63f;
	text-decoration: none;
}

#offers .link:hover
{
	background-image: url(/media/blatt_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 12px;
	color: #2b6e3b;
	text-decoration: none;
}

#offers .separator
{
	height: 20px;
}

#offers .detail .description
{
	padding: 20px 0px 40px 0px;
}

#offers .detail .link-detail
{
	border-top: 1px solid #8fb63f;
	padding: 20px 0px 0px 0px;
}

#offers .detail .request-link
{
	padding: 0px 0px 20px 0px;
}


	
	
/*********************************** CONTROLS ****************************************/

.hidden
{
	display: none;	
}

.clear
{
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.relative
{
	position:relative;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}









/*****************************BASE MODULE*****************************/
.base-module .item
{
    padding-bottom:10px;
    margin-bottom:20px;
}
.base-module .image
{
    float:left;
    margin-right:15px;
}
.base-module .module-title
{
    font-weight:bold;
	padding-bottom:5px;
	text-decoration:none;
	display:block;
}

.base-module .detail-link
{
    display:block;
    margin-top:5px;
    float:right;
    background-repeat:no-repeat;
    padding-left:10px;
    background-position:2px 5px;
    font-weight:bold;
    margin-left:20px;
    text-decoration:none;
}
.base-module img.type
{
    float:left;
    margin-right:10px;
}

/*****************************BASE MODULE*****************************/
.contact-form .input-row
{
    margin-bottom:5px;
}
.contact-form .summary
{
    margin-bottom:10px;
}
.contact-form .summary ul
{
    margin:5px;
    padding:5px;
    list-style:none;
}
.contact-form .summary ul li
{
    background-repeat:no-repeat;
    padding-left:10px;
    background-position: left 5px;
}
.contact-form .separator
{
    height:1px;
    margin:10px 0;
    clear:both;
}
.contact-form .input-row span.name
{
    display:inline-table;
    width:100px;
    text-align:left;
    margin-right:10px;
}

.contact-form .input-row .size
{
    width:100px;
}
.contact-form .input-row span.second
{
    width:60px;
    text-align:right;
    margin-right:10px;
    margin-left:20px;
}

.contact-form .input-row  input
{
     width:300px;
}
.contact-form .input-row  input.calendar
{
     width:100px;
}
.contact-form .input-row  input.small,
.contact-form .input-row.small  input
{
     width: 30px;
}


.contact-form .calendar-row img
{
    margin-left:5px;
    cursor:pointer;
}
.contact-form .input-row textarea 
{
    width:378px;
    height:160px;
    float:left;
}

.contact-form .input-row .textarea span
{
    display:inline-block;
    float:left;
}

.contact-form .privacy span.name
{
    display:block;
    width:100px;
    float:left;
}
.contact-form .privacy div
{
    float:left;
    width:378px;
}
.contact-form .privacy .privacy-box input
{
    width:20px;
}
.contact-form .privacy a
{
    text-decoration:underline;
    cursor:pointer;
}
.contact-form .missingPrivacy
{
    margin:5px 0;
    display:block;
}

.contact-form .link
{
	padding: 40px 0px 60px 0px;
}
	

.contact-form .checkbox-additional
{
    float:left; 
    width: 100px; 
    padding-left: 3px;
}

.contact-form .privacy .missing-privacy
{
    display:block;
    padding:5px;
    margin:5px 0;
    width:100%;
}
.contact-form .checkboxes input
{
    width:20px;
}
.contact-form .input-row .checkbox-additional input
{
    width:20px;
}
.contact-form .input-row .checkbox-additional-input input
{
    width:300px;
}

.contact-form .header-text
{
    margin:20px 0px 10px 0px;
}

.contact-form .form-error
{
	padding-right: 20px;
	background-image: url(/media/error.png);
	background-repeat: no-repeat;
	background-position: right top;
	border: 2px solid #8B1713;
}
.contact-form .privacy .form-error
{
    background-color:#8B1713;
}
.contact-form .error-message
{
    border: 2px solid #8B1713;
    background-color:White;
    padding:4px;
    margin-bottom:10px;
}
.contact-form .rooms input
{
    width:20px;
}
.contact-form .request-button
{
	background-image: url(/media/blatt_klein.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 10px 0px 10px 30px;
	color: #8fb63f;
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	display: inline-block;
			
}

.contact-form .request-button:hover
{
	color: #3a3a3a;
			
}

/*****************************ROUTE PLANNER*****************************/

#route-planner .container
{
	padding: 10px;
	margin-bottom: 20px;
}


#route-planner .title
{
	font-weight: bold;
	padding: 20px 0px 10px 0px;
}

#route-planner .row
{
	clear: both;
}

#route-planner .row .label
{
	float: left;
	width: 140px;
}

#route-planner .row .value
{
	margin-left: 100px;
}

#route-planner .address
{
	width: 402px;
}

#route-planner .country
{
	width: 30px;
}

#route-planner .zipcode
{
	width: 120px;
}

#route-planner .place
{
	width: 232px;
}

#google-map
{
	width: 620px;
	height: 320px;
}
#google-route
{
}


/****************************ALPHA BUG**************************/
img { filter:expression(addPngImage(this)) }


/************************/

.cjq-popup .ui-dialog-titlebar
{
    color:#ffffff;
    background-color:#8fb63f;
}