/**********************************************
* CSS Netzwerk-Gesunde-Ernaehrung.de
***********************************************/

/**********************************************
* Zentrale Einstellungen
***********************************************/
body,td,th {
    font-family: Arial, Helvetica, sans-serif;
}
body {
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
hr
{
    height:1px;
    color:#000000;
}
#page
{
    position:relative;
    float:none;
    width:760px;
    height:200px;
    margin-left:10px;
    border:solid 1px #0DB14B;
    border-bottom:0px;
    height:100%;
}
.links
{
    float:left;
    margin-left:0px;
    margin-right:10px;
}
.rechts
{
    float:right;
    margin-left:10px;
    margin-right:0px;
}
.rahmen
{
    border:solid 1px #0DB14B;
}
.schmalabstand
{
    margin-top:5px;
}
/**********************************************
* Area Top
***********************************************/
#areatop
{
    position:relative;
    float:none;
    width:100%;
    height:20px;
    background-color:#0DB14B;
    padding-top:25px;
    margin-bottom:8px;
    text-align:center;
}
/****
* Menu Level 1 
****/
#menulevel1
{
    color:#ffffff;
    font-size:100%;
    font-weight:bold;
    margin-bottom:0px;
    margin-top:0px;
}
#menufinish1
{
    background-color:#ffffff;
    height:5px;
    background-image:url(/imageslayout/cornerlefttopgreendark.gif);
    background-position:left top;
    background-repeat:no-repeat;
}
#menufinish1b
{
    height:5px;
    background-image:url(/imageslayout/cornerrighttopgreendark.gif);
    background-position:right top;
    background-repeat:no-repeat;
}
/****
* Menu Level 2
****/
#menulevel2
{
    background-color:#F9DC13;
    font-size:90%;
    font-weight:bold;
    margin-bottom:0px;
    margin-top:0px;
    background-image:url(/imageslayout/cornerlefttopgreendark.gif);
    background-position:left top;
    background-repeat:no-repeat;
}
#menulevel2b
{
    margin-bottom:0px;
    margin-top:0px;
    background-image:url(/imageslayout/cornerrighttopgreendark.gif);
    background-position:right top;
    background-repeat:no-repeat;
}
#menufinish2
{
    background-color:#ffffff;
    height:5px;
    background-image:url(/imageslayout/cornerlefttopyellowmiddle.gif);
    background-position:left top;
    background-repeat:no-repeat;
}
#menufinish2b
{
    height:5px;
    background-image:url(/imageslayout/cornerrighttopyellowmiddle.gif);
    background-position:right top;
    background-repeat:no-repeat;
}
/****
* Menu Level 3
****/
/*
#menulevel3
{
    background-color:#FDC65C;
    font-size:90%;
    background-image:url(/imageslayout/cornerlefttopyellowmiddleonyellowdark.gif);
    background-position:left top;
    background-repeat:no-repeat;
}
#menulevel3b
{
    background-image:url(/imageslayout/cornerrighttopyellowmiddleonyellowdark.gif);
    background-position:right top;
    background-repeat:no-repeat;
}
#menufinish3
{
    background-color:#ffffff;
    height:5px;
    background-image:url(/imageslayout/cornerlefttopyellowmiddle.gif);
    background-position:left top;
    background-repeat:no-repeat;
}
#menufinish3b
{
    height:5px;
    background-image:url(/imageslayout/cornerrighttopyellowmiddle.gif);
    background-position:right top;
    background-repeat:no-repeat;
}*/
/****
* Menuitem
****/
#menuitem
{
    display:inline;
    margin-left:8px;
    margin-bottom:0px;
    margin-top:0px;
    color:#FFFFFF;
}
.level1 a
{
    text-decoration:none;
    color:#ffffff;
}
.level1 a:hover
{
    background-color:#F9DC13;
}
.level1
{
    display:inline;
    color:#ffffff;
    background-image:url(/imageslayout/dummywhite.gif);
    background-position:top;
    background-repeat:repeat-x;
}
.level1 div
{
    display:inline;
    background-image:url(/imageslayout/dummywhite.gif);
    background-position:left;
    background-repeat:repeat-y;
}
.level1 div div
{
    display:inline;
    background-image:url(/imageslayout/dummywhite.gif);
    background-position:right;
    background-repeat:repeat-y;
}
.level1 div div div
{
    display:inline;
    background-image:url(/imageslayout/cornerlinelefttopwhiteongreendark.gif);
    background-position:left top;
    background-repeat:no-repeat;
}
.level1 div div div div
{
    display:inline;
    background-image:url(/imageslayout/cornerlinerighttopwhiteongreendark.gif);
    background-position:right top;
    background-repeat:no-repeat;
}
.level1 div div div div
{
    display:inline;
    padding-left: 4px;
    padding-right: 4px;
    color:#ffffff;
}
.level1selected
{
    display:inline;
    color:#ffffff;
    background-color:#F9DC13;
    background-image:url(/imageslayout/cornerlefttopgreendark.gif);
    background-position:left top;
    background-repeat:no-repeat;
}
.level1selected a
{
    display:inline;
    color:#ffffff;
    text-decoration:none;
    background-image:url(/imageslayout/cornerrighttopgreendark.gif);
    background-position:right top;
    background-repeat:no-repeat;
    font-weight:bold;
    padding-left: 4px;
    padding-right: 4px;
}
.level2
{
    display:inline;
    padding-left: 4px;
    padding-right: 4px;
}
.level2 a
{
    display:inline;
    color:#ffffff;
    text-decoration:none;
}
.level2 a:hover
{
    color:#3AC06D;
    /*background-color:#FDC65C;*/
}
.level2selected
{
    display:inline;
    /*
    only for third level
    background-color:#FDC65C;
    background-image:url(/imageslayout/cornerlefttopyellowmiddleonyellowdark.gif);
    background-position:left top;
    background-repeat:no-repeat;
    */
}
.level2selected a
{
    display:inline;
    color:#3AC06D;
    text-decoration:none;
    /*
    only for third level
    background-image:url(/imageslayout/cornerrighttopyellowmiddleonyellowdark.gif);
    background-position:right top;
    background-repeat:no-repeat;
    */
    padding-left: 4px;
    padding-right: 4px;
    font-weight:bold;
}
.level3
{
    padding-left: 4px;
    padding-right: 4px;
}
.level3 a
{
    color:#ffffff;
    text-decoration:none;
    font-weight:normal;
}
.level3 a:hover
{
    color:#3AC06D;
}
/**********************************************
* Area right
***********************************************/
#arearight
{
    float:right;
    width:200px;
}
#logoimg
{
    height:110px;
}
#logoimg img
{
    padding-top:30px;
}
/****
* Side-Menu
****/
#sidemenu
{
    width:180px;
    padding-top:10px;
}
#sidemenuitem
{
    margin-top:2px;
    margin-bottom:2px;
    background-color:#F9DC13;
    background-image:url(/imageslayout/sidemenugb.gif);
    background-position:left;
    background-repeat:no-repeat;
    height:17px;
}
#sidemenuitem div
{
    margin:0px;
    padding:0px;
    background-image:url(/imageslayout/cornerlefttop.gif);
    background-position:left top;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
}
#sidemenuitem div div
{
    background-image:url(/imageslayout/cornerrighttop.gif);
    background-position:right top;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
}
#sidemenuitem div div div
{
    background-image:url(/imageslayout/cornerrightbottom.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
}
#sidemenuitem div div div div
{
    background-image:url(/imageslayout/cornerleftbottom.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
}
#sidemenuitem div div div div a
{
    padding-left:17px;
    color:#63636B;
    font-size: 75%;
    text-decoration:none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
#sidemenuitem div div div div a:hover
{
    font-weight:bold;
}
/****
* Infobox (keine Titelleiste)
****/

#infobox
{
    width:180px;
    height:140px;
    margin-top:20px;
}
.lightblue
{
    background-color:#E5F5E2;
}
.middlegreen
{
    background-color:#D1EDCC;
}
.darkgreen
{
    background-color:#BDE6B6;
}
#infobox a
{
    color:#FF9900;
}
#infobox div
{
    background-image:url(/imageslayout/cornerlefttop.gif);
    background-position:left top;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
}
#infobox div div
{
    background-image:url(/imageslayout/cornerrighttop.gif);
    background-position:right top;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
}
#infobox div div div
{
    background-image:url(/imageslayout/cornerrightbottom.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
}
#infobox div div div div
{
    background-image:url(/imageslayout/cornerleftbottom.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    padding-top:5px;
    height:100%;
    width:100%;
    font-size:75%;
    font-family:Arial, Helvetica, sans-serif;
}
#infobox h1
{
    color:#10B54A;
    font-size:100%;
    font-family:Arial, Helvetica, sans-serif;
    padding-top:10px;
    padding-left:0px;
    margin-bottom:5px;
}
#infobox h3
{
    color:#000000;
    font-size:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    padding-left:17px;
    margin-top:0px;
}
#contentarea
{
    padding-left:10px;
    height:100%;
    width:100%;
    font-size:75%;
    font-family:Arial, Helvetica, sans-serif;
}
/**********************************************
* Area Main
***********************************************/
#areamain
{
    float:left;
    width:540px;
/*
    width:100%;
    border:0px;
    */
}
#mainimage{
    margin:0px;
    padding:0px;
    padding-bottom:5px;
    padding-left:10px;
}
/****
* Topic Box (für Homepage)
****/
#topicboxareahorizontal
{
    height:132px;
    padding-left:4px;
}
#topicbox {
    width:173px;
    height:100%;
    float:left;
    margin-left:4px;
}
#topicbox #head {
    width:100%;
    color:#ffffff;
    background-color:#0DB14B;
    font-size:75%;
    font-weight:bold;
    background-image:url(/imageslayout/cornerlefttop.gif);
    background-position: left top;
    background-repeat: no-repeat;
}
#topicbox #head div{
    background-image:url(/imageslayout/cornerrighttop.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding-left:7px;
}
#topicbox #main {
    color:#000000;
    font-size: 75%;
    font-weight:normal;
    height:100%;
    background-image:url(/imageslayout/cornerleftbottom.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}
#topicbox #main div{
    padding-left:7px;
    padding-right:7px;
    padding-top:5px;
    padding-bottom:5px;
    height:100%;
    background-image:url(/imageslayout/cornerrightbottom.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}
#topicbox #main h1
{
    display:none;
    height:0px;
    margin:0px;
    padding:0px;
}
.boxcolorlight {
    background-color:#E5F5E2;
}
.boxcolormiddle {
    background-color:#D1EDCC;
}
.boxcolordark {
    background-color:#BDE6B6;
}
.arrowright
{
    float:right;
    border:none;
}
#contenttopbox
{
    width:530px;
    height:120px;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:5px;
    margin-right:10px;
}
.lightgreen
{
    background-color:#D1EDCC;
}
#contenttopbox div
{
    background-image:url(/imageslayout/cornerlefttop.gif);
    background-position:left top;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
}
#contenttopbox div div
{
    background-image:url(/imageslayout/cornerrighttop.gif);
    background-position:right top;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
}
#contenttopbox div div div
{
    background-image:url(/imageslayout/cornerrightbottom.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
}
#contenttopbox div div div div
{
    background-image:url(/imageslayout/cornerleftbottom.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
    font-size:75%;
    font-family:Arial, Helvetica, sans-serif;
}
#contenttopbox h1
{
    color:#10B54A;
    font-size:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding-top:10px;
    margin-bottom:5px;
}
#contenttopbox h3
{
    color:#000000;
    font-size:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    margin-top:0px;
    padding:2px;
    margin-bottom:5px;
}
#contenttopbox a
{
    color:#000000;
    font-weight:normal;
    text-decoration:underline;
}
#contenttopbox a:hover
{
    color:#000000;
    font-weight:bold;
    text-decoration:underline;
}
#contenttopbox a:visited
{
    color:#000000;
    font-weight:normal;
    text-decoration:underline;
}
/****
* Eigentlicher Content
****/
#contentmain
{
    padding-left:10px;
}
#contentmain h1
{
    color:#0DB14B;
    font-size:120%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding-top:5px;
    padding-left:62px;
    margin-bottom:5px;
    background-image:url(/imageslayout/orangesharp3er.gif);
    background-repeat:no-repeat;
    background-position:left middle;
}
#contentmain h2
{
    color:#0DB14B;
    font-size:110%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding-top:1px;
    padding-left:22px;
    margin-top:10px;
    margin-bottom:10px;
    background-image:url(/imageslayout/orangesharp_20.gif);
    background-repeat:no-repeat;
    background-position:left middle;
}
#contentmain h3, #contentmain td
{
    color:#000000;
    font-size:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:left;
    padding-left:0px;
    padding-right:10px;
}
#contentmain h4
{
    color:#000000;
    font-size:80%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
}
#contentmain a
{
    color:#FF9900;
    font-weight:bold;
    text-decoration:none;
}
#contentmain a:visited
{
    color:#FCAB0F;
    font-weight:bold;
    text-decoration:none;
}
#contentmain b
{
    color:#0DB14B;
    font-size:100%;
    text-weight:bold;
}
#contentmain #kasten
{
    border:solid 1px #FF9900;
    padding:5px;
}
#articlelist
{
    list-style-type:none;
}
#articlelist li
{
    background-image:url(/imageslayout/arrowcircle2_wt.gif);
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:30px;
    margin-top:0px;
    margin-bottom:10px;
    height:22px;
}
#articlelist li a
{
    color:#FCAB0F;
    font-weight:bold;
    text-decoration:none;
}
img.right
{
    float:right; 
    margin-left:8px; 
    margin-right:0px;
    margin-top:2px;
    margin-bottom:2px;
    border:solid 1px #10B54A;
}
/*** datetable ***/
#datetable
{
    border:0px;
    width:520px;
}
#datetable .dateline
{
    color:#008200;
    font-size:80%;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
}
#datetable td
{
    font-size:80%;
    vertical-align:top;
    text-align:left;
}
/*
#datetable td a, #datetable tr td a
{
    color:#000000;
    font-weight:bold;
    text-decoration:underline;
}
*/

/****
* Newsletterarchiv
****/
#newsletter
{
    padding-top:20px;
}
#newsletter H1
{
    color:#0DB14B;
    font-size:120%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding-top:5px;
    padding-left:62px;
    margin-bottom:5px;
    background-image:url(/imageslayout/orangesharp3er.gif);
    background-repeat:no-repeat;
    background-position:left middle;
}
#newsletter H2
{
    color:#0DB14B;
    font-size:110%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding-top:1px;
    padding-left:22px;
    margin-top:10px;
    margin-bottom:10px;
    background-image:url(/imageslayout/orangesharp_20.gif);
    background-repeat:no-repeat;
    background-position:left middle;
}
#newsletter H3
{
    color:#000000;
    font-size:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
}
#newsletter H4
{
    color:#000000;
    font-size:80%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
}
#newsletter #newsletterlist td
{
    color:#000000;
    font-size:80%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:left;
}

#newsletter .c1
{
   color:#0DB14B;
    font-size:75%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin-bottom:1px;
    margin-top:6px;
}




#newsletter .c2
{
    color:#000000;
    font-size:80%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    padding-left:7px;
}

#newsletterInhalt a
{
 text-decoration:none;
}

#newsletter a:hover
{
font-style:italic;
}

/****
* Fußzeile
****/
#footer
{
    width:100%;
    padding-top:5px;
    margin-bottom:8px;
    font-size:60%;
    text-align:center;
    border:0px;
}
#footer a
{
    color:#000000;
    text-decoration:underline;
}