/*
--------------------------------------------------------------------------------

Client: ENA European Nutraceutical Association

Agency: kubus media | Interaktive Medien, Basel
Author: Joscha van der Linden & Amadeus Paulussen for kubus media

--------------------------------------------------------------------------------
*/

body {
        font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
        font-size: 0.75em;
        color: #000000;
        margin: 0;
        background-image: url('../pictures/base/ena_main_bg.gif');
        background-position: top left;
        background-repeat: repeat-x;
        background-color: #99AEA9;
}

/*  ------------------------------------------------------------------------  */


.highlight_word{
    background-color: pink;
}

p{
margin:0px 0px 0px 0px;
padding:0px 0px 1.5em 0px;
}

sup {
        font-weight: normal;
        line-height: 0.8em;
}
.clearfloat {
        clear: both;
        margin: 0;
        padding: 0;
        height: 1px;
}
form {
        margin: 0;
        padding: 0;
}
#main_surrounding {
        width: 950px;
        margin: 0;
        padding: 0;
        height: 100%;
}
hr {
        border: 0;
         height: 1px;
        color: #99AEA9;
        background-color: #99AEA9;
        margin: 0px 0;
}
.alert_admin hr {
        border: 0;
         height: 1px;
        color: #ffffff;
        background-color: #ffffff;
        margin: 10px 0;
}

/*  ------------------------------------------------------------------------  */

#box_left {
        width: 170px;
        float: left;
        background-image: url('../pictures/base/ena_logo.gif');
        background-position: top left;
        background-repeat: no-repeat;
        padding-top: 130px;
}
#box_left ul,
#box_left ul.subnavigation,
#box_left ul.subsubnavigation,
#box_left ul.thirdnavigation {
        margin: 0;
        padding: 0;
         list-style-type:none;
}
#box_left ul li {
        margin: 4px 0;

         }
#box_left ul li.subnavigation,
#box_left ul li.subsubnavigation,
#box_left ul li.thirdnavigation {
        font-size: 90%;
        margin: 4px 0;
}
*html #box_left li a {
        display: block;
        height: 1.5em;
        text-transform: uppercase;
        text-decoration: none;
}
#box_left li a {
        display: block;
        text-transform: uppercase;
        text-decoration: none;
}
#box_left li a {
        color: #DFE6E4;
        padding: 2px 5px 2px 20px;
        background-image: url('../pictures/base/menu_inactive.gif');
        background-position: -10px 5px;
        background-repeat: no-repeat;
}
#box_left li.subnavigation a {
        color: #DFE6E4;
        padding: 2px 5px 2px 30px;
        background-image: none;
}
#box_left li.subsubnavigation a {
        color: #DFE6E4;
        padding: 2px 5px 2px 40px;
        background-image: none;
}
#box_left li.thirdnavigation a {
        color: #DFE6E4;
        padding: 2px 5px 2px 50px;
        background-image: none;
}
#box_left li.subnavigation a:hover,
#box_left li.subsubnavigation a:hover,
#box_left li.thirdnavigation a:hover {
        color: #024A20;
        background-color: #FFFFFF;
        background-image: none;
}
#box_left li.subnavigation a.active,
#box_left li.subsubnavigation a.active,
#box_left li.thirdnavigation a.active {
        color: #024A20;
        background-image: none;
        background-color: #FFFFFF;
}
#box_left li a:hover{
        color: #024A20;
        background-image: url('../pictures/base/menu_active.gif');
        background-color: #FFFFFF;
}
#box_left li a.active {
        color: #024A20;
        background-image: url('../pictures/base/menu_active.gif');
        background-color: #FFFFFF;
}

/*  ------------------------------------------------------------------------  */

#box_center {
        min-height: 100%;
        width: 600px;
        background-color: #FFFFFF;
        margin: 0;
        padding: 0;
        float: left;
        background-image: url('../pictures/base/ena_main_bg.gif');
        background-position: top left;
        background-repeat: repeat-x;
}
* html #box_center {
  height: 100%
}
#slogan {
        padding-top: 80px;
        padding-left: 20px;

        text-align: right;
}
#content {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
min-height:1000px;
height:auto !important ;
height:1000px;
}
#content h1,
#slogan h1 {
        font-size: 150%;
        color: #024A20;
        padding: 0;
        padding-bottom: 15px;
        margin: 0;
        line-height: 1.2em;
}
#content h1.sektion {
        color: #FFFFFF;
        font-size: 150%;
        padding: 5px;
        margin: 0;
        display: block;
        background-color: #024A20;
        margin-bottom: 10px;
}
#content .sektion {
        line-height: 1.8em;
        color: #FFFFFF;
        padding: 5px;
        display: block;
        background-color: #024A20;
        margin: 5px 0;
}
#content .sektion a {
        color: #FFFFFF;
}
#content .sektion a:hover {
        color: #000000;
}
#content h2 {
        font-size: 1.2em;
        display: block;
        color: #024A20;
        padding-top: 5px;
        padding-bottom: 15px;
        margin: 0;
}
#content h2.sektion {
        font-size: 1.2em;
        color: #FFFFFF;
        padding: 5px;
        margin: 0;
        display: block;
        background-color: #024A20;
        margin-bottom: 10px;
}
#content h3 {
        font-size: 1em;
        color: #024A20;
        padding-bottom: 5px;
        margin: 0;
}
#content a {
        color: #024A20;
        text-decoration: underline;
}
#content a:hover {
        color: #000000;
        text-decoration: underline;
}
#content a.file {
        color: #5F8A75;
        padding-left: 15px;
        text-decoration: none;
        background-image: url('../pictures/base/file.gif');
        background-position: 0 50%;
        background-repeat: no-repeat;
}
#content a.archive {
        color: #5F8A75;
        padding-left: 20px;
        display: block;
        text-decoration: none;
        background-image: url('../pictures/base/archive.gif');
        background-position: 0 50%;
        background-repeat: no-repeat;
}
#content a.archive:hover, #content a.file:hover {
        color: #000000;
        text-decoration: none;
}
#content input {
        border: 1px solid #024A20;
        background-color: #FFFFFF;
        color: #024A20;
        font-size: 1em;
        font-family: Verdana, Helvetica, Arial, sans-serif;
}

#content ul{
margin-top:-10px;
padding-top: 0px;
}

#content table, #content td{
background-color: #ffffff;
font-size: 1em;
}

/*  ------------------------------------------------------------------------  */

#box_right {
        float: left;
        width: 150px;
        padding-top: 145px;
        font-size: 90%;
}
#tools {
        padding: 10px 0 10px 10px;
}
#tools a {
        color: #5F8A75;
        padding-left: 25px;
        display: block;
        text-transform: uppercase;
        text-decoration: none;
        background-position: 0 50%;
        background-repeat: no-repeat;
}
#tools a.drucken {
        background-image: url('../pictures/base/print.gif');
}
#tools a.legal {
        background-image: url('../pictures/base/legal.gif');
}
#tools a.login {
        background-image: url('../pictures/base/login.gif');
}
#tools a.weiterleiten {
        background-image: url('../pictures/base/weiterleiten.gif');
}
#tools a.sitemap {
        background-image: url('../pictures/base/sitemap.gif');
}
#tools a.drucken:hover,
#tools a.weiterleiten:hover,
#tools a.sitemap:hover,
#tools a.legal:hover,
#tools a.login:hover {
        color: #DFE6E4;
        padding-left: 25px;
}

/*  ------------------------------------------------------------------------  */

.foerderer {
        float: left;
        width:250px;
        /*height: 200px;*/
        margin: 0 20px 20px 0;
         min-height:210px;
        height:auto !important;
        height:210px;
}

.foerderer img {
border: solid 1px #99AEA9 ;
}


.beirat {
        float: left;
        width: 250px;
        height: 390px;
        margin: 0 10px 20px 0;
}
.kontakt {
        float: left;
        width: 250px;
        margin-right: 20px;
}
.linkcolumn {
        position: relative;
        float: left;
        width: 250px;
        margin-right: 20px;
}

/*  ------------------------------------------------------------------------  */

#language {
        font-size: 80%;
        text-transform: uppercase;
        padding-left: 10px;
        padding-bottom: 20px;
}
#language a {
        font-weight: normal;
        color: #99AEA9;
        text-decoration: none;
}
#language a:hover {
        font-weight: normal;
        color: #024A20;
        text-decoration: none;
}
#language a.en_en,
#language a.de_de {
        color: #024A20;
        font-weight: normal;
        text-decoration: none;
}
#language a.en_en:hover,
#language a.de_de:hover {
        color: #024A20;
        font-weight: normal;
        text-decoration: none;
}
/*  ------------------------------------------------------------------------  */

.search_input {
        margin: 5px 0 0 0;
        padding: 2px;
        color: #024A20;
        font-size: 100%;
        border: 1px solid #024A20;
        background-color: #99AEA9;
        height: 19px;
        width: 70px;
}
.search_submit {
        margin: 5px 0 0 0;
        padding: 2px;
        height: 19px;
        color: #024A20;
        font-size: 100%;
        border: 1px solid #024A20;
        background-color: #99AEA9;
}
.search_highlight {
        background-color: #99AEA9;
        font-weight: bold;
        color: #ffffff;
}

/*  ------------------------------------------------------------------------  */

.onespan input {
        width: 520px;
        border: 1px solid #024A20;
        background-color: #FFFFFF;
        color: #024A20;
        font-size: 1em;
        font-family: Verdana, Helvetica, Arial, sans-serif;
}
.onespan textarea {
        width: 520px;
        border: 1px solid #024A20;
        background-color: #FFFFFF;
        color: #024A20;
        font-size: 1em;
        font-family: Verdana, Helvetica, Arial, sans-serif;
}
.halvedspan .form_flexible {
        border: 1px solid #000000;
        color: #000000;
        width: auto;
}
.halved {
        float: left;
        width: 255px;
        padding-right: 20px;
}
.trippled {
        float: left;
        width: 160px;
        padding-right: 20px;
}
.quaded {
        float: left;
        width: 117px;
        padding-right: 20px;
}
.halvedspan input {
        width: 240px;
        border: 1px solid #024A20;
        background-color: #FFFFFF;
        color: #024A20;
        font-size: 1em;
        font-family: Verdana, Helvetica, Arial, sans-serif;
}
.halvedspan textarea {
        width: 240px;
        border: 1px solid #024A20;
        background-color: #FFFFFF;
        color: #024A20;
        font-size: 1em;
        font-family: Verdana, Helvetica, Arial, sans-serif;
}
.dropdown_special {
        width: 240px;
}

.trippledspan input {
        width: 160px;
        border: 1px solid #024A20;
        background-color: #FFFFFF;
        color: #024A20;
        font-size: 1em;
        font-family: Verdana, Helvetica, Arial, sans-serif;
}
.quaded input {
        width: 100px;
        border: 1px solid #024A20;
        background-color: #FFFFFF;
        color: #024A20;
        font-size: 1em;
        font-family: Verdana, Helvetica, Arial, sans-serif;
}
.radiospan {
        width: 20px;
}
.ccalert {
        padding: 5px;
        background: #ffffff url('../pictures/base/ccalert.gif') top left repeat;
}
/*  ------------------------------------------------------------------------  */

.list_pictures_left {
        position: relative;
        float: left;
        width: 140px;
}
.list_pictures_right {
        position: relative;
        float: left;
        width: 380px;
}
.detail_pictures_left {
        position: relative;
        float: left;
        width: 230px;
         margin-bottom:20px;
}

.detail_pictures_right {
        /*position: relative;*/
        width: 330px;
         float:right;
}


.detail_pictures_right_flow {
        position: relative;
        width: auto;

}


.detail_pictures_right ul {
        list-style-position: outside;
}
.detail_category_left {
        position: relative;
        float: left;
        width: 250px;
}
.detail_category_right {
        float: left;
        width: 80px;
}
.detail_category_right_right {
        width: 80px;
        width: auto;
}
.list_portrait_left {
        position: relative;
        float: left;
        width: 120px;
                           min-height:100px;
        height:auto !important   ;
        height:100px;
}
.list_portrait_right {
        position: relative;
        width: 400px;
         float: right;
                           min-height:100px;
        height:auto !important   ;
        height:100px;
         padding-bottom:10px;
}
.detail_right {
        width: auto;
        text-align: right;
}
.float_right {
        float: right;
        text-align: right;
}

/*  ------------------------------------------------------------------------  */

#content .alternate_1 {
        position: relative;
        padding: 10px;
        background-color: #C5D1CD;
         min-height:80px;
        height:auto !important   ;
        height:80px;


}

#content .alternatex_1 {
        position: relative;
        padding: 10px;
        background-color: #ffffff;



}

#content .alternatex_2 {
        position: relative;
        padding: 10px;
        background-color: #ffffff;



}

#content .alternate_1 img {
        border-color: #FFFFFF;
}
#content .alternate_2 {
        position: relative;
        padding: 10px;
        background-color: #FFFFFF;
                  min-height:80px;
        height:auto !important   ;
        height:80px;
}
#content .alternate_2 img {
        border-color: #024A20;
}
#content .normal {
        color: #000000;
}
#content .special_1 {
        color: #024A20;
/*        background-color: #024A20; */
        border: solid 3px #024A20;
}
#content .special_2 {
        color: #024A20;
/*        background-color: #024A20; */
        border: solid 2px #024A20;
}
#content .special_3 {
        color: #024A20;
/*        background-color: #024A20; */
        border: solid 1px #024A20;
}
#content h2.special_1,
#content h2.special_2,
#content h2.special_3 {
        color: #024A20;
        display: block;
        padding-top: 5px;
        padding-bottom: 15px;
        margin: 0;
        border: none;
}
#content h2.special_1 {
        font-size: 1.8em;
}
#content h2.special_2 {
        font-size: 1.5em;
}
#content h2.special_3 {
        font-size: 1.2em;
}
#content .special_1 a,
#content .special_2 a,
#content .special_3 a {
        color: #024A20;
}
#content .special_1 a:hover,
#content .special_2 a:hover,
#content .special_3 a:hover {
        color: #000000;
}

/*  ------------------------------------------------------------------------  */

.form_input {
        border: 1px solid #000000;
        color: #000000;
        width: 560px;
}
.form_input_upload {
        border: 1px solid #000000;
        color: #000000;
        width: 540px;
}
.form_flexible {
        border: 1px solid #000000;
        color: #000000;
}
.form_textarea {
        border: 1px solid #000000;
        color: #000000;
        width: 520px;
}

/*  ------------------------------------------------------------------------  */

table.admin {
        width: 100%;
}
* html table.admin {
        width: 93.5%;
}
table td {
        font-size: 65%;
        padding: 2px 5px;
        vertical-align: top;
        background-color: #C5D1CD;
}
table td.entry {
        padding: 2px;
        background-color: #ffffff;
        border-bottom: 1px solid #C5D1CD;
}
table td.entry_edit {
        padding: 2px;
        background-color: #CECECE;

}
.system_note {
        padding: 5px;
        background-color: #CECECE;
        font-size: 80%;
}

table td.display_0,
table td.display_pending,
.display_pending {
        color: #ffffff;
        background-color: #9d0c15;
        padding: 5px;
}
.display_0 {
        padding: 5px;
        background-color: #CECECE;
}
table td.display_payed,
.display_payed {
        color: #ffffff;
        background-color: #024A20;
        padding: 5px;
}
table td.display_progress,
.display_progress {
        color: #ffffff;
        background-color: #ff6600;
        padding: 5px;
}
table td.display_free,
.display_free {
        color: #ffffff;
        background-color: #ef5efc;
        padding: 5px;
}
table td.display_1 {
        color: #ffffff;
        background-color: #024A20;
        padding: 5px;
}
table td.status_deleted {
        text-decoration: line-through;
        color: #ffffff;
        background-color: #000000;
}
table td.status_free {
        color: #ffffff;
        background-color: #ef5efc;
}
#free_notice {
        margin: 5px 0;
        font-size: 120%;
        font-weight: bold;
        padding: 5px;
        color: #ffffff;
        background-color: #ef5efc;
}
/*  ------------------------------------------------------------------------  */

.alert, .alert_admin {
        background-color: #99AEA9;
        color: #ffffff;
        padding: 10px;
        margin-bottom: 10px;
}

#error_message,
#error_message_top {
        background-color: #FF0000;
        color: #ffffff;
        padding: 0 10px;
}
#error_message a,
#error_message_top a {
        color: #FFFFFF;
}
/*  ------------------------------------------------------------------------  */

.visible {
        display: block !important;
}
.invisible {
        display: none;
}

/*  ------------------------------------------------------------------------  */

#bestSenden {
        position: absolute; top: 370px; left: 290px;
}

* html #bestSenden {
        top:360px;
        left: 285px;
}

* html #bestSendBtn {
        width:150px;
        border:1px solid red;
}

#content .errorInput {
        color:#ff0000;
        border-color:#ff0000;
}

#switcher { border:1px solid #024a20; }

* html #selector { margin-top:-14px; }

#selectorAlt {
        display:none;
        padding-top:1px;
        border:1px solid #024a20;
}
* html #selectorAlt {padding:0; height:15px;}

#content #switchInput {
        margin:0;
        padding:0;
        border:none;
        width:142px;
}
* html #content #switchInput { width:140px; }

#placer { background:transparent; }
* html #placer{ padding:0px; width:160px; }

#jsWarn {
        background:#c4d1cd;
        color:#ff0000;
        padding:12px;
        border:4px solid #ff0000;
}
.gallery_special {
        width: 200px;
        margin-right: 10px;
        height: 180px;
        float: left
}

.highlight {
        padding: 10px;
        background-color: #C5D1CD;

}

.print
{
background-color:#ffffff;
}

#sitemap li
{
list-style-type:none;
padding:5px 0px 5px 0px;
}

    #seminarProgram
    {
        font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
        border-spacing:10px;
        padding:0;
        margin:0;
    }

    #seminarProgram th
    {
        font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
        font-size: 0.75em;
        white-space:nowrap;
        font-weight:normal;
        vertical-align:top;
        text-align:left;
        background-color:#c5d1cd;
        padding-top:13px;
        width:145px;
    }


    #seminarProgram td
    {
        font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
        font-size: 0.75em;
        padding:5px;
    }

    #seminarProgram .lunch { background:#fff; }
    #seminarProgram  td.lunch { padding-top:10px; }

    #seminarProgram ul, ul#seminarReferenten
    {
        list-style:none;
        padding:0;
        margin:0;
    }

    #seminarProgram ul li
    {
        margin:8px 0;
    }

    ul#seminarReferenten li {
        margin:0;
        padding:0;
    }