/* Optional Code */
body { color: #000; background-color: #FFFFFF; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 86%; }
.meta{
background:white;
padding:0;
border:0px solid black;
width:750px;
height:20px;
position:absolute;top:10px;left:10px;z-index:3;}

.meta1, .meta2 {
float:left;
width:50%;
height:20px;
margin:0;
padding:0;
border: 1px; solid;
}

.meta1 {
   font-size:9px;
   line-height:10px;
   color: #333333;
   margin-bottom: 5px;
   text-transform: uppercase
}

.meta2 {
   text-align: right;
}

.logo{
background:white;
padding:0;
border:0px solid black;
width:750px;
height:80px;
position:absolute;top:30px;left:10px;z-index:3;}

.menue{
background-color:#333333;
padding-left:5px;
border:0px solid black;
width:525px;
height:20px;
text-align:left;
position:absolute;top:110px;left:10px;z-index:3;}

.newsflash{
background:white;
padding:0;
border:0px solid black;
width:159px;
height:200px;
position:absolute;top:132px;left:10px;z-index:3;
display:none; /* reserviert für NEWSFLASH */
}


.newsflashmain{
background:white;
padding:0;
border:0px solid black;
width:140px;
height:200px;
position:absolute;top:280px;left:10px;z-index:3;
}

.linkimflashmain {
   line-height:12px;
   font: normal 8pt/1.5 Verdana, sans-serif;
   color: #FF3400;
}


.foto {
background:white;
padding:0;
margin:0;
border:0px solid black;
width:380px;
height:69px;
position:absolute;top:130px;left:170px;z-index:3;
}

.banner2 {
    position:absolute;top:0px;left:185px;z-index:3;
}

.inhalt{
width:364px;
background:white;
padding:5px;
margin-top:132px;
position:absolute;top:70px;left:165px;
border-right: 1px solid silver;}

.freiraum{
background:white;
border-left:0px solid black;
padding:10px;
height:90px;
width:200px;
position:absolute;top:111px;left:540px;z-index:3;}

.navi {
     background:white;
     border-left:0px solid black;
     padding:0px;
     margin:0px;
     height:300px;
     width:220px;
     position:absolute;top:220px;left:540px;z-index:2;
     text-align: left; 
     font-size: 78%; 
     font-face: Verdana, Arial, Helvetica, sans-serif;     
}

p  { padding: 10px; margin: 0; font-size: 1em; }
h1 { padding: 0.5em; margin: 0; font-size: 1.3em; font-weight: normal; }
h2 { padding: 0.5em; margin: 0; font-size: 1em; font-weight: bold; }
ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }
.right { font-style: normal;}
.normal { font-style: italic; }

.wrapper { min-width: 400px; }
          /* Allways good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

.wrapper { border: 0px solid black; margin: 0 -1px; }
          /* this is a border with marginal compensation to stop scroll bars */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
	width: 100%;               /* total width */
}      
.outer {
	border-left-width: 270px;  /* left column width */
	border-left-color: #E4E4E4;   /* left column colour */
	
	border-right-width: 230px; /* right column width */
	border-right-color: #ffffff;  /* right column colour */
	
	background-color:#fefefe; /* center column colour */
}

.header1, .header2 {
float:left;
width:50%;
height:20px;
margin:0;
padding:0;
border: 1px; solid;
}

.header2 {
   text-align: right;
}

.leftheader {
      width: 260px;
	margin-left: -270px;       /* _negative_ left column width */
}

.rightheader {
	float: left; 
	width: 220px;           /* right column width */
	margin-right: -230px;      /* _negative_ right column width */
      text-align: left; 
      font-size: 78%; 
      border-left-width:thin; 
      border-left-style: solid;
	border-left-color: #A4A4A4; 
      margin-top: 20px;
      margin-left: 5px;
      font-face: Verdana, Arial, Helvetica, sans-serif;     
}

.left {
      display: none; 
	width: 260px;              /* left column width */
	margin-left: -270px;       /* _negative_ left column width */
}

.right {
	width: 220px;              /* right column width */
	margin-right: -230px;      /* _negative_ right column width */
	float: right; 
      position: relative; 
      text-align: left; 
      z-index: 11; 
      font-size: 78%; 
      border-left-width:thin; 
      border-left-style: solid;
	border-left-color: #A4A4A4; 
      margin-top: 20px;
      margin-left: 5px;
      font-face: Verdana, Arial, Helvetica, sans-serif;     
}

.wide {
	background-color: white;  /* header and footer colours */
}

/* Main code */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%; }

.left { float: left; position: relative; z-index: 10;
   font: normal 8pt/1.5 Verdana, sans-serif; background-color: #E4E4E4;
 }
.center { float: left; width: 100%; position: relative; z-index: 12; 
   font: normal 10pt/1.5 Verdana, sans-serif;
}

.wide { width: 100%; position: relative; z-index: 13; text-align: right; font-size: 78%; clear:both; }

.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 5px; }
.right { margin-left: 5px; }
.center { margin: 5px 15px -5px 5px; }

.linkimfoto {
   line-height:9px;
   color: #FF3400;
   font: normal 8pt/1.5 Verdana, sans-serif;
}

.linkiminhalttext {
   line-height:12px;
   font: normal 10pt/1.5 Verdana, sans-serif;
   color: #FF3400;
}

.auswahlmain {
   font-size:11px;
   line-height:12px;
   color: #FF3400;
   margin-bottom: 5px;
   text-transform: uppercase;
   margin-left: 10px;
}

.auswahlmainS {
   font-size:11px;
   line-height:12px;
   color: #eee;
   margin-bottom: 5px;
   text-transform: uppercase;
   margin-left: 10px;
   background-color: #FF3400;
}

.pfad {
   font-size:9px;
   line-height:10px;
   color: #333333;
   margin-bottom: 5px;
   text-transform: uppercase
}

a {
   text-decoration: none;
}

a:hover {
   /*background-color: #FF3400;*/
   background-color: #333333;
   color: #eee;
}
.metaText {
   font-size:9px;
   line-height:11px;
   color: #FF3400;
   margin: 5px;
   text-align: left;
}

.metaTextS {
   font-size:9px;
   line-height:11px;
   margin: 5px;
   text-align: left;
   color: #eee;
   background-color: #FF3400;
}

.auswahlsubmenu {
   font-size:10px;
   line-height:14px;
   color: #333333;
   text-transform: uppercase
}

.auswahlsubmenuS {
   font-size:10px;
   line-height:14px;
   color: #eee;
   background-color: #FF3400;
   text-transform: uppercase
}

.auswahltitel {
   font-size:10px;
   line-height:12px;
   color: #333333;
   text-align: left;
}

.copyright {
   font: italic 9px Verdana, sans-serif;
   line-height:11px;
   color: #979797;
   margin:5px;
   text-align: center;
}

ul#submenu {
   list-style: none;
   margin: 5px;
   padding: 0; 
   background-color: white;
   
}

ul#submenu li{
   <!--border-top: 1px solid #A4A4A4;-->
}

ul#submenu li a:link, ul#submenu li a:visited {
   display: block;
   text-decoration: none;
   width: 100%;
   font: normal 8pt/1.5 Verdana, sans-serif;
}

.bilder {
   margin: 10px;
}

.bildueber {
   line-height:12px;
   color: #333333;
   font: bold 8pt/1.5 Verdana, sans-serif;
   text-align: center;
}

.bilderueberschrift {
   line-height:12px;
   color: #333333;
   font: bold 8pt/1.5 Verdana, sans-serif;
   text-align: center;
}

#kasten {
    width: 235px;
    margin: 15px;
    background-color: #E4E4E4;
}

.bild {
   float: left;
   /*background-color: #FF3400;*/
   margin: 5px;
   padding: 0;
   line-height:12px;
   color: #333333;
   font: normal 10pt/1.5 Verdana, sans-serif;
}

.bildheader {
   /*background-color: #FF3400;*/
   float: left;
   color: white;
   margin: 0;
}

.antifloat {
   clear: both;
   visible: hidden;
}

.ueberschrift {
   line-height:12px;
   color: #979797;
   font: bold 12pt/1.5 Verdana, sans-serif;
   margin-top: 20px;
}

.unterueberschrift {
   line-height:10px;
   color: #333333;
   font: bold 10pt/1.5 Verdana, sans-serif;
}

.left-ueberschrift {
   line-height:9px;
   color: #333333;/* #979797;*/
   font: bold 9pt/1.5 Verdana, sans-serif;
   margin-top: 20px;
   margin-bottom: 0px;
}

.left-unterueberschrift {
   line-height:10px;
   color: #333333;
   font: bold 8pt/1.5 Verdana, sans-serif;
   font-family: cursive;
}

.titel {
   line-height:8px;
   color: #333333;
   font: bold 8pt/1.5 Verdana, sans-serif;
}

.inhaltflash {
   line-height:9px;
   color: #333333;
   font: normal 8pt/1.5 Verdana, sans-serif;
   margin: 5px;
 }

.datumflash {
   line-height:9px;
   color: #979797;
   font: normal 8pt/1.5 Verdana, sans-serif;
 }


.inhaltText {
   line-height:12px;
   color: #333333;
   font: normal 10pt/1.5 Verdana, sans-serif;
}

.ueberschrift, .unterueberschrift, .inhaltflash, .titel, .bild, .copyright, .left-ueberschrift, .left-unterueberschrift {
   margin-left: 10px;
}

.ueberschriftinhalt {
   line-height:15px;
   color: #979797;
   font: bold 14pt/1.5 Verdana, sans-serif;
   margin-top: 20px;
}

.unterueberschriftinhalt {
   line-height:14px;
   color: #333333;
   font: bold 12pt/1.5 Verdana, sans-serif;
}

.kastenabstand {
   clear:both;
   border: 1px;
    width:20px;
    height: 755px;
    background-color:white;
   
}