html { 
font-size : 100.01%;
font-family : Verdana, Tahoma, Helvetica, sans-serif;
margin : 0;
padding: 0;
}
body {
background-color : #F5F5F5;
margin: 10px 0px 0px 10px;
padding : 0;
color : black;
}
#werbung {
width: 200px;
display: block;
position: absolute;
left: 1022px; 
top: 10px;
}
#container {
display: block;
width : 997px;
text-align : left;
padding : 0;
margin: 0;
background : url(../images/bg_nav.gif) repeat-y left;
border: 1px solid #89BA17;
background-color : white; 
color : #202020;
}
#header {
margin : 0;
padding : 0;
height : 128px;
width : 100%;
text-align:left;
overflow: hidden;
}
#header #bg {
margin : 0;
padding : 0;
width: 205px;
height: 125px;
}
#header #image {
display: block;
margin : 25px 0 0 20px;
padding : 0;
width: 165px;
height: 79px;
border: 0px;
cursor: pointer;
background-image : url(../images/dbjr_logo.gif);
border: 0px;
text-decoration: none;
}
#header #kopfbild {
position : absolute;
top : 0;
margin : 11px 0 0 217px;
padding : 0;
height : 125px;
width : 780px;
overflow : hidden;
}
#navigation {
margin : 0;
padding : 0;
width : 100%;
}
#navigation form#suche {
float : left;
width : 180px;
margin : 5px 0 0 0;
padding : 0;
color: #242424;
background-color : inherit;
}
#navigation form#suche label {
float:left;
width: 45px;
padding : 0;
margin : 2px 0px 0px 33px;
font-size : 0.7em;
color: #242424;
}
#navigation form#suche fieldset {
padding : 0;
margin : 0;
border : 0;
background: url(../images/forms/searchform_bg.gif) no-repeat top;
background-position: 75px 0px;
}
#navigation form#suche input {
float:left;
width : 72px;
height : 14px;
margin : 0;
padding : 0;
font-size : 0.7em;
border:none;
border-top: 1px solid #4D6E03;
border-bottom:  1px solid #4D6E03;
background : #EBF2D9;
}
#navigation form#suche #button {
float:right;
width : 19px;
height : 16px;
border : 0;
margin : 0;
padding : 0 0 2px 0;
font-size : .9em;
color: #242424;
background : #89BA17;
font-weight: bold;
background: url(../images/forms/searchform_button.gif) no-repeat top;
cursor: pointer;
}
#navigation form#suche #button:hover {
background: url(../images/forms/searchform_button_over.gif) no-repeat top;
}
#menue {
display : block;
float : left;
width : 205px;
margin : 10px 12px 55px 0px;
padding : 0;
font-size : 1em;
}
#menue .barr {
width: 170px;
margin: 10px 0 10px 20px;
padding : 0 0 0 6%;
text-align : left;
}
#menue .barr a {
font-weight : normal;
color: #242424;
background-color : transparent;
text-decoration : none;
font-size : 0.75em;
border: 0px;
}
#menue .barr img {
border: 0px;
}
#content {
float : left;
width : 535px;
padding : 0;
margin : 15px 0 7px 0;
background-color:  #EBF2D9;
}
#content h1 {
clear: both;
margin: 0;
padding: 3px 8px 3px 8px;
background-color: #89BA17;
color: #242424;
font-size: .75em;
}
#content h2 {
padding : 0;
margin : 0;
font-size: 1.1em; 
}
#content .left {
float : left;
width : 260px;
color : #202020;
background-color : #EBF2D9;
}
#content .right {
float : right;
width : 260px;
color : #202020;
background-color : #EBF2D9;
}
#content .col {
padding : 3px 8px 3px 8px;
font-size: .75em;
}
#content .mehr, #highlight .mehr {
display : block;
clear: both;
width : 100%;
text-align: right;
color: red;
font-size: .9em;
text-decoration : none;
margin:5px -1px 5px 0;
}
#content .container1 {
margin: 0;
padding : 0;
color : #202020;
font-size: .75em;
background-color : #EBF2D9;
}
#content .container {
margin: 0;
padding: 5px 8px 5px 8px;
color: #202020;
font-size:  .75em;
background-color:  #EBF2D9;
}
#content .container h1 {
clear:both;
margin: 0 -8px 0 -8px;
padding : 3px 8px 3px 8px;
background-color: #89BA17;
color: #242424;
font-size: 1em;
border-top: 12px solid white;
}
#content .container h3 {
clear:both;
margin: 0 -8px 0 -8px;
padding : 3px 8px 3px 8px;
background-color: #89BA17;
color: #242424;
font-size: 1em;
}
#content .container1 .left {
float :left;
margin: 0;
padding : 3px 8px 3px 8px;
width : 245px;
color : #202020;
background-color : #EBF2D9;
}
#content .container1 .right {
float :right;
margin: 0;
padding : 3px 8px 3px 8px;
width : 245px;
color : #202020;
background-color : #EBF2D9;
}
#content .trenner {
display : block;
clear : both;
margin: 0 -1px 0 0;
padding : 0;
height : 12px;
background-color : white;
width : 100%;
}
#content .blaettern {
float : right;
display : block;
list-style : none;
margin : 0;
padding : 0;
}
#content .blaettern li {
float : left;
margin : 1px;
padding : 1px;
font-size: .9em;
}
#highlight {
float : right;
width : 220px;
margin : 15px 10px 0 0;
padding : 0;
color : #202020;
background-color : #EBF2D9;
}
#highlight h1 {
margin: 0 0 3px 0;
padding : 3px 8px 3px 8px;
background-color: #89BA17;
color: #242424;
font-size: .75em;
}
#highlight .text {
padding : 3px 8px 6px 8px;
margin : 0;
font-size: .7em; 
}
#highlight h2 {
padding : 0;
margin : 0;
font-size: 1em; 
}
#highlight .trenner {
display : block;
width : 100%;
font-size: .8em;
margin:5px 0 5px 0; 
}
#footer {
clear : both;
width : 100%;
height : 35px;
margin : 0;
padding : 0;
color : #202020;
overflow : visible;
} 
#footer .left {
position : relative;
float : left;
width: 170px;
height: 77px;
margin: -50px 0 0 0px;
padding : 0 0 0 30px;
text-align : left;
border-bottom : 8px solid #EBF2D9;
}
#footer .right {
float:right;
width: 760px;
background-color: #EBF2D9;
margin: 4px 10px 0 0px;
padding : 5px;
font-size : 0.7em;
color : #000;
}

#footer .right a {
background-color: #EBF2D9;
color : #000;
text-decoration: none;
}
#footer .left a {
font-weight : normal;
color : #000;
background-color : transparent;
text-decoration : none;
font-size : 0.75em;
}
#footer img {
border : 0px;
margin : 0 5px 0 0;
}
.listung {
clear : both;
float : left;
width : 100px;
margin-bottom : 3px;
}
.clear {
clear : both;
}
a.ohne {
text-decoration : none;
color : black;
}
/* Barriere */
.versteckt {
position : absolute;
top : -400px;
}
div.versteckt ul li a:focus, div.versteckt ul li a:hover, div.versteckt ul li a:active {
font : bold 0.8em verdana, sans-serif;
position : absolute;
top : 386px;
left : 10px;
text-decoration : none;
}
.hidden {
display: none;
}
.warenkorb {
clear:both;
font-size: .85em;
}
.wkorbleft {
clear:both;
display:block;
width:30%;
padding: 2px 0 2px 0;
float:left;
font-size: .85em;
}
.wkorbcenter {
width:30%;
display:block;
padding: 2px 0 2px 0;
float:left;
text-align:right;
font-size: .85em;
}
.wkorbright {
width:30%;
display:block;
padding: 2px 0 2px 0;
float:right;
font-size: .85em;
text-align:right;
}
.wk {
padding-top:4px;
padding-bottom:4px;
}
.simple {
font-size: .9em;
color: black;
}
a {
color: black;
}