/*** CSS Knoglerhof ***/

/* Allgemeine Styles */
body {
  background:#fff;
}

body, table, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin:0px;
    color:#505050;
}

img, a img {border:none;}
.hidden {display:none;}

h1, h2, h3{
	padding:0px;
}
h2{
	font-size:14px;
    line-height:16px;
	margin:0 0 10px 0;
    color:#355a00;
}
h3{
	font-size:12px;
	margin:9px 0 6px 0;
}

a{
    text-decoration: none;
    color:#93A200;
}

a:hover{
    text-decoration: underline;
}


/* Hauptstruktur */
#BoxPosition {
    display:block;
    left:50%;
    margin:0 0 0 -450px;
    position:absolute;
    top:0px;
    width:900px;
}


#BoxHeader{
    display:block;
    height:90px;
    width:100%;
    position:absolute;
}
    #BoxHeader #BoxLogo{
      display:block;
      position:absolute;
      top:10px;
      left:3px;
      width:202px;
      height:67px;
    }
    #BoxHeader #h1Header{
      display:block;
      position:absolute;
      right:0px;
      top:53px;
      margin:0;
      color:#93a200;
      font-size:18px;
      line-height:26px;
    }


/* Menue */
#ListMenu{
    display:block;
    height:45px;
    width:100%;
    position:relative;
    top:90px;
    background:transparent url(../img/MenuBg.gif) repeat-x scroll 0 0;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin:0;
    padding:0;
}
    #ListMenu li{
        float:left;
        position:relative;
        margin:0 9px 0 9px;
    }
    #ListMenu li a {
        float:left;
        height:45px;
        padding:0;
        position:relative;
    }
    #ListMenu #startseite a{
      background:transparent url(../img/Menu.gif) repeat scroll -8px 0;
      width:89px;
    }
    #ListMenu #startseite a:hover, #ListMenu #startseite a.active{
      background:transparent url(../img/Menu.gif) repeat scroll -8px -45px;
    }
    #ListMenu #derhof a{
      background:transparent url(../img/Menu.gif) repeat scroll -113px 0;
      width:76px;
    }
    #ListMenu #derhof a:hover, #ListMenu #derhof a.active{
      background:transparent url(../img/Menu.gif) repeat scroll -113px -45px;
    }
    #ListMenu #ferienwohnungen a{
      background:transparent url(../img/Menu.gif) repeat scroll -204px 0;
      width:155px;
    }
    #ListMenu #ferienwohnungen a:hover, #ListMenu #ferienwohnungen a.active{
      background:transparent url(../img/Menu.gif) repeat scroll -204px -45px;
    }
    #ListMenu #preise a{
      background:transparent url(../img/Menu.gif) repeat scroll -376px 0;
      width:59px;
    }
    #ListMenu #preise a:hover, #ListMenu #preise a.active{
      background:transparent url(../img/Menu.gif) repeat scroll -376px -45px;
    }
    #ListMenu #streichelzoo a{
      background:transparent url(../img/Menu.gif) repeat scroll -453px 0;
      width:107px;
    }
    #ListMenu #streichelzoo a:hover, #ListMenu #streichelzoo a.active{
      background:transparent url(../img/Menu.gif) repeat scroll -453px -45px;
    }
    #ListMenu #freizeit a{
      background:transparent url(../img/Menu.gif) repeat scroll -576px 0;
      width:74px;
    }
    #ListMenu #freizeit a:hover, #ListMenu #freizeit a.active{
      background:transparent url(../img/Menu.gif) repeat scroll -576px -45px;
    }
    #ListMenu #kontakt a{
      background:transparent url(../img/Menu.gif) repeat scroll -666px 0;
      width:78px;
    }
    #ListMenu #kontakt a:hover, #ListMenu #kontakt a.active{
      background:transparent url(../img/Menu.gif) repeat scroll -666px -45px;
    }
    #ListMenu #anfahrt a{
      background:transparent url(../img/Menu.gif) repeat scroll -757px 0;
      width:78px;
    }
    #ListMenu #anfahrt a:hover, #ListMenu #anfahrt a.active{
      background:transparent url(../img/Menu.gif) repeat scroll -757px -45px;
    }


/* Content */
#BoxContent{
    display:block;
    position:relative;
    margin:100px 0 0 0;
    width:100%;
    padding:0;
}

#BoxContentSmall{
    display:block;
    position:relative;
    margin:84px 0 0 -1px;
    width:590px;
    padding:0;
    min-height:500px;
    _height:500px;
    line-height:18px;
}

    #BoxContentSmall p{
        margin:5px 0 16px 0;
        line-height:18px;
    }

    #BoxContentSmall h3{
        border-bottom:1px solid #505050;
        font-size:13px;
    }

    #BoxContentSmall ul{
        margin:6px 0 2px 0;
        padding:0 0 5px 17px;
    }

    #BoxContentSmall ul li{
        margin:0 0 5px 13px;
        padding:0;
    }

    #BoxContentSmall .TxtGreen{
        color:#355A00;
        font-weight:bold;
    }


/* Spalte rechts */
#SpalteBoxen{
    width:296px;
    display:block;
    margin:103px 0 0 6px;
    float:right;
}
    #SpalteBoxen .BoxStart{
        display:block;
        width:282px;
        height:103px;
        background:#e0e0e0 url(../img/BlumeBox.jpg) no-repeat scroll top right;
        padding:3px 7px 3px 7px;
        cursor:pointer;
        margin-bottom:6px;
    }
    #SpalteBoxen .BoxStart a{
        text-decoration:none;
        color:#355a00;
    }
    #SpalteBoxen .BoxStart img{
        margin-top:-1px;
    }
    #SpalteBoxen #BoxWohnung{
        margin-right:6px;
    }
    #SpalteBoxen #BoxZoo{
        margin-right:6px;
    }
    #SpalteBoxen h2{
        color:#355a00;
        margin:0 0 6px 0 !important;
    }
    #SpalteBoxen #BoxAngebot .Rabatt{
        color:#355a00;
        font-size:26px;
        display:block;
        position:relative;
        width:82px;
        margin-top:-60px;
        margin-left:200px;
        line-height:28px !important;
    }


/* Footer */
#BoxFooter{
    display:block;
    position:relative;
    width:100%;
    height:70px;
    margin:-6px 0 0 0;
    border-top:1px solid #93a200;
}
    #BoxFooter #BoxAdresse{
        display:block;
        margin-top:8px;
        float:left;
        width:400px;
    }
    #BoxFooter #BoxAdresse h3{
        color: #93a200;
        padding:0;
        margin:0;
    }
    #BoxFooter #BoxFooterNav{
        display:block;
        margin-top:8px;
        width:310px;
        float:right;
        text-align:right;
    }
    #BoxFooter #BoxFooterNav a{
        color:#505050 !important;
    }
    #BoxFooter #BauernhofLink{
        float:left;
        margin:3px 8px 0 0;
    }



/* Startseite*/
#BoxContent #BoxHeadImage{
    width:900px;
    height:383px;
}
#BoxContent #BoxHeadImage img {
    left:0;
    position:absolute;
    top:0;
}

#BoxContent #BoxBoxen{
    display:block;
    width:100%;
    height:109px;
    margin-top:6px;
}
    #BoxBoxen .BoxStart{
        display:block;
        float:left;
        width:282px;
        height:103px;
        background:#e0e0e0 url(../img/BlumeBox.jpg) no-repeat scroll top right;
        padding:3px 7px 3px 7px;
        cursor:pointer;
    }
    #BoxBoxen .BoxStart a{
        text-decoration:none;
        color:#355a00;
    }
    #BoxBoxen .BoxStart img{
        margin-top:-1px;
    }
    #BoxBoxen #BoxWohnung{
        margin-right:6px;
    }
    #BoxBoxen #BoxZoo{
        margin-right:6px;
    }
    #BoxBoxen h2{
        color:#355a00;
        margin:0 0 6px 0 !important;
    }
    #BoxBoxen #BoxAngebot .Rabatt{
        color:#355a00;
        font-size:26px;
        display:block;
        position:relative;
        width:82px;
        margin-top:-60px;
        margin-left:200px;
        line-height:28px !important;
    }


/* Content Seiten */
.ContentLinks{
    display:block;
    float:left;
    width:370px;
    margin-right:15px;
}

.ContentRechts{
    display:block;
    float:right;
    width:200px;
}


/* ImageBox */
.ImageBox{
    display:block;
    float:right;
    position:relative;
    right:0;
    margin:0 0 0 10px;
    overflow:hidden;
}
    .ImageBox .BigImage{
        position:relative;
        display:table;
        text-align:center;
        vertical-align:middle;
        border:1px solid #CDCDCD;
        height:254px;
        width:254px;
        overflow:hidden;
        margin:auto 0;
        font-size:205px;
        padding:0;
    }
    .ImageBox .BigImage a{
        overflow:visible;
        display:table-cell;
        vertical-align:middle;
        padding:1px;
        font-size:9px;
        margin:0;
        line-height:258px;
        text-align:center;
    }
    .ImageBox .SmallImages{
        display:block;
        margin-top:1px;
        position:relative;
    }
    .ImageBox .SmallImages a{
        display:block;
        float:left;
        border:1px solid #CDCDCD;
        margin:2px 2px 0 0;
        padding:1px;
        width:46px;
        height:46px;
    }
    .ImageBox .SmallImages a img{
        border:0 none;
        margin:0;
    }


/* Preis */
.PriceTable{
    width:100%;
    margin:8px 0 10px 0;
}
    .PriceTable a{
        color:#505050 !important;
        text-decoration: underline;
    }
    .PriceTable th{
        border-bottom:1px solid #505050;
        text-align:left;
    }
    .PriceTable .line{
        background-color:#EEE;
    }