@charset "UTF-8";
/* CSS Document */

/************ Reset CSS nach Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
/*        line-height: 1; */
        color: black;
        background: white;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}



/************ Tags allgemein */

body {
background: #0a4807 url(../img_nav/BodyBG2.jpg) repeat-x 30% fixed;
background: #0a4807 url(../img_nav/BodyBG1.jpg) no-repeat center fixed;
font-family: Arial, Helvetica, sans-serif;
/*font-size: 76%;*/
font-size: 12px;
overflow: auto;
}

p{
color: #333;
margin: 0 0 0.5em 0;
line-height: 1.4em;
}

li{
line-height: 1.4em;
margin: 0 0 0.5em 0;
}

h2{
color: #000;
margin: 0 0 0.5em 0;
font-size: 1.4em;
font-weight: bold;
border-bottom: 1px dotted #333;
}

a{
color: #CA1615;
text-decoration: none;
/*font-weight: bold;*/
}

a:visited{
color: #CA1615;
}
a:link{
color: #CA1615;
}
a:hover{
color: #CA1615;
/*text-decoration: underline;*/
background: #fff;
}
a:active{
color: #CA1615;
/*text-decoration: underline;*/
background: #fff;
}

strong{
font-weight: bold;
}

em{
font-style:italic;
}

small{
font-size: 0.8em;
}

sup{
vertical-align:top;
}



/************ Klassen allgemein */




/************ Grobstruktur */

#BG-Wrapper{
position: absolute;
top: 50%;
left: 0;
margin-top: -276px;
padding: 44px 0;
width: 100%;
min-width: 1004px;
overflow: hidden;
background: url(../img_nav/BG-WrapperBG.png) repeat-x center top;
}

#Wrapper{
margin: auto;
width: 1004px;
height: 469px;
/*border: 1px dotted #f0f;*/
}

#Nav{
float: left;
height: 469px;
}

#Search{
float: left;
width: 132px;
overflow: hidden;
margin-left: -142px;
margin-top: 10px;
/*border: 1px dotted #333;*/
display: none;
}

#Motiv{
margin-left: 6px;
float: left;
display: inline; /*IE float-margin-bugfix */
width: 449px;
height: 449px;
overflow: hidden;
}

#Content{
/*border: 1px dotted #f80;*/
margin-left: 15px;
float: left;
display: inline; /*IE float-margin-bugfix */
width: 385px;
height: 469px;
overflow: visible;
}

#Deco1{
display: none;
/* Z.ZT. OHNE FUNKTION */
}

#Deco2{
display: none;
/* Z.ZT. OHNE FUNKTION */
}

#Header{
margin-top: -44px;
margin-right: -150px;
position: relative;
z-index: 10;
float: left;
display: inline; /*IE float-margin-bugfix */
width: 148px;
height: 174px;
}

#DE #Header{background: url(../img_nav/Logo-Oekologie_de.gif) no-repeat bottom;}
#EN #Header{background: url(../img_nav/Logo-Oekologie_en.gif) no-repeat bottom;}
#FR #Header{background: url(../img_nav/Logo-Oekologie_fr.gif) no-repeat bottom;}
#NL #Header{background: url(../img_nav/Logo-Oekologie_nl.gif) no-repeat bottom;}

#Header a{
display: block;
height: 148px;
background: none;
background: #CA1615 url(../img_nav/Logo1.gif) no-repeat;
}

#Header span{
visibility: hidden;
}

#Footer{
/*border: 1px dotted #f0f;*/
clear: left;
color: #fff;
padding: 2px 0;
text-align: right;
}



/************ Navi, 1. Ebene */

#Nav1{
margin: 2px 0 2px 0;
/*padding-top: 128px;*/
padding-top: 145px;
float: left;
display: inline; /*IE float-margin-bugfix */
width: 148px;
/*height: 317px;*/
height: 300px;
text-transform: uppercase;
}

#Nav1 ul{
overflow: auto;
height: 299px;
width: 148px;
/*overflow: hidden;*/
}

#Nav1 ul li{
display: block;
border-bottom: 1px solid #cedb89;
margin: 0 8px;
line-height: 1.3em;
}

#Nav1 ul li a{
display: block;
padding: 2px 2px;
margin: 2px 0;
text-decoration:none;
color: #000;
}

#Nav1 ul li a:link{
color: #000 !important;
}
#Nav1 ul li a:visited{
color: #000 !important;
}
#Nav1 ul li a:hover{
color: #CA1615 !important;
background-color: #ecf1d3;
}
#Nav1 ul li a:active{
color: #CA1615 !important;
background-color: #ecf1d3;
}

#Nav1 ul li#back_to_hp a:link{
color: #CA1615 !important;
/*color: #888 !important;*/
}
#Nav1 ul li#back_to_hp a:visited{
color: #CA1615 !important;
/*color: #888 !important;*/
}

#Nav1 a.aktiv{
background-color: #ecf1d3 !important;
cursor: default;
}


/************ Navi, 2. Ebene */

#Nav2{
margin: 2px 2px;
/*padding-top: 128px;*/
padding-top: 114px;
float: left;
display: inline; /*IE float-margin-bugfix */
width: 148px;
/*height: 317px;*/
height: 331px;
text-transform: uppercase;
background: #D4D1C8 url(../img_nav/Nav2BG1.jpg) repeat-x;

display: none;
}

#Nav2 ul{
overflow: auto;
height: 330px;
width: 148px;
/*overflow: hidden;*/
}

#Nav2 ul li{
display: block;
border-bottom: 1px solid #EBE8E1;
margin: 0 8px;
line-height: 1.3em;
}

#Nav2 a{
display: block;
padding: 2px 2px;
margin: 2px 0;
text-decoration:none;
color:#444 ;
}

#Nav2 a:link{
color: #444 !important;
}
#Nav2 a:visited{
color: #444 !important;
}
#Nav2 a:hover{
color: #CA1615 !important;
background-color: #E9E8E3;
}
#Nav2 a:active{
color: #CA1615 !important;
background-color: #E9E8E3;
}

a#LNG_DE, a:link#LNG_DE, a:visited#LNG_DE{
background: url(../img_nav/LNG_DE.gif) no-repeat right;
}
a:hover#LNG_DE, a:active#LNG_DE{
/*background: #E9E8E3 url(img_nav/LNG_DE-o.gif) no-repeat right*/;
background-color: #E9E8E3;
}

a#LNG_EN, a:link#LNG_EN, a:visited#LNG_EN{
background: url(../img_nav/LNG_EN.gif) no-repeat right;
}
a:hover#LNG_EN, a:active#LNG_EN{
/*background: #E9E8E3 url(img_nav/LNG_EN-o.gif) no-repeat right*/;
background-color: #E9E8E3;
}

a#LNG_FR, a:link#LNG_FR, a:visited#LNG_FR{
background: url(../img_nav/LNG_FR.gif) no-repeat right;
}
a:hover#LNG_FR, a:active#LNG_FR{
/*background: #E9E8E3 url(img_nav/LNG_FR-o.gif) no-repeat right*/;
background-color: #E9E8E3;
}

a#LNG_NE, a:link#LNG_NE, a:visited#LNG_NE{
background: url(../img_nav/LNG_NE.gif) no-repeat right;
}
a:hover#LNG_NE, a:active#LNG_NE{
/*background: #E9E8E3 url(img_nav/LNG_NE-o.gif) no-repeat right*/;
background-color: #E9E8E3;
}

#Nav2 a.aktiv{
background-color: #E9E8E3 !important;
cursor: default;
}



/************ Suche */

#Search label{
text-transform: uppercase;
}

#SearchInput{
width: 100%;
border: 0px;
margin: 2px 0;
font-size: 0.9em;
padding: 3px;
background: #fff url(../img_nav/BG-Input.gif) no-repeat;
}

#SearchButton{
padding: 0;
margin: 2px 0;
/*background: url(img_nav/Button-more.gif) no-repeat;*/
}

#Search span{
display: block;
text-align: right;
}

#Motiv img{
padding: 3px;
border: 1px solid #cedb89;
margin: 6px;
width: 429px;
height: 429px;
}

/************ Footer mit unterer Navi */

#Footer ul li{

display: inline;
padding-left: 8px;
text-transform: uppercase;
}

#Footer a{
color: #fff;
text-decoration:none;
padding-right: 12px;
border-right: 1px solid #fff;
}

#Footer a#LNG_NE2{
border-right: none;
}

#Footer a:link{
color: #fff !important;
}
#Footer a:visited{
color: #fff !important;
}
#Footer a:hover{
color: #CA1615 !important;
background: transparent;
}
#Footer a:active{
color: #CA1615 !important;
background: transparent;
}

#Footer a.aktiv, #Footer a:link.aktiv, #Footer a:visited.aktiv{
/* background-color: #5E1615;
color: #D4D1C8 !important;*/
color: #CA1616 !important;
cursor: default;
}

#Footer1{
padding-left: 2px;
float: left;
display: inline; /*IE float-margin-bugfix */
}

#Footer2{
padding-right: 2px;
float: right;
display: inline; /*IE float-margin-bugfix */
}



/************ bereichsspezifische Styles */


#Inhalte{
height: 437px;
margin: 6px 6px 26px 6px;
overflow: hidden;
position: relative;
font-size: 95%;
}

#Inhalte_Head{
padding: 6px 10px;
border-top: 1px solid #cedb89;
border-bottom: 1px solid #cedb89;
margin: 0px 0 20px 0;
background: #ecf1d3;
position: absolute;
width: 100%;
}

#Inhalte_Head h3{
/*display: inline;*/
text-transform: uppercase;
}

#Inhalte_Head span{
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #000;
font-weight: normal;
}

#Inhalte_Head a{
display: none; /* back button */
position: absolute;
right: 20px;
margin-right: 20px;
padding-left: 40px;
background: url(../img_nav/Button-prev.gif) no-repeat 0px 1px;
text-decoration: underline;
}

#Inhalte_Body{
width: 100%;
position: absolute;
margin-top: 40px;
margin-right: 0px;
height: 397px;
overflow: auto;
}

#Inhalte_ColImg{
float: left;
display: inline; /*IE float-margin-bugfix */
width: 200px;
margin-right: 20px;
display: none;
}

#Inhalte_ColImg img{
margin-bottom: 10px;
}

#Inhalte_ColText{
/*
float: left;
display: inline;
width: 640px;
margin-left: 10px;
padding-right: 20px;*/
}

div#Inhalte_ColImg + div#Inhalte_ColText, div#Inhalte_ColImg + * + div#Inhalte_ColText{
width: 420px;
}

#Inhalte_ColText p{
margin: 0 0 1em 0;
}

#Inhalte_ColText p small{
font-size: 0.8em;
}

#Inhalte_ColText h4{
margin: 0 0 0 0;
font-weight: bold;
line-height: 1.4em;
}

#Inhalte_ColText .Unterschriften {
overflow: visible;
}

#Inhalte_ColText .Unterschriften p{
float: left;
display: inline;
width: 160px;
overflow: visible;
padding-top: 20px;
}

#Inhalte_ColText .Unterschriften .US_Thomas_Koehl{
background: URL('../img_nav/US_Thomas_Koehl.gif') no-repeat 0 0;
/*width: 157px;*/
overflow: visible;
padding-right: 57px;
padding-top: 50px;
/*margin-top: 1em !important;*/
}
#Inhalte_ColText .Unterschriften .US_T_Koehl{
/*background: URL('../img_nav/US_T_Koehl .gif') no-repeat -10px 0;*/
padding-right: 57px;
}

#Inhalte_ColText .Unterschriften .US_N_Malikov{
/*background: URL('../img_nav/US_N_Malikov .gif') no-repeat 0 0;*/
padding-right: 20px;
margin-left: -37px;
}


#Inhalte_ColText ul{
margin: 0 0 1em 1.3em;
list-style-position:outside;
list-style-type:square;
}

#Inhalte_ColText ul li{
}

#Inhalte_ColText ul.links{
margin: 1em 2px;
line-height: 1.5em;
list-style-type:none;
}

#Inhalte_ColText ul.links li{
margin: 0.5em 0;
padding-left: 34px;
background: url(../img_nav/Button-more.gif) no-repeat 0px 0.3em;
}

#Inhalte_ColText ul.links li a{
}

#Inhalte_ColText ul.links li a span{
color: #000;
}

#Inhalte_ColText ul.links li a:hover, #Inhalte_ColText ul.links li a:active{
text-decoration: underline;
}

/** TEST **/



/************ Ende */