/* CSS Reset */ 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;}

/* clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix {display: inline-block;}
.clearfix {display: block;}

/****
 * BASIC */
body {background: #09233e; color: white; font-family: Arial, sans-serif;}
#main {width: 796px; margin: 25px auto; border: 1px white solid; border-bottom-color: #cad3da; border-left-color: #c9d0da;}
#header {background: transparent url(../images/ferienwohnung_haffkrug_header.jpg) no-repeat right top; position: relative; height: 155px; border-bottom: 1px solid white;}

h1.logo {border-top: 1px solid #c9d0da; width: 152px; height: 155px; position: absolute; left: -1px; top: -1px; border-left: 1px solid #c9d0da;}
#footer {clear: both; font-size: 11px; padding: 5px 10px; border-top: 1px solid white;}
.main_content {background: transparent url(../images/main_content_bg.gif) repeat-y left;}
.content {width: 603px; float: right; padding: 20px;}
.sidebar {width: 152px; background: #38628c; float: left;}
.sidebarimage {display: block;}
/* sidebar menu */
#navmenu {font-family: Verdana, sans-serif; font-weight: bold; font-size: 11px; border-top: 1px solid white; padding-bottom: 10px;}
#navmenu a {float: left; width: 138px; padding: 5px 7px; color: white; text-decoration: none; background: #5b8bb1; border-bottom: 1px solid white;}
#navmenu a:hover {background: #09233e;}
#navmenu ul a {padding-left: 15px; width: 130px; background: #38628c; font-size: 10px;}

/* common */
a {color: white;}
a:hover {color: #73acda;}
.title {border-bottom: 1px solid white; padding-bottom: 10px; margin-bottom: 15px; font-weight: bold;}
.content p {margin-bottom: 10px; overflow: hidden; width: 100%; clear: both;}
.content img {border: 1px solid white;}

.thumbnail {float: left; margin-right: 7px;}

/*** Form with small text Box****/
.form_small {
}
.form_small fieldset{ 
border: 0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
padding:0px;
}
.form_small fieldset .heading{
font-weight:bold;
padding:0px;
}
.form_small fieldset li {
float:left;
}
.form_small fieldset ul {
float:left;
}

.form_small fieldset .input{
padding:5px 0px;
float:left;
width:100%;
}
.form_small fieldset .input .text{
float:left;
padding:0px 5px;
color:#FFFFFF;
width:150px; 
padding:3px 8px 0 0; 
font-size:13px; 
text-align:left;
}
.form_small fieldset .input .method{
float:left;
}

.form_small fieldset .input .method br{
clear:both;
}

.form_small fieldset .input .method .extra{
position:relative;
font-size:13px;
color:#330099;
top:10px;
}

.form_small fieldset .input .other{
float:left;
font:14px/14px arial; 
}

.form_small fieldset .input .method input.input{
margin:0;
padding:0;
width:150px; 
font:14px/14px arial;
}
.form_small fieldset .input .method select.input{
border:0; 
margin:0; 
width:170px; 
padding:9px 10px 10px 10px; 
font:14px/14px arial; 
background:url(../images/input-text-small.gif) no-repeat 0 0;
height:34px;
}
.form_small fieldset .input .method select.haserror, .form_small fieldset .input .method input.haserror{
	border:1px solid red;
}

.form_small fieldset .input .submit{
text-align:center;
}
.form_small fieldset .input .submit input{
background:url(../images/button.png) center center no-repeat;
border:none;
padding:0px 10px;
width:158px;
height:31px;
cursor:pointer;
text-indent:-9999;
}
.form_small fieldset .input label{
padding:0px 20px 0px 5px;
}
.form_small fieldset .input .error{
text-align:right;
padding:2px;
color:#FF3366;
font-size:11px;
font-weight:bold;
float:right;
display:none;
}

.form_small .heading{
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

.form_small .subheading{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:10px 0px;
}

.box {
 border:1px solid #000000;
 width:200px;
 margin-top:40%;
 text-align:center;
 color:#FFFFFF;
 line-height:20px;
 min-height:100px;
 vertical-align:middle;
 padding-top:40px;
 background-color:#5b8bb1;
}

.helper {
color:#999999;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

/*   Bug Fix */

.clear {
	clear: both;
}

.section {
	margin-bottom: 30px;
}

.section img {
	float: left;
	margin-right: 15px;
}

.section p {
	clear: none;
	overflow: auto;	
	float: left;
	width: 360px;
}

#navmenu a {
	padding: 9px 7px;
}

#navmenu ul a {
	width: 137px;
	padding: 7px 0 7px 15px;
}

.ausstatung {
	margin-bottom: 20px;
}

.ausstatung h5, .ausstatung p {
	padding: 5px 0;
}

.ausstatung h5 {
	font-weight: bold;
	float: left;
	width: 150px;
}

.content .ausstatung p {
	width: 450px;
	float: left;
	clear: none;
}

ul.list {
	margin-bottom: 35px;
}

ul.list li {
    list-style: disc outside none;
    margin-left: 16px;
    padding-bottom: 2px;
}

h1.logo {
	left: 0;
}

h1.logo a {
    height: 155px;
    width: 152px;
    display: block;
}

h1.title {
	font-size: 1.1em;
}