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

.versteckt {
   display: none;
}

.hidden {
   display: none;
}

#container {
    display: block;
    width : 990px;
    text-align : left;
    padding : 0;
    margin : 0 auto;
    background-color : white; 
    color : black;
}

#header {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 150px;
	background : url(../images/header_bg.jpg) repeat-x;
 border-bottom: 2px solid #55773D;

}

#header #logo {
	float: right;
	width: 203px;
	margin: 10px 10px 0 0;
	padding: 65px 0 0 5px;
	background : url(../images/logo.png) no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

#navigation #suche {
display: block;
float: right;
width: 220px;
height: 20px;
margin: 5px 0 0 0;
padding: 0;
}

#navigation #suche form {
margin: 0;
float:left;
padding: 0px;
height: 20px;
width: 180px;
background : url(../images/suche_bg.gif) no-repeat;
}

#navigation #suche input {
float: left;
margin: 3px 0 0 10px;;
padding: 0px;
width: 135px;
height: 14px;
font-size: 11px;
border: 0px;
}

#content {
    float : left;
    width : 465px;
    padding : 0;
    margin : 10px 0 7px 30px;
    background-color:  white;
}

#content h1, #content h2, #content h3, #content h4, #content h5 {
   margin: 0;
   padding : 3px 0px 3px 0px;
   background-color: none;
   color : black;
   font-size: .85em;
}

#content h2 {
   clear:both;
   margin: 0;
   padding : 3px 0px 3px 0px;
   background-color: none;
   color : black;
   font-size: 1em;
}
/*
#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: black;
	font-size: 1.1em;
	text-decoration : none;
	margin: 0px  0px  8px 0;
	padding: 0 5px 0 0;
	height: 18px;
	background : url(../images/mehr.gif) no-repeat right;
}

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

#content .container {
	margin: 0;
	padding: 5px 0px 5px 0px;
	color: black;
	font-size:  12px;
	background-color:  none;
 text-align: left;
 clear: both;
}

#content .container h1 {
   margin: 0 -8px 0 -8px;
   padding : 3px 8px 3px 8px;
   color : black;
   font-size: 1em;
}

#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;
       height:20px;
       overflow: hidden;
       
   }
 #content .blaettern li {
       float : left;
       margin : 1px;
       padding : 1px;
       font-size: .9em;
 }


#highlight {
	float : right;
	width : 231px;
	margin : 10px 0px 3px 0;
	padding : 0;
 color : black;
 background-color : none;
}

#highlight h1 {
	width : 223px;
   margin: 0 0 3px 0; 
   padding : 0;
   background-color: #9CC150;
   color : black;
   font-size: .75em;
   border-left: 8px solid #55763D;
   font-size : 12px;
}
#highlight h1 p {
border-left: 3px solid #F1D533;
margin: 0;
padding : 3px 8px 3px 5px;
}

#highlight .text {
   padding : 3px 8px 6px 15px;
	  margin : 0;
   font-size: .75em; 
}

#highlight h2 {
   padding : 0;
	margin : 0;
   font-size: 1em; 
}

#highlight .mehr {
	display : block;
	width : 100%;
	text-align: right;
	color: black;
	font-size: 1.1em;
	text-decoration : none;
	margin: 0px  -1px  8px 0;
	padding: 0 5px 0 0;
	height: 18px;
	background : url(../images/mehr.gif) no-repeat right;
}

#footer {
	clear : both;
	width : 100%;
	margin : 0;
	padding : 5px 0 5px 0;
	color : black;
	font-size: .6em;
	overflow : visible;
	text-align: center;
	border-top: 2px solid #55773D;
	line-height : 1.5em;
}

a.ohne {
    text-decoration : none;
    color : black;
}

.listung {
    clear : both;
    float : left;
    width : 115px;
    margin-bottom : 3px;
}

/*

#header div {
	width: 955px;
	height: 100%;
	margin : 0 auto;
	background : url(../images/leiste-oben.png) no-repeat;
 overflow: visible;
}

#header #logo {
display: block;
position: relative;
float: left;
margin: -12px 0 0px 0;
}

#content {
	width: 811px;
	height: 460px;
 margin: 0px;
 padding: 0px;
	background-image : url(../images/rahmen.png);
}

#content #text {
float: left;
margin: 20px 0 0 20px;
padding: 0px 20px 0 0; 
width: 260px;
height: 275px;
border-right: 1px solid silver;
text-align: left;
color: #004288;
font-size: 12px;
overflow:hidden;
}

#content #text font {
color: #004288;
}

#content #text div {
color: #004288;
}

#content #bild {
float: right;
margin: 20px 20px 0 0;
padding: 0; 
width: 480px;
height: 275px;
text-align: left;
color: #004288;
font-size: 12px;
overflow:hidden;
}

#content #imgone {
float: left;
margin: 20px 20px 0 20px;
padding: 0 20px 0 0; 
width: 230px;
height: 275px;
border-right: 1px solid silver;
text-align: left;
color: #004288;
font-size: 12px;
overflow:hidden;
}

#content #imgtwo {
float: left;
margin: 20px 0 0 0;
padding: 0; 
width: 230px;
height: 275px;
text-align: left;
color: #004288;
font-size: 12px;
overflow:hidden;
}

#content #imgthree {
float: right;
margin: 20px 20px 0 0;
padding: 0 0 0 20px; 
width: 230px;
height: 275px;
border-left: 1px solid silver;
text-align: left;
color: #004288;
font-size: 12px;
overflow:hidden;
}

#content #imgcenter {
float: left;
margin: 20px 0px 0 20px;
padding: 0; 
width: 770px;
height: 275px;
text-align: left;
color: #004288;
font-size: 12px;
overflow:hidden;
border: 1px solid black;
}

#footer {
	width: 100%;
 height: 100%;
	height:15px;
	background : url(../images/erweiterung-leiste-unten.png) repeat-x top;
}

#footer div {
	width: 955px;
	height: 100%;
	margin : 0 auto;
	background : url(../images/leiste-unten.png) no-repeat;
 font-size : 11px;
	color: #004288;
 text-align: right;
}

#footer div a {
text-decoration: none;
margin: 0px;
padding: 0 20px 0 0;

}

h1, h2, h3, h4, h5, h6 {
color: #004288;
}

p {
margin: 0px;
padding: 0px;
}
*/

td {
 font-size: 12px;
}

/* 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:#9CC150;
	border: 2px solid #F1D533;
	
}
.DHTMLSuite_imageEnlarger_caption{	/* Image caption */
	background-color:#9CC150;
	color:#FFF;
	padding:5px;
	text-align:center;
	border-top: 5px solid #55763D;
	border-bottom: 5px solid #55763D;
}
.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 : black;
}
span.DHTMLSuite_imageEnlarger_captionDescription{	/* Image caption - the caption */
	display:block;
 	font-weight:normal;
	font-size: .8em; 
	color : black;
}
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;
}

