/*CLEAR*/
.clearfix:after{
    content:"";
    clear: both;
    display:block;
    }
/*STARTSEITE*/
    
/*MAIN*/
.main {
    float:left;
    margin:10px 0;
    background: #fff;
    max-width: 80%;
    height:auto;
    }
.main .content#sec1{
    background:#f9d7b5;
    text-align: center;
    }
.main .content#sec1 p{
    padding-bottom:6px;
    }
.main .content#sec2{
    float:left;
    padding:20px;
    width:45% 
    }
.content#sec3{
    float:right;
    max-width:45%;
    margin:20px;
    padding:0px; 
    }
.main .content#sec3 img{
    width:100%;
    outline: 1px solid #ccc;
    /* height:auto; */
    }
.main p{
    padding-bottom:5px;
    font-size:0.95em;
    /* padding-right:30px; */
    }
.hide{
    position:absolute;
    left:-999em;
    }   /*Headline ist semantisch notwendig, jedoch optisch nicht schick*/

/*KONTAKT*/
.main .form{
    font-size:1.1em;
    margin-bottom: 10px;
    }
.main label{
	display:inline-block;
    min-width:100px;
    }
select{
    margin:10px 25px; padding:8px;
    }
input{
    padding:6px;
    }  
.main fieldset div{
    margin:1em 0 1em 1em;
    }
.main .content#sec3 div.impressum {
    font-family: 'Times New Roman', Times, serif;
    text-align:left;
    }/*gewählt, da die Zahlen besser lesbar sind*/
.requiredvalidate label:after{
    content:" " "*";color:red;
    }
p.required {
    color: red;
    font-style: italic; 
    font-size: 0.8em;
    padding-top:2px;
    padding-left:102px;
    }
:invalid :focus:required:invalid {background: red } 
:invalid :focus:required:valid {background: green } 
fieldset.form textarea{
    margin:10px 25px;
    }
fieldset legend{
    padding:0 2px;
    }
form #btn {
    width:30%;
    height:auto;
    margin-left:35%;
    }
h4#headimpressum{ 
        text-decoration: underline;
        }
.content#sec3 a{
    color:#0c5396;
    }

/*PREISE/SAISON*/

.main .content#sec5 img {
    width:65%;
    outline: 1px solid #ccc;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    }
section.content table{
    text-align:center;
    width:65%;
    outline: 1px solid #1d5183;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    margin-top:10px;
    font-family: 'Times New Roman', Times, serif; 
    /*gewählt, da die Zahlen besser lesbar sind*/
    }
section.content thead{
    color:#fff;
    background: #1d5183;
    }
section.content caption{
    font-weight:bold;
    font-size:1.2em;
    margin-top:10px;
    margin-bottom:10px;
    }
tbody tr:hover{
    background-color: #fae9d7;
    }
tbody td:hover{
    background-color: #f9d7b5;
    }
section.content tfoot{
    color:#fff;
    background: #ff4500;
    }

/*GALERIE Bungalow + Fewo*/
.content#sec3 ul.galery img{
    outline: 1px solid #ccc;
    text-align:center;
    display:block;
    }
.content#sec3 ul.galery li{
    border-top:10px solid transparent;
    border-right:10px solid transparent;
    float:left;
    width:31%;
    text-align:center;
    }
.content#sec3 ul.galery li:first-child{
    border-top:none;
    border-right:none;
    float:left;
    width:100%;
    }
.content#sec3 ul.galery li:last-child{
        padding-right:0px;
        border-right:none;
        }
.content#sec3 ul.galery li#start_pic img{
    width:100%;
    height: auto;
    outline: 1px solid #ccc; 
    }
ul:after{
    content:"";
    clear: both;
    display:block;}