/*****************************GENERAL*****************************/
body, form
{
	margin: 0px;
	text-align: center;
	font-family: Tahoma;
}

#site
{
	width: 980px;
	margin: auto;
	text-align: left;
}


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

.hidden
{
	display: none;
}

.body-gallery
{
	background-image: none;
}

.image-zoom
{
	line-height: 0px;
	font-size: 0px;
	cursor: url(/media/lupe.cur),pointer;
}


/************************ TEXT **************************/

.text
{
}

a
{
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}


.title, h1
{
	font-family: Georgia;
	padding: 0px 0px 20px 0px;
}

.titlesmall, h2
{
	font-family: Georgia;
}

.title a, h1 a
.titlesmall a, h2 a
{
	text-decoration: none;
}


.title-module,
.title-module a
{
	font-family: Georgia;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 0px 20px 0px;
}


/************************** Banner ************************/

#banner
{
	width: 966px;
	height: 520px;
	margin: 75px 0px 0px 0px;
	position: relative;
}

#banner .logo
{
	position: absolute;
	top: -60px;
	left: 10px;
}

#banner .banner-bottom
{
	position: absolute;
	bottom: 0px;
	left:0px;
	width: 966px;
	height: 151px;
}

#banner .language
{
	position: absolute;
	top: -32px;
	left: 820px;
	width: 160px;
}

#banner .language a
{
	margin: 0px 2px 0px 2px;
	text-decoration: none;
	width: 50px;
	height: 22px;
	display: block;
	padding: 5px 0px 0px 0px;
	float: left;
	text-align: center;
}


/*************************** COLUMNS *********************************/

#col-left
{
	float: left;
	width: 240px;
}

#col-right
{
	float: right;
	width: 690px;
	padding: 20px 20px 60px 30px;
	min-height: 400px;
	height: auto !important;
    height:400px;
}


/*************************** MENU LEFT *************************/

#menu-left
{
	margin: 0px 0px 40px 0px;
}

#menu-left .title
{
	padding: 5px 5px 20px 15px;
	display: block;
}

#menu-left a
{
	text-decoration: none;
}

#menu-left .menu-left-1,
#menu-left .menu-left-1-active
{
	padding: 8px 10px 8px 30px;
}

#menu-left .menu-left-separator
{
	margin: 0px 10px 0px 30px;
	height: 1px;
}

/*************************** MENU LEFT 2 *************************/

#menu-left2
{
	float: left;
	width: 210px;
	height: 145px;
	font-family: Georgia;
	padding: 10px 0px 10px 30px;
}

#menu-left2 .menu-left-0 a
{
	text-decoration: none;
	padding: 5px 0px 5px 35px;
	display: block;
}

/*************************** MENU FLYOUT *************************/

#menu-flyout
{
	position: absolute;
	bottom: 2px;
	left: 230px;
	font-family: Georgia;
}

#menu-flyout a
{
	text-decoration: none;
}

#menu-flyout .level-0
{
	float: left;
	margin-left: 5px;
	width: 141px;
	text-align: center;
	position: relative;
}

#menu-flyout .menu-0
{
	text-decoration: none;
}

#menu-flyout .menu-0 .menu-0-1
{
	display: block;
	font-style: italic;
}

#menu-flyout .flyout
{
    position:absolute;
    display:none;
    bottom: 143px;
    left: 0px;
    width: 141px;
    text-align: left;
    padding: 0px 0px 10px 0px;
}

#menu-flyout .flyout .level-1
{
	padding: 1px;
}

#menu-flyout .flyout .menu-1
{
	display: block;
	padding: 4px 5px 4px 10px;
}

/*************************** PATH **********************************/

.sitepath
{
	padding: 10px 10px 10px 260px;
}

.sitepath a
{
	padding: 0px 10px 0px 0px;
	text-decoration: none;
}

/************************* BOTTOM *************************/

#bottom
{
	position: relative;
	height: 190px;
}

#bottom .logo
{
	position: absolute;
	top: -50px;
	left: 860px;
}

/************************ FRAME WEATHER **************/

#frame-weather
{
	width: 225px;
	margin-bottom: 20px;
}

#frame-weather .top
{
	height: 8px;
}

#frame-weather .bottom
{
	height: 8px;
}

#frame-weather .container
{
	padding: 0px 0px 10px 25px;
}

#frame-weather .title
{
	padding: 5px 0px 5px 0px;
	font-family:  Georgia;
}

#frame-weather .menu
{
	padding: 10px 0px 0px 15px;
}

#frame-weather .menu a
{
	display: block;
	padding: 0px 0px 3px 12px;
	text-decoration: none;
}

#frame-weather .container .box
{
	width: 175px;
	margin-bottom: 5px;
}

#frame-weather .container .box .box-top
{
	height: 6px;
}

#frame-weather .container .box .box-bottom
{
	height: 6px;
}

#frame-weather .container .box .textblock
{
	padding: 0px 5px 0px 5px;
	height: 30px;
}

#frame-weather .container .box .textblock .text
{
	padding: 6px 0px 0px 00px;
}

#frame-weather .image
{
	float: left;
	margin-right: 10px;
}

#frame-weather .text-blue
{
	padding: 3px;
	margin: 0px 5px 0px 15px;
}

#frame-weather .text-red
{
	padding: 3px;
	margin: 0px 5px 0px 5px;
}

/********************* MENU BOTTOM ***********************/

#menu-bottom
{
	float: left;
	padding: 20px 0px 0px 30px;
}

#menu-bottom .menu-bottom-0
{
	float: left;
}

#menu-bottom .menu-bottom-0 a
{
	text-decoration: none;
}


#menu-bottom .menu-bottom-separator
{
	float: left;
	width: 1px;
	margin: 0px 12px 0px 12px;
}


#menu-bottom .copypright
{
	padding: 20px 0px 0px 0px;
}

/********************* SPOINSOR LOGOS ***********************/

.sponsor-logos
{
	float: right;
	padding: 10px 30px 40px 0px;
}

.sponsor-logos a
{
	padding: 0px 0px 0px 50px;
}


/*************************** ADDRESS **********************/

#address
{
	float: left;
	padding: 20px 0px 0px 30px;
	width: 420px;
}

#address .title
{
	padding: 0px 0px 10px 0px;
}

#address .mail
{
	padding: 5px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

#address .mail a
{
	padding: 0px 30px 0px 12px;
	text-decoration: none;
}


/*************************** SERVICE **************************/

#service
{
	float: right;
	margin: 90px 60px 0px 0px;
}

#service a
{
	text-decoration: none;
	display: block;
	text-align: right;
}



/*************************** WEBCAMS ******************************************/

#webcams .item,
#webcams .detail
{
	padding: 10px;
	margin-bottom: 40px;
}


#webcams .item .image
{
	float: left;
	margin-right: 40px;
}

#webcams .detail .image
{
	padding: 0px 0px 20px 0px;
}

#webcams .description
{
	padding: 0px 0px 20px 0px;
}

#webcams .link
{
	text-decoration: none;
	padding: 0px 0px 0px 12px;
}

/*************************** OFFERS ******************************************/

#offers .item
{
	padding: 10px;
	margin-bottom: 40px;
}

#offers .detail
{
	padding: 20px;
	margin-bottom: 20px;
}

#offers .item .title-module,
#offers .item .title-module a
{
	padding: 0px 0px 10px 0px;
}

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

#offers .price
{
	font-weight: bold;
}

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


#offers .item .image
{
	float: left;
	margin-right: 20px;
}

#offers .detail .image-zoom
{
	padding: 20px 0px 20px 0px;
	border: 0;
}

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

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

#offers .link
{
	text-decoration: none;
	padding: 0px 0px 0px 12px;
}


#offers .detail .service
{
	float: right;
	margin: 0px 0px 0px 40px;
}

/**************************** FRAME OFFERS **************************************/

#frame-offers
{
	position: absolute;
	top: -105px;
	left: 18px;
	width: 200px;
	height: 220px;
}

#frame-offers .item
{
	position: relative;
}


#frame-offers .frame-offers-title
{
	height: 28px;
	font-family: Georgia;
	padding: 3px 5px 0px 10px;
	display: block;
}

#frame-offers .frame-offers-title a
{
	text-decoration: none;
}

/*---------------------------------------------------
/*  slider
/*---------------------------------------------------*/
.cjq-slider .clipcontainer
{
	clip: rect(0px 200px 220px 0px); /*todo dynamisch machen*/
	top: 30px;
	font-size: 12px;
	line-height: 14px;
}

#frame-offers .arrow .back
{
	position: absolute;
	top: 8px;
	left: 168px;
	z-index: 101;
	width: 9px;
	height: 11px;
	text-decoration: none;
}

#frame-offers .arrow .next
{
	position: absolute;
	top: 8px;
	left: 180px;
	z-index: 101;
	width: 9px;
	height: 11px;
	text-decoration: none;
}

#frame-offers .content
{
	text-align:left;
	padding:0px 0px 0px 0px;
	float: left;
	width: 200px;
}


#frame-offers .container
{
	padding: 5px 10px 5px 10px;
	height: 65px;
}

#frame-offers .container .title
{
	padding: 0;
	font-family: Tahoma;
	font-weight: bold;
}

#frame-offers .links a
{
	text-decoration: none;
	padding: 0px 15px 0px 2px;
}

#frame-offers .links
{
	padding: 5px 0px 2px 5px;
}



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

.sitemap a
{
	text-decoration: none;
}

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

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


/*****************************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: 400px;
}

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

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

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

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












/*****************************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:10px;
    clear: both;
}
 
.contact-form .input-row span.name
{
    display: block;
    float: left;
    width:110px;
    text-align:left;
    margin-right:10px;
}
.contact-form .input-row span.second
{
    width:60px;
    text-align:right;
    margin-right:10px;
    margin-left:20px;
}

.contact-form .rooms
{
	float: left;
	margin: 0px 30px 0px 0px;
}

.contact-form .rooms .formrooms
{
	width: 40px;
}

.contact-form .input-row  input
{
     width:360px;
}
.contact-form .input-row .textinput-date
{
     width: 80px;
}
.contact-form .input-row  input.small,
.contact-form .input-row.small  input
{
     width: 30px;
}
.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 .dropdown
{
     width: 360px;
}
.contact-form .input-row textarea 
{
    width:360px;
    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:360px;
}
.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 .button
{
	padding: 5px 20px 5px 20px;
	margin: 40px 0px 20px 500px;
}

.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-bottom:10px;
}

.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;
}



/************************ PRINT ********************/

.print-body
{
	background-image: none;
	text-align: left;
}

.print-button
{
    display:block;
    margin: 20px 0;
    padding:0 0 5px 0;
    background-repeat:no-repeat;
    background-position:2px 5px;
    font-weight:bold;
    cursor: pointer;
    
}

.print-lock
{
    position:absolute;
    width:500px;
    top:60px;
    height:500px;
}

.print-container
{
    height:500px;
    text-align: left;
    padding: 0px 10px 10px 20px;
}


/******************************** RECOMMEND *********************/

#recommend 
{
    padding: 20px 10px 20px 10px;
    background-image: none;
    text-align: left;
}

#recommend .contact-form
{
    text-align: left;
}

#recommend .contact-form span.name
{
    width:50px;
}

#recommend .contact-form input
{
    width:350px;
}

#recommend .contact-form textarea
{
    width:350px;
    height:60px;
}

#recommend .contact-form .privacy input
{
    width:30px;
}
#recommend .site-row .name
{
    float:left;
}
#recommend .site-row .address
{
    margin-left:50px;
}
#recommend .error-message
{
    margin:5px 0;
}
#recommend .panel-result
{
    margin:20px 10px 0 10px;
    text-align:center;
    font-weight:bold;
}