/******************************Site*****************************/

body, form
{
	margin: 0px;
	font-family: Arial;
}

#site
{
   width: 980px;
   margin: auto;
}

#left
{
   float: left;
   width: 260px;
}

#left .logo-left
{
    padding: 100px 10px 0px 10px;
    text-align: right;
}

#content
{
   width: 720px;
   float:right;
}

#content .padding
{
   padding: 40px 60px 40px 40px;
   text-align: justify;
}

#content .addthis
{
    margin: 40px 0px 0px 0px;
}

#banner
{
   width: 980px;
   height: 345px;
   position: relative;
}

#logo
{
   padding: 30px 0px 10px 0px;
   float: left;
}

#site .address .language a
{
   text-transform: uppercase;
   text-decoration: none;
}

#site .address
{
   float: left;
   padding: 47px 10px 0px 40px;
}


#content .path
{
   padding: 0px 0px 20px 0px;
}

#content .path a
{
   text-decoration: none;
   padding: 0px 15px 0px 0px;
}


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


.title, h1
{
   margin: 0px 0px 10px 0px;
   text-align: left;
}

.titlesmall, h2
{
   margin: 0px 0px 10px 0px;
   text-align: left;
}

a:hover
{
	text-decoration: none;
}

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


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


/*************************Common***************************/

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

img
{
    border: 0;
}


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

#menu-flyout
{
   position: absolute;
   z-index: 25;
   top: 310px;
   left: 10px;
   width: 960px;
   text-transform: uppercase;
}

#menu-flyout .cjq-flyout
{
   /*padding-left: 225px;*/
   float: right;
}

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

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


#menu-flyout .flyout
{
    position:absolute;
    bottom: 20px;
    left: 0px;
    display:none;
    padding: 10px 0px 20px 0px;
    
}

#menu-flyout .flyout-1
{
    position:absolute;
    top:0px;
    left: 191px;
    display:none;
}

#menu-flyout .flyout-2
{
    position:absolute;
    top:0px;
    left: 372px;
    display:none;
}

#menu-flyout .menu1,
#menu-flyout .menu2,
#menu-flyout .menu3
{
    text-decoration: none;
    padding: 2px 5px 2px 18px;
    display: block;
}

#menu-flyout .level-1,
#menu-flyout .level-2,
#menu-flyout .level-3
{
    position:relative;
    width: 170px;
    padding-left:10px;
    padding-right:10px;
}




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

#menu-left
{
   width: 195px;
   padding: 35px 10px 40px 30px;
   text-transform: uppercase;
}

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

#menu-left .separator
{
   height: 1px;
   line-height: 1px;
   font-size: 1px;
   margin: 2px 0px 2px 20px;
}

#menu-left .menu0
{
   padding: 0px 0px 10px 0px;
}

#menu-left .menu1 a,
#menu-left .menu1-active a
{
   padding: 0px 0px 0px 20px;
}


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

#menu-left2
{
   width: 195px;
   padding: 100px 10px 60px 30px;
   text-transform: uppercase;
}

#menu-left2 a
{
   text-decoration: none;
   padding: 2px 0px 2px 0px;
   display: block;
}


/*************************Footer*******************************/
#footer
{
}

#footer .logos
{
   padding: 10px;
   float: left;
}

#footer .logos img
{
   padding: 0px 10px 0px 10px;
}


/**********************Menu Bottom*****************************/

#menu-bottom
{
   float: left;
   padding: 10px;
   margin-top: 50px;
}

#menu-bottom .copyright
{
   float: left;
   padding: 0px 80px 0px 10px;
}

#menu-bottom .uid
{
   float: right;
   padding: 0px 30px 0px 20px;
}

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

#menu-bottom .menu0 a
{
   text-decoration: none;
   padding: 0px 10px 0px 10px;
}


/************************Frame Offers**********************************/

#frameOffers
{
	width: 235px;
}

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

#frameOffers .title
{
	padding: 10px 0px 0px 10px;
	margin: 0;
}


#frameOffers .item .frameOffersText
{
   padding: 20px 10px 20px 15px;
}

#frameOffers .item .frameOffersTitle a
{
   padding: 4px 0px 0px 15px;
   text-transform: uppercase;
   text-decoration: none;
   display: block;
}

/****************Offers****************************/

#offers .item
{
   width: 520px;
}

#offers .separator
{
   height: 40px;
}

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

#offers .item .offerTitle,
#offers .item .offerTitle a,
#offers .item .date,
#offers .item .date a
{
   text-decoration: none;
   text-transform: uppercase;
   font-weight: bold;
   text-align: left;
}

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

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

#offers .item .offerLink a
{
   text-decoration: none;
   font-weight: bold;
   padding: 5px 20px 5px 15px;
}


/**Detail***/

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

#offers .detail .offerTitle,
#offers .detail .date
{
   text-decoration: none;
   text-transform: uppercase;
   font-weight: bold;
}

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

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

#offers .detail .offerLink
{
   padding: 2px 0px 2px 1px;
}

#offers .detail .offerLink a
{
   text-decoration: none;
   font-weight: bold;
   padding: 5px 20px 5px 15px;
}



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

#news .separator
{
   height: 40px;
}


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

#news .newsTitle,
#news .newsTitle a
{
   text-decoration: none;
   text-transform: uppercase;
   font-weight: bold;
   text-align: left;
}

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

#news .date
{
   text-transform: uppercase;
   font-weight: bold;
   padding-right: 20px;
}

#news .description
{
   padding: 5px 20px 15px 0px;
}

#news .newsLink a
{
   text-decoration: none;
   font-weight: bold;
   padding: 5px 20px 5px 15px;
}

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

.quick-request-container
{
	position: absolute;
	bottom: 40px;
	left: 10px;	
	width: 195px;
	height: 50px;
	z-index: 20;
}

#quick-request
{
    position: absolute;
	bottom: 50px;
	left: 10px;	
	width: 225px;
	height: 50px;
	z-index: 20;
}

#quick-request .title a
{
   text-decoration: none;
   display: block;
   text-transform: uppercase;
   font-size: 18px;
   line-height: 50px;
   text-align: center;
}

#quick-request .text
{
   padding: 0px 10px 30px 25px;    
}

#quick-request .text .button
{
   padding: 10px 0px 0px 0px;   
   margin: 10px 0px 0px 0px; 
}

#quick-request .text .name
{
	float: left;
	width: 85px;
	padding: 2px 0px 2px 0px;
}

#quick-request .text .value
{
	padding: 2px 0px 2px 95px;
}

#quick-request .text .value input
{
	width: 75px;
}

#quick-request img
{
	margin: 0px 0px 0px 2px;
}

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

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

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

#fotogallery .item .titlesmall
{
   text-decoration: none;
}

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

/********************************Frame Fotogallery******************/

#frameFotogallery .item
{
   padding: 5px 5px 10px 5px;
   width: 155px;
   float: left;
}

#frameFotogallery .item .title
{
   text-transform: uppercase;
   padding: 0px 0px 0px 0px;
}


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

#route-planner
{
	margin-top: 20px;
}

#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: 100px;
}

#route-planner .container .row .addresses
{
	width: 400px;
}

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

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

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

#google-map
{
	width: 600px;
	height: 360px;
}
#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: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 .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;
}


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

.contact-form .rooms
{
	width: 220px;
	float: left;
	margin-right: 50px;
}