/************************************* GENERAL HTML ELEMENTS **************************************/

html
{
    margin              : 0px;
    padding             : 0px;
}

body
{
    margin              : 0px;
    padding             : 0px;
    font-size           : 12px;
    line-height         : 16px;
    font-family         : Arial, Helvetica, sans-serif;
    color               : #333;
    background-color    : #5A951E;
}


a
{
    text-decoration     : none;
    color               : #333333;
}

a img
{
    border              : none;
}

ul
{
    padding             : 0px;
    margin              : 0px;
}

li
{
    list-style          : none;
}

h1,
h1 a
{
    font-size           : 16px;
    line-height         : 24px;
}

h2 
{
    font-size           : 13px;
    line-height         : 18px;
}

h1,
h2,
h1 a,
h2 a
{
    margin               : 0px 0px 10px 0px;
    color                : #5BA708;
    font-weight          : bold;
}

p
{
    margin               : 0px 0px 16px 0px;
}


/***************************************** WRAPPER ELEMENTS **********************************************/

.headerLayer
{
    position            : relative;
    height              : 62px;
    background-color    : #FFFFFF;
    background-image    : url("../img/header_bg.gif");
    background-repeat   : repeat-x;
}

.logoLayer
{
    position            : absolute;
    top                 : 0px;
    bottom              : 3px;
    left                : 10px;
    width               : 218px;
}

.logo
{
    display             : block;
    height              : 68px;
}

.toolboxLayer
{
    position            : absolute;
    top                 : 0px;
    bottom              : 3px;
    left                : 218px;
    width               : 760px;
    text-align          : right;
}

.mainMenuLayer
{
    position            : relative;
    height              : 35px;
    background-image    : url("../img/breadcrump_bg2.png");
    background-repeat   : repeat-x;
    color               : #FFFFFF;
}

.mainMenu
{
    position            : absolute;
    top                 : 0px;
    bottom              : 0px;
    left                : 240px;
    width               : 550px;
}

.searchbox
{
    position            : absolute;
    top                 : 0px;
    bottom              : 0px;
    left                : 802px;
    width               : 178px;
}

.mainLayer
{
    position            : relative;
    background-color    : #DEDADA;
    background-image    : url("../img/content_bg2.png");
    background-repeat   : repeat-y;
}

.breadcrumpLayer
{
    width               : 977px;
    height              : 30px;
    background-color    : #F1F1F1;
    font-size           : 11px;
}

.contentLayer
{
    width               : 977px;
    margin-top          : 20px;
    position            : relative;
}

.menuLayer
{
    float               : left;
    width               : 220px;
    padding-bottom      : 170px;
}

.loginBox 
{
    width               : 236px;
    margin-top          : -73px;
    margin-bottom       : 20px;
}

.loginBoxTopLayer
{
    height              : 3px;
    background-image    : url("../img/loginBoxTopBg.png");
    background-repeat   : no-repeat;
    line-height         : 0.1pt;
}

.loginBoxContentLayer
{
    background-image    : url("../img/loginBoxMiddleBg.png");
    background-repeat   : repeat-y;
}

.loginBoxBottomLayer
{
    height              : 13px;
    background-image    : url("../img/loginBoxBottomBg.png");
    background-repeat   : no-repeat;
}

.menuLayerContent
{
    width               : 170px;
    margin-left         : 20px;
}

.contentLeftLayer
{
    float               : left;
    margin-left         : 35px;
    padding-bottom      : 20px;
    width               : 500px;
}

.contentRightLayer
{
    float               : right;
    padding-bottom      : 20px;
    margin-right        : 20px;
    width               : 180px;
}

.contentMainLayer
{
    float               : left;
    margin-left         : 35px;
    width               : 675px;
}

.euLogo
{
    position            : absolute;
    bottom              : 0px;
    background-color    : #FFFFFF;
    padding             : 3px;
    font-size           : 8px;
    line-height         : 10px;
    color               : #444444;
}

.footerLayer
{
    position            : relative;
    height              : 35px;
    background-image    : url("../img/footerBg.png");    
}


/*********************************************** MAIN MENU **********************************************/

.mainMenuItem,
.mainMenuItemActive 
{
    display             : block;
    float               : left;
}

.mainMenuItem a
{
    display             : block;
    padding             : 8px 15px 12px;
    font-weight         : bold;
    color               : #FFFFFF;
}

.mainMenuItemActive a,
.mainMenuItem a:hover
{
    display             : block;
    background-image    : url("../img/menu_link_hover.png");
    background-repeat   : repeat-x;
    padding             : 8px 15px 12px;
    font-size           : 12px;
    font-weight         : bold;
    color               : #5BA708;
}


/******************************************* CONTENT ELEMENTS ******************************************/

.clearDiv
{
    clear               : both;
}

.divider
{
    clear               : both;
    height              : 1px;
    line-height         : 0.1pt;
    margin              : 10px 0px;
    border-bottom       : 1px solid #E7E6E6;
    font-size           : 0.1pt;
}

.loginBoxDivider
{
    width               : 224px;
    height              : 3px;
    line-height         : 0.1pt;
    background-color    : #FFFFFF;
    padding             : 0px;
    margin              : 0px;
}

/***************************************** search box *******************************************/

#xsearch_form
{
    margin              : 9px 0px 0px 0px;
}

.searchInput
{
    width               : 150px;
    height              : 15px;
    border              : none;
    padding             : 0px;
    margin              : 0px;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    line-height         : 12px;
}

.searchSubmit
{
    float               : right;
    width               : 20px;
    height              : 15px;
    border              : none;
    padding             : 0px;
    margin              : 0px 0px 0px 5px;
    background          : none;
    background-image    : url("../img/searchButton.png");
    background-repeat   : no-repeat;
}




.toolboxLayer a
{
    font-size           : 11px;
    color               : #999999;
    margin-left         : 20px;
}

.breadcrumpContent
{
    margin-left         : 255px;
    margin-top          : 7px;
    position            : absolute;
}

.breadcrumpLayer span 
{
    margin-right        : 5px;
    font-weight         : bold;
}

.breadcrumpLayer span,
.breadcrumpLayer a,
.breadcrumpLayer div
{
    display             : block;
    float               : left;
    color               : #5A951E;
}

.breadcrumpContent div
{
    margin              : 1px 2px 0px 5px;
}

.loginBoxButton
{
    display             : block;
    height              : 32px;
}

/************************************* lists **********************************/
.subMenu
{
    width               : 170px;
    margin-left         : 20px;
}

.linkList li a, 
.themeAndTextContainer ul li
{
    padding-left        : 14px;
    background-position : 0px 2px;
}


/************************************* submenu **************************************/

.secSubMenuItem,
.linkList li a,
.themeAndTextContainer ul li,
.subMenuItem,
.subMenuItemActive
{
    display             : block;
    margin              : 5px 0px;
    background          : url("../img/secSubMenuItem.png");
    background-repeat   : no-repeat;    
}

.subMenuItem,
.subMenuItemActive
{
    padding-left        : 14px;
    background-position : 0px 3px;
    color               : #7D7D7D;
    font-weight         : bold;
}

.subMenuItem
{
    background-image    :url("../img/subMenuItem_bg.png");
}

.subMenuItemActive
{
    background-image    : url("../img/subMenuItemActive_bg.png");
}

.secSubMenuItem
{
    padding-left        : 30px;
    background-position : 14px 2px;
}


/************************************* skimmer **************************************/

.articleBoxContainer
{
    clear               : both;
    float               : none;
}

.articleBoxContainer div
{
    margin              : 3px;
}

.articleBoxContainer img
{
    float               : right;
    margin              : 0px 0px 5px 5px;
}

.articleBox1,
.articleBox2,
.articleBox3
{
    display             : block;
    height              : 245px;
    margin-bottom       : 10px;
}

.articleBox2,
.articleBox3
{
    float               : left;
    border              : solid 1px #E7E6E6;
}

.articleBox1
{
    border-bottom       : solid 1px #E7E6E6;
}

.articleBox3
{
    width               : 216px;
}




.textBox
{
    margin-top          : 10px;
}

/* form */
.formgen input[type=text],
.formgen textarea
{
    border              : solid 1px #E4E4E4;
    margin-bottom       : 5px;
    width               : 300px;
    font-size           : 11px;
    color               : #333;
}
    
.formgen input[type=text]
{
    height              : 16px;
}

.forminfo,
.formblock
{
    color               : #CC0000;
    margin              : 5px 0px 15px 120px;
}


.formgen label
{
    width               : 120px;
    display             : block;
    float               : left;
    clear               : left;
    padding-top         : 5px;
}

.checkspan {
    width               : 240px;
    margin-right        : 10px;
    margin-top          : 10px;
    margin-left         : 120px;
    float               : left;
}

.checkspan label
{
    width               : 210px;
    float               : right;
    padding-top         : 0px;
}

.checkspan input[type=checkbox]
{
    float               : left;
}

.formblock
{
    width               : 300px;
    margin-top          : 10px;
    border-top          : 1px solid #E4E4E4;
    padding             : 10px 0px;
    clear               : both;
}

.formsubmit
{
    padding             : 3px;
    background          : #5A951E;
    color               : #FFFFFF;
    border              : none;
    font-size           : 11px;
}

.checkspan
{
    margin-bottom       : 5px;
    display             : block;
}




.tickerBox
{
    overflow            : hidden;
    position            : relative;
}

.tickerBox a
{
    display             : block;
    font-size           : 12px;
    left                : 0;
    position            : relative;
    top                 : 0;
    white-space         : nowrap;
}

.tickerBox a
{
    font-size           : 12px;
    white-space         : nowrap;
}


/* commercial partner */
.commercialContainer {
    margin                  : 10px 0px 10px 20px;
    width                   : 170px;
}

.commercialLogos {
    width                   : 158px;
    padding                 : 5px;
    background-color        : #FFF;
    border                  : solid 1px #E7E6E6;
    text-align              : center;
}

.commercialLogos a {
    display                 : block;
    padding                 : 5px 0px;
}

/* circle menu */
.circleWrapper
{
    position            : relative;
    margin              : 0px auto;
}
    
.circleContentWrapper
{
    position            : absolute;
    font-size           : 18px;
    text-align          : center;
    color               : #5BA708;
    font-weight         : bold;
}
    
.circleElement
{
    position            : absolute;
    display             : block;
}
    
.circleElement img
{
    background-position : 0px 0px;
    background-repeat   : no-repeat;
    width               : 100%;
    height              : 100%;
}
    
.circleElement span
{
    display             : none;
}