#grafikwrapper {
   position: relative;
   width: 100%;
   z-index: 20;
   background-image: url(../images/bg_wrappergrafik.png);
   background-repeat: no-repeat;
   background-position: right bottom;
}


#wrapper {
   position: relative;
   width: 985px;
   margin: 30px auto 50px;
   z-index: 20;
}

#menuwrapper{
   position: relative; 
   height: 425px; 
   margin: 0 auto 0;
   width: 100%;
   padding: 0;
   background-image: url(../images/bg_menu.png);
   background-repeat: repeat-x;
   background-position: left bottom;
}

/** Contentbereich **/

#contentwrapper {
   position: relative;
   float: left;
   display: block;
   width: 587px; 
}

.oben {
   position: relative;
   display: block;
   width: 587px;
   height: 10px;
   background-image: url("../images/bg_content_oben.png");
   background-position: left top;
   background-repeat: no-repeat; 
}

.unten {
   position: relative;
   display: block;
   width: 587px;
   height: 15px; 
   background-image: url("../images/bg_content_unten.png");
   background-position: left bottom;
   background-repeat: no-repeat;  
}

#content{
   position: relative;
   line-height: 150%;
   font-size: 100%;
   color: #434343;
   font-weight: normal;
   padding: 10px 26px 26px 26px;
   min-height: 250px;
   background-image: url("../images/bg_content.png");
   background-position: left top;
   background-repeat: repeat-y;
   width: 536px;
}


#bannerbk {
   position: relative;
   line-height: 150%;
   color: #3E5D71;
   font-size: 92%;
   font-weight: normal;
   min-height: 250px;
   padding: 10px 15px;
   background-image: url("../images/banner.png");
   background-position: left top;
   background-repeat: repeat-y;
}

.banneroben {
   position: relative;
   display: block;
   width: 190px;
   height: 10px;
   background-image: url("../images/banneroben.png");
   background-position: left top;
   background-repeat: no-repeat; 
}

.bannerunten {
   position: absolute;
   bottom: 0;
   left: 0;
   display: block;
   width: 190px;
   height: 15px; 
   background-image: url("../images/bannerunten.jpg");
   background-position: left bottom;
   background-repeat: no-repeat;  
}

#left {
   position: relative;
   float: left;
   width: 780px;
   min-height: 200px;
}

#right {
   position: relative;
   float: left;
   width: 190px;
   margin-left: 14px;
   min-height: 200px;
}

#right h2 {
   position: relative;
   font-size: 160%;
   line-height: 150%;
   margin: 0;
   overflow: hidden;
   font-style: italic;
   padding: 5px 25px 0 25px; 
   font-weight: normal;
   color: #3E5D71;
   background-image: url("../images/bg_banneroben.png");
   background-position: left top;
   background-repeat: no-repeat;   
}

#leftcontainer {
   position: relative;
   float: left;
   width: 192px;
   min-height: 200px;
}


/** Elemente des Pagerouters floaten um eine saubere Anordnung links und rechts zu erhalten **/
#footer {
   position: relative;
   clear: left;
   width: 882px;
   overflow: hidden;
}


#schatten_unten {
   position: relative;
   clear: left;
   width: 882px;
   height: 50px;
   margin: 0 auto 0;
   overflow: hidden;
   background-image: url(../images/bg_corner_unten.png);
   background-repeat: no-repeat;
   background-position: left top;
}


/** Suche **/

#suche {
   position: relative;
   height: 24px;
   color: #333;
   z-index: 50;
   margin-bottom: 12px;
   background-image: url(../images/bg_suchen.gif);
   background-repeat: no-repeat;
   background-position: 3px top;
}

#suche .vt {
   position: absolute;
   left: 4px;
   top: 3px;
   font-size: 76%;
   height: 12px;
   color: #1E348F;
   border: 0 none;
   width: 150px;
   padding: 2px 10px 2px 19px;
   background-image: url(../images/bg_lupe.gif);
   background-repeat: no-repeat;
   background-position: 2px top;
}

#suche .vtlink,
#suche .vtlink a,
#suche .vtlink a:link,
#suche .vtlink a:visited {
   position: absolute;
   top: 4px;
   right: 8px;
   color: #fff;
   background-color: transparent;
   text-decoration: none;
   width: 13px;
   height: 13px;
   z-index: 100;
}


#suche .vtlink a:hover,
#suche .vtlink a:focus,
#suche .vtlink a:hover,
#suche .vtlink a:active,
#suche .vtlink a.selected,
#suche .vtlink a.selected:link,
#suche .vtlink a.selected:visited,
#suche .vtlink a.selected:focus,
#suche .vtlink a.selected:hover,
#suche .vtlink a.selected:active {
   color: #fff;
   text-decoration: none;
   background-color: transparent;
}

#printpage {
   position: relative;
   font-size: 92%;
   z-index: 60;
   width: 120px;
}

#goup {
   position: relative;
   font-size: 92%;
   z-index: 60;
   width: 120px;
}

/** Linkzustände im Pagerouter **/

#goup a,
#goup a:link,
#goup a:visited {
   position: relative;
   display: block;
   color: #7D695A;
   padding: 4px 10px 4px 22px;
   text-decoration: none;
   background-image: url(../images/bg_goup.png);
   background-repeat: no-repeat;
   background-position: 2px -40px;
}

#goup a:focus,
#goup a:hover,
#goup a:active,
#goup a.selected:link,
#goup a.selected:visited,
#goup a.selected:focus,
#goup a.selected:hover,
#goup a.selected:active {
   color: #000;
   position: relative;
   background-repeat: no-repeat;
   background-position: 2px 7px;
}

#printpage a,
#printpage a:link,
#printpage a:visited {
   position: relative;
   display: block;
   color: #7D695A;
    padding: 4px 10px 4px 22px;
   font-weight: normal;
   text-decoration: none;
   background-image: url(../images/bg_print.png);
   background-repeat: no-repeat;
   background-position: 2px -40px;
}

#printpage a:focus,
#printpage a:hover,
#printpage a:active,
#printpage a.selected:link,
#printpage a.selected:visited,
#printpage a.selected:focus,
#printpage a.selected:hover,
#printpage a.selected:active {
   color: #000;
   position: relative;
   background-repeat: no-repeat;
   background-position: 2px 7px;
}

/** Headbereich **/
#logocon {
   position: relative;
   height: 130px;
   width: 985px;
}

#header {
   position: relative;
   height: 185px;
   width: 780px;
   padding: 7px 0 0 0;
   margin-bottom: 12px;
   background-image: url("../images/bg_bildschatten_def.png");
   background-position: left top;
   background-repeat: no-repeat;
}


#bild {
   position: absolute;
   height: 184px;
   width: 779px;
   top: 4px;
   left: 4px;
   background-position: left top;
   background-repeat: no-repeat;
}


.HPLogo {
   position: absolute;
   top: 0;
   left: 390px;
   z-index: 25;
}


/** Print Bereich **/

#print_logo,
#print_adresse {
   display: none;
}

/** Verwaltung **/

#verwaltung{
   position: absolute;
   top: 0;
   width: 100%;
   text-align:center;
   padding: 10px;
   z-index: 100;
}

#verwaltung a,
#verwaltung a:link,
#verwaltung a:visited {
    color : #fff;
    background-color: #3E5D71;
    margin: 0 5px;
    padding: 5px;
    font-weight : normal;
    text-decoration : none;
}

#verwaltung a:focus,
#verwaltung a:hover,
#verwaltung a:active{
    color : #fff;
    background-color: #3E5D71;
}


