/* DROP DOWN */
#navigation_additional {
        position: absolute;
        top: 95px;
        left: 700px;
        width: 490px;
        text-align:right;
}


/* NAVIGATION 1st LEVEL */
#navigation_main, #navigation_main ul, #navigation_main li, #navigation_main a  {
        margin:0;
        padding:0;
}

#navigation_main {
        overflow:hidden;
        clear:both;
}

#navigation_main ul {
        border:0;
        letter-spacing: 1px;
}

#navigation_main li {
        list-style-type: none;
        float: left;
        width: 71px;
        height: 71px;
}

#navigation_main a {
        text-decoration: none;
        overflow: visible;
        display: inline-block; /* fixing safari overflow bug */
        width:71px;
        height:56px;
}

#navigation_main * span {
        padding: 4px 0 0 5px;
        display:block;
        height:56px;
}

#navigation_main a span {
        cursor: hand;
}

#navigation_main li a {
        border-bottom: 15px transparent solid;
}

/* menu box and mouse over colors */
#navigation_main li#umweltnet a {
        border-bottom-color: #66CC00;
}

#navigation_main li#umweltzeichen a {
        border-bottom-color: #4488DD;
}

#navigation_main li#produkte a {
        border-bottom-color: #C90029;
}

#navigation_main li#tourismus a {
        border-bottom-color: #FDCC00;
}

#navigation_main li#bildung a {
        border-bottom-color: #8FC700;
}

#navigation_main li#jahreumweltzeichen a {
        border-bottom-color: #4488DD;
}

#navigation_main li#jahreumweltzeichen a {
        background-color: #4488DD;
        border-bottom-color: transparent;
}

#navigation_main li#frinteressierte a {
        border-bottom-color: #8200E6;
}

#navigation_main li#richtlinien a {
        border-bottom-color: #999999;
}

#navigation_main li#ecolabel a {
        border-bottom-color: #4AAE26;
}

#navigation_main a {
        color: #000000;
}

/* menu box and mouse over colors */
#navigation_main #umweltnetA,
#navigation_main #umweltnetA a,
#navigation_main #umweltnet a:hover,
#navigation_main #umweltnet a:focus
        {
        background-color: #66CC00;
        border-bottom-color: #66CC00;
        color: #FFFFFF;
}

#navigation_main #umweltzeichenA,
#navigation_main #umweltzeichenA a,
#navigation_main #umweltzeichen a:hover,
#navigation_main #umweltzeichen a:focus
        {
        background-color: #4488DD;
        border-bottom-color: #4488DD;
        color: #FFFFFF;
}

#navigation_main #produkteA,
#navigation_main #produkteA a,
#navigation_main #produkte a:hover,
#navigation_main #produkte a:focus
        {
        background-color: #C90029;
        border-bottom-color: #C90029;
        color: #FFFFFF;
}

#navigation_main #tourismusA,
#navigation_main #tourismusA a,
#navigation_main #tourismus a:hover,
#navigation_main #tourismus a:focus
        {
        background-color: #FDCC00;
        border-bottom-color: #FDCC00;
        color: #FFFFFF;
}

#navigation_main #bildungA,
#navigation_main #bildungA a,
#navigation_main #bildung a:hover,
#navigation_main #bildung a:focus
        {
        background-color: #8FC700;
        border-bottom-color: #8FC700;
        color: #FFFFFF;
}

#navigation_main #jahreumweltzeichenA,
#navigation_main #jahreumweltzeichenA a,
#navigation_main #jahreumweltzeichen a:hover,
#navigation_main #jahreumweltzeichen a:focus
        {
        background-color: #4488DD;
        border-bottom-color: #4488DD;
        color: #FFFFFF;
}

#navigation_main #jahreumweltzeichenA,
#navigation_main #jahreumweltzeichenA a,
#navigation_main #jahreumweltzeichen a:hover,
#navigation_main #jahreumweltzeichen a:focus
        {
        background-color: #4488DD;
        border-bottom-color: transparent;
        color: #FFFFFF;
}

#navigation_main #frinteressierteA,
#navigation_main #frinteressierteA a,
#navigation_main #frinteressierte a:hover,
#navigation_main #frinteressierte a:focus
        {
        background-color: #8200E6;
        border-bottom-color: #8200E6;
        color: #FFFFFF;
}

#navigation_main #richtlinienA,
#navigation_main #richtlinienA a,
#navigation_main #richtlinien a:hover,
#navigation_main #richtlinien a:focus
        {
        background-color: #999999;
        border-bottom-color: #999999;
        color: #FFFFFF;
}

#navigation_main #ecolabelA ,
#navigation_main #ecolabelA a,
#navigation_main #ecolabel a:hover,
#navigation_main #ecolabel a:focus
        {
        background-color: #4AAE26;
        border-bottom-color: #4AAE26;
        color: #FFFFFF;
}


/* NAVIGATION SERVICE */
#navigation_service {
        padding-top:3px;
/*        background-color: #EFEFEF; /* DEBUG COLOR */
}

#navigation_service ul, #navigation_service li {
        margin:0;
        padding:0;
}


#navigation_service ul {
        width: 110px;
        float: left; /* WOULD REMOVE MARGIN IN IE5.5 */
        letter-spacing: 1px;
/*        background-color: #ECECEC; /* DEBUG COLOR */
}

#navigation_service li {
        display: inline; /* BEAUTIFUL HACK TO SUPPORT IE5.5 */
        list-style-type: none;
}
#navigation_service li a {
        display: block; /* BEAUTIFUL HACK TO SUPPORT IE5.5 */
        margin-bottom: 2px;

}

#navigation_service a {
        text-decoration: none;
        color : #6C6C6C;
}

#navigation_service a:hover, #navigation_service a:focus {
        text-decoration: underline;
        color : #303030;
}

/* NAVIGATION 2nd 3rd 4th LEVEL */
#navigation_sub {
/*        padding-top:10px; */
}

#navigation_sub ul, #navigation_sub li {
        margin:0;
        padding:0;
}

#navigation_sub ul {
        padding-left: 10px;
}

#navigation_sub li {
        list-style-type: none;
        line-height: 20px;
}

#navigation_sub a {
        text-decoration: none;
        color : #006600;
        font-weight: bold;
}

#navigation_sub a:hover, #navigation_sub a:focus {
        text-decoration: underline;
        color : #000000;
}

/* BREADCRUMP */
#breadcrumb {
        padding-top: 5px;
}

#breadcrumb ul, #breadcrumb li {
        margin:0;
        padding:0;
}

#breadcrumb ul {

}

#breadcrumb li {
        margin-right: 10px;
        list-style-type: none;
        float: left;
}

#breadcrumb a {
        text-decoration: none;
}

#breadcrumb a:hover, #breadcrumb a:focus {
        text-decoration: underline;
}