/*  =========================================================
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;
   // background-image: url(http://www.gruene-region-aachen.de/wb_kv/media/headline/kopf_banner.png);
    border-top: 17px #DEF3CE;
   // border-bottom: 7px solid white;
padding-top: 15px; 
   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(/wb_kv/media/headline/kopf_logo.png) left no-repeat;

}


/* #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;
   
}


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