body {
 background-color:#EEEFF1;
 margin:0;padding:0;
}

html,body {
 height:100%;
 overflow:hidden;
}

form {
margin:0;padding:0;display:inline;
}

img  {
 border:none;
}




/*####  CONTAINER */


/* für IE */
* html #container {
 border:solid 1px #000000;
 text-align:center;
 }



/* für FF / Opera */
html>body #container {
  width: 865px;
  margin:auto;
}


/*####  HEADER */

/* für IE */

* html #header {
 position:absolute;top:0px;left:0px;
 width:863px;height:108px;
 background-color:#EEEFF1;
 z-index:110;
}

/* für FF / Opera */

html>body #header {
 position:absolute;top:-108px;left:0px;
 width:863px;height:108px;
 background-color:#EEEFF1;
 z-index:100;
}

/*#### MAIN */

/* für IE */

* html  #mainContainer {
  position:relative;
  z-index:1; 
  padding: 108px 0px 0px 0px;
  height:97%;width:863px;
  background-color:#FFFFFF;
}

* html  #main {
 position:relative;left:0px;
 margin:0px 0 0 0px;
 height:100%;
 background-color:#FFFFFF;

}

* html  #scroll {
 margin:0 0 0 0;
 height:90%;
 background-color:#FFFFFF;
 overflow: auto; 
 text-align:left;
}



/* für FF / Opera */

html>body #mainContainer { 
  position:absolute;
  top: 108px; /* header height */ 
  bottom: 25px; /* footer height */ 
  width:863px;
  margin:auto;
} 

html>body #main { 
width:508px; height:100%;
  background-color:#FFFFFF;
  margin-left:205px; /* das braucht FF */
}

html>body #scroll { 
 width:505px; height:90%;
 overflow: auto;
 background-color:#FFFFFF;
}



#scrollmargintop {
 height:5%;
}

#scrollmarginbottom{
 height:5%;
}


#content {
 height:100%;
 padding:0 0 0 21px;
}

#content h1 {
 margin:0;padding:0;
}

#content h2 {
 margin-right:20px;
 margin-top:12px;
 margin-bottom:-18px;
 font: bold 12px Arial,Helvetica;line-height:18px;
 color:#306BA6;
 padding: 0 0 0 30px;
}

#content h3 {
 margin-right:20px;
 margin-top:24px;
 margin-bottom:12px;
 padding: 0 0 0 30px;
 font: normal 12px Arial,Helvetica;color:#253341;line-height:18px;
}

#content h4 {
 margin-right:20px;
 margin-top:12px;
 margin-bottom:-18px;
 font: bold 12px Arial,Helvetica;line-height:18px;
 color:#306BA6;
 padding: 0 0 0 30px;
}

#content h5 {
 margin-right:20px;
 margin-top:12px;
 margin-bottom:12px;
 font: normal 12px Arial,Helvetica;line-height:18px;
 color:#253341;
 padding: 0 0 0 30px;
}

#content h6 {
 margin-right:20px;
 margin-top:12px;
 margin-bottom:-18px;
 padding: 0 0 0 30px;
 font: normal 12px Arial,Helvetica;color:#253341;line-height:18px;
}

#content p {
 margin-right:20px;
 margin-top:12px;
 margin-bottom:12px;
 padding: 0 0 0 30px;
 font: normal 12px Arial,Helvetica;color:#253341;line-height:18px;
}

#content ul {
 margin-left:30px;
 margin-right:20px;
 margin-top:12px;
 margin-bottom:-6px;
 padding: 0 0 0 0px;
 font: normal 12px Arial,Helvetica;color:#253341;line-height:18px;
}

#content ul li{
 list-style-type:none;
 background-image:url(../images/aufzaehlung.gif);
 background-repeat:no-repeat;
 background-position:1px 6px;
 padding-left:12px;
 padding-bottom:6px;
 line-height:18px;
}

#content table {
 margin-left:30px;
 margin-right:20px;
}

#content td {
 font: normal 12px Arial,Helvetica;color:#253341;line-height:18px;
}

#content .link {
 font: normal 12px Arial,Helvetica;color:#253341;line-height:18px;
 text-decoration:underline;
}

#content .link:active {
 color:#306BA6;
}

#content .link:hover {
 color:#306BA6;
}

#bildunterschrift {
 font: normal 12px Arial,Helvetica;color:#253341;line-height:18px;
}

/*####  LEFT */

/* für alle */

#left {
 float:left;
 width:204px;
 background-color:#FFFFFF;
 height:100%;
 background-image:url(../images/kachel.gif);
 background-repeat:repeat-y;
 background-position:0 0px;
}

#left div {

 margin: 1px 5px 1px 8px;

}

#left div a {
 display:block;
}


#left div a:hover, #left div a.on{
 background-color:#EEF3F7;
}


.navrowclear {
 height:19px;
}


/*####  RIGHT */

/* für alle */

#right {
 float:right;
 width:150px;
 background-color:#ffffff;
 height:100%;
 background-image:url(../images/right.gif);
 background-repeat:repeat-y;
 background-position:left top;
 z-index:110;
 text-align:left;
}


/* für FF / Opera */

html>body #right {
 width:150px;
 margin:0;
}




#bgzelle {
 padding-left:4px;
}




/*####  FOOTER */

/* für alle */

#footer {

 position:relative;
 width:863px;height:3%;
 background-color:#FFFFFF;
 z-index:101;
 background-image:url(../images/footer.gif);
 background-repeat:no-repeat;
}


/* für FF / Opera */

html>body #footer { 
background-color: #FFFFFF; 
height: 25px; 
position: absolute; 
bottom: 0; 
width: 863px; 
}