/*
Original design: andreas08 (v2.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/andreas08/
*/

/* Body and tag styles */
* {margin:0; padding:0;}
body {font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; text-align:center; color:#303030; background:#e8eaec;}
a {color:#467aa7; font-weight:bold; text-decoration:none; background-color:inherit;}
a:hover {color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img {border:none;}
p {padding:0 0 1.6em 0;}
p form {margin-top:0; margin-bottom:20px;}
img.left,img.center,img.right {padding:4px; border:1px solid #a0a0a0;}
img.left {float:left; margin:0 12px 5px 0;}
img.center {display:block; margin:0 auto 5px auto;}
img.right {float:right; margin:0 0 5px 12px;}

/* Header and navigation styles */
#container {width:860px; margin:20px auto; padding:5px 5px 5px 5px; text-align:left; background:#ffffff; color:#303030;}
#header_index {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo.gif); background-repeat: no-repeat;}
#header_uebersicht {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_uebersicht.jpg); background-repeat: no-repeat;}
#header_chateau_hill {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_chateau_hill.jpg); background-repeat: no-repeat;}
#header_thapwarin {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_thapwarin.jpg); background-repeat: no-repeat;}
#header_coco_cottage {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_coco_cottage.jpg); background-repeat: no-repeat;}
#header_sea_food_resort {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_sea_food_resort.jpg); background-repeat: no-repeat;}
#header_koh_hai_villa {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_koh_hai_villa.jpg); background-repeat: no-repeat;}
#header_mayaky_resort {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_mayaky_resort.jpg); background-repeat: no-repeat;}
#header_fantasy_resort {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_fantasy_resort.jpg); background-repeat: no-repeat;}
#header_thanya_resort {height:195px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_thanya_resort.jpg); background-repeat: no-repeat;}
#header_koh_hai_resort {height:195px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_koh_hai_resort.jpg); background-repeat: no-repeat;}
#header_paradise_resort {height:195px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_paradise_resort.jpg); background-repeat: no-repeat;}
#header_lageplan {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_lageplan.jpg); background-repeat: no-repeat;}
#header_anreise {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_anreise.jpg); background-repeat: no-repeat;}
#header_kontakt {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_kontakt.jpg); background-repeat: no-repeat;}
#header_newsletter {height:185px; width:858px; margin:0 1px 1px 1px; background:#b3b3b3; color:#ffffff; background-image: url(../pictures/header_logo_newsletter.jpg); background-repeat: no-repeat;}
#header_index h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_index h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_uebersicht h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_uebersicht h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_chateau_hill h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_chateau_hill h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_thapwarin h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_thapwarin h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_coco_cottage h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_coco_cottage h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_sea_food_resort h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_sea_food_resort h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_koh_hai_villa h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_koh_hai_villa h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_mayaky_resort h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_mayaky_resort h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_fantasy_resort h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_fantasy_resort h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_thanya_resort h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_thanya_resort h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_koh_hai_resort h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_koh_hai_resort h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_paradise_resort h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_paradise_resort h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_lageplan h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_lageplan h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_anreise h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_anreise h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_kontakt h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_kontakt h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#header_newsletter h1 {padding:110px 0 0 150px; font-size:2.4em; background-color:transparent; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header_newsletter h2 {margin:10px 0 0 150px; font-size:1.4em; background-color:transparent; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}
#navigation {height:2.2em; line-height:2.2em; width:858px; margin:0 1px; background:#eeeeee; color:#ffffff;}
#navigation li {float:left; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap;}
#navigation li a {display:block; padding:0 10px; font-size:0.8em; font-weight:normal; text-transform:uppercase; text-decoration:none; background-color:inherit; color: #ffffff;}
* html #navigation a {width:1%;}
#navigation .selected,#navigation a:hover {background:#ffffff; color:#ffffff; text-decoration:none;}

/* Content styles */
#content {float:left; width:630px; font-size:0.9em; padding:20px 0 0 20px;}
#content h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#505050; background-color:inherit;}
#content h2 a {font-weight:normal;}
#content h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover {text-decoration:underline;}
#content ul,#content ol {margin:0 5px 16px 35px;}
#content dl {margin:0 5px 10px 25px;}
#content dt {font-weight:bold; margin-bottom:5px;}
#content dd {margin:0 0 10px 15px;}
#contentw {float:left; width:840px; font-size:0.9em; padding:20px 0 0 20px;}
#contentw h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#505050; background-color:inherit;}
#contentw h2 a {font-weight:normal;}
#contentw h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#contentw a:hover,#subcontent a:hover {text-decoration:underline;}
#contentw ul,#content ol {margin:0 5px 16px 35px;}
#contentw dl {margin:0 5px 10px 25px;}
#contentw dt {font-weight:bold; margin-bottom:5px;}
#contentw dd {margin:0 0 10px 15px;}

/* Sidebar styles */
#subcontent {float:right; width:170px; padding:20px 20px 10px 0; line-height:1.4em;}
#subcontent h2 {display:block; margin:0 0 15px 0; font-size:1.6em; font-weight:normal; text-align:left; letter-spacing:-1px; color:#505050; background-color:inherit;}
#subcontent p {margin:0 0 16px 0; font-size:0.9em;}

/* Menublock styles */
.menublock {margin:0 0 20px 8px; font-size:0.9em;}
.menublock li {list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a {font-weight:bold; text-decoration:none;}
.menublock li a:hover {text-decoration:none;}
.menublock li ul {margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li {margin-bottom:0;}
.menublock li ul a {font-weight:normal;}

/* Searchbar styles */
#searchbar {margin:0 0 20px 0;}
#searchbar form fieldset {margin-left:10px; border:0 solid;}
#searchbar #s {height:1.2em; width:110px; margin:0 5px 0 0; border:1px solid #a0a0a0;}
#searchbar #searchbutton {width:auto; padding:0 1px; border:1px solid #808080; font-size:0.9em; text-align:center;}

/* Footer styles */
#footer {clear:both; width:858px; padding:5px 0; margin:0 1px; font-size:0.9em; color:#f0f0f0; background:#7c7280;}
#footer p {padding:0; margin:0; text-align:center;}
#footer a {color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover {color:#ffffff; background-color:inherit; text-decoration: underline;}

/* Misc classes and styles */
.splitcontentleft_1col {float:left; width:100%;}
.splitcontentleft {float:left; width:48%;}
.splitcontentright {float:right; width:48%;}
.splitcontentleft_start {float:left; margin-left: 10px; width:30%;}
.splitcontentmiddle_start {float:left; margin-left: 10px; width:30%;}
.splitcontentright_start {float:left; margin-left: 10px; width:30%;}
.splitcontentright_start_without_frame {float:left; margin-left: 10px; width:30%;}
.splitcontentright_in_2col {float:left; width:98%;}

.clear {clear:both;}
.small {font-size:0.8em;}
.hide {display:none;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.important {color:#f02025; background-color:inherit; font-weight:bold;}
.box {margin:0 0 20px 0; padding:10px; border:0px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;}
#mainBox {height: 360px;}

