@charset "utf-8";
/* CSS Document */

body {
	font-size: 13px;
	background-color: #f4f3ed;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
body,input,textarea {font-family: "Trebuchet MS";font-size: 13px;}

img {border: none;}
a {text-decoration: none;color:#c30}
a:hover{text-decoration: underline;color:#930;}

/* Header */

.header {
	width: 815px;
	height: 329px;
	background-repeat: no-repeat;
	background-image: url(/img/header/bg-header.png);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}

/* Menu Block */

.menu_block {
	float: right;
	width: 600px;
	padding: 0;
}
.menu_block ul.menu {margin:0;padding:0;list-style-type:none;}
.menu_block ul.menu li {
	float: left;
	margin: 0px;
	padding-top: 30px;
}
.menu_block ul.menu li a, .menu_block ul.menu li span{
	display: block;
	background-image: url(/img/header/bg-menu.png);
	height: 54px;
	width: 130px;
	text-decoration:none;
	color: #a39e8e;
	text-align: right;
	padding-top: 25px;
	padding-right: 20px;
	text-transform: lowercase;
	font-size: 11px;
	line-height: 14px;
}
.menu_block ul.menu li a:hover {height: 49px;padding-top: 30px;color: #66604c;}
.menu_block ul.menu li a b, .menu_block ul.menu li span b {text-transform: uppercase;font-size: 15px;color: #66604c;}
.menu_block ul.menu li a:hover b {color: #930;}
#slide-container {background-image: url(/img/header/bg-slide-show.png);height: 189px;width: 575px;float:none;clear:both;text-align:center;font-size: 0px;margin:0px;padding:11px 20px 20px 5px;}
.menu_block ul.menu li span {height: 49px;padding-top: 30px;color:#66604c}
.menu_block ul.menu li span b{color:#c30}
#slide-container #slideshow {
     width:575;
     height:190px;
     margin:auto;
     position:relative;
}
#slide-container #slideshow IMG {
     position:absolute;
     top:0;
     left:0;
}

/* Logo Block */

.logo_block {
	float: left;
	width: 174px;
	height: 274px;
	background-image: url(/img/header/bg-logo-block.png);
	background-repeat: repeat-x;
	padding-top: 27px;
	padding-right: 13px;
	padding-bottom: 13px;
	padding-left: 13px;
	font-size: 0px;
}
.logo_block ul.flags {
	list-style-type:none;
	background-repeat:no-repeat;
	display: block;
	padding: 0 0 80px 0;
	margin: 0;
	text-align:center;
}
.logo_block ul.flags li {
	display: inline-block;
	background-repeat:no-repeat;
	height: 22px;
	width: 28px;
	margin: 0px;
	padding: 0 4px 0 4px;
}
.logo_block ul.flags li span {display: block;padding: 3px;background-image: url(/img/header/bg-flag-sl.gif)}
.logo_block ul.flags li a {padding: 3px;display: block;background-image: url(/img/header/bg-flag.gif);}
.logo_block ul.flags li a:hover {background-image: url(/img/header/bg-flag-hl.gif);}
#logo {
	background-image: url(/img/header/bg-logo.png);
	height: 72px;
	width: 74px;
	text-align:center;
	clear: both;
	padding-top: 49px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	float: none;
}
#logo #logoshow {
     width:74;
     height:73px;
     margin:auto;
     position:relative;
  }
#logo #logoshow IMG {
     position:absolute;
     top:0;
     left:0;
}

/* Page */

.page {
	width: 800px;
	background-color: #e2e0d3;
	background-repeat: repeat-x;
	background-image: url(/img/header/bg-page.png);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	overflow:hidden;
}

/* Content */

.content {
	margin-left:220px;
	width: 585px;
	padding: 0;
}
.content H1 {
	font-size: 24px;
	font-weight: normal;
	color: #66604c;
	margin: 0px;
	padding: 0 5px;
}
.content H2 {
	font-size: 13px;
	color: #c30;
	margin:0px;
	padding: 6px 5px 0 5px;
}

table th {
	font-size: 13px;
	color: #c30;
	margin:0px;
	padding: 6px 5px 0 5px;
	text-align: left;
}
table td{
	color: #66604c;
}

.content .roomOuterBorder {border: 1px solid #c2bfb1; margin-bottom:20px}
.content .roomInnerBorder {border: 7px solid #f4f3ed; padding:17px 10px 10px 10px}
.content h2.room {margin-top:-32px; border:1px solid #c2bfb1; background:#f4f3ed; padding:3px 7px; width:auto; float:right; clear:both}


.content p {
	margin: 0px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align: justify;
	color: #66604c;
}
.content p.app {padding-top:0px;}
.content .bild {
	float: right;
	height: 51px;
	width: 68px;
	background-color: #f4f3ed;
	padding: 5px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.content .bild1 {
	vertical-align:top;
	display:inline-block;
	height: 60px;
	width: 90px;
	background-color: #f4f3ed;
	padding: 5px;
	margin: 7px 2px 2px 2px;
	border: 1px solid #c2bfb1;
}
.bigImg {
	padding: 5px;
	background-color: #f4f3ed;
	border: 7px solid #c2bfb1;
}
.content .map {
	float: right;
	height: 290px;
	width: 290px;
	margin-top: 15px;
	margin-left: 30px;
	background-color: #FFF;
	padding: 5px;
}

.content .roomPriceTitle {margin:0 0 10px 30px}
.content .roomPrice {border:#f4f3ed 3px solid; margin-left:40px}
.content .roomPrice th, .content .roomPrice td {text-align:left; padding:3px; border:#f4f3ed 1px solid}
.content .roomPrice th { background: #cac7b9; padding-left:15px}
.content th.saison { width:240px}
.content th.price { width:190px; text-align:center; padding-left:3px}
.content td.price {padding-left:15px}
.content tr.odd { background:#ebe9dc}
/* Sidebar */

.sidebar {
	float: left;
	width: 200px;
	padding: 0;
	color: #66604c;
}
.sidebar H1 {
	font-size: 24px;
	font-weight: normal;
	color: #66604c;
	margin: 0px;
	padding: 0px;
}
.sidebar H2 {
	font-size: 13px;
	color: #66604c;
	margin:0px;
	padding:7px 0 3px 0;
}
.sidebar p {
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: justify;
	font-size: 11px;
	color: #66604c;
}
.sidebar p span {
	width: 60px;
	float: left;
	clear: left;
}
.sidebar form {
	margin: 0px;
	width: 200px;
	float: left;
	color: #66604c;
	padding:8px 0 0 0;
}
.sidebar form input.feld{width:193px;border: solid 1px #d0ccbf;margin-bottom:3px;padding-left: 5px;color: #006699;}
.sidebar form select.feld{width:200px;border: solid 1px #d0ccbf;margin-bottom:3px;padding-left: 3px;color: #006699;height:22px;}
.sidebar form input.btn {width: 200px;font-weight:bold;color:#4d4839;margin-top:15px;}

/* Footer */

.footer {
	width: 800px;
	height: 45px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #66604c;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #66604c;
}
.footer ul.bottom {margin:0;padding:0;list-style-type:none;}
.footer ul.bottom li {
	float: left;
	margin: 0px;
	padding:0px;
}
.footer ul.bottom li img {
	float: left;
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 75px;
}
.footer ul.bottom li span {
	font-size: 10px;
	font-weight: normal;
}
.footer ul.bottom li H2 {
	padding: 0px;
	font-size: 22px;
	margin-top: 0px;
	margin-right: 200px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 17px;
	white-space: nowrap;
	display: block;
}

#topBox{width:98%; height:25px; position:relative; text-align:right; z-index:15; margin-bottom:-25px}
#topBox a {display:inline-block; width:14px; height:16px; margin: 0 2px 0 2px; background: center no-repeat; text-decoration:none}
#topBox a.home {background-image:url(../img/ok-cms/topBox/home.png)}
#topBox a.contact {background-image:url(../img/ok-cms/topBox/mail.png)}
#topBox a.print {background-image:url(../img/ok-cms/topBox/print.png)}
#topBox a.sitemap {background-image:url(../img/ok-cms/topBox/map.png)}
#topBox a.login {background-image:url(../img/ok-cms/topBox/key.png)}
#topBox a.logout {background-image:url(../img/ok-cms/topBox/key1.png)}