body {
    font-size: 14px;
    font-family: Arial;
    color: #262626;
    margin: 0;
    min-width: 350px;
    background-color: #d9d9d9;
}

input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="email"]
{
    -webkit-appearance: none;
    border-radius: 0;
    border: 1px solid #999;
}

A {
    color: #262626;
}

H1 {
    color: #262626;
    font-size: 26px;
    margin-bottom: 0px;
}

H3 {
    margin-bottom: 0px;
}

HR {
    border: none;
    background-color: #ebebeb;
    color: #ebebeb;
    height: 1px;
}

IMG {
    border: 0;
}


.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}

.roundedButton, .neutralRoundedButton {
    outline: none;
    border-style: none;
    cursor: pointer;
    background-color: #53aa4e;
    color: #fff;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    text-decoration: none;
    font-size: 15px;
}

.neutralRoundedButton {
    background-color: #ccc !important;
    color: #000 !important;
}

#outerContainer {
    max-width: 1000px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    
}

#headerContainer {
    /*height: 200px;*/
    overflow: auto;
}

#contentContainer {
    background-color: #fff;
    min-height: 500px;
    overflow: auto;
}

#contentContainer_Inner {
    padding: 15px;

}

.backgroundImageContainer {
    position: absolute;
    left: 0;
    top: 0;
    height: 360px;
    /*background: url('/gfx/StaticContent/Toppbilder/0.jpg') center center no-repeat;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    width: 100%;
    z-index: -1;
}

#leftColumn {
   
    margin-right: 300px;
}

#rightColumn {

    width: 300px;
    float: right;
    display: block;
    z-index: 900;
}


#contentWrapper {
    margin-right: 15px;
}
#customerName {
    font-size: 36px;
    color: #fff;
    text-decoration:none;
    display: inline-block;
}

#customerSlogan {
    font-size: 14px;
    color: #fff;
    margin-left: 40px;
    text-decoration: none;
    display: inline-block;
}

#sectionName {
    font-size: 36px; 
    vertical-align: middle;
}

#mainMenuPanel, #sectionsMenuPanel {
    width: 100%; 
    position: absolute; 
    left: 0;
    background-color: #333333; 
    overflow: auto; 
    text-align: center;
    margin-top: 0px; 
    display: none;
    z-index: 1000;
}

#sectionsMenuPanel {
    padding-left: 10px;
    padding-top: 10px;
    position: absolute !important;
}

#drawerMenuButton {
    position: fixed;
    background: url('/Gfx/Icons/Drawer.png') center center no-repeat;
    right: 0px;
    top: 195px;
    width: 40px;
    height: 40px;
    display: none;
    cursor: pointer;
    z-index: 1000;
}

.drawerMenuButtonActive {
    background: url('/Gfx/Icons/Drawer2.png') center center no-repeat !important;
}

.sectionMenu_ClassSectionItemClass {
    width: 100%; 
    display:table; 
    table-layout: fixed;
}
.sectionMenu_ClassSectionItemClass UL {
    display:table-row;
}
.sectionMenu_ClassSectionItemClass LI {
    display:table-cell;
}

#btnToggleMainMenu {
    overflow: hidden; 
    float: left;

}

#btnToggleSectionsMenu {
    float: right; 
    overflow: hidden; 
    text-align: right;

}

#btnToggleMainMenu, #btnToggleSectionsMenu {
    cursor: pointer;
    color: #fff;
}


#btnToggleMainMenu:hover, #btnToggleSectionsMenu:hover {
    /*color: #ddd;*/
}

#btnToggleMainMenuImage {
    display: inline-block;
    vertical-align: middle;
    /*background: url('/Gfx/Header/Menu.png') center center no-repeat;*/
    width: 48px;
    height: 48px;
}

#btnToggleSectionsMenuImage {
    display: inline-block;
    vertical-align: middle;
    /*background: url('/Gfx/Header/SectionsMenu.png') center center no-repeat;*/
    width: 48px;
    height: 48px;
}



#sectionMenu_ClassSectionHolder {
    float:right;
    width: 350px;
}

#sectionMenu_SingleSectionHolder {
    float:left;
}

#privacyFooter {
    height: 30px; padding-top: 20px; margin-bottom: 10px; background-color: #fff; text-align: center;
}

#cookie-law-info-bar {
    border: 0;
    font-size: 10pt;
    margin: 0 auto;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 9999;
    display: block;
    background-color: rgb(255, 255, 255);
    color: rgb(85, 85, 85);
    font-family: inherit;
    bottom: 0px;
    border-top: 4px solid rgb(85, 85, 85);
    position: fixed;
    display: none;
}

#privacyFooter a {
    text-decoration: none;
}
#privacyFooter a:hover {
    text-decoration: underline;
}

/* MAIN MENU */

.mainMenuSectionTopLinks {
    text-align: right;
    padding-bottom: 60px;
}

.mainMenuPanelTopLink {
    color: #fff;
    text-decoration: none;
    margin-right: 25px;
}

.mainMenuPanelTopLink SPAN {
    margin-left: 5px;
}

.mainMenuPanelTopLink:hover {
    text-decoration: underline;
}

.mainMenuPanelItem {
    display: block;
    text-decoration: none; 
    /* Will be overridden by custom styles */
    border-bottom: 1px solid #6e6e6e;
    width: 100%;
    text-align: left;
    padding-top: 7px;
    padding-bottom: 7px;
    overflow: hidden;
    font-size: 14px;
}

.mainMenuPanelItem:last-child {
    border: 0 !important;
}
 

.mainMenuHorizontalBoxMenuPanel {
    float: left;

    /*white-space: normal;*/
    /*vertical-align: top;*/
        
    width: 25%;
    min-width: 20%;
    margin-bottom: 5px;
}

.mainMenuHorizontalBoxMenuPanelPadding {
    margin-right: 10px;
}

.mainMenuHorizontalBoxMenuHeader {
    height: 45px; 
    background-color: #ff3c00; 
    text-align: center; 
    line-height: 45px; 
    font-size: 16px;
    margin-bottom: 3px;
    overflow: hidden;
}


.mainMenuAccordionHeaderSelected, .mainMenuAccordionHeader {
    height: 35px;
    padding: 2px;
    padding-left: 8px;
    display:block;
    background-color: #999;
    cursor: pointer;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 35px;
    overflow: hidden;
    /*Used as spacing for the background image*/
    border-right: 10px solid transparent;
}

.mainMenuAccordionHeaderSelected {
    color: #000;
    /*
    background-image: url('/Gfx/Icons/Collapse32.png'); 
    background-repeat: no-repeat;  
    background-position: right;
    */

}

.mainMenuAccordionHeader {
    color: #fff;
    /*
    background-image: url('/Gfx/Icons/Expand32-white.png'); 
    background-repeat: no-repeat;  
    background-position: right;

    */
}

.mainMenuAccordionHeader:after{
    content: '\002C5';
    font-size: 42px;
    font-weight: bold;
    float: right;
}
.mainMenuAccordionHeaderSelected:after {    
    content: '\002C4';
    font-size: 42px;
    font-weight: bold;
    float: right;
}

#mainMenuPanel {
    padding-top: 10px; 
    padding-bottom: 80px; 
    overflow:hidden;
}

#accordionMenuWrapper {

    width: 450px;
}

#horizontalBoxMenuWrapper {
    margin-right: 15px;
    margin-left: 15px;
    overflow: auto; 

    /*
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;*/
}

/* END MAIN MENU */

.sectionsMenuPanelItem {
    display: block;
    height: 40px; 
    text-align: center; 
    line-height: 40px; 
    font-size: 16px;
    margin-bottom: 5px;
    margin-right: 5px;
    text-decoration: none;
    color: #fff;
    width: 340px;
    float: left;
   
}

.sectionMenuPanelSecitonGroup {
    display: block;
    font-weight: bold;
    line-height: 40px;
    width: 98%;
    float: left;
    border-top: 1px solid white !important;
}

.arrowLink {
    font-size: 15px;
    text-decoration: none;
}

.arrowLink SPAN {
    margin-left: 3px;
    vertical-align: middle;
}

.arrowLink IMG {
    vertical-align: middle;
}


.dialogWindow {

    margin-right: 10px;
}

.dialogWindow H1 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 3px;
}

.checklistColumnsPadding label { 
    padding-right: 30px; 
}


/* Sponsor button*/

#subSponsorWrapper {
    margin-top: 10px; 
    margin-bottom: 10px; 
    background-color: #b2b2b2;
}

.subSponsorBox {
    width: 33.3%;
    float: left;     
}
.subSponsorBoxPadding {
    margin: 16px;
    border: 1px solid #eee;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    background-color: white;
}
.subSponsorBoxImage {
    
    margin: 10px;
    height: 110px; 
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain !Important; 
    -moz-background-size: contain !Important; 
    -o-background-size: contain !Important; 
    background-size: contain !Important;
}

.subSponsorBoxPadding:hover {
    border-color: #666;
}

.sponsorHeadline {
    font-size: 24px; 
    color: #fff; 
    margin-left: 12px; 
    padding-top: 10px;
}

#mainSponsorWrapper {
    margin-bottom: 10px;
    background-color: #b2b2b2;
    padding-bottom: 20px;
}


.mainSponsorBox {

 
}
.mainSponsorBoxPadding {
    margin: 16px;
    border: 1px solid #eee;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: white;
}
.mainSponsorBoxImage {
    
    margin: 10px;
    height: 110px; 
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain !Important; 
    -moz-background-size: contain !Important; 
    -o-background-size: contain !Important; 
    background-size: contain !Important;
}

.mainSponsorBoxPadding:hover {
    border-color: #666;
}

/* End sponsor button*/


@media screen and (max-width: 1900px) {
    
    #horizontalBoxMenuWrapper .mainMenuHorizontalBoxMenuPanel {
        width: 25%;
    }
}

@media screen and (max-width: 1500px) {
    
    #horizontalBoxMenuWrapper .mainMenuHorizontalBoxMenuPanel {
        width: 33.33%;
    }
}

@media screen and (max-width: 1100px) {
    
    #horizontalBoxMenuWrapper .mainMenuHorizontalBoxMenuPanel {
        width: 50%;
    }

}

@media screen and (max-width: 800px) {

    #accordionMenuWrapper {
        width:100%;
        margin-left: 0px !important;
    }

    #horizontalBoxMenuWrapper .mainMenuHorizontalBoxMenuPanel {
        width: 100%;
        height: auto;
    } 
}

@media screen and (max-width: 800px) {
    #rightColumn {
        /*
       display: none;
       padding-left: 10px;*/
        display: none;
        position: absolute;
        right: 18px;
        background-color: #fff;
        padding-left: 6px;
    }

    #drawerMenuButton {
        display: block;
    }

    #leftColumn {
        margin-right: 0;
    }

    .hideMobileUI {
        display: none;
    }

    #customerName {
        font-size: 24px;
    }

    #sectionName {
        font-size: 24px;
    }

    #contentContainer_Inner {
        padding: 8px;
    }

    #outerContainer {
        padding-left: 10px;
        padding-right: 10px;
    }

    #contentWrapper {
        margin-right: 0px;
    }
    
    .sponsorBox {
        width:50%;
    }


    /* Mobile UI for section menu */

    #sectionsMenuPanel {
        padding-left: 0;
        width: 100%;
    }

    #sectionMenu_ClassSectionHolder {
        float: left;
        width: 100%;
    }

    #sectionMenu_SingleSectionHolder {
        float:left;
        width: 100%;
    }
    .sectionsMenuPanelItem {
        width: 100%;
    }
    .sectionMenuPanelSecitonGroup {
        width: 100%;
        border-top: 0px !important;
    }
    /* End Mobile UI for section menu */

}