html, body{ 
 margin: 2px 0 0 0; 
 padding:0; 
 text-align:center;
 font-size: 100.01%; 
 color: black;
 background-color: #fdee98;
 background-image: url(bilder/bg1.gif);
 font-family: Verdana, Arial, Helvetica, sans-serif;
 } 
 
#pagewidth{ 
 width:758px; 
 text-align:left; 
 min-width: 500px;
 margin-left:auto; 
 margin-right:auto; 
  } 
 
 #header {
	text-indent: -5000px; /* Image replacement */
	background: url(bilder/logo_top.jpg);
	width: 758px;
	height: 150px;
	}
 	
#leftcol{
 width:170px; 
 float:left; 
 position:relative; 
 margin-left:-170px; 
 margin-right:1px;
 border-top: 20px;
 border-left: 0px;
 border-bottom: 0px;
 border-color: white;
 border-style: solid;
 background-image: url(bilder/bg_left.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 }
 
#outer{ 
 border:solid white 0px; 
 /*/*/ border-left-width: 170px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #ccc;   /* left column colour */ 
border-left-style: solid; 
background-color: white; /* center column colour */ 
width: auto;
} 
 
#footer{
 padding: 10px 0 0 0;
 height: 40px; 
 width: 100%;
 color: #ccc;
 background-color: black;
 /*background-image: url(bilder/bg2.gif);*/
 margin: 0 0 0 0;
}

#footer a:link, #footer a:visited {color:white; text-decoration:none}

.footer {
 font-size: 0.7em !important;
 text-align: center;
 padding: 0 0 0 0 ;
 margin: 0px 0px 0 0;
 color: #ccc !important;
}
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 }
 
#outer>#inner { border-bottom: 1px solid #F6ECFF;  }
 
.clr{clear:both;}
 
.content{
padding:15px; /*padding for content */ 
font-family: Verdana, Helvetica, Arial,sans-serif;
}
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

.content P {
font-size: 0.8em;
color: black;
}

.content hr {
width: 75%;
height: 1px;
color: gray;
}

#navcontainer ul
{
list-style-type: none;
text-align: left;
}

#navcontainer ul li a
{
background: transparent url(bilder/list-off.gif) left center no-repeat;
padding-left: 20px;
margin-left: -30px;
text-align: left;
font: normal 0.8em Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight:600;
color:#039;
line-height: 1.7em;
}

#navcontainer ul li a:hover
{
background: transparent url(bilder/list-on.gif) left center no-repeat;
color: #63c;
}

#navcontainer ul li a#current
{
background: transparent url(bilder/list-active.gif) left center no-repeat;
color: gray;
}

h1 {margin: -2px 0 0 0; padding: 0;} /* optische Retusche wegen IE*/

h2 {
font-size: 1.3em;
color:#333333;
}

h3 {
font-size: 1.0em;
color:#333333;
margin-bottom: -7px !important;
}

.sonder {
font-size: .9em;
color: #666666;
margin-bottom: -1px !important;
}


a {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#663399;
margin: 0;
padding: 0;
}

.unvisible {
DISPLAY: none
}

.special {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-style: normal;
background-color: #CCCCCC;
padding: 5px 0px 5px 0px;
font-weight: bold;
}

#special2 {
color: black;
background-color: #f6f5f7;
margin: 0 10px 10px 10px;
padding: 5px 10px 10px 10px;
border-width: 1px 0 1px 0;
border-color: gray;
border-style: dashed;
height: 100%;
}

.content ul {
font-size: 0.8em;
}

.lineheigth {
line-height: 1.4em;
}

.extra {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	background-color: #e6e2e9;
	padding: 5px 20px 5px 20px;
	font-weight: bold;
	}


#other img {
border-width: 3px;
border-style: solid;
border-color: white;
margin: 10px 0 0 0;
}

#bilder img {
float: right;
border-width: 1px;
border-style: solid;
border-color: black;
text-align: right;
margin: 30px 80px 0 0;
}

.cont img{
margin: 20px 10px 10px 10px;
padding: 0;
position: relative;
float: right;
}

.line {
margin: 0 0 0 169px;
padding: 0;
}

#slogan img{
margin-left: -203px;
margin-top: 30px;
padding: 0;
position: relative;
float: left;
}

address {
margin: 1.5em 0 1.5em 0;
padding-left: 2em;
border: 1px;
border-style:solid;
border-color:#999999;
font-size: 0.9em;
font-style: normal;
line-height: 2em;
background-color:#CCCCCC;
}

#ad{
float:right;
border:0 !important;
margin: 0 0 5px 25px;
}

#ad img {border:0!important}
/*formular style*/

#formular {
color:#000000;
background-color:#d8d5dc;
font-size: 0.8em;
}

.legend {
padding: 1.0em 0.5em 1.0em 0.5em;
background-color:#dbdadc;
margin-bottom: 1.0em;
border-style: solid;
border-width: 1px;
border-color: gray;
}

label.left {
float: left;
text-align: right;
width: 8em;
margin: 0em .3em 1em 0;
}

input[type=text], select {
float: left;
}

input.right {
float: left;
width: auto;
clear: both;
margin: 1em .3em 0.5em 8.3em;
}

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
margin-left: 9.3em;
}

form br {
clear: both;
}

/* Sonstiges*/

.wdreic img {
border: 0;
}

.line {
line-height: 1.4em;
}

.acro acronym {
text-decoration: underline;
}

acronym {
text-decoration: none;
}

/* fuer Aussprache*/

abbr {
speak: spell-out;
}

acronym {
speak: spell-out;
}

.orange {
color: #D97614;
font-weight: bold;
}

 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}