/* =============== global reset ==================================  */
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a ,img{
margin: 0;
padding: 0;
border: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {content: none;}
blockquote, q {quotes: none;}
/* ===============================================================  */
html{
    background-image:url("Bilder/background.jpg");
}
html, body
{
    font-family: Tahoma;
}
body{
    background-color: #FFFFCC;
    /* background-image:url("Bilder/background.jpg"); */
    }
/* ============================== global =========================  */
.menu{
    padding-top:20px;
    padding-left:10px;
    background-image:url("Bilder/menu.jpg");
    width: 170px;
    height:1310px;
    position:fixed;
    border-right: 4px solid #006600;
    float:left;
    overflow:hidden;
}
.menu img{
    margin:0 0px;
    width:120px;

}
.menu a{
    display:block;
    font-weight: 600;
    font-family: Tahoma;
	font-size: 16px;
	margin: 15px 0px;
}
.menu a:link {color: #000000; }
.menu a:visited {color: #000000;}
.menu a:hover {color: #8D0000;}
.menu a:active {font-weight: 900;}

#imp {
    font-size:11px;
    font-style: italic;
    margin-top:25px;
}

#menu-aktiv {
     color: #8D0000;
     text-decoration:underline;
}
#logolink{
    margin:0;
    padding:0;
}
#content{
   padding-left:180px;
   padding-top: 20px;
}
#main{
    width:85%;
   margin: auto;
   padding-bottom:25px;

}
/* ===============================================================  */
.rightside{
    float:right;
    width:230px;
    margin:0 50px;
}
.rightside img{
    margin-top:50px;
    margin-left:20px;
    margin-right: 10px;
}
.rightside p{
    font-size:0.9em;
    width:230px;
    text-align:left;
}

.pictureline {
    margin:auto;
    width:100%;
    text-align:center;
}
.pictureline img{
    padding: 20px;
}
.nobullets{
    list-style-type:none;
}
.weblink{
    font-size:1.5em;
    font-weight:500;
}
/* ======================================== intro ================ */
#intro{
    width:100%;
    padding:30px;
    padding:30px;
    text-align:center;
    color: #006600;
}
#intro a:hover{
      color: #006600;
}
#intro img{
    width: 1000px;
    margin: auto;
    text-align:center;
    color: #006600;
}
#intro h1,#intro h2{
     margin: 0;
     padding: 0;
     
}
#titel{
    position: relative;
    top:-400px;
    left:00px;
    width:500px;
    margin: auto;
}
/* ========================================gedicht================ */
#gedicht{
    text-align:center;
    margin: auto;
}
#gedicht img{
    margin-bottom:50px;
    }
#gedicht p,em{
    margin: 0.5em auto;
    font-family: palatino, serif;
    font-size: 1em;
    font-weight: bold;
}

/* ================================ hofmenue ================== */
#hofmenue{
    text-align:center;
}
#label{
    margin-top:65px;
}
#hofmenue a{
    display: inline-block;
    width:100px;
    height:65px;
    margin:7px;
    border: 2px solid #BFA06C;
}
#hofmenue a:hover{
    border: 2px solid #8D0000;
    font-weight:bold;
}
#hof-aktiv{
   border: 2px solid #8D0000!important;
    color:#8D0000;
    font-weight:bold;
}
#rohof a {background-image: url("Bilder/hofmenue/hof.jpg");
              background-position:  0px 0px ;
              background-repeat: no-repeat;
              }
#rohof a:visited {background-position: 0px 0px;}
#rohof a:hover {background-position: -100px 0px;}
#rohof a:active {background-position: -100px 0px;}

#rotiere{
    vertical-align:bottom;
}
#rotiere a {background-image: url("Bilder/hofmenue/tiere.jpg");
              background-position:  0px 0px ;
              background-repeat: no-repeat;
              }
#rotiere a:visited {background-position: 0px 0px;}
#rotiere a:hover {background-position: -100px 0px;}
#rotiere a:active {background-position: -100px 0px;}

#roflaechen a {background-image: url("Bilder/hofmenue/flaechen.jpg");
              background-position:  0px 0px ;
              background-repeat: no-repeat;}
#roflaechen a:visited {background-position: 0px 0px;}
#roflaechen a:hover {background-position: -100px 0px;}
#roflaechen a:active {background-position: -100px 0px;}

#rolandschaft a {background-image: url("Bilder/hofmenue/landschaft.jpg");
              background-position:  0px 0px ;
              background-repeat: no-repeat;}
#rolandschaft a:visited {background-position: 0px 0px;}
#rolandschaft a:hover {background-position: -100px 0px;}
#rolandschaft a:active {background-position: -100px 0px;}


#rodemeter a {background-image: url("Bilder/hofmenue/demeter.jpg");
              background-position:  0px 0px ;
              background-repeat: no-repeat;}
#rodemeter a:visited {background-position: 0px 0px;}
#rodemeter a:hover {background-position: -100px 0px;}
#rodemeter a:active {background-position: -100px 0px;}

#rotraeger a {background-image: url("Bilder/hofmenue/traeger.jpg");
              background-position:  0px 0px ;
              background-repeat: no-repeat;}
#rotraeger a:visited {background-position: 0px 0px;}
#rotraeger a:hover {background-position: -100px 0px;}
#rotraeger a:active {background-position: -100px 0px;}

/* ============================= flaechen ====================== */
.picblock{
    width:300px;
    height:280px;
    margin:30px;
    text-align:center;
    font-weight:500;
    display:inline-block;
}
.picblock p{
    margin:0;
}
/* ========================================= aktuelles ========== */
#pinnwand{
    background-image:url("Bilder/aktuelles/cork.jpg") ;
    margin: 10px;
    padding:2px;
    padding-bottom:100px;
    border: 2px solid #965D2F;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;

    text-align:center;
}
.note{
     background-image:url("Bilder/aktuelles/note.jpg") ;
     padding:20px;
     margin:3%;
     width:275px;
     text-align:center;
     display: inline-block;
     font-size:80%;
     vertical-align:middle;
}
.note ul{
    text-align:left;
    padding-left:2em;
}
.note p{
    margin:15px;
    text-align: left;
}
.note a{
    font-size:1.1em;
    font-weight:600;
    padding: 0 20px;
}
.bignote{
    background-image:url("Bilder/aktuelles/note.jpg") ;
    padding:20px;
    width:80%;
    margin:auto;
    margin-bottom:20px;
    text-align:left;
    font-size:80%;
}
.bignotepic{
    float:right;
    width:40%;
    padding:25px;
}

#kalender .note{
    padding:5px;
     margin:5px;
     width:230px;
     text-align:center;
     display: inline-block;
     font-size:80%;
     vertical-align:top;
}

.pin-l{
    float:left;
}
.pin-r{
    float:right;
}



/* ============================ gaeste/besucher ======================= */
#gaestenavi {
    text-align:center;
    margin-bottom:10px;
}
#gaeste a {
    color: #006600;
    text-decoration: none;
    margin: auto;
    font-weight: 600;
    }
#gaeste a:visited {
    text-decoration: none;
    color: #006600;}
#gaeste a:hover {text-decoration: none;color: #006600;}
#gaeste a:active {text-decoration: none;}
/* ============================ huetten ======================= */
#huetten .rightside img{
    border: 1px solid #000;
}
#huetten .rightside p{margin:0px 1.5em}
/* ================================================= */
/* ============================ film+fotos ======================= */
#albenwahl {
   text-align:center;
}
#albenwahl img{
   border: 2px solid #BFA06C;
}
#albenwahl a{
    display:inline-block;
    text-align:center;
    margin:25px;
    
}
#albenwahl a:hover{
    font-weight:600;
}
#galerie{
    text-align:center;
    width:75%;
    margin: auto;
}
#galerie h2{
    margin-bottom:50px;
}
#backbutton {
    text-align:center;
    margin:50px auto;
    width:200px;
    display:block;
}
#backbutton:hover{
    font-weight:600;
}
#albenwahl-top {
   text-align:center;
}
#albenwahl-top img{
   border: 2px solid #BFA06C;
   width:70px;
}
#albenwahl-top a{
    display:inline-block;
    text-align:center;
    margin:5px;

}
#albenwahl-top a:hover{
    font-weight:600;
}

.filmbox{
   margin:30px auto;
   width: 564px;
   text-align:center;
    vertical-align: top;
}

.youtube{

}
.filmtext{
    font-size:80%;
}
/* ========================== kontakt/anfahrt ========================= */
.kontaktbox {
    width:180px;
    padding: 10px;
    margin: 10px;
    display: inline-block;
    font-size: 80%;
    vertical-align:top;
    list-style-type:none;
}
#kontaktbox a {
    font-size:1.3em;
    font-weight:600;
    text-decoration:underline;
}

/* ========================================links================ */
#links a {
    color: #000000;
    text-decoration: none;
    padding:15px;
    display:block;
    border-bottom: 1px solid #999;
    }
#links img{
    vertical-align:middle;
    margin: auto 10px;
}
#links a:hover {background-color:#FFFFCC;}
/* ======================= impressum ============================ */
#impressum{
    width:85%;
   margin: auto;
   padding-bottom:25px;
   font-size:80%;
   
}
#impressum ul{
    margin:0;
}
.impbox{
    width:22em;
    padding: 10px;
    margin: 10px;
    display: inline-block;
    vertical-align:top;
}

/* =================================================== */
/* =================================================== */
em{
    font-size: 1em;
    text-align:right;
}
p,ul{
    margin: 1em;
    font-size: 1em;
    line-height:1.7em;
}

h1,h2,h3{
     padding: 20px;
}
h4{
    padding-left: 20px;
}
h1{
    font-size: 3.5em;
    font-weight: 800;
}
h2{
   font-size: 1.5em;
    font-weight: 800;
}
h3{
   font-size: 1.2em;
    font-weight: 600;
    padding-bottom:10px;
}
a {
    color: #006600;
    text-decoration: none;
    margin: auto;
    }
a:visited {
    text-decoration: none;
    color: #006600;}
a:hover {text-decoration: none;color: #8D0000;}
a:active {text-decoration: none;}