#wrapperInner  {   
position:  relative;  /*  serve  as  context  for  absolute  positioning  */  
border:1px  solid  white;  
}  
#wrapperDivisions  {  
margin:  0;  /*  =  0  1px  0  #navSecondary::width;  margin-right  to   prevent  horizontal  scrollbar  caused  by  #wrapper-content::padding-left   while  avoiding  to  use  risky  overflow  property  */  
font-size:100%;  
border-left:0;  
margin:0pt  0.0625em  0pt  11.4375em;  
height:100%;  
}  
#wrapperContent  {  
border-top:3px  solid  #fff;  
width:  100%;  
overflow:hidden;  
background-color:#C6D0DC;  
margin-right:  -100%;  
float:  left;  
}  
/***  Branding  ***/
#branding,  #branding  p  {  
height:  6.9em;  
overflow:hidden;  
}  
*html  #branding,  *html  #branding  p  {  
height:  6.9595em;  
}  
#branding  p  {  
position:  absolute;  
left:  0;  
z-index:3;  
overflow:  hidden;  
width:  11.5em;  
}  
.printVersion  {  
display:none;  
}  
#branding  p  img  {  
margin:  1.2em  0   0;  
float:left;  
}  
*html  #branding  p   img  {  
margin:  1.4em  0   0;  
float:left;  
}  
.borderfooter  {position:relative;}
 
/***   NavPrimary  ***/
#navPrimaryCustom  {  
height:  1.55em;  
min-width:984px  !important;  
}  
#navPrimary  {  
position:  absolute;  
top:  6.9595em;  /*   =  #branding::height  -  height  */  
right:  -11.5em;  /*  @  Opera,  =  -   (#navSecondary::width  -  #content::padding-left)  */  
left:  0;  
width:  100%;  
height:  1.25em;  
}  
html>body  #navPrimary  {  
position:  absolute;  
top:  7em;  /*  =  #branding::height  -  height  */  
right:  -11.5em;  /*  @  Opera,  =  -   (#navSecondary::width  -  #content::padding-left)  */  
left:  0;  
width:  100%;  
height:  1.25em;  
}  
*html  #navPrimary  li{  
padding-top:3px;  
}  
#navPrimary  ul  {  
margin:  0  0  0  12em;  /*  =  0  0  0  (#navSecondary::width  +   #content::padding-left)  */  
}  
#navPrimary  li  {  
float:  left;  
margin:  0  1px  0  0;  
}  
#navPrimary  li  a,  
#navPrimary  li  strong  {  
line-height:  1.35em;  /*  @  Safari,  "em"  length  @  Firefox-Mac  */  
padding:  .25em  1em;  
}  
#navPrimary  li  a,  
#navPrimary  li  strong,  
#navSecondary  dl  a,  
#navSecondary  dl  em,  
#navSecondary  dl  strong  {  
display:  block;  
}  
/***  COLUMNS  ***/
#allColumns  {  
background-color:#C6D0DC;  
border-bottom:  3px  solid  #fff;
left:  -11.5em;  
position:relative;  
margin-right:  -11.5em;  
overflow:hidden;  
}  
/***  FIRST  Column   ***/
#firstColumn  {  
width:  11.5em;  /***  hier  kann  die  Spaltenbreite  geändert  werden  auch  %  ist  möglich!!!  zB  firstColumn  width:  22%   secondColumn  width:50%  und  thirdColumn  width:22%  ***/  
min-height:  23em;  
float:left;  
background-color:#82A3C2;  
background-image:   url(/SiteGlobals/StyleBundles/Bilder/Farbschema__A/background__Winkel__hell,property=default.gif);  
background-repeat:no-repeat;  
background-position:5px  5px;  
border-right:3px  solid  #fff  !important;  
margin-bottom:-5000px;  
padding-bottom:5000px;  
position:relative;  
}  
#firstColumn  .teaser  h2,  #firstColumn  h1,  #firstColumn  .teaser  h3{  
 font-size:  11px;
 color:#000;
 font-weight:bold;
 padding:   0px  10px  0px  10px;
 margin:  15px  0px  5px  0px;
 }  
 #firstColumn  .teaser  h3  *{
 color:#000;
 }
#firstColumn  .teaser  h4{  
 font-size:  10px;
 color:#000;
 font-weight:bold;
 padding:   0px  10px  0px  10px;
 margin:  6px  0  3px  0;
 }  
#firstColumn  .teaser  a  {
 text-decoration:underline;
 }   
#firstColumn  .teaser  img  {  
padding-left:0px;  
padding-top:10px;  
Xwidth:100px;  
border:0px;  
}  
#firstColumn  .teaser  p  {  
padding:0  10px  0   10px;  
font-size:  11px;  
Xwidth:160px;  
text-align:left;  
Xfont-family:  comic  sans  ms;  /***  hier  kann  die  Schriftart  geändert   werden  -  X  raus  und   comic  sans  ms  durch  den  Namen  der  Schriftart   ersetzen;  mehrere  durch  Komma   trennen  ***/  
}  
#firstColumn  table   {  
margin-top:20px;   
margin-left:10px;
 margin-right:15px;  
border-spacing:5px; 
border-collapse:separate; 
border:1px  solid  red;
}  
#firstColumn  table  td{
border:1px  solid  red;
}  
#firstColumn  .justify{
text-align:justify;
}  
#firstColumn  table  .bg01  td,   #firstColumn  table  .bg02  td,   #firstColumn  table  .bg03  td,   #firstColumn  table  .bg04  td,   #firstColumn  table  .bg05  td,   #firstColumn  table  .bg06  td,   #firstColumn  table  .bg07  td,   #firstColumn  table  .bg08   td{
 padding:10px;
}  
#firstColumn  .teaser  .picture  {  
Xpadding-left:0px;  
padding-bottom:10px;  
}  
#firstColumn  .teaser  .more  {  
padding-top:10px;  
font-weight:bold;  
}  
/***  SECOND  Column  ***/
#secondColumn  {  
/***  hier  kann   die  Spaltenbreite  geändert  werden  auch  %  ist  möglich!!!  zB  firstColumn  width:   22%  secondColumn  width:50%  und   thirdColumn  width:22%  ***/  
margin-bottom:-5000px;  
position:relative;  
padding-right:  21em;  
margin-right:15em;  
padding-bottom:5000px;  
background-image:   url(/SiteGlobals/StyleBundles/Bilder/Farbschema__A/background__Winkel__dunkel,property=default.gif);  
background-repeat:no-repeat;  
background-position:5px  5px;  
background-color:#C6D0DC;  
z-index:  8000;  
}  
*html  #secondColumn  {  
width:auto;  
}  

#secondColumn  p{  
margin:  0  0  1em  0em;  
}  
#secondColumn  .teaser{  
width:  100%;  margin-right:  22em;  
}  
#secondColumn  .picture  {  
margin:  0em;  
}  
#secondColumn  .teaser  h2{  
font-size:  14px;  
padding-left:40px;  
padding-top:25px;  
padding-bottom:  28px;  
}  
#secondColumn  .teaser  img  {  
padding-left:0px;  
padding-top:10px;  
padding-right:10px;  
float:left;  
}  
#secondColumn  .teaser  {  
padding-left:2.5em;  
font-size:  13px;  
Xwidth:160px;  
text-align:justify;  
font-family:  Verdana;  /***  hier  kann  die  Schriftart  geändert  werden  -  X  raus  und  comic  sans  ms  durch  den  Namen  der  Schriftart  ersetzen;   mehrere  durch  Komma  trennen  ***/  
}  
#secondColumn  .teaser   .picture  {  
padding-left:0px;  
padding-bottom:10px;  
}  
#secondColumn  .teaser  .more  {  
padding-top:10px;  
font-weight:bold;  
padding-left:15px;  
}  
#secondColumn  table  {  
border:1px  solid  #fff;
width:100%;
}  
#secondColumn  table  tr{  
border-top:1px  solid  #fff;
}  
#secondColumn  table  td{  
border-right:1px  solid  #fff;
}  
/***  THIRD  Column   ***/
#thirdColumn  {  
float:right;  
width:  20em;  /***   hier  kann  die  Spaltenbreite   geändert  werden  auch  %  ist  möglich!!!  zB  firstColumn   width:  22%  secondColumn  width:50%  und  thirdColumn  width:22%  ***/  
margin-bottom:-5000px;  
padding-bottom:5000px;  
background-image:   url(/SiteGlobals/StyleBundles/Bilder/Farbschema__A/background__Winkel__hell,property=default.gif);  
background-repeat:no-repeat;  
background-position:5px  5px;  
background-color:#82A3C2;  
border-left:3px  solid  #fff;  
position:relative;  
z-index:  9000;  
padding-left:15px;
}  
#thirdColumn  object{  
padding-top:25px;  
padding-left:25px;  
}  
*html  #thirdColumn  object{  
margin-left:1em;  
}  
#thirdColumn  h1,  #thirdColumn  h2,  #thirdColumn  h3{  
  font-size:  14px;  
  padding-left:0px;  
  padding-top:30px;  
  padding-bottom:12px;
}  
#thirdColumn  img  {  
xxxpadding-left:40px;  
padding-top:20px;  
padding-bottom:20px;  
}  
#thirdColumn   p{  
padding-top:0px;  
padding-bottom:20px;  
width:218px;  /***  Textbreite  ***/  
Xfont-family:  comic  sans  ms;  /***  hier  kann  die  Schriftart  geändert   werden  -  X  raus  und   comic  sans  ms  durch  den  Namen  der  Schriftart   ersetzen;  mehrere  durch  Komma   trennen  ***/  
}  
#thirdColumn  .picture  {  
padding-left:0px;  
padding-bottom:10px;  
}  
#thirdColumn  .more  {  
padding-top:0px;  
font-weight:bold;  
padding-left:15px;  
}  

/***  FOURTH  Column  ***/
/***  Formatiert  den  letzen  Rest  linke  Spalte  ***/  
#fourthColumn  {  
padding:  10px  15px  10px  10px;  
Xwidth:100%;  
background-color:#82A3C2;  
border-top:  3px  solid  #fff;  
z-index:  98989;  
position:relative;  
left:  0em;  
}  
/**  Mussfeld  H1-Überschrift  ein/ausblenden  ***/  
#fourthColumn  h1,   #fourthColumn  h2,  #fourthColumn  .h1Basepage{  
font-size:  14px;   text-align:center;  padding-bottom:6px;}
Xdisplay:none;  
}  
/***  Brandung  unten  formatieren  ***/  
#fourthColumn  img  {  
padding-left:0px;  
padding-top:0px;  
}  
#fourthColumn  .more  {  
padding-top:10px;  
font-weight:bold;  
}  
/***  Various  ***/
.topNaviSpacer  {  
margin-top:-18px;  
margin-left:-2px;  
}  
#navServiceMeta  {  position:  absolute;  top:  0;  right:0;  height:  1.25em;  }  
*html  #navServiceMeta  {  /*left:45em;*/  }  
#navServiceMeta  li,  #navBreadcrumbs  li  {  display:  inline;  }  
#clear  {  clear:  both;  height:  1px;  /*   avoid  collapsing  margins  */  }  
.aural,  .navSkip,  
#supplement  h2,  
#navPrimary  h2,  
#navServiceMeta  h2,  
#siteInfo  h2  {  
position:  absolute;  
top:  -1000px;  
left:  -1000px;  
overflow:  hidden;  
width:  100px;  
height:  100px;  
}  
.navLine  {  display:inline;  }  
.abstandColumn2Oben  {padding-top:30px;}
.abstandColumn2Oben  img  {padding-top:0px!important;}
#firstColumn  .h1Basepage  {padding:30px   10px  10px  35px;}
#thirdColumn  .h1Basepage  {padding:30px   10px  10px  20px;}
.teaser  {margin-bottom:16px;}
xxx.MsoNormal  {background-color:red!important;   color:green!important;}
p.justify{text-align:justify;}

.BildergalerieTable {width:698px; margin-left:auto; margin-right:auto;}
.BildergalerieTable .bildergalerie {padding-left:15px;}
.allPictures {width:658px!important;}

/*** Hier die Breite ändern ***/
#firstColumn { width:  11.5em; }
#secondColumn  {  padding-right:  16em;  }
#thirdColumn  { width:  15em; }
a {text-decoration:underline;}

.BildLinks, .BildLinksTextRechts  {  float:left;  width:auto  !important;  padding-right:10px;  }  
.BildRechts, .BildRechtsTextLinks  {  float:right;  width:auto  !important;  padding-left:10px;  }  

#firstColumn *, #secondColumn *, #thirdColumn *,#fourthColumn * {font-size:90%;}
#firstColumn * *, #secondColumn * *, #thirdColumn * *, #fourthColumn * *{font-size:100%;}
.BildergalerieTable h1 {text-align:center;}
.videogalerie h1, .videogalerie p {display:none;}
.videogalerie object{float:left; padding:3px;}