/*---------------------------------------------------
/*  site-general
/*---------------------------------------------------*/

/*****************************GENERAL*****************************/
body, form
{
	overflow: auto;
	margin: 0px;
}

body
{
	width:100%;
	text-align:center;
}

body, p, li, dl, ul, ol, table, .text
{
    font-family:Trebuchet MS;
}

h1, .title, .title a
{
	font-family:Trebuchet MS;
	font-weight:normal;
	text-decoration: none;
}


h2, .titlesmall, .titlesmall a
{
	font-family:Trebuchet MS;
	font-weight:bold;
	text-decoration: none;
}

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

.moduleLink
{
   padding-left: 15px;
   text-decoration: none;
}

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

a:hover
{
	text-decoration:none;
}



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


.header
{
    width:1040px;
    margin:auto;
    text-align:center;
    position:relative;

}

.content
{
    width:1040px;
    margin:auto;
    text-align:center;
    position:relative;
}

.path-item
{
    text-decoration:none;
    margin-right:10px;
}


.banner
{
    width:980px;
    height:330px;
    font-size:0px;
    line-height:0px;
    margin:auto;
    background-image: url(/media/banner.jpg);
}

.logo
{
    position:absolute;
    top:0px;
    left:30px;
    width:462px;
    height:70px;
    text-align:center;
    margin:auto;
    padding-top:4px;
}

#box-events
{
    position:absolute;
    bottom:36px;
    right:30px;
    width:230px;
    margin:auto;   
    text-align:left;
    padding-top:10px;

}

#box-events .box-events-title
{
    font-family:Trebuchet MS;
    text-decoration:none;
    text-transform:uppercase;
    display:block;
    padding-left:20px; 
    margin-left:15px;
    margin-right:10px;
    margin-bottom:6px;
    float:left;
}

#box-events .box-events-text
{
    font-family:Trebuchet MS;
    padding:10px 10px 10px 15px;
}


#box-events .box-events-linkbutton
{
    padding-left:15px; 
    margin-top:5px;
    margin-right:5px;

}


.separator
{
    height:25px;
    position:relative;
    margin:auto;
}



/*---------------------------------------------------
/*  menu-zone-horizontal
/*---------------------------------------------------*/
#menu-zone-horizontal
{	
    height:22px;
    margin:auto;
    position:relative;
    padding-left:28px;
    padding-bottom:14px;
}


#menu-zone-horizontal .menu-0,
#menu-zone-horizontal .menu-0-active

{
    font-family:Trebuchet MS;
    font-weight:normal;
    text-transform:uppercase;
    text-decoration:none;
    float:left;
    padding-left:30px;
    padding-right:30px;

 }


#menu-zone-horizontal .menu-1,
#menu-zone-horizontal .menu-2,
#menu-zone-horizontal .menu-3
{
    font-family:Trebuchet MS;
    text-transform:uppercase;
    text-decoration:none;
    display:block;
    padding-left:10px;
    padding-right:10px;
    padding-top:4px;
    padding-bottom:4px;
}

#menu-zone-horizontal .menu-separator
{
    height:20px;
    border-left:1px solid #E7E5E6;
    float:left;
}



/*---------------------------------------------------
/*  flyout
/*---------------------------------------------------*/
.level-0
{
    position:relative;
    float:left;
    padding-top:8px;

}

.flyout
{
    position:absolute;
    bottom:28px;
    left: 2px;
    color: #333333;
    display:none;
    background-color: #ffffff;
}

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

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

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

.menu-1,
.menu-2,
.menu-3
{
    text-align:left;
}

.menu-1:hover,
.menu-2:hover,
.menu-3:hover
{
    color:#ffffff;
}



/*---------------------------------------------------
/*  content-zone
/*---------------------------------------------------*/



/*  content-zone LEFT
/*---------------------------------------------------*/

#column-left
{   
    float:left;
    width:198px;
    margin-left:31px;
}

#column-left .menu-left
{
    text-align:left;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
}




#column-left .menu-left-0, 
#column-left .menu-left-1,
#column-left .menu-left-2,
#column-left .menu-left-0-active, 
#column-left .menu-left-1-active,
#column-left .menu-left-2-active
{
    font-family:Trebuchet MS;
    text-decoration:none;
    text-transform:uppercase;
    display:block;
}

#column-left .menu-left-1,
#column-left .menu-left-1-active
{
    padding-top:3px;
    padding-bottom:3px;
}

#column-left .menu-left-2,
#column-left .menu-left-2-active
{
    margin-left:30px;
}

#column-left .menu-left-3,
#column-left .menu-left-3-active
{
    margin-left:50px;
}

#column-left .menu-left-spacer
{
    height:10px;
}

#column-left .menu-left-spacer2
{
    height:10px;
}

#column-left .box
{
    text-align:left;
    margin-top:20px;
    margin-bottom:20px;
    width:182px;
    margin-left:8px;
    margin-right:8px;
}

#column-left .box-title
{
    text-align:left;
    height:32px;
    padding-top:10px;
    padding-right:12px;
    padding-left:10px;
}

#column-left .box-title-link
{
    font-family:Trebuchet MS;
    text-decoration:none;
    text-transform:uppercase;
    padding-left:20px; 
}

#column-left .box-text
{
    text-align:left;
    padding-left:12px;
    padding-right:12px;
    padding-top:10px;
}

#column-left .box-linkbutton
{
    display:block;
    margin-top:5px;
    margin-right:5px;
    padding-left:15px;
}

#column-left .box-bottom
{
    height:10px;
}

/*---------------------------------------------------
  frameWeather 
---------------------------------------------------*/

.box .box-text .item
{
   width: 32px;
   float: left;
   padding: 0px 3px 0px 4px;
}


#column-left .box-weather-day,
#column-left .box-weather-min,
#column-left .box-weather-max
{
    text-align: center;
    text-transform: uppercase;
    display: block;
}
#column-left .box-weather-image
{
}


/*  content-zone LEFT BOTTOM
/*---------------------------------------------------*/
#column-left .copy
{
    font-family:Trebuchet MS;
    margin-top:20px;
    text-align:left;
    padding-left:10px;
}


/*  content-zone MIDDLE
/*---------------------------------------------------*/

#column-middle
{   

    float:left;
    width:551px;
    padding-top:10px;
    padding-bottom: 5px;
    text-align:left
}

#column-middle .path
{
    margin-left:25px;
    margin-right:25px;
    margin-bottom:20px;
    padding-bottom:5px;
    text-transform:uppercase;
}

#column-middle .text
{
    padding-left:25px;
    padding-right:25px;
}

#column-middle .title, #column-middle .titlesmall
{
    padding-left:25px;
    padding-right:25px;
    padding-bottom:10px;
}

#column-middle .fontsize
{
    float:right;
    margin-bottom:10px;
}


/*  content-zone MIDDLE BOTTOM
/*---------------------------------------------------*/

#column-middle .address
{

    font-family:Trebuchet MS;
    text-align:left;
    padding-left:10px;
    float:left;
    margin-top:10px;
}

#column-middle .service
{
    text-align:right;
    padding-right:10px;
    float:right;
    margin-top:10px;
}

/*  content-zone RIGHT
/*---------------------------------------------------*/

#column-right
{   
    float:left;
    width:230px; 
    padding-top:20px;
    padding-bottom: 5px;
}


#column-right .box,
#column-right .box-2
{
    width:192px;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:20px;
    margin-right:8px;
}



#column-right .box-title,
#column-right .box-title-sponsor
{
    text-align:left;
    height:32px;
    padding-top:10px;
    padding-right:5px;
    padding-left:10px;
}

#column-right .box-title-link,
#column-right .box-title-sponsor-link
{
    font-family:Trebuchet MS;
    text-decoration:none;
    text-transform:uppercase;
    padding-left:20px; 
}


#column-right .box-text
{
    text-align:left;
    padding-left:8px;
    padding-right:10px;
    padding-top:10px;
}

#column-right .box-linkbutton
{
    display:block;
}


#column-right .box-bottom,
#column-right .box-bottom-2
{
    height:10px;
}

#column-right .box-top
{
    height:10px;
}

#column-right .box-logo
{
    width: 84px;
    float: left;
    padding-left: 3px;
}

#column-right .box-logo .logos-small
{
   height: 50px;
}


/*  content-zone RIGHT BOTTOM
/*---------------------------------------------------*/

#column-right .menu-bottom
{
    font-family:Trebuchet MS;
    text-transform:uppercase;
    padding: 0px 4px 0px 4px;
}


/*********************Fotogallery******************/

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

#fotogallery .item
{
	margin-bottom: 40px;
}

/*********************News******************/

#news .item
{
   margin-bottom: 40px;
}

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



/*********************Events******************/

#events .item
{
   padding: 0px 0px 40px 0px;
}

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

#events .date
{
   font-weight: bold;
}

#events .description .info .name
{
   font-weight: bold;
   float: left;
   margin-right: 10px;
}

#events .description .description
{
   padding: 5px 0px 10px 0px;
   font-style: italic;
}

#events .description .description .request
{
   padding: 10px 0px 0px 0px;
   margin-top: 40px;
   display: block;
}

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

#guestbook-list .description
{
    padding:5px;
}
#guestbook-list .item
{
    border:0;
    margin-bottom:10px;
}
#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:5px;
}
#guestbook-list .description .infos .country
{
    display:block;
    float:right;
}
#guestbook-list .description .infos .homepage a
{
    text-decoration:none;
}

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


/*****************************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 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:60px;
}
.contact-form .input-row  input.medium,
.contact-form .medium  input
{
     width:120px;
}
.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 .request-button
{
    display:block;
	padding:3px 6px 3px 13px;
	text-decoration:none;
	margin:10px;
	float:right;
	
	background-repeat:no-repeat;
	background-position:5px center;
}

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