/* Typische HTML-Deklarationen */

* { margin: 0px; padding: 0px; }
html { height: 100%; background: #FFF url("../images/hg_rechts.gif") repeat-x center top; }
body { font-size: 12px; font-family: Arial, Helvetica, san-serif;  height: 100%; }

h1 {font-size: 16px; font-weight: bold; color: #999999; margin: 0 0 5px 0; }
h2 {font-size: 12px; color: #FFF; margin: 0 0 12px 0;}
p {font: 11px/15px Arial, Helvetica, san-serif; color: #999999; }
a {font-weight: bold; color: #279127; text-decoration: none;}
a:hover {color: #257425;}
a img {border: 0;}

/* Layout-Positionierung */

#container { height: 100%; min-height: 100%; }
#wrapside1 { margin-left: -420px; width: 50%; float: left }
#side1 { margin-left: 420px; height: 500px }
#table { width: 840px; height: 100%; min-width: 840px; float: left; }
#table_position { position: absolute; top:0px; height: 100%;  }
#wrapside2 { margin-left: -420px; width: 49.9%; height: 100%; float: left }
#side2 { margin-left: 420px; height: 500px; background: url(../images/hintergrund_oben-rechts.gif) repeat-x;}

#header { /*position: absolute; top: 0px; left: 0px;*/ width: 840px; max-height:90px; height: 90px; background: url(../images/hintergrund_oben.gif) top right no-repeat;}
#headerlogo { position: absolute; top: 35px; left: 658px; }

#slider { background: url(../images/hintergrund_2.gif) no-repeat; position: absolute; top: 90px; left: 0px; width: 840px; height: 391px; padding: 0 0 0 0;}

#navi_oben {position: absolute; top: 0px; left: 25px; width: 633px; height: 30px; }
#seitenspalte {position: absolute; top: 23px; right: 33px; width: 137px; height: 275px; }
#qm { position: absolute; top: 294px; right: 25px; width: 140px; height: 24px; padding: 2px 0 0 5px; background: url(../images/quicklinks.gif) no-repeat; cursor:pointer;}
#bilder {position: absolute; top: 42px; left: 21px; width: 637px; overflow: hidden;}
#navi_3 {position: absolute; top: 328px; left: 0px; width: 658px; height: 62px; margin: 0px 0px 0px 0px; }
#navi_3 ul {float: right; margin: 0 10px 0 0;}
#navi_3_pfeil { position: absolute; top: 332px; left: 670px; }
#navi_2 {position: absolute; top: 20px; left: 65px; width: 728px; }
#navi_2 li {font-size: 11px;}
#text {position: absolute; top: 405px; left: 21px;width: 637px; padding: 0 0 20px 0; }

#seitenspalte p { color: #666666; }
#seitenspalte img { float: right; margin: 10px 0 0 0; }
#navi_3_pfeil a:focus {outline: none;}

/* Quicklinks */
#scroll { position: absolute; top: 19px; left: 0px; /*height : 137px;*/ width:137px; z-index:100; }
.scroll-pane { height: 102px; }
#qm span { color: #999; font-weight:bold; }
#scroll ul { list-style-type: none; }
#scroll a { display: block; padding: 1px 5px; background-color: #FFF; border-bottom: 1px solid #a7aea1; font-weight:normal; font-size: 0.9em; }
#scroll a:link, #scroll a:visited {color: #999;text-decoration: none;}
#scroll a:hover { background-color: #eff4ea; color: #999;}
#scroll a:focus { outline: none;}

#navi_3_impressum {position: absolute; top: 32px; left: 24px;}
#navi_3_impressum a {color: #ff0000; font-size:9px;}
#navi_3_impressum a:hover { color: #dc0000;}
#navi_3_impressum-box {position: absolute; top: 47px; left: 7px;  }
#navi_3_impressum-box a {display: block;width: 14px;height: 14px;text-decoration: none; background:url(../images/button_impressum.gif) no-repeat;}
#navi_3_impressum-box a span { display: none; }

/* Navigation oben/unten - Fat Erik's Pipelist */
#navlist { list-style: none; padding: 0; margin: 0; }
#navlist li {display: inline; margin: 0; /*font-size: 12px;*/ color: #999999; padding: 0 4px 0 0; line-height:21px; }
#navlist a { color: #999999; margin: 0 0 0 3px;}
#navlist a:hover { color: #666666; }
#navlist #current a { color: #279127; }
#navlist li:before { content: "| ";  }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li { border-left: 1px solid black; padding: 0 0.4em 0 0.4em; margin: 0 0.4em 0 -0.4em; }

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }
* html #navlist li { display: block; float: left; }
/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }

/* Navigation 3.Ebene unten */

ul.navigation
{
display: block;
list-style: none;
}

ul.navigation li
{
list-style: none;
margin: 0px 15px 0px 0px;
background: #c7cfc0;
display: block;
float: left;
}

ul.navigation li span { display: none; }

ul.navigation li a
{
padding: 0px;
display: block;
width: 15px;
height: 17px;
text-decoration: none;
}

ul.navigation li a:hover { background-color: #a5aca0;}
ul.navigation li a:focus {outline: none;}

ul.navigation li.active a {background: #279127;}
ul.navigation li.active a:hover {background: #279127;}

/* jQuery Slider */

.scroll {
    height: 286px;
    width: 637px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

div.panel_image {
    position: absolute;
    width: 637px;
    height: 286px;
    overflow-y: hidden;
}

div.panel_text {
    width: 364px;
    padding: 0 91px 0 182px;
}