/**************************
* Basics
**************************/
body { margin:0; padding:0; background:#043f68 url('../images/mainbackground.jpg') scroll repeat 0 0; }
p, li, td, span, a, label { font-family:Arial; font-size:13px; color:#464646; }
h2, h3 { margin:0 0 6px 0; font-family:Arial; font-size:15px; font-weight:normal; color:#043f68; }
img { border:0; }
iframe { border:0; }

.smallcaps { font-variant:small-caps; }
.price { color:#043f68; font-size:15px; font-weight:bold; }
.BGlightgrey { background-color:#efefef; }

/**************************
* Wrapper
**************************/
div.pageContainer { width:942px; margin:0 auto; z-index:10; position:relative; }
div.gradient { position:absolute; width:100%; top:0; left:0; height:627px; background:transparent url('../images/gradient.png') scroll repeat-x 0 0; z-index:1; }

/**************************
* Head
**************************/

div.head { width:942px; height:106px; margin-top:20px; background:#043f68 url('../images/headBackground.jpg') scroll no-repeat 0 0; position:relative; }
div.head div.emblem { position:absolute; top:6px; left:0; width:95px; height:95px; }
div.head div.languages { position:absolute; top:6px; right:6px; background:transparent url('../images/worldmap.png') scroll no-repeat 0 0; height:27px; width:182px; overflow:hidden; z-index:22; }
div.head div.languages:hover { height:100px; overflow:show; background-color:#043f68; }
.goog-te-combo { z-index:1000; }
div.languages span { display:block; margin:3px 0 10px 50px; color:white; font-size:11px; }
div.headTitle { position:absolute; left:119px; top:13px; height: 29px; width:499px; overflow:hidden; }
div.headTitle h1 { position:absolute; font-size:10px; color:white; z-index:20; }
div.headTitle img { position:absolute; z-index:21; }

/**************************
* Navigation
**************************/
ul.navigation { position:absolute; list-style-type:none; margin:0; padding:0; top:75px; left:107px; }
ul.navigation li { float:left; }
ul.navigation li a { color:white; text-decoration:none; display:block; padding:2px 12px; }
ul.navigation li a:hover { text-decoration:none; background:transparent url('../images/menuhover.png') scroll no-repeat center bottom; }

/**************************
* Slideshow
**************************/
#frame div.slideshow { display:none; }
div.slideshow { position:relative; margin:12px 0; height:340px; width:930px; padding:6px; background:transparent url('../images/slideshowBackground_sub.png') scroll no-repeat 0 0; }
div.slideshow div.picture { position:relative; margin:0 0 0 318px; }
div.slideshow ul.subcategories { position:absolute; list-style-type:none; margin:0; padding:0; top:93px; left:0; width:306px; }
div.slideshow ul.subcategories li { display:block; border-bottom:dotted #3c6584 1px; }
div.slideshow ul.subcategories li:hover { background-color:#03375d; border-bottom:dotted 1px #01253f; }
div.slideshow ul.subcategories li a { display:block; padding:12px; color:white; font-size:13px; text-decoration:none; }
div.checkAvail { width:294px; padding:6px; position:absolute; top:0; left:0; border-bottom:solid 1px #3c6584; height:80px; overflow:hidden; }
#home div.slideshow { position:relative; margin:12px 0; height:465px; width:930px; padding:6px; background:transparent url('../images/slideshowBackground.png') scroll no-repeat 0 0; overflow:hidden; }
#home div.checkAvail { width:282px; padding:0; height:87px; background:transparent url('../images/black60.png') scroll repeat 0 0; border-top:solid 1px white; border-bottom:solid 1px white; border-left:solid 1px white; position:absolute; top:348px; left:42px; }
span.headline { display:block; padding:6px; }
span.fieldcontainer { display:inline-block; height:auto; margin:0 6px; }
form.checkAvail { margin:0; padding:0; }
form.checkAvail input[type="text"] { border:0; font-size:13px; color:#464646; }
form.checkAvail label { display:block; font-size:11px; color:white; margin:0 0 2px 0; }
input.date { background:transparent url('../images/inputDate.png') scroll no-repeat 0 0; width:106px; height:22px; }
input.nights { background:transparent url('../images/inputsmall.png') scroll no-repeat 0 0; width:52px; height:22px; }
form.checkAvail input[type="submit"] { color:#043F68; text-align:center; }
div.welcome { position:absolute; top:348px; left:325px; width:575px; height:87px; border-top:solid 1px white; border-bottom:solid 1px white; border-right:solid 1px white; background:transparent url('../images/black60.png') scroll repeat 0 0; }
div.welcome p { margin:0 6px; padding:0; color:white; }

/**************************
* Main Content
**************************/
div.contentWrapper { position:relative; padding: 6px 0 0 6px; margin-top:12px; overflow:auto; }
#bookingform div.contentWrapper { background:transparent url('../images/bookingDataBackground.png') scroll no-repeat 0 0; }
ul.promotions { list-style-type:none; padding:0; margin:0; height:332px;}
ul.promotions li { float:left; position:relative; width:270px; height:296px; padding:18px 12px; background:white url('../images/promotionBackground.jpg') scroll no-repeat 0 0; margin:0 24px 24px 0; }
ul.promotions li h2 { margin:0 0 15px 0; font-size:15px; font-weight:normal; color:#043f68; }
ul.promotions li p { margin:6px 0 0 0; font-size:13px; color:#464646; }
ul.promotions li a { color:#464646; text-decoration:none; }
ul.promotions li span.price { position:absolute; left:12px; bottom:40px; }
ul.promotions li span.details { position:absolute; left:12px; bottom:20px; }
ul.promotions li span.details a { display:block; background: url("../images/arrow.png") no-repeat scroll 0 0 transparent; padding: 0 0 0 21px; }
ul.promotions li span.details a:hover { color:#043f68; background: url("../images/arrow_white.png") no-repeat scroll 0 0 transparent; padding: 0 0 0 21px; }

div.sub1 { float:left; margin:0 24px 24px 0; width:294px; }
div.sub2 { float:left; margin:0 0 24px; width:294px; }
#frame div.sub2 { display:none; }
div.subwide { float:left; width:612px; margin:0; }
#frame div.subwide { width:930px; }
#bookingform div.subwide { width:930px; }
#home div.sub1, #home div.sub2, #home div.subwide { height:185px; overflow: hidden; }
div.text { padding:18px 12px; }
div.text p { margin:0 0 6px 0; line-height: 19px; }

div.rule { width:942px; height:2px; background-image:url('../images/rule.png'); margin:6px 0;}

/**************************
* Bookingform
**************************/
#bookingform div.contentWrapper form { margin:0; padding:0; }
div.bookingdata { height:145px; position:relative; background:transparent url('../images/bell.png') scroll no-repeat right 42px; }
div.bookingdata label { width:90px; color:white; display:inline-block; }
.necessary { font-weight:bold; color:#043F68; }
div.bookingdata input[type="text"] { margin-bottom:3px; width:86px; }
div.bookingdata input[type="submit"] { margin:3px 0 0 86px; width:auto;}
div.selectedrooms { position:absolute; left:326px; z-index:50; height:145px; width:auto; overflow:auto; }
div.selectedrooms table { border-collapse:collapse; }
div.selectedrooms td { color:white; padding:2px 8px 8px 3px; margin:0; }
div.selectedrooms td.right { text-align:right; }
div.selectedrooms td.lastRow { border-top:solid 1px white; }
div.selectedrooms p.hint { font-size:15px; color:white; margin: 60px 0; }
div.roomselection { background-color:#efefef; width:930px; margin-top:12px; }
div.roomselection table { width:100%; border:0; border-collapse:collapse; }
div.roomselection table td { padding:6px; border-bottom: 2px solid #043F68; }
div.roomselection table td td { padding:0 0 2px; border:0; }
div.bookingform { background: url("../images/hut400.png") no-repeat scroll 15px 175px #EFEFEF; width:918px; margin-top:6px; padding:6px; }
div.bookingform label { width:130px; display:inline-block; }
div.bookingform input { width:250px; }
div.bookingform input[type="submit"] { margin-left:132px; }
div.bookingform textarea { width:250px; height:100px; }
div.bookingform div.bookingcontact { margin-left:320px; }
div.message p { font-weight:bold; color:#043F68; padding:20px 0; }

/**************************
* Footer
**************************/
div.footer { padding:0 6px; }
div.footer span { display:table-cell; color:white; height:auto; vertical-align:middle; }
div.footer span.socialbookmark { padding-right:6px; }
div.footer span.textblock { padding:0 18px 0 6px; }

/**************************
* Bottom
**************************/
div.bottom { width:930px; padding:0 6px; }
div.bottom p.center { text-align:center; color:white; font-size:10px; }
div.bottom p.center a { color:white; text-decoration:underline; font-size:10px; }

/**************************
* Galleria
**************************/
#galleria { height:500px; color:#eee; }
#galleria p, #galleria li, #galleria span { color:#eee; }

/**************************
* downloads
**************************/
div.download { font-family:Arial; font-size:13px; color:#464646; padding: 5px 12px; }
div.download a:hover { font-family:Arial; font-size:13px; color:#000000; }