/* Seiteneinstellung */

body {
    scrollbar-darkshadow-color:#006699;
    scrollbar-track-color:#f9fafb;
    scrollbar-face-color:#f1f2f5;
    scrollbar-shadow-color:#a3c0db;
    scrollbar-highlight-color:#ffffff;
    scrollbar-3dlight-color:#424e66;
    scrollbar-arrow-color:#111111;
    scrollbar-darkshadow-color:#666666;
    color: black; 
    background-color: #b6edc7;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;  
  }


/* Dreispaltige Rahmenlayout */
/* Entwurf siehe http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks */

#Page {
  text-align: left;    
  background-color: rgb(0, 255, 255); 
  width: 1024px; 
  padding: 0; 
  height: auto;
  margin: 4px auto 4px auto;
}
 
#colmid,
#colleft {
  float:left;
  width:100%;			/* width of page */
  position:relative;
}

#LeftBar,
#Middle,
#RightBar {
  float:left;
  position:relative;
  padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
			only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;
}


#container  {
  clear:both;
  background-color: #008000;
  height: auto;
  position:relative;	/* This fixes the IE7 overflow hidden bug */
  float:left;
  width:100%;			/* width of whole page */
  overflow:hidden;		/* This chops off any overhanging divs */
}

#container #colmid  {
  background-color: #FFFFFF;
  right: 20px;
}

#container #colleft  {
  background-color: #008000;
  right: 964px;
}

#container #LeftBar {
  width: 40px; 
  left: 20px;
  padding-top: 120px; 
}

#container #Middle {
  width: 964px;
  left: 1024px;	
  height: auto;
}

#container #RightBar {
  width: 20px;
  left: 964px;	
}

/* Ende 3-spaltiges Layout */

/* Headerzeile */

#Header {
  text-align: left;
  width: 837px;
  height: 50px;
  float: left;
  color: rgb(255,255,255);
  font-family: Arial,sans-serif;
  font-size:20px;
  font-weight:bold;
  line-height:23px;
  margin: 0 0 0 0;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgb(31,175,18);
}

/* Logo */

#Parteilogo {
  float: left;
  border: 0px;
  width: auto;
  height: 60px;
  text-align: right; 
  vertical-align: middle;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: rgb(31,175,18);
}
   
/* obere Menüleiste */

#MenuTop  {
  font-family:Arial,sans-serif;
  color: #000000;
  font-size:12px;
  background-color: #9ee789;
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
}

/* 2 spaltiges Layout Mitte (falls Text kürzer als Linkliste)
   gleiche Technik wie oben beim 3 spaltigen Layout */

#MidContainer  {
  clear:both;
  background-color: rgb(255,255,255);
  height: auto;
  position:relative;	/* This fixes the IE7 overflow hidden bug */
  float:left;
  width:100%;			/* width of whole page */
  overflow:hidden;		/* This chops off any overhanging divs */
}

#MidContainer #MidLeft  {
  right: 120px;
  background-color: rgb(255,255,255);
  float:left;
  position:relative;
}

/* Content */

#MidContainer #Content  {
  float:left;
  left: 120px;
  position:relative;
  overflow:hidden;
  text-align: left;
  width: 714px;
  height: auto;
  float: left;
  color: rgb(0,0,0);
  text-align:justify;
  font-family: Arial,sans-serif;
  font-size:12px;
  margin: 20px 0px 0 0px;
  padding: 0px 10px 0 50px;
  background-color: rgb(255,255,255);
}

/* Container für OV- und KV Menü */

#MidContainer #MenuRight  {
  float:left;
  width: 160px;
  border: 0px;
  margin: 10px 0 0 0;
  position:relative;
  padding: 10px 5px 0 5px;
  left: 140px;
  overflow:hidden;
  height: auto;
  text-align: left; 
  vertical-align: top;
  background-color: rgb(255,255,255);
}

/* Ende 2 spaltiges Layout */


/* Sonstiges */

#Content h1
{
  text-align: center;
  font-family:Arial,sans-serif;
  font-size:20px;
  text-decoration:none;
  font-weight:bold;
}

#Content h2
{
  text-align: center;
  font-family:Arial,sans-serif;
  font-size:18px;
  text-decoration:none;
  font-weight:bold;
}

#Content h3
{
  text-align: center;
  font-family:Arial,sans-serif;
  font-size:16px;
  text-decoration:none;
  font-weight:bold;
}



/* Effekte Navileiste oben */

#MenuTop a:link, #MenuTop a:visited
{
        font-family:Arial,sans-serif;
         color:#000000;
         font-size:12px;
         text-decoration:none;
         font-weight:bold;
}

#MenuTop a:active
{
         font-family:Arial,sans-serif;
         color:#008000;
         font-size:12px;
         text-decoration:none;
         background:#ffffff;
         font-weight:bold;
}

#MenuTop a:hover
{
        font-family:Arial,sans-serif;
         color:#0000a0;
         font-size:12px;
         text-decoration:none;
         background:#d9fbd7;
         font-weight:bold;
}

/* Effekte Navileiste rechts, OV-Teil */

#MenuRight strong
{
         font-size:14px;
         color:#0000a0;
         font-weight:bold;
}

#MenuOV a:link, #MenuOV a:visited
{
        font-family:Arial,sans-serif;
         color:#000000;
         font-size:12px;
         text-decoration:none;
         font-weight:bold;
}

#MenuOV a:active
{
         font-family:Arial,sans-serif;
        color:#005000;
         font-size:12px;
         text-decoration:none;
         font-weight:bold;
}

#MenuOV a:hover
{
        font-family:Arial,sans-serif;
        color:#0000a0;
         font-size:12px;
         text-decoration:none;
         font-weight:bold;
}

/* Effekte Navileiste rechts, KV-Teil */

#MenuKV a:link, #MenuKV a:visited
{
        font-family:Arial,sans-serif;
         color:#005000;
         font-size:12px;
         text-decoration:none;
         font-weight:bold;
}

#MenuKV a:active
{
         font-family:Arial,sans-serif;
         color:#000000;
         font-size:12px;
         text-decoration:none;
         font-weight:bold;
}

#MenuKV a:hover
{
        font-family:Arial,sans-serif;
         color:#0000a0;
         font-size:12px;
         text-decoration:none;
         font-weight:bold;
}