/* Browser-Reset */
* { padding: 0; margin: 0;}

body { font-family: Helvetica; background: url('../../media/img/bg.gif') repeat-x; color: #202020; background-color: #f0f0f0;}

a { outline: none; border: none; color:#f90; text-decoration: none;}
a:hover { text-decoration: underline;}
p { font-size: 14px; line-height: 1.4em;}
h2 { background-color: #081535; color: #fff; padding: 10px 9px 5px 10px; font-weight: normal; font-size: 18px;}
h3 { margin-bottom: 10px; font-size: 16px; padding: 0 0 3px 0; border-bottom: 1px solid #d4d4d4;}

#top { background:#081535; height:8px; padding:0; margin:0;}

#logout { position: absolute; background:  url('../../media/img/off.png') no-repeat #081535 0 0; margin: 10px; display: block; width: 35px; top:0px; right: 0px; height: 30px; text-indent: -9999px;}
#logout:hover { background-position: 0 -30px;}

#newbooking {  position: absolute; font-size: 14px; color: #fff; top:418px; margin-left: 530px;}
#newbooking > span { font-size: 20px;}
#newbooking:hover { color: green;}

#deletebooking {  position: absolute; font-size: 14px; color: #fff; top:418px; margin-left: 380px;}
#deletebooking > span { font-size: 20px;}
#deletebooking:hover { color: red;}

.clear { clear: both;}

#wrapper { width: 1100px; left: 50%; margin-left: -550px; z-index: 20; position: absolute;}

#header { height: 400px;}

#slideshow { width: 1240px; margin:  0 auto; }

#slider { position: absolute; width: 1240px; top: 8px; height: 500px; overflow:hidden; z-index:1;}
div#slider img { position:absolute; overflow:hidden; z-index:1;}
div#slider img.activeimg { z-index:10;}
div#slider img.last-active { z-index:9;}

#logo { width: 200px; height: 115px; float: left; background: url('../../media/img/border-img.png'); border-bottom:2px solid #fff;
}
#logo > h1 > a{
	color: #fff; 
	font-size: 12px; 
	font-weight: normal; 
	display: block;
	width: 200px; 
	text-align: center; 
	height: 120px;
	text-indent: -9999px;
	background-image: url('../../media/img/h1.png');
	background-repeat: no-repeat;
	background-position: 20px 15px;
	border: none;
	outline: none;
}

#menu { height:48px; /*background: url('../../media/img/border-img.png');*/ float: left; margin-left: 130px; }
#menu > ul { list-style-type:none; list-style-image:none;}
#menu > ul > li { height:46px; float:right;}
#menu > ul > li > a { 
color:#fff; padding:0px 20px 0 20px; display:block; text-decoration:none; line-height:48px; font-weight:normal; font-size:14px; margin: 0px 1px;}
#menu > ul > li > a:hover { background: url('../../media/img/border-img.png'); color:#fff; }
#menu > ul > li > a.active { background:#081535; color:#fff; border-bottom: 1px solid #fff;
}

.border { background: url('../../media/img/border-img.png'); padding: 10px;}

.home-box { background: url('../../media/img/border-img.png'); padding:10px; margin-right: 20px; float: left; width: 333px;}

.home-box > .content > h2 { z-index: 1;}

.icon { padding-top: 10px; border: none; z-index: 7;}
.text1 p { width: 215px; margin-right: 10px; margin-bottom: 0px; padding: 10px 0 0 10px; float: left;}
.text2 p { width: 215px; margin-right: 10px; margin-bottom: 50px;  padding: 10px 0 0 10px; float: left;}
.text3 p { width: 215px; margin-right: 10px; margin-bottom: 50px;  padding: 10px 0 0 10px; float: left;}

.hover1 { margin-top:60px; z-index: 8;}
.hover1 > a { border: none;}
.hover1 > a > img { border: none;}
.hover2 { margin-top: 60px; z-index: 8;}
.hover2 > a { border: none;}
.hover2 > a > img { border: none;}
.hover3 { margin-top: 60px; z-index: 8;}
.hover3 > a { border: none;}
.hover3 > a > img { border: none;}

.home-box > .content { height: 200px; overflow: hidden;}

.apartment { padding: 10px 9px;}
.apartment p { width: 417px; margin-right: 12px;}
.apartment table { width: 688px; margin: 10px 0px;}
.apartment table tr td {  border:1px dotted #f0f0f0; height: 30px; font-size: 12px; padding: 5px;}
.apartment table tr:first-child { font-weight: bold;}
.apartment ul { font-size: 12px; margin: 10px 0 20px 20px; list-style-image: url(../../media/img/list-img.png);}

#price { width: 688px; margin: 10px 0px; margin-left: 8px;}
#price tr td {  border:1px dotted #f0f0f0; height: 30px; font-size: 12px; padding: 5px;}
#price tr:first-child { font-weight: bold;}


.eintrag { padding: 10px 9px;}
.eintrag p { width: 417px; margin-right: 12px; float: left;}
.eintrag img { border: 4px solid #d4d4d4;}
.eintrag table { width: 688px; margin: 10px 0px;}
.eintrag table tr td {  border:1px dotted #f0f0f0; height: 30px; font-size: 12px; padding: 5px;}
.eintrag table tr:first-child { font-weight: bold;}
.eintrag ul { font-size: 12px; margin: 10px 0 20px 20px; width: 409px; list-style-image: url(../../media/img/list-img.png); float: left;}


.eintrag1 { padding: 10px 9px;}
.eintrag1 > p { width: 416px; margin-right: 20px; float: left;}
.eintrag1 > a > img { border-color: #e5e5e5;}

.big-box { background: url('../../media/img/border-img.png'); padding: 10px; width: 707px; margin-right: 20px; float: left; }
.side-box { background: url('../../media/img/border-img.png'); width: 333px; float: left; padding: 10px; margin-bottom: 20px;}
.side-box > .content > p { float: left; width: 208px;}
.side-box > .content > p > span { font-weight: bold;}
.side-box > .content > a > img { float: left; margin-top: 20px; margin-bottom: 15px; border: none;}

.side-box-gal { width: 310px; margin: 0px 10px 5px 10px;}

.content { padding: 1px; background-color: #fff;}
.content > p { padding: 10px 9px 10px 9px;}

.galimg { margin-left: 9px;}

.gal-box { width: 214px; margin: 0 0 7px 10px; float: left; margin-right: 10px;}
.gal-box > a > img { border: 4px solid #d4d4d4;}

.back { margin: 0px 10px;  border-bottom: 1px solid #d4d4d4;}
.back a { font-size: 14px;}
.back a:first-child { display:inline-block; width: 42px; background-color: #d4d4d4; color: #222; padding: 7px 8px 5px 8px; margin: 10px 0px 0px 0px; }
.back > .next {margin-left: 10px;}
.gallery { padding: 0px 9px 10px 9px;}
.gallery > a > img { border: 4px solid #d4d4d4; margin: 10px 7px 0 0;}

.buchen { margin-top: 40px; font-size: 16px; font-weight: bold;}

.kontaktform { width: 330px; float: left; padding: 10px 9px; }
.kontaktform > form > input { height: 30px; width: 300px; border: 4px solid #d4d4d4;margin-bottom: 5px; padding: 0px 10px; font-size: 12px:}
.kontaktform > form > input:focus { background-color: #f0f0f0;}
.kontaktform > form > textarea { height: 150px; width: 300px; font-size: 12px; font-family: Arial; border: 4px solid #d4d4d4;margin-bottom: 10px; padding: 10px 10px;}
.kontaktform > form > textarea:focus { background-color: #f0f0f0;}
label { font-size: 12px;}
.kontaktright {width: 335px; float: left; padding: 25px 0 0 10px;}
#button { width: 150px;}
#button:active { background-color: #d4d4d4;border-color: #f0f0f0;}

iframe { clear: both; margin: 0 0 5px 10px; border: 4px solid #d4d4d4;}

#footer-inner { padding: 10px; margin-top: 20px; border-top: 1px dotted #202020;}
#footer-inner > p { width: 1000px;}
#footer-inner > p > a { margin: 0px 5px; color: #202020; text-decoration: none;}
#footer-inner > p > a:hover { text-decoration: underline;}
#footer-inner > p > a:first-child { margin-left: 0px;}
#footer-inner > p > span { color:#d4d4d4;}

#lang { float: left; width: 60px; padding-top: 5px;}
#lang a { padding: 5px; font-size: 12px;}
.lang-active { font-size: 12px; color: #202020; padding: 5px; background-color: #d4d4d4;}
#lang > span { padding: 0px 5px; color:#d4d4d4;}

#booking p { margin-bottom: 10px;}

.buchungs-form { padding: 10px 9px;}
.buchungs-form input { height: 30px; border: 4px solid #d4d4d4; margin-bottom: 5px; padding: 0px 5px;}

.loginsubmit { margin-top: 10px;}
.loginsubmit:active { background-color: #d4d4d4;border-color: #f0f0f0;}
.loginsubmit:hover {cursor: pointer;}

.label { background-color: #d4d4d4;}

td.empty_cell { text-align: center; background-color: #d4d4d4; color: #fff;}
td.cal { text-align: center; background-color: #081535; color: #fff; padding: 10px; border: 2px solid #d4d4d4;}
td.cal2 { text-align: center; background-color: #b60000; color: #FFF; padding: 10px; border: 2px solid #d4d4d4;}

th.monthlink { color: #fff; background: #081535; font-weight: bold;}
th.monthlink th { font-size: 18px;}