/*+++++ Styles fuer www.oekohans.de (3) September 2006 ++++++ */

*{margin:0; padding:0}
img { border: 0;}

html{font-size: 76%;height:100%; font-family:"Trebuchet MS",arial,helvetica,sans-serif;}
body{text-align:center;margin:0 auto;background:#e4f3ca}


/***********************************************************
       LAYOUT (divs)
************************************************************/
div#container{
width:920px;
text-align:center;
margin:0 auto;
background-image:url(pix/bg.gif);
background-repeat:repeat-y;
border:0px solid black}

div#logo{
height:108px;
width:920px;
border:0px solid black}

div#header{
height:120px;
width:920px;
text-align:left;
/*margin-left:15px; gibt Fehler im IE*/
background-image:url(pix/header.jpg);
background-repeat: no-repeat;
border:0px solid black}

/*======= Haupt-Navigation ======*/
div#nav_links{
border:0px solid black;
width: 220px;height:120px;
text-align:left;
float:left;}

div#navmain{
border:0px solid black;
text-align:left;
width: 480px;height:120px;
float:left;}

div#nav_rechts{
border:0px solid black;
width: 190px;height:120px;
text-align:left;
float:left}

/*======= Subnavigation ======*/
div#subnav{
border:0px solid black;
width: 920px;height:27px;
/*margin-left:15px; gibt Fehler im IE */
background-image:url(pix/bg_subnav.gif);
text-align:left;
background-repeat: no-repeat;
clear:left}
/* umschliesst subnav_links und subnav_main */

div#subnav_links{
border:0px solid black;
width: 235px;height:27px;
text-align:left;
float:left}

div#subnav_main{
border:0px solid black;
width: 480px;height:27px;
text-align:left;
float:left}


/*======= Content und Randspalte ======*/
div#wrapper{border:0px solid red;width:100%;}
/*umfasst #content und #randpalte*/

div#content{
border:0px solid black;
text-align:left;
float:left;
/*margin-left:15px; Tabelle kriegt margin, gibt Fehler im IE*/
width:710px;/*height:400px*/;
clear:left}

div#randspalte{float:right;
text-align:left;
width:190px;
margin-right:15px;
border:0px solid black;}

/*======= Footer ======*/

div#footer{background: transparent;clear:both;width:920px;height:40px;
background-image:url(pix/bg_footer.gif);background-repeat: no-repeat;
/*margin-left:15px; gibt Fehler im IE*/
border:0px solid black}


/***********************************************************
        TABELLE Content 
************************************************************/
table{margin-left:15px;align:left; /*border:0px solid red;*/ width: 680px}
table.schmal {margin-left:25px}

td{vertical-align:top;}

.linke_spalte {width: 210px;/*vertical-align:top;*/align:right;padding-bottom:5px;}
.linke_spalte_logos {width: 200px;vertical-align:top;padding-bottom:5px;border-bottom:1px solid #cccccc;text-align:right}

td.linie {padding-bottom:10px;vertical-align:middle;border-bottom:1px solid #cccccc;}
.logos_img img{padding-right:10px;padding-top: 10px;vertical-align:top;/*align:right*/}


/* ===== Formular ===== */

form {width:460px}

input, textarea, select {
font-size:1.0em;padding:0;margin:0;
font-family:"Trebuchet MS",arial,helvetica,sans-serif;
}
/***********************************************************
       TEXTFORMATIERUNGEN
************************************************************/
/* ===== Content =====*/
h1{font-size: 1.2em; line-height:1.2em;padding:10px 20px 0px 10px;font-weight:bold;}
h2{font-size: 1.0em;line-height:1.2em;padding:10px 20px 0px 10px;font-weight:bold}

p{font-size: 1.0em;line-height:1.2em;
padding:3px 20px 0px 10px;letter-spacing:normal;}

/* ===== Navigation ===== */
h5{font-size: 1.0em; line-height:1.5em;color:#FFF;text-align:right;padding:20px 0px 0px 10px;}

/* ===== Subnavigation ===== */
h3{font-size: 1.1em;line-height:2em;}

/*===== Randspalte ===== */
h4{font-size:1.0em;line-height:1.2em;font-weight:bold;padding:10px 15px 0px 10px;}


/* ========== LISTEN ============ */

/*ul{margin:0;padding:0}
ul li{margin:0;padding:0}*/


/* ==== LISTEN mit Links mit Pfeil ===== */
div#randspalte ul{ 
font-size: 1.0em/1.2em;padding:0;
list-style-image: url(pix/listenpfeil.gif);margin-top:3px;margin-left:7px
}
div#randspalte li{ 
margin-left:20px;margin-right:10px
}

div#content ul{ 
font-size: 1.0em/1.4em;padding:0;
list-style-image: url(pix/pfeil.gif);
}

div#content li{ 
margin-left:30px;
}






/***********************************************************
      LINKS
************************************************************/

div#nav_links a{color: #FFF;}
div#nav_links a:hover {color: #ff8000;text-decoration:none}

div#navmain a{color: #000;text-decoration:none}
div#navmain a:hover {color: #FFF;text-decoration:none}

div#nav_rechts a{color: #FFF;text-decoration:none}
div#nav_rechts a:hover{color: #000;text-decoration:none}


div#subnav_main a{color: #000;text-decoration:none}
div#subnav_main a:hover{color: #408000;text-decoration:none}

.subnavlinks a{color: #000;text-decoration:none;}
.fettlinks a{color: #408000;text-decoration:none;font-weight:bold}

#aktiv{color:#408000; font-weight:bold}

div#randspalte a{color: #408000;text-decoration:none}
div#randspalte a:hover{color: #000;text-decoration:underline}

div#content a{color: #408000;text-decoration:none}
div#content a:hover {color: #000;text-decoration:underline}

div#footer a{display:inline;color: #408000;text-decoration:none}


/***********************************************************
       NAVIGATION 
************************************************************/


/* ===== Haupt-Navigation ===== */

div#navmain ul { 
font-size: 1.1em;line-height:1.4em;
list-style-type: none; padding:98px 10px 0px 20px;
letter-spacing:0.1em;text-align:left;font-weight:bold
}

div#navmain ul li {
display:inline;margin:2px}
/* margin macht die AbstaeŠnde zwischen den Listenpunkten */

div#nav_rechts ul { 
font-size: 0.9em;line-height:1.2em;color:#FFF;
list-style-type: none; padding:100px 10px 0px 25px;
text-align:left;
}

div#nav_rechts ul li {
display:inline;margin:2px;}
/* margin macht die AbstaeŠnde zwischen den Listenpunkten */


/* ===== Subnavigation =====*/
div#subnav_main ul { 
font-size: 1.1em;line-height:2em;
list-style-type: none; margin-left:5px;letter-spacing:normal;text-align:left
}

div#subnav_main ul li {
display:inline;margin:2px}
/* margin macht die AbstaeŠnde zwischen den Listenpunkten */


#subnav_rubrik{color:#408000;
letter-spacing:0.1em;text-align:right;font-weight:bold;padding-right:5px}


/***********************************************************
       SPECIALS
************************************************************/

div#randspalte img{ 
display:block;margin:0 0 0 10px
}

/* ========== Werbe-Banner 470 x 60 px ============ */
.banner {margin: 10px 0px 10px 0px}