/******************************** GENERAL ******************************/
body, form
{
	margin: 0;
	font-family: Verdana;
}

.body
{
	margin: 60px 0px 0px 0px;
}


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

.hidden
{
	display: none;
}

.body-gallery,
.print-body,
#recommend,
.popup
{
	z-index: 110;
}

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

img
{
    border: 0px;
}

/**************************** SITE ****************************************/

#site
{
	width: 960px;
	padding: 10px;
	text-align: left;
	margin: auto;
}

.banner
{
	width: 960px;
	height: 430px;
	position: relative;
}

.logo
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.language
{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 5px;
}

.language a
{
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	text-transform: uppercase;
}


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

.title, h1
{
	font-family: Georgia;
}

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

#col-right .text
{
	padding: 20px 0px 0px 0px;
}


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

.button
{
	text-decoration: none;
}


/***************************** COL *********************************/

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

#col-right
{
	float: left;
	width: 630px;
	padding: 0px 20px 20px 30px;
}

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

#menu-flyout
{
	font-family: Georgia;
	margin: 5px 0px 0px 0px;
	position: relative;
	z-index: 50;
}

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

#menu-flyout .menu-0
{
	float: left;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}

#menu-flyout .flyout
{
    position:absolute;
    display:none;
    bottom: 35px;
    left: 0px;
    width:180px;
    padding: 5px 0px 5px 0px;
}

#menu-flyout .menu-1
{
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	display: block;
}

/********************************* MENU ****************************/

#menu
{
	padding: 15px;
	font-family: Georgia;
	margin: 0px 0px 40px 0px;
}

#menu .menu-0,
#menu .menu-0 a
{
	padding: 0px 0px 20px 0px;
	text-decoration: none;
}

#menu .menu-1 a,
#menu .menu-1-active a
{
	text-decoration: none;
	padding: 0px 0px 0px 12px;
}


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

#bottom
{
	padding: 20px 10px 10px 20px;
}

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


/*************************** SITEPATH **********************/

.sitepath
{
	padding: 15px 30px 25px 20px;
}

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


/***************************** MENU SERVICE ***********************/

#menu-service
{
	font-family: Georgia;
}

#menu-service .menu-0
{
	text-decoration: none;
	padding: 2px 0px 2px 10px;
	display: block;
}

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

#menu-bottom
{
	padding: 10px 0px 0px 0px;
}

#menu-bottom .menu-0
{
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	float: left;
	display: block;
}


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

#bottom .address
{
	float: right;
}

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

#bottom .address .first-row
{
	float: left;
	padding: 0px 15px 0px 0px;
}

#bottom .address .row
{
	float: left;
	padding: 0px 15px 0px 15px;
}

#bottom .address .logo-links
{
	float: right;
	padding: 40px 0px 0px 0px;
}

#bottom .address .logo-links a
{
	padding: 0px 20px 0px 20px;
}

/******************************** FRAME GUESTBOOK **************************/

.frame-guestbook
{
	position: relative;
	margin-bottom: 40px;
}

.frame-guestbook .image
{
	position: absolute;
	top: -10px;
	left: 10px;
}

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

.frame-guestbook .title
{
	padding: 15px 0px 0px 85px;
}

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

#frame-weather
{
	margin-bottom: 40px;
	font-family: Georgia;
}

#frame-weather .textbox
{
	float: left;
	width: 100px;
	padding: 15px;
}

#frame-weather .text
{
	text-align: center;
	font-family: Verdana;
}

#frame-weather .box
{
	float: left;
	margin: 18px 3px 0px 0px;
}

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

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


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

.sitemap a
{
	text-decoration: none;
}


/********************** QUICKREQUEST ************************/

#quickrequest
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px 40px 10px 20px;
	width: 650px;
}

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

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

#quickrequest .row
{
	float: left;
	margin: 0px 10px 0px 0px;
}

#quickrequest .textinput-date
{
	width: 60px;
	padding: 2px 5px 2px 5px;
}

#quickrequest .textinput-form
{
	width: 100px;
	padding: 2px 5px 2px 5px;
}

#quickrequest .textinputsmall-form
{
	width: 20px;
	padding: 2px 5px 2px 5px;
}

#quickrequest .textinputbig-form
{
	width: 130px;
	padding: 2px 5px 2px 5px;
}

#quickrequest .button
{
	position: absolute;
	top: 52px;
	left: 620px;
	padding-right: 25px;
	font-size: 12px;
	line-height: 18px;
}




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

.cjq-slider .clipcontainer
{
	clip: rect(0px 235px 172px 0px);
}

#frame-offers
{
	position: absolute;
	z-index: 25;
	top: 223px;
	right: 0px;
	padding: 10px 10px 10px 10px;
	width: 215px;
}


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


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


#frame-offers .back
{
	top: 14px;
	left: 165px;
}

#frame-offers .next
{
	top: 14px;
	left: 180px;
}

#frame-offers .clipcontainer
{
	top: 35px;
	left: 0px;
}

#frame-offers .item
{
	float: left;
	width: 235px;
	height: 172px;
}

#frame-offers .item .content
{
	padding: 0px 0px 0px 8px;
}

#frame-offers .item .image
{
	height: 95px;
}

#frame-offers .titlesmall
{
	padding: 5px 0px 10px 0px;
	font-style: normal;
}

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

#frame-offers .price
{
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}


#frame-offers .item .link
{
	text-align: right;
	padding: 0px 10px 0px 0px;
}

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

#frame-offers .item .link a:hover
{
	text-decoration: none;
}


/**************************** Webcams **************************/

#webcams .title-module
{
	padding: 0px 0px 20px 0px;
	display: block;
}

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

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

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


/*************************** FOTOGALLERY ******************************/

#fotogallery .item
{
	padding-bottom: 30px;
}

#fotogallery .title-module
{
	padding: 0px 0px 10px 0px;
	display: block;
}

#fotogallery .image
{
	padding: 5px;
	margin: 0px 20px 5px 0px;
}

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

#fotogallery .link
{
	padding: 0px 0px 0px 10px;
	text-decoration: none;
}


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

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

#offers .title-module
{
	padding-bottom: 5px;
}

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

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

#offers .image
{
	padding: 5px;
	margin: 0px 20px 0px 0px;
}

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

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

#offers .detail .description
{
	padding: 10px 0px 60px 0px;
	margin-bottom: 20px;
}

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

#offers .detail .image
{
	margin: 20px 0px 20px 0px;
}

#offers .detail .link
{
	margin: 10px 0px 5px 0px;
}

#offers .detail .floatleft
{
	float: left;
}

#offers .detail .floatright
{
	float: right;
}


/*************************** FOOTER ***********************/

#footer
{
	padding: 60px 0px 20px 0px;
}

#footer .box
{
	float: left;
	width: 270px;
	margin-right: 40px;
}

#footer .box img
{
	display: block;
}

#footer .box .title a
{
	text-decoration: none;
	display: block;
	padding: 5px;
}

#footer .box .text
{
	padding: 5px;
}

/***************************DOWNLOADS**********************/

#downloads .container
{
	float: left;
}
	
#downloads .image
{
	float: left;
	margin: 0px 20px 5px 0px;
}

#downloads .title-module
{
	text-decoration: none;
}


#downloads .link
{
	padding: 0px 0px 0px 10px;
	text-decoration: none;
}

#downloads .description
{
	padding: 0px 0px 30px 0px;
}

#downloads .issuu
{
	float: right;
	margin-left: 10px;
}

#downloads .separator
{
	height: 40px;
}

/*************************** FRAME VIDEO ***************************/

.frame-video
{
}

.frame-video .title
{
	padding: 10px 5px 20px 10px;
}


/*****************************guestbook*****************************/
#guestbook .headerGuestbook
{
    margin-bottom:30px;
}
#guestbook .insert-button
{
    display:block;
    margin:5px;
    background-repeat:no-repeat;
    padding-left:10px;
    background-position:0px 3px;
    font-weight:bold;
    text-decoration:none;
}

#guestbook-list .description
{
    padding: 10px;
}
#guestbook-list .item
{
    border:0;
    margin-bottom:25px;
}
#guestbook-list .name
{
    padding:2px 5px;
    font-weight:bold;
    margin:0;
}
#guestbook-list  .date
{
    float:right;
    font-weight:normal;
}
#guestbook-list .description .infos 
{
    margin-top: 10px;
}
#guestbook-list .country
{
    font-style: italic;
}
#guestbook-list .description .infos .homepage a
{
    text-decoration:none;
}

#guestbook-list .description .infos .homepage a:hover
{
    text-decoration:underline;
}



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

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

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

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

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

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

#google-map
{
	width: 650px;
	height: 300px;
}
#google-route
{
}

.form-error
{
	padding-right: 20px;
	background-image: url(/media/error.png);
	background-repeat: no-repeat;
	background-position: right top;
	border: 2px solid #8B1713;
}


















/*****************************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  input
{
     width:360px;
}

.contact-form .input-row .textinput-date
{
	width: 80px;
	padding: 2px 5px 2px 5px;
}
.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:100px;
    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 .input-row .form-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 .rooms
{
	width: 220px;
	float: left;
	margin-right: 50px;
}

.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
{
	margin: 40px 50px 60px 0px;
	float:right;
	padding: 5px 25px 5px 25px;
}

.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 #d0454a;
}
.contact-form .privacy .form-error
{
    background-color:#d0454a;
}
.contact-form .error-message
{
    border: 4px solid #ffffff;
    background-color: #d0454a;
    color: #ffffff;
    padding: 10px;
    margin: 20px 0px 20px 0px;
}
.contact-form .rooms input
{
    width:20px;
}

.contact-form .row-interests input
{
    width:20px;
}

.contact-form .block
{
	background-color: #f8f6ee;
	border: 1px solid #cdc3a8;
	padding: 10px;
}


/*---------------------------------------------------
/*  print page
/*---------------------------------------------------*/

.print-body
{
	padding: 10px 25px 40px 25px;
}

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

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

.print-container
{
    height:500px;
    overflow:auto;
}