/* -------------/ PAGE /------------- */

body {
padding: 0px;
margin: 0px;
background: url(images/bg.jpg);
color: #323232;
font: 13px Arial, Sans-Serif;
}

#page {
margin: 0px;
padding: 0px;
width: 888px;
}

.hidden {
display: none ;
}

h1 {
margin: 0px;
padding: 0px;
}

h2 {
font-size: 18px;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #2783e1;
margin: 0px;
padding: 0px;
}

h3 {
font-size: 11px;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #8d8d8d;
margin: 0px;
padding: 0px;
}

/* -------------/ HEADER /------------- */

#header {
background-image:url(images/header.jpg);
background-repeat: no-repeat;
width: 206px;
height: 82px;
}

#header a {
float: right;
}

/* -------------/ NAVIGATION /------------- */

#navi {
width: 912px;
}

#navi ul {
margin: 0px;
padding: 0px;
}

#navi li {
margin: 0px;
padding: 0px;
display: inline;
}

#navi a {
float: right;
}

.navi1 {
display: block;
background-image:url(images/home.jpg);
width: 95px; height: 51px;
}

a.navi1:hover {
background-image:url(images/home_hover.jpg);
width: 95px; height: 51px;
}

.navi1_active {
display: block;
background-image:url(images/home_hover.jpg);
width: 95px; height: 51px;
}


.navi2 {
display: block;
background-image:url(images/ferienhaus.jpg);
width: 135px; height: 51px;
}

a.navi2:hover {
background-image:url(images/ferienhaus_hover.jpg);
width: 135px; height: 51px;
}

.navi2_active {
display: block;
background-image:url(images/ferienhaus_hover.jpg);
width: 135px; height: 51px;
}


.navi3 {
display: block;
background-image:url(images/anfahrt.jpg);
width: 94px; height: 51px;
}

a.navi3:hover {
background-image:url(images/anfahrt_hover.jpg);
width: 94px; height: 51px;
}

.navi3_active {
display: block;
background-image:url(images/anfahrt_hover.jpg);
width: 94px; height: 51px;
}


.navi4 {
display: block;
background-image:url(images/belegungsplan.jpg);
width: 134px; height: 51px;
}
a.navi4:hover {
background-image:url(images/belegungsplan_hover.jpg);
width: 134px; height: 51px;
}

.navi4_active {
display: block;
background-image:url(images/belegungsplan_hover.jpg);
width: 134px; height: 51px;
}


.navi5 {
display: block;
background-image:url(images/preise.jpg);
width: 89px; height: 51px;
}

a.navi5:hover {
background-image:url(images/preise_hover.jpg);
width: 89px; height: 51px;
}

.navi5_active {
display: block;
background-image:url(images/preise_hover.jpg);
width: 89px; height: 51px;
}


.navi6 {
display: block;
background-image:url(images/links.jpg);
width: 82px; height: 51px;
}

a.navi6:hover {
background-image:url(images/links_hover.jpg);
width: 82px; height: 51px;
}

.navi6_active {
display: block;
background-image:url(images/links_hover.jpg);
width: 82px; height: 51px;
}


.navi7 {
display: block;
background-image:url(images/kontakt.jpg);
width: 81px; height: 51px;
}

a.navi7:hover {
background-image:url(images/kontakt_hover.jpg);
width: 81px; height: 51px;
}

.navi7_active {
display: block;
background-image:url(images/kontakt_hover.jpg);
width: 81px; height: 51px;
}


.header {
display: block;
background-image:url(images/header.jpg);
width: 202px; height: 51px;
}


/* -------------/ IMAGE /------------- */

#image {
width: 912px;
height: 260px;
}

/* -------------/ CONTENT /------------- */

#content {
background: url(images/content.jpg);
padding-top: 55px;
padding-bottom: 15px;
padding-left: 25px;
padding-right: 20px;
width: 867px;
}

#content a {
text-decoration: none;
color: #cb4826;
}

#content a:hover {
color: #ff7b59;
}

/* -------------/ FOOTER /------------- */

#footer {
background: url(images/footer.jpg);
background-repeat: no-repeat;
width: 893px;
height: 21px;
padding-top: 30px;
padding-left: 7px;
padding-right: 12px;
color: #ffffff;
font: 12px Arial, Sans-Serif;
margin-bottom: 50px;
}

#footer a {
text-decoration: none;
color: #76adde;
font-weight: bold;
}

#footer a:hover {
color: #97ceff;
text-decoration: underline;
}

/* -------------/ MISC /------------- */

input, textarea {
font: normal 11px Arial;
color: #2783e1;
background: #e7e6e6;
border: 1px solid #878787;
text-indent: 2px;
}

.left {
float: left;
}

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

.right {
float: right;
}

.auswahl {
float: right;
margin-right: 10px;
}

.auswahl a {
font-size: 12px;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
}

.auswahl a:hover {
color: #97ceff;
text-decoration: underline;
}

.haus {
border: 3px solid #CECECE;
margin-right: 25px;
}

.haus:hover {
border-color: #9F9F9F;
}

.wohnung {
border: 3px solid #CECECE;
float: right;
margin-right: 10px;
}

.wohnung:hover {
border-color: #9F9F9F;
}