/*  =========================================================
Website-Baker - Stylesheet Grüne Region Aachen
Stand:  3spaltig
Datei:  screen.css
Media:  screen
Datum:  14. Januar 2009
Autor:  Werner Krickel
Aufbau  1. allgemeine Einstellungen
        2. Layoutbereiche
        3. Sonstiges
========================================================== */

/* ======================================
   1. allgemeine Einstellungen
   ====================================== */

/* Ruecksetzung Browser-Interner-Styles
   Setzen von Abstaenden, Schriften etc. */

*  { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, p, ul, ol { margin-bottom: 1em; }
ul, ol {padding-left: 0px;}
img {padding: 5px;}

/* Firefox.Bug, Schriftgröße setzen */
html { height: 101%; font-size: 100%;}

body {
   color: black;
   background-color: #DEF3CE;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.9em;
}

/* Überschriften */
h1 {
        font-size: 1.2em;
        color: #993366;
        text-align: left;
        margin: 8px 2px 8px 2px;
}
h2 {
        font-size: 1.1em;
        color: #73AA29;
        text-align: left;
        margin: 8px 2px 8px 2px;
}
h3 {
        font-size: 1.0em;
        color: #73AA29;
        text-align: left;
        margin: 8px 2px 8px 2px;
}
h4 {
        font-size: 0.9em;
        color: #73AA29;
        text-align: left;
        margin: 8px 2px 8px 2px;
}

form {
        margin: 0;
}


hr {
        color: #660033;
        border: 0;
        border-top: 1px solid #660033;
        height: 1px;

}

address {
   text-align: center;
   font-size: 80%;
   font-style: normal;
   letter-spacing: 2px;
   line-height: 1.5em;
}

/* normale Hyperlinks */
a { text-decoration: none; outline: none;}
a:link { color: #d90000; }
a:visited { color: #cc6666; }
a:hover,
a:focus { border: 0px solid #d90000; }
a:active {
   color: white;
   background-color: #d90000;
}

/* Der 'skiplink' zum Ueberspringen der Menus fuer Screenreader*/
.skiplink {
   position: absolute;
   left: -3000px;
   top: -2000px;
   width: 0px;
   height: 0px;
   overflow: hidden;
   display: inline;
}

/* Class "Clearing": setzt FLOAT zurück */
.clearing {
    clear: both;
    margin-top: 5px;
}


/* Class "Blockhead": Überschriften im Block */
.blockhead  {
     border-top: 2px solid white;
     border-bottom: 2px solid white;
     background: #73AA29;
     color: white;
     text-align: center;
   }

/* Class "Searchbox": Eingabe des Suchbegriffs */
.search_box {
        float: right;
        width: 250px;
        height:25px;
        display:inline;
}


/* ====================================
   2. Styles fuer die  Layoutbereiche
   ==================================== */

/* Auf dem 'wrapper' spielt sich alles ab */
#wrapper {
   color: black;
   background-color: #DEF3CE;
   width: 975px;
   margin: 10px auto;
}

/* der 'kopf' enthaelt den Titel und den aktuelle Menupunkt */
#kopf {
   float:right;
   color: #0065AD;
   background-color: #73AA29;
   border-top: 7px solid white;
   border-bottom: 7px solid white;
   padding-top: 5px;
   padding-right: 10px;
   height: 115px;
   width: 750px;
   font-size: 1.7em;
   font-weight: bold;
   text-align: right;
   margin-top: 2px;

}

/* noch ein paar Einstellung für den Kopf-Bereich */

   #kopf a:link { color: white;  }
   #kopf a:visited { color: white; }
   #kopf a:hover,
   #kopf a:focus { border-bottom: 1px solid #d90000; }
   #kopf a:active { color: white; }

#logo {
   float:left;
   width: 208px;
   height: 160px;
   background: transparent url(/parteilogoneu.gif) left no-repeat;
   margin-top: 2px;

}


/* #boxlinks enthaelt das Standard-Menu und evtl. weitere Inhalte */
#boxlinks {
   float: left;
   width: 207px;
   min-height: 400px;
   margin: 0px;

}



/* Diese Box enthaelt den #content und die #boxrechts */
#boxmitte {
   float: right;
   width: 760px;
   background-color: #DEF3CE;


}


#boxrechts {
   background-color: white;
   float: right;
   width: 200px;
   padding: 5px;
}


#fuss {
   clear: both;
   color: black;
   background-color: #73AA29;
   padding: 10px 20px 20px 20px;
   border-top: 20px solid #DEF3CE;
   height: 27px;
   margin-bottom: 7px;
   font-size: 0.8em;
   color: #0065AD;
   text-align: center;
   line-height: 18px;
}


/* ====================================
   3. Styles für die Steuerung und die Inhalte
   ==================================== */

/*
   Menus
*/

#metamenu{
   height: 25px;
   text-align: right;
   color: black;
}
   #metamenu li {
     display:inline;
     list-style-type: none;
     border-right: 1px solid black;
     margin-right: 2px;
     margin-left: 2px;
     }

   #metamenu a {
     padding-right: 5px;
     padding-left: 5px;
    }

   #metamenu a:hover,
   #metamenu a:focus
   {
     background-color: white;
    }


/*
   Das Linkmenu: Menuleiste unterhalb der Headline mit max 4 Menupunkten
*/


#linkmenu{
   clear:both;
   float:right;
   margin-top: -15px;
   height: 40px;
   width: 760px;
   font-size: 0.8em;
   background: #fff;
}
/* fuer IE6 */
*html #linkmenu { height: 1%;}

#linkmenu li {
   float:right;
   width: 190px;
   list-style-type: none;
}

#linkmenu ul {
        list-style-type: none;
        text-transform: uppercase;
        text-align: center;
        /*
        (Disappearing List-Background)
        http://www.positioniseverything.net/explorer/ie-listbug.html
        */
        position: relative; /* Fix the Stupid IE6 Bug */
}

#linkmenu a {
     display:block;
     //border-top: 2px solid white;
     //border-bottom: 2px solid white;
     //border-left: 2px solid #DEF3CE;
     border-right: 2px solid #fff;
     padding-bottom: 10px;
     padding-top: 10px;
     background: #73AA29;
     color: #000;
     text-align: center;
     width: 190px;
    }

*html #linkmenu a, li{ width: 185px; }


/* Root Level Link Formatting */
#linkmenu ul li a:hover, #nav li a:focus {
   background: #73AA29;
   color: #fff;
}

#linkmenu li a:active, #nav ul li a.active {
   background: #73AA29;
}


/* Current page Customisations*/
#linkmenu li.menu-current a {
   // background: #000;
   color: #fff;
   border-bottom: 1px solid #000;
}

#linkmenu li.menu-current a {
   font-weight: bold;
}

/* 2nd Child menu */

#linkmenu .menu li ul {
   width: 190px;
   display: none;
   text-transform: none;
}

#linkmenu .menu li ul li {
   width: 190px;
   text-align: center;
   font-weight: normal;
}

#linkmenu .menu li ul a {
   width: 190px;
   background: #73AA29;
   border-bottom: 1px solid white;
   //margin-left: -5px;
}

/* 2nd Child link hover */
#linkmenu .menu li ul a:hover {
   color:#fff;
}

/* Show and hide */
#linkmenu .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {
   display: block;}

#linkmenu .menu li ul ul { display: none;}

#linkmenu .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}

#linkmenu .menu li:hover ul, #nav .menu li li:hover ul,
#nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}



#hauptnavigation{
   padding-left: 0px;
   padding-top: 0px;
   width: 205px;
   font-size: 1.0em;
   font-weight: 900;

}
   /* fuer IE6 */
   * html #hauptnavigation{ width: 209px; }

   #hauptnavigation ul {
      border-top: 1px ;
      padding-left: 2px;

   }

   #hauptnavigation ul ul {
      border-left: 5px;
      padding-left: 6px;

   }

   #hauptnavigation li {
      list-style-type: none;
      border-bottom: 2px solid white;
      margin-bottom: 5px;
      margin-top: 3px;
   }

   #hauptnavigation a {
      display: block;
      text-decoration: none;
      color: #000;

   }
   #hauptnavigation a:hover,
   #hauptnavigation a:focus a {
      color: white;
      background-color: #73AA29;



   }
   #hauptnavigation a:active {

      color: black;
      background-color: #73AA29;

   }

/* allgemeine Menu-Klassen von WB */
.menu_default a:link, .menu_default a:visited, .menu_default a:active {
}
.menu_default a:hover {
}

/*.menu_current  {
   font-weight:900;
   font-size:1.1em;

}*/

/*
   CONTENT-Boxen
*/

#contentleft{
   padding-left: 0px;
   padding-top: 0px;
   width: 205px;
   font-size: 0.9em;
   margin-top:10px;

}

#content {
   background-color: white;
   float: left;
   width: 520px;
   min-height: 400px;
   padding: 20px 10px 20px 10px;

}

#content ul, ol {padding-left: 20px;}



/* =======================================
   E N D E   D E S   S T Y L E S H E E T S
   ======================================= */