* {
      margin: 0;
      padding: 0;
}

html {background: none;}

body {
      font: normal 14px Arial;
      color: #000;
      background: #393026 url(../gfx/body_bg.jpg) repeat-y top center;
}

table {
      font: normal 14px Arial;
      color: #fff;
      background: none;
      width: 470px;
}
tr {
      background: #8c7b67;
}
td {
      padding: 5px;
      text-align: center;
}
/*-------------------------------------------------------------- container ---*/
#container {
      position: relative;
      width: 850px;
      left: 50%;
      margin-left: -425px;
      background: none;
      color: #fff;
      z-index: 1;
}
/*------------------------------------------------------------------- head ---*/
#header {
      position: relative;
      width: 850px;
      height: 339px;
      background: url(../gfx/header_bg.jpg) no-repeat top center;
}
/*----------------------------------------------------------------- banner ---*/
#banner {
      position: relative;
      width: 700;
      height: 233px;
      left: 50%;
      top: 100px;
      margin-left: -350px;
      background: #000 url(../gfx/banner_pic_1.jpg) no-repeat;
}
/*------------------------------------------------------------------- menu ---*/
#menu {
      position: relative;
      width: 850px;
      height: 70px;
      background: url(../gfx/content_bg.jpg) repeat-y;
}
#navi {
      position: relative;
      background: none;
      width: 714px;
      height: 60px;
      left: 50%;
      margin-left: -357px;
      text-align: center;
}
#navi a {
      display: block;
      float: left;
      font: bold 12px Verdana;
      color: #fff;
      text-decoration: none;
      background: url(../gfx/btn_bg.jpg) no-repeat;
      width: 102px;
      height: 50px;
      padding-top: 12px;
}
#navi a:hover {
      background: url(../gfx/btn_bg_hov.jpg) no-repeat;
      color: #393026;
      padding-top: 17px;  
      height: 50px;   
}

#navi span a {
      display: block;
      float: left;
      font: bold 12px Verdana;
      color: #407042;
      text-decoration: none;
      background: url(../gfx/btn_bg_hov.jpg) no-repeat;
      width: 102px;
      height: 50px;
      padding-top: 17px;
}
#navi span a:hover {
      background: url(../gfx/btn_bg_hov.jpg) no-repeat;
      color: #393026;
      padding-top: 17px;     
}

/*---------------------------------------------------------------- content ---*/
#content {
      position: relative;
      width: 850px;
      background: url(../gfx/content_bg.jpg) repeat-y top center;
      text-align: left;
}
#box_full {
      position: relative;
      width: 750px;
      height: auto; /* zum testen */
      left: 50%;
      margin-left: -375px;
      padding-bottom: 20px;
      background: #393026;
      text-align: center;
}
#box_full img {border:0;}
#box_full hr {color: #8c7b67; margin: 5px 0 20px 0;}

#flashcontent {height: 630px;}

#box_left {
      position: relative;
      float: left;
      width: 328px;
      height: 198px;
      background: none;
      text-align: center;
      left: 25px;
}
#box_left a {
      display: block;
      width: 328px;
      height: 198px;
}
#box_left a.past {background: url(../gfx/link_past.jpg);}
#box_left a:hover.past {background: url(../gfx/link_past_hov.jpg);}
#box_left a.bunt {background: url(../gfx/link_bunt.jpg);}
#box_left a:hover.bunt {background: url(../gfx/link_bunt_hov.jpg);}

#box_left a.haus {background: url(../gfx/link_haus.jpg);}
#box_left a:hover.haus {background: url(../gfx/link_haus_hov.jpg);}
#box_left a.pferde {background: url(../gfx/link_pferde.jpg);}
#box_left a:hover.pferde {background: url(../gfx/link_pferde_hov.jpg);}
#box_left a.menschen {background: url(../gfx/link_menschen.jpg);}
#box_left a:hover.menschen {background: url(../gfx/link_menschen_hov.jpg);}


#box_right {
      position: relative;
      float: right;
      width: 328px;
      height: 198px;
      background: none;
      text-align: center;
      right: 25px;
}
#box_right a {
      display: block;
      width: 328px;
      height: 198px;
}
#box_right a.blei {background: url(../gfx/link_blei.jpg);}
#box_right a:hover.blei {background: url(../gfx/link_blei_hov.jpg);}
#box_right a.sons {background: url(../gfx/link_sons.jpg);}
#box_right a:hover.sons {background: url(../gfx/link_sons_hov.jpg);}

#box_right a.natur {background: url(../gfx/link_natur.jpg);}
#box_right a:hover.natur {background: url(../gfx/link_natur_hov.jpg);}
#box_right a.wild {background: url(../gfx/link_wild.jpg);}
#box_right a:hover.wild {background: url(../gfx/link_wild_hov.jpg);}
#box_right a.staedte {background: url(../gfx/link_staedte.jpg);}
#box_right a:hover.staedte {background: url(../gfx/link_staedte_hov.jpg);}

#con_left_box {
      position: relative;
      width: 470px;      
      float: left;      
      background: none;
      left: 25px;
}
#con_left_text {
      position: relative;
      text-align: justify;
}
#con_left_text a {color: #87a856; text-decoration: none;}
#con_left_text a:hover {color: #fff; text-decoration: underline;}

/*---------------------------------------------- newsbox / class im content---*/
.news {
      position: relative;
      width: 470px;
      float: left;
      background: #30261c;
      color: #8c7b67;
      margin-bottom: 15px;
}
.newsbox {margin: 15px;}
.newsdate {text-align: right; font: normal 10px Arial; border-bottom: 1px dotted #8c7b67;}
.newstitle {font: bold 16px Arial; text-align: left; margin: 10px 0; color: #87a856;}
.newsimg {float:left; margin-right: 0; margin-bottom: 10px; border: 2px solid #8c7b67;}
.newsimg a {}
.newsimg a:hover {}
.newstxt {position: relative; float: right; width: 275px; text-align: justify;}
.newstxt a {color: #87a856; text-decoration: underline;}
.newstxt a:hover {color: #fff;}

#con_right_box {
      position: relative;
      width: 204px;      
      float: right;      
      background: none;
      text-align: left;
      font: normal 11px Arial;
      color: #87a856;
      right: 25px;
}
#con_right_box img {
      border: 2px solid #8c7b67; 
      margin-bottom: 10px;
}
span.font {
      color:#87a856;
}
/*----------------------------------------------------------------- footer ---*/
#footer {
      position: relative;
      width: 850px;
      height: 60px;
      left: 50%;
      margin-left: -425px;
      background: url(../gfx/footer_bg.jpg) no-repeat;
      font: bold 9px Arial;
      color: #666;
      text-align: center;
      padding-top: 20px;
      margin-bottom: 30px;
}
#footer a {color: #87a856; text-decoration: none;}
#footer a:hover {}



/*
#logo {
      position: absolute;
      width: 300px;
      height: 180px;
      left: 50%;
      top: -10px;
      margin-left: -480px;
      background: url(../gfx/logo_bg.png) no-repeat top left;
      z-index: 2;
}