html, body {
    background-color : #F5F5F5;
    font-size : 100.01%;
    font-family : Verdana, Tahoma, Helvetica, sans-serif;
    margin : 0;
    padding : 0;
    text-align : center;
    color : black;
}

#container {
    display: block;
    width : 997px;
    text-align : left;
    padding : 0;
    margin : 0 auto;
    background : url(../images/bg_nav.gif) repeat-y left;
    border: 1px solid #5D709B;
    background-color : white; 
    color : black;
}

#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 : 1px 0 0 217px;
    padding : 0;
    height : 125px;
    width : 780px;
    overflow : hidden;
}

#navigation {
    margin : 0;
    padding : 0 0 0 30px;
    height : 35px;
    width : 100%;
}

#navigation img, navigation a {
	border: 0px;
	text-decoration: none;
	margin-right: 7px;
}

#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 : #5D709B;
   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;*/
    margin : -30px 0 7px 0;*
    background-color:  #ECF1F7;
}

#content h1 {
   clear:both;
   margin: 0;
   padding : 10px 8px 10px 8px;
   background-color: #D2DEEC;
   color : black;
   font-size: .8em;
}

#content h1 span {

display: block;
float: right;
margin: 0;
padding: 2px 5px 2px 5px;
border: 1px solid #A9BED9;
background-color : #ECF1F7;
font-size: .85em;
}

#content h1 span a {
color: red;
text-decoration: none;
}

#content h2 {
   padding : 0;
	  margin : 0;
   font-size: 1.1em; 
}

#content .left {
   float : left;
   width : 260px;
   color : black;
   background-color : #ECF1F7;
}

#content .right {
   float : right;
   width : 260px;
   color : black;
   background-color : #ECF1F7;
}

#content .col {
   padding : 3px 8px 3px 8px;
   font-size: .75em;
}

#content .mehr, #highlight .mehr {
display : block;
width : 100%;
text-align: right;
color: red;
font-size: .9em;
text-decoration : none;
margin:2px -1px 5px 0;
}

#content .container1 {
   margin: 0;
   padding : 0;
   color : black;
   font-size: .75em;
   background-color : #ECF1F7;
}

#content .container {
	margin: 0;
	padding: 5px 8px 5px 8px;
	color: black;
	font-size:  .75em;
	background-color:  #ECF1F7;
}

#content .container h1 {
   clear:both;
   margin: 0 -8px 0 -8px;
   padding : 3px 8px 3px 8px;
   background-color: #D2DEEC;
   color : black;
   font-size: 1em;
   border-top: 12px solid white;
}

#content .container1 .left {
	float :left;
	margin: 0;
	padding : 3px 8px 3px 8px;
	width : 245px;
	color : black;
	background-color : #ECF1F7;
}

#content .container1 .right {
   float :right;
   margin: 0;
   padding : 3px 8px 3px 8px;
   width : 245px;
   color : black;
   background-color : #ECF1F7;
}

#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 : -30px 10px 0 0; /*margin : 15px 10px 0 0;*/
	padding : 0;
  color : black;
  background-color : #ECF1F7;
}

#highlight h1 {
   margin: 0 0 3px 0;
   padding : 3px 8px 3px 8px;
   background-color: #D2DEEC;
   color : black;
   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 : black;
    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 #D2DEEC;
}

#footer .right {
float:right;
width: 760px;
background-color: #ECF1F7;
margin: 4px 10px 0 0px;
padding : 5px;
font-size : 0.7em;
color : #5D709B;
}

#footer .right a {
background-color: #ECF1F7;
color : #5D709B;
text-decoration: none;
}

#footer .left a {
   font-weight : normal;
   color : #5D709B;
	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;
}


#mgo {
width:516px; 
border-top:1px solid black; 
border-left: 1px solid black; 
overflow:hidden;
list-style : none;
margin: 0;
padding:0;
}

#mgo li {
width:118px;
height: 135px; 
float:left;
display : block;
border-right : 1px solid #336699;
border-bottom : 1px solid #336699;
text-align : center;
padding: 5px;
background-color: #FFFFFF;
overflow: hidden; 
}

.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;
}

/* bildvergrößerung */

.DHTMLSuite_imageEnlarger_transparentDivs{	
	filter:alpha(opacity=50);	/* Transparency */
	opacity:0.5;	/* Transparency */
	-moz-opacity:0.5;	/* Transparency */
	background-color:#000;
	z-index:1;
	position:absolute; /* Always needed	*/
	z-index:100000;
	top:0px;
	left:0px;
}
.DHTMLSuite_imageEnlarger_iframe{
	z-index:100010;
}
.DHTMLSuite_imageEnlarger{	/* Main div - no layout on this */
	position:absolute;
	z-index:100017;
	left:50%;
	top:50%;
}

.DHTMLSuite_imageEnlarger_imageBox{	/* div element inside main div - This is the place to add layout */
	position:absolute;
	z-index:100020;
	background-color:#A9BED9;
	border: 2px solid #5D709B;
	
}
.DHTMLSuite_imageEnlarger_caption{	/* Image caption */
	background-color:#A9BED9;
	color:#FFF;
	padding:5px;
	text-align:center;
	border-top: 5px solid #D2DEEC;
	border-bottom: 5px solid #D2DEEC;
}
.DHTMLSuite_imageEnlarger_close,.DHTMLSuite_imageEnlarger_closeOver{	/* Close button */
	position:absolute;
	top:0px;
	right:0px;	
	background-repeat:no-repeat;
	background-position:top right;
	width:15px;
	height:15px;
	cursor:pointer;	
}
.DHTMLSuite_imageEnlarger_closeOver{		/* Close button - mouse over */
	background-image:url('../images/imageEnlarger_close_over.png');
}
.DHTMLSuite_imageEnlarger_close{	/* Close button */
	background-image:url('../images/imageEnlarger_close.png');
}

span.DHTMLSuite_imageEnlarger_captionTitle{	/* Image caption - title */
	display:block;
	font-weight:normal;
	font-size: .8em; 
	 color : #5D709B;
}
span.DHTMLSuite_imageEnlarger_captionDescription{	/* Image caption - the caption */
	display:block;
}
a.DHTMLSuite_imageEnlarger_closeLink{	/* Close link below the caption - If you don't want it, just set display:none as a new css rule for this class */
	text-align:center;
	display:block;
	color:red;
	text-decoration:underline;
	font-size: .8em; 
	margin-top: 8px;
}