/* CSS Document */

body
{
  margin: 0px;
  padding: 0px;
   font: normal 12px Verdana, Arial, Helvetica, sans-serif;
   background-color: #cdcdcd;
   height: 100%;
   width: 100%;
}

h1 {
font-size: 12px;
}

.wrapper-collection {
width: 100%;
height: 100%;
  margin-top: 0px;
  padding: 0px;
 background: url(../images/background.jpg) no-repeat center top;
position: absolute;
}

.wrapper-guestfarm{
width: 1178px;
height: 100%;
  margin-top: 0px;
  padding: 0px;
 background: url(../images/background_guestfarm.jpg) no-repeat left top;
margin-left: auto;
margin-right:auto;
border-top:  #CCCCCC solid 1px
}

.container
{
width: 920px;
height: auto;
margin: 16px auto auto auto;
padding: 0px;
margin-left: auto;
margin-right: auto;
}

.container-guestfarm {
text-align:left;
width: 765px;
height: auto;
margin: 6px auto auto auto;
padding: 0px;
margin-left: auto;
margin-right: auto;
color:#fff;
}

a:link, a:visited, .pink {
color: #d40050;
}

a:hover {
color: #79002E;
}

.top-right {
width: 571px;
height:150px;
float: left;
}
.top-navi {
float: left;
width: 572px;
height: 20px;
color:#6a5e42;
text-align: right;
text-transform: uppercase; 
font-size: 11px;
}

span.active {
color:#999999;
margin-right: 5px;
}

.top-navi a:link, .top-navi a:visited {
color:#6a5e42;
font-size: 11px;
margin-right: 5px;
margin-left: 5px;
}

.top-navi a:hover {
color: #d40050;
}

span.message {
color: #d40050;
font-weight: bold;
}

.main-navi{
background: url(../images/navi_bg.jpg) top left no-repeat;
width:569px;
height:67px;
margin-top: 40px;
}

.nav-line1 {
width: 380px;
height:19px;
position: relative;
top: 14px;
left: 92px;
}

.nav-line1-en {
width: 500px;
height:19px;
position: relative;
top: 14px;
left: 52px;
}

.nav-line2 {
width: 380px;
height:19px;
position: relative;
top:19px;
left: 104px;
}

.nav-line2-en {
width: 380px;
height:19px;
position: relative;
top:19px;
left: 153px;
}

.letter-small {
float: right;
}

.collection{
width:780px;
height:252px;
padding: 0;
margin-top:30px;
}

.guestfarm{
width:775px;
height:252px;
padding: 0;
margin-top:10px;
margin-bottom: 0px;
}

.kir_movie{
width:720px;
height:406px;
padding: 0;
margin-top:10px;
border:#FFFFFF solid 1px;
}

img.logo-guestfarm {
float: left;
}

img{
border: none;
}
  
img.no-margin{
  margin:0px;
  border: none;
  margin-top: 3px;
}
  
.collection a:link, .collection a:visited,.collection a.no-margin:link, .collection a.no-margin:visited{
border: #FFFFFF solid 1px;
display: block;
height: 250px;
width: 137px;
float: left;
margin: 0px;
margin-right: 17px;
}

.collection a.no-margin:link {
margin-right: 0;}
  
.collection a:hover, .collection a.no-margin:hover{
border: #d40050 solid 1px;
}

.guestfarm a:link, .guestfarm a:visited, .guestfarm a.no-margin:link, .guestfarm a.no-margin:visited{
border: #FFFFFF solid 1px;
display: block;
height: 115px;
width: 246px;
float: left;
margin: 0px;
margin-right: 10px;
margin-top: 10px;
}

.guestfarm a.no-margin:link {
margin-right: 0;}
  
.guestfarm a:hover, .guestfarm a.no-margin:hover{
border: #d40050 solid 1px;
}

.sl-collection,.sl-gaestefarm, .sl-unterkunft, .sl-aktivitaeten, .sl-farmkueche, .sl-preise, .sl-buchungsanfrage, .sl-galerie, .sl-anfahrt, .sl-impressum, .sl-movie, .sl-collection-en, sl-gaestefarm-en, .sl-unterkunft-en, .sl-aktivitaeten-en, .sl-farmkueche-en, .sl-preise-en, .sl-buchungsanfrage-en, .sl-galerie-en, .sl-impressum-en
{
width: 920px;
 height: 131px;
 margin-top:52px;
margin-left: auto;
margin-right: auto;
}

.sl-collection
{
background: url(../images/sublines/collection.jpg) no-repeat;
 height: 220px;
  margin-top:-62px; 
}

.sl-collection-en
{
background: url(../images/sublines_en/collection.jpg) no-repeat;
 height: 220px;
  margin-top:-62px; 
}

.sl-gaestefarm
{
background: url(../images/sublines/gaestefarm.jpg) no-repeat;
 margin-top:-52px; 
}

.sl-gaestefarm-en
{
background: url(../images/sublines_en/gaestefarm.jpg) no-repeat;
 margin-top:-52px; 
 width: 920px;
 height: 131px;

margin-left: auto;
margin-right: auto;
}

.sl-unterkunft
{
background: url(../images/sublines/unterkunft.jpg) no-repeat;
}

.sl-unterkunft-en
{
background: url(../images/sublines_en/unterkunft.jpg) no-repeat;
}

.sl-aktivitaeten{
background: url(../images/sublines/aktivitaeten.jpg) no-repeat;
}

.sl-aktivitaeten-en{
background: url(../images/sublines_en/aktivitaeten.jpg) no-repeat;
}

.sl-farmkueche{
background: url(../images/sublines/farmkueche.jpg) no-repeat;
}

.sl-farmkueche-en{
background: url(../images/sublines_en/farmkueche.jpg) no-repeat;
}

.sl-preise{
background: url(../images/sublines/preise.jpg) no-repeat;
}

.sl-preise-en{
background: url(../images/sublines_en/preise.jpg) no-repeat;
}

.sl-galerie{
background: url(../images/sublines/galerie.jpg) no-repeat;
}

.sl-galerie-en{
background: url(../images/sublines_en/galerie.jpg) no-repeat;
}

.sl-anfahrt{
background: url(../images/sublines/anfahrt.jpg) no-repeat;
}

.sl-buchungsanfrage{
background: url(../images/sublines/buchungsanfrage.jpg) no-repeat;
}

.sl-buchungsanfrage-en{
background: url(../images/sublines_en/buchungsanfrage.jpg) no-repeat;
}

.sl-impressum{
background: url(../images/sublines/impressum.jpg) no-repeat;
}

.sl-impressum-en{
background: url(../images/sublines_en/impressum.jpg) no-repeat;
}

.sl-movie{
background: url(../images/sublines/movie.jpg) no-repeat;
}

.letter {
width: 100px;
height: 74px;
position: relative;
right: -260px;
top: -32px;}


/*subpages*/

.unterkunft, .aktivitaeten, .farmkueche, .buchungsanfrage, .preise, .preise_en, .galerie, .anfahrt, .impressum, .accommodation, .activities
{
width:762px;
height:385px;
text-align: left;
color:#3d3333;
border: #FFFFFF solid 1px;
}

.unterkunft{
background: url(../images/unterkunft.jpg) top left no-repeat;
}

.unterkunft-content {
width: 410px;
margin-top: 192px;
margin-left: 320px;
}

.accommodation{
background: url(../images/accommodation.jpg) top left no-repeat;
}

.unterkunft-content {
width: 410px;
margin-top: 192px;
margin-left: 320px;
}

.accommodation-content {
width: 410px;
margin-top: 112px;
margin-left: 320px;
}

.unterkunft .links {
text-transform:uppercase;
width: 350px;
margin-left: auto;
margin-right: auto;
top: 5px;
position: relative
}

.links a:link, .links a:visited {
color:#3d3333;
margin-left: 4px;
margin-right: 4px;
}

.links a:hover {
color:#d40050;
}

.aktivitaeten{
background: url(../images/aktivitaeten.jpg) top left no-repeat;
}

.farmkueche{
background: url(../images/farmkueche.jpg) top left no-repeat;
}

.anfahrt{
background: url(../images/anfahrt.jpg) top left no-repeat;
}

.impressum{
background: url(../images/impressum.jpg) top left no-repeat;
}

.farmkueche-content {
width: 315px;
margin-top: 35px;
margin-left: 38px;
}

.buchungsanfrage{
background: url(../images/buchung.jpg) top left no-repeat;
}

.buchungsanfrage-content{
width: 310px;
margin-top: 45px;
margin-left: 52px;
}

.preise{
background: url(../images/preise.jpg) top left no-repeat;
}

.preise_en{
background: url(../images/preise.jpg) top left no-repeat;
}

.preise-content 
{
width: 430px;
margin-top: 193px;
margin-left: 240px;
}

.aktivitaeten-content{
width: 700px;
margin-top: 28px;
margin-left: 36px;
}

.anfahrt-content{
width: 380px;
margin-top: 60px;
margin-left: 50px;
}

.impressum-content-left{
width: 270px;
margin-top: 40px;
margin-left: 50px;
float: left;
}
.impressum-content-right{
width:270px;
margin-top: 40px;
margin-left: 30px;
float: left;
}

.kontaktformular {
width:762px;
height:auto;
text-align: left;
color:#3d3333;
background-color:#ebeaea;
border: #FFFFFF solid 1px;
padding-left: 20px;
}

input, textarea {
border: solid 1px #FFFFFF
 }
 
 
.button {
color:#d40050;
}

.clr
{
clear:both;
}

/*FOOTER*/

.footer {
height: 25px;
width: 100%;
background-color: #FFFFFF;
color: #d40050;
padding-top: 10px;
position:fixed;
bottom: 0px;
}

span.copyright {
float: right;
font-size: 11px;
color:#989284;
float: left;
}


.footer-content {
width: 750px;
margin-left: auto;
margin-right: auto;
text-align: left;
height: 17px;
}

.footer .nav {
float: right;
}

.footer a:link, .footer a:visited {
color: #d40050;
margin-left: 5px;
margin-right: 5px;
font-size: 11px;
text-transform: uppercase; 
}

.footer a:hover {
color:#989284;
}

a.collection:link, a.collection:visited {
font-size: 11px;
color:#989284;
margin: 0px;
}

a.collection:hover{
color: #d40050;
}

span.facebook {
float: left;
font-size: 11px;
color:#333333;
float: left;
margin-left: 85px
}

img.facebook
{
height: 19px;
margin-top: -3px;
}

/*GALERIE*/
.galerie {
border: 0px;
width:740px;
height:670px;
padding-left: 20px;
margin-left: auto;
margin-right: auto;
}

.galerie a:link, .galerie a:visited, .galerie a.no-margin:link, .galerie a.no-margin:visited{
border: #FFFFFF solid 1px;
display: block;
height: 90px;
width: 120px;
float: left;
margin: 0px;
margin-right: 25px;
margin-top: 25px;
}

.galerie a.no-margin:link {
margin-right: 0;}
  
.galerie a:hover, .galerie a.no-margin:hover{
border: #d40050 solid 1px;
}


/*movie styles*/

.movie {
position: relative;
height: auto;
width: 125px;
top: -540px;
left: 630px;
}

.movie_home {
position: relative;
height: auto;
width: 125px;
top: -350px;
left: 330px;
}
a.close:link, a.close:visited {

float:right;
margin-right: 47px;
margin-top: 110px;}

.language {
position: relative;
left: -310px;
top: -150px;
width: 200px;
height: 50px;
color:#999999;
}

.language a:link, .language a:visited {
color:##d40050;
margin-left: 15px;
margin-right: 15px;
}

:focus {
  -moz-outline-style: none;
}

.construction {
margin-top: 320px;
width: 300px;
height: auto;
color: #d40050;;
text-align:center}