/*---------------------------------------------------
/*  site-general
/*---------------------------------------------------*/
body
{
	font-family:Arial,Verdana,Tahoma;
	font-size:12px;
	font-weight:normal;
	margin:0 auto;
	text-align:center;
	background-repeat:repeat-x;
	
}

h1 
{
    font-size:24px;
    font-weight:normal;
    margin-top:0px;
    padding-top:10px;
    margin-bottom:20px;
}

h2 
{
    font-size:15px;
    font-weight:bold;
    margin-top:0px;
    padding-top:10px;
    margin-bottom:10px;
}

a 
{
    text-decoration:none;    
}

hr
{
    border:solid #DCDCDC 1px;
    height:1px;
}

a img
{
    border:0px;
}

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

/********************** PRINT BODY ***********************/
.print-body,
#recommend 
{
	text-align:left;
}

.print-body a
{
	text-decoration:underline;
}

.print-body .padding
{
	padding: 20px 10px 5px 20px:
}

/********************** CONTAINER ***********************/
#container
{
    position:relative;
    width:980px;    
    margin:0 auto;
    text-align:left;
    margin-top:54px;
    padding-bottom:30px;
    padding-right:10px;
}

/********************** TOP ***********************/
#top
{
    position:relative;
    width:980px;
    height:400px;
}

#edge-top-left
{
    position:absolute;
    width:10px;
    height:10px;
    top:0px;
    left:0px;
    z-index:100;
}

#edge-top-right
{
    position:absolute;
    width:10px;
    height:10px;
    top:0px;
    right:0px;
    z-index:100;
}

#logo
{
    position:absolute;
    width:191px;
    height:184px;
    bottom:35px;
    left:40px;
    z-index:100;
}

#date
{
    position:absolute;
    width:191px;
    height:35px;
    bottom:0px;
    left:40px;  
    text-align:center;
    font-size:26px;
    font-weight:bold;
    line-height:35px;
    z-index:101;
}

#menu-language
{
    position:absolute;
    margin-left:25px;
    top:-20px;
}

/********************** COUNTDOWN ***********************/
#countdown
{
    position:absolute;
    background-image:url(/media/countdown.png);    
    background-repeat:no-repeat;
    top:-50px;
    left:320px;
    width:350px;
    height:100px;
}

#countdown .text-red
{
    float:left;
    font-size:20px;
    font-weight:bold;
    padding:40px 5px 0 2px;
}

#countdown .numbers
{
    float:left;
    width:235px;
    font-size:30px;
    font-weight:bold;
    padding-top:30px;
    text-align:right;
}

#countdown .subtitle
{
    float:left;
    margin-left:55px;
}

#countdown .subtitles
{
    float:left;
    width:62px;
    text-align:center;
}

/********************** MENU ***********************/
#menu
{
    position:relative;
    line-height:40px;
    text-transform:uppercase;
    font-size:17px;
    text-align:center;
    padding-top:5px;
}

#menu a
{
    margin-right:38px;
}

/********************** MIDDLE ***********************/
#middle
{
    position:relative;
    overflow:hidden;
}

#middle
{
    background-image:url(../media/bg-center.png);
    background-repeat:repeat-y;
    background-position:right 200px;
}

#middle .bottom-line
{
    position:absolute;
    width:658px;
    height:9px;
    bottom:0px;
    right:0px;
    background-image:url(/media/box-big-bottom.png);
    background-repeat:no-repeat;
    z-index:10;
}

/********************** LEFT ***********************/
#left
{
    float:left;
    width:310px;
}
.datasport-button
{
    display:block;
    margin:10px;
    text-align:center;
}
.datasport-button img
{
    border:0;
}
/********************** RIGHT ***********************/
#right
{
    float:right;
    width:660px;
}    

#actualdate
{
    padding:20px 0 10px 30px;  
}

/********************** BOX-BIG ***********************/
#box-big
{
    width:658px;
    float:right;
}

#box-big a
{
    text-decoration:underline;
    font-weight:bold;
}

#box-big .top
{
    background-image:url(/media/box-big-top.png);
    background-repeat:no-repeat;
    height:9px;
}

#box-big .center
{
    border-left:solid 2px #DCDCDC;
    border-right:solid 2px #DCDCDC;
    padding:0 25px 40px 25px;
}

#box-big .center .mytextarea
{
    line-height:17px;
}

/********************** BOX-BLUE ***********************/
.box-blue
{
   width:300px;
}

.box-blue a
{
   padding:2px 3px 2px 3px;
}

.box-blue .center
{
    padding:40px 25px 30px 25px;
    font-size:13px;
    line-height:23px;
    text-transform:uppercase;
}

.box-blue .center .title
{
    font-size:17px;
    margin-bottom:10px;
    padding-left:10px;
}

.box-blue .bottom
{
    background-image:url(/media/box-blue-bottom.png);
    background-repeat:no-repeat;
    height:7px;
}

/********************** BOX-REGISTRATION ***********************/
.box-registration
{
    width:300px;
    height:205px;
    background-image:url(/media/box-registration.png);
    background-repeat:no-repeat;
    margin-top:20px;
}

.box-registration .center
{
    padding:10px 25px 0 25px;
}
.box-registration .center-content
{
    padding:15px 10px;
    text-align:center;
}

.box-registration .center .title
{
    font-size:17px;
    margin-bottom:10px;
    padding-left:10px;
}



/********************** BOX-WHITE ***********************/

.box-white
{
    float:left;
    width:300px;
    margin-top:20px;
}

.box-white .top
{
    background-image:url(/media/box-white-top.png);
    background-repeat:no-repeat;
    height:9px;
}

.box-white .center
{
    border-left:solid 2px #DCDCDC;
    border-right:solid 2px #DCDCDC;
    padding:0 20px 0 20px;
}

.box-white .center-roomsearch
{
    position:relative;
    height:105px;
}

.box-white .center-registration
{
    position:relative;
    height:110px;
}

.box-white .center-weather
{
    height:150px;
}

.box-white .bottom
{
    background-image:url(/media/box-white-bottom.png);
    background-repeat:no-repeat;
    height:9px;
}

/********************** BOX-WHITE2 ***********************/

.box-white2
{
    float:left;
    width:322px;
    margin-left:20px;
    margin-top:20px;
}

.box-white2 .top
{
    background-image:url(/media/box-white2-top.png);
    background-repeat:no-repeat;
    height:9px;
}

.box-white2 .center
{
    border-left:solid 2px #DCDCDC;
    border-right:solid 2px #DCDCDC;
    padding:0 25px 0 25px;
    height:150px;
}

.box-white2 .bottom
{
    background-image:url(/media/box-white2-bottom.png);
    background-repeat:no-repeat;
    height:9px;
}

.box-white2 .center .underline
{
    border-bottom:solid 1px #F0F0F0;
    height:20px;
    padding-top:3px;
}

.box-white2 .center .download a
{
    text-decoration:underline;
}

.box-white2 .center .download
{
}

.box-white2 .center .download .image
{
    float:left;
    width:30px;
    text-align:right;
    padding-right:5px;
}

.box-white2 .center .download .text
{
    float:left;
    width:230px;
}

/********************** FOOTER-BOXES ***********************/
#footer-boxes
{
    padding:5px 0 50px 0;
}

#footer-boxes .position 
{
    position:relative;
    width:990px;    
    margin:0 auto;
    text-align:left;
    padding-right:0px;   
}

/********************** FOOTER-LAST ***********************/
#footer-last
{
    padding:25px 0 40px 0;
    text-align:center;  
}

#footer-bottom img
{
    margin:10px 35px 0 35px;
    opacity:0.80;
    filter:alpha(opacity=80);
}

#footer-bottom img:hover
{
    opacity:1.0;
    filter:alpha(opacity=100);
}

/********************** MENU FLYOUT ***********************/
#menu-flyout
{
    position:relative;
    text-transform:uppercase;
    font-size:17px;
    text-align:center;
    padding-top:6px;
    margin-left:34px;
    z-index:500;
}

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

#menu-flyout .menu-0
{
    margin:11px 15px 11px 15px;
    text-decoration:none;
    display:block;
}

#menu-flyout .menu-1
{
	margin:11px 20px 11px 20px;
}

#menu-flyout .flyout
{
    position: absolute;
    bottom: 39px;
    left: 0px;
    display: none;
    text-align: left;
    padding: 0px 0px 0px 0px;
    z-index:110;
    border-bottom: 6px solid #ffffff;
}

#menu-flyout .flyout-1
{
    position:absolute;
    bottom:50px;
    left: 150px;
    display:none;
    z-index:115;
}

#menu-flyout .flyout .level-1 .menu-1,
#menu-flyout .flyout .level-1 .menu-1:hover,
#menu-flyout .flyout-1 .level-2 .menu-2,
#menu-flyout .flyout-1 .level-2 .menu-2:hover
{
	display: block;
	/*padding: 5px 0 5px 20px;*/
	font-weight:normal;
	text-transform:none;
	text-align:left;
	text-transform:uppercase;
	line-height:18px;
	font-size:13px;
}

#menu-flyout .flyout .level-1 .menu-1:hover,
#menu-flyout .flyout-1 .level-2 .menu-2:hover
{
    text-decoration:underline;	
}


#menu-flyout .flyout .level-1,
#menu-flyout .flyout-1 .level-2
{
	position: relative;
	width: 240px;
}

#menu-flyout .flyout
{
    padding-top:80px;
    padding-bottom:30px;
}

/**************************** FRAME WEATHER *********************/
#frame-weather
{
	margin: 0px 0px 125px 0px;
	width: 250px;
}

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

#frame-weather .frame-weather-title
{
	float: left;
	padding: 0px 0px 10px 0px;
}


#frame-weather .link
{
	float: right;
	padding: 6px 0px 0px 0px;
}

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

#frame-weather .item
{
	padding: 5px 5px 2px 10px;
	margin: 2px 0px 2px 0px;
}

#frame-weather .item .image
{
	float: left;
	width: 50px;
}

#frame-weather .item .day
{
	float: left;
	width: 150px;
	padding: 0px 0px 0px 0px;
}

#frame-weather .item .temp
{
	float: left;
	width: 70px;
	padding: 0px 0px 0px 0px;
	margin: 0px 1px 0px 1px;
	text-align: left;
}

/*************************** FOTOGALLERY **************************/
#galleries 
{
    margin-top:20px;
}

#galleries .item .image
{
    float:left;
    margin-right:15px;
}

#galleries .item .title a
{
	text-decoration: none;
	font-weight: bold;
}

#galleries .description
{
	padding: 5px 0px 10px 0px;
}

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

#galleries .image 
{
    position: relative;
    padding-bottom: 25px;
}

#galleries ul li 
{
    list-style: none;
    margin-left: 0;
}

#galleries .thumbs li 
{
    float: left;
    height: 150px;
    margin: 0 10px 10px 0;
    width: 150px;
}

#galleries ul li img
{
    cursor:url(/media/lupe.cur),pointer;
}

/*************************** BASE MODULE **************************/
.base-module 
{
    margin-top:15px;
}

.base-module .item
{
    margin:0 0 35px 0;
}

.base-module .item .image
{
    float:left;
    margin-right:10px;
}

.base-module .item-detail .image
{
    float:right;
    margin:0 0 10px 10px;
}

.base-module .description
{
	position:relative;
	margin-top:5px;
	padding:10px;
}

.base-module .text
{
    margin:10px 0 0 0;
}

.base-module .link
{
    position:absolute;
    width:100px;
    height:15px;
    right:10px;
    bottom:-10px;
    z-index:10;
    padding:3px 10px 3px 10px;
    display:block;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none !important;
}

/*************************** news **************************/
#news .item .description
{
    height:120px;
}

#news .date
{
    float:right;
    width:75px;
    margin-top:3px;
    font-weight:bold;
}

#news .item .text
{
    margin-left:200px;
}

/*************************** DOWNLOADS **************************/
#downloads .issuu
{
	float: right;
	margin:0 0 10px 20px;
}

/************************** WEBCAMS ************************/
#webcams a
{
	text-decoration: none;
}

#webcams .item
{
	padding: 10px 0px 10px 0px;
	margin: 20px 0px 20px 0px;
}

#webcams .item .image
{
	float: left;
	margin: 0px 10px 0px 0px;
}

#webcams .description
{
	padding: 15px 0px 10px 0px;
}


#webcams .link a
{
	padding: 0px 0px 0px 0px;
}

/*** DETAIL ***/

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

/**************************** GUESTBOOK *********************/
#guestbook .titleguestbook
{
    padding-bottom:15px;
    display:block;
}

#guestbook .titleguestbook a:hover
{
    text-decoration: underline;
}

#guestbook .item 
{
    position:relative;
    margin-top:15px;
    padding:20px 15px 10px 15px;
}

#guestbook .header
{
    padding: 2px 5px 2px 15px;
    font-weight:bold;
    
    position:absolute;
    left:10px;
    top:-10px;
    padding: 3px 10px 3px 10px;
	font-weight: bold;
	background-color:#C31226;
	color:#FFFFFF;
	text-decoration:none !important;
	text-align:center;
	display:block;
	z-index:10;
}

#guestbook .name
{
    float: left;
}

#guestbook .country
{
    float: left;
}

#guestbook .date
{
    float:left;
}

#guestbook .description
{
    padding: 10px 5px 0px 15px;
}

#guestbook .homepage
{
    text-align: right;
}

#guestbook .homepage a
{
    text-decoration: none;
}

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

/**************************** LINKS *********************/
#links .item
{
    margin-bottom:20px;
}

#links .image
{
    float:left;
    width:180px;
    height:100px;
}
 
#links .link, 
#links .description 
{
    float:left;
    width:400px;
    margin-bottom:10px;
}


/**************************** ACCOMODATION *********************/
#accommodation input
{
    /*border:solid 1px #282828;*/
    padding:0px 5px 0px 2px;
}

.accommodation_background
{
    padding:10px 3px 25px 5px;
    width:255px;
    text-align:left;
}

.accommodation_background a
{
	text-decoration:none;
	
	color:#488112;
	font-size:11px;
}

#accommodation .label
{
    float:left;
    width:82px;
}

#accommodation .duration
{
    float:left;
    width:141px;
}

#accommodation .spacer
{
    line-height:24px;
}

#accommodation .ui-datepicker-trigger
{
    margin:5px 0 0 5px;    
    vertical-align:top;
    cursor:pointer;
}

#accommodation .quick-arrival
{
    width:90px;
    margin-left:0px;
}

#accommodation .quick-persons,
#accommodation .quick-nights
{
    width:28px;
}
#accommodation .search
{
    position:absolute;
    bottom:0px;
    right:25px;
    display:block;
    float:right;
    font-weight:bold;
    padding:3px 10px 3px 10px;
    cursor:pointer;
}

----------------------------------------------
/*  sitemap
/*---------------------------------------------------*/
.sitemap a
{
    display:block;
    padding:2px 0;
}
.sitemap ul
{
    padding-left:30px;
}
.sitemap ul a
{
    font-weight:bold;
}
.sitemap ul ul a
{
    font-weight:normal;
}
.sitemap ul ul ul  ul a
{
    font-style:italic;
}
/*---------------------------------------------------
/*  jquery popup
/*---------------------------------------------------*/

.ui-widget-overlay
{
    position:absolute;
    top:0;
    left:0;
    opacity:0.3;
    filter:Alpha(Opacity=30); 
}

.cjq-popup
{
    overflow: hidden;
}

body.popup
{
	 padding:10px 0 10px 10px;
}
.print-body
{
    overflow:auto;
    padding:10px 0 10px 10px;
}

.cjq-popup .ui-dialog-titlebar
{
    height:30px;
    line-height:30px;
    font-weight:bold;
    padding-left:10px;
}

.cjq-popup .ui-dialog-titlebar a
{
    position:absolute;
    top:5px;
    right:5px;
    text-decoration:none;
    font-weight:bold;
    padding:2px 5px;
    line-height:15px;
    width:16px;
    height:16px;
}
.cjq-popup .ui-dialog-titlebar a span
{
    width:16px;
    height:16px;
    font-size:0;
    line-height:0;
    display:block;
}

#popup-gallery html,
body.body-fotogallery
{
    height:100%;
}
#popup-gallery
{
    border:solid 10px #f3f3f3;
    background-color:#ffffff;
}
.body-fotogallery
{
    overflow:hidden;
    padding:3px;
}
.close-gallery
{
    position:absolute;
    top:2px;
    right:5px;
    cursor:pointer;
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    font-size:0;
    line-height:0;
}
/*---------------------------------------------------
/*  contact-form
/*---------------------------------------------------*/
.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: 120px;
    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,
.contact-form .input-row .form-date
{
     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;
    padding: 1px;
    background-color: #bf9a04;
}

.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 .button
{
    width:100px;
	padding: 5px 10px 5px 10px;
	margin: 30px 0px 20px 400px;
	font-weight: bold;
	background-color:#C31226;
	color:#FFFFFF;
	text-decoration:none !important;
	text-align:center;
	display:block;
}

.contact-form .button:hover
{
    background-color:#000000;
}

.contact-form .request-button
{
	padding: 10px 25px 10px 25px;
	margin: 20px 0px 10px 260px;
}

.contact-form .padding
{
	padding: 10px 10px 10px 20px;
}

.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-body .padding
{
	padding: 20px 10px 5px 20px:
}


.contact-form .bookplus .input-row span.name
{
	text-align: left;
	float: left;
	width: 160px;
}

.contact-form .bookplus-rooms span.count select
{
	width: 40px;
}

.contact-form .bookplus-rooms
{
	width: 650px;
	float: left;
	padding-right: 20px;
}

.contact-form .bookplus-rooms a.request-button
{
	float: none;
}

.contact-form .bookplus-rooms div.row-spacer
{
	margin-bottom: 10px;
}

.contact-form .bookplus-rooms span.name
{
	width: 200px;
	float: left;
	padding-right: 10px;
	text-align: left;
}

.contact-form .bookplus-rooms span.count
{
	width: 40px;
	float: left;
	padding-right: 10px;
}

.contact-form .bookplus-rooms span.group
{
	width: 250px;
	float: left;
	padding-right: 10px;
}

.contact-form .bookplus-rooms span.days
{
	width: 30px;
	float: left;
	padding-right: 10px;
}

.contact-form .bookplus-rooms span.per-piece
{
	width: 80px;
	float: left;
	padding-right: 10px;
	text-align: right;
}

.contact-form .bookplus-rooms span.per-day
{
	width: 80px;
	float: left;
	padding-right: 10px;
	text-align: right;
}

.contact-form .bookplus-rooms span.per-room
{
	width: 80px;
	float: left;
	padding-right: 10px;
	text-align: right;
}

.contact-form .bookplus-rooms span.amount
{
	width: 80px;
	float: left;
	text-align: right;
}

.contact-form .bookplus-rooms span.sum-spacer
{
	width: 390px;
	float: left;
}

.contact-form .bookplus-rooms span.sum
{
	width: 180px;
	float: left;
	font-weight: bold;
	text-align: right;
}
.contact-form .newsletter-row
{
	position:relative;
}
.contact-form .newsletter-row .interests-box
{
	position:absolute;
	right:0;
	top:0;	
	background-color:White;
	
}
.contact-form .newsletter-row .interests-box .header
{
	background-repeat:no-repeat;
	background-position:right 7px;
	padding:2px 12px 2px;
	font-weight:bold;
	text-align:right;
	cursor:pointer;
	
}
.contact-form .newsletter-row .interests-box .interests
{
	display:none;
}

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