ÿþ/* 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{

text-align:center;

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:134px;left:10px;z-index:3;}



.newsflash{

background:white;

padding:0;

border:0px solid black;

width:159px;

height:200px;

position:absolute;top:110px;left:10px;z-index:3;

display:none; /* reserviert für NEWSFLASH */

}





.newsflashmainR{

background:white;

padding:0;

border:0px solid black;

width:210px;

height:300px;

position:absolute;top:240px;left:570px;z-index:2;

}



.newsflashmain{

text-align: center;

background:white;

padding:0;

border:0px solid black;

width:140px;

height:200px;

position:absolute;top:260px;left:10px;z-index:3;

}



.linkimflashmain {

   line-height:12px;

   font: normal 8pt/1.5 Verdana, sans-serif;

   color: #FF3400;

}



.fotoflash {

text-align:center;

background:white;

border:0px solid black;

}





.foto {

background:white;

padding:0;

margin:0;

border:0px solid black;

width:380px;

height:72px;

position:absolute;top:154px;left:10px;z-index:3;

}



.banner2 {

    position:absolute;top:0px;left:185px;z-index:3;

}



.inhalt{

width:363px;

background:white;

padding:5px;

margin-top:132px;

position:absolute;top:123px;left:165px;

border-right: 1px solid silver;}



.freiraum{

background:white;

/*border-left:1px solid black;*/

padding:0px;

height:90px;

width:200px;

position:absolute;top:26px;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;

}



.unterueberschriftK {

   text-align:center;

   line-height:10px;

   color: #333333;

   font: bold 8pt/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;

   

}