/*  Core CSS                                                                        */

/*  PURPOSE:       Core stylesheet                                                  */
/*  CREATED:       29-09-2009                                                       */
/*  MODIFIED:      29-09-2009                                                       */

/*  General
/*  ------------------------------------------------------------------------------- */
    html {
        margin:0;
        padding:0;
    }
    
    body {
        font-size:12px;
        font-family:Arial, Helvetica, Sans-Serif;
        margin:0px;
        padding:0px;
        cursor:default;
        height:100%;
        color:#202124;
    }
/*  ------------------------------------------------------------------------------- */


/*  Controls
/*  ------------------------------------------------------------------------------- */    
    input {
        font-size:11px;
    }
    
    input[type="text"] {
        font-size:11px;
        border:1px solid #949494;
        height:14px;
        padding:2px;
        padding-left:4px;
        vertical-align:middle;
        display:block;
        color:#5c5c5c;
        margin:0;
    }

    input[type="password"] {
        font-size:11px;
        border:1px solid #949494;
        height:14px;
        padding:2px;
        padding-left:4px;
        vertical-align:middle;
        display:block;
        color:#5c5c5c;
        margin:0;
    }

    input[type="radio"] {
        margin:0px;
        margin-top:4px;
        margin-right:2px;
        vertical-align:sub;
        padding:0px;
    }
    
    *:first-child+html input[type="radio"] { /* IE7 fix */
        vertical-align:baseline;
    }
    
    input[type="checkbox"] {
        margin:0px;
        margin-top:4px;
        margin-right:5px;        
        height:13px;
        width:13px;
        vertical-align:sub;
    }    

    *:first-child+html input[type="checkbox"] { /* IE7 fix */
        vertical-align:baseline;
    }
    
    select {
        border:1px solid #949494;
        font-size:11px;
        color:#5c5c5c;
        padding:1px;
        margin:0;
    }
    
    select option {
        padding-top:1px;
    }
    
    textarea {
        border:1px solid #949494;
        font-size:11px;
        color:#5c5c5c;   
        padding:2px;
        padding-left:4px;  
        margin:0;       
    }
    
    img {
        padding:0px;
        margin:0px;
        border:0px;
    }
    
    a {
        color:#000080;
    }
/*  ------------------------------------------------------------------------------- */ 


/*  Generic CSS
/*  ------------------------------------------------------------------------------- */ 
    .Green {
        color:#d6e30f;
    }
    
    .White {
        color:#ffffff;
    }
    
    .Grey {
        color:#636b70;
    }
    
    .Black {
        color:#000000;
    }
    
    .Left {
        float:left;
    }
    
    .Right {
        float:right;
    }    

    .Date {
        color:#202124
    }

    .TestBorder {
        border:1px solid red;
    }
    
    .Verdana {
        font-family:Verdana, Helvetica, Sans-Serif;
    }
/*  ------------------------------------------------------------------------------- */    


/*  Text
/*  ------------------------------------------------------------------------------- */
    h1 {
        margin:0;
        padding:0;
        color:#202124;
        line-height:normal;
        font-weight:normal;
        font-size:24px;    
        white-space:nowrap;
    }
    
    h2 {
        margin:0;
        padding:4px 0;
        color:#b1c800;
        line-height:normal;
        font-weight:normal;
        font-size:18px;
        white-space:nowrap;
    }
    
    h3 {
        margin:0;
        padding:0;
        color:#b1c800;
        line-height:normal;
        font-weight:normal;
        font-size:12px;
        white-space:nowrap;        
    }
    
    .Small {
        font-size:10px;
    }
    
    .Medium {
        font-size:11px;
    }
    
    .Big {
        font-size:13px;
    }
    
    .Large {
        font-size:17px;
    }
    
    .ExtraLarge {
        font-size:40px;
    }
    
    .Bold {
        font-weight:bold;
    }
    
    .AlignRight {
        text-align:right;
    }

    .TitleDate {
        font-size:16px;
        font-weight:bold;
    }    
/*  ------------------------------------------------------------------------------- */


/*  Layout spacing
/*  ------------------------------------------------------------------------------- */
    .VerticalSpacing {
        width:15px; 
        float:left;
    }

    .HorizontalSpacing {
        height:12px; 
    }   
    
    .Spacing {
        margin-top:4px;
        margin-bottom:4px;
    }
 
    .Clear {
        clear:both;
    }

    .LargeSquare {
        width:70px; 
        height:70px;
        background-color:#d6e30f;
    }
    
    .SmallSquare {
        height:13px;
        width:13px;
        background-color:#d6e30f;
    }    
    
    .TinySquare {
        height:10px;
        width:10px;
        background-color:#d6e30f;  
        display:block;
        margin-right:10px;
        margin-top:5px;
        overflow:hidden;
    }
/*  ------------------------------------------------------------------------------- */


/*  Intropage
/*  ------------------------------------------------------------------------------- */
    #IntroPageContainer {
        margin-left:auto;
        margin-right:auto;
        margin-top:50px;
        width:960px;
    }

    .DateTime {
         margin-top:54px; 
         margin-left:15px;
    }
    
    .IntroContent {
        width:460px;
        height:499px;
        text-align:justify;
        margin-left:10px;
        position:relative;
    }
    
    .IntroContent div {
        margin-bottom:20px;
    }
    
    .IntroText {
        line-height:26px;
    }
    
    .LanguageButtons {
        bottom:0px;
        position:absolute;
        width:460px;
        margin-bottom:0px !important;
    }
    
    .LanguageButton {
        width:220px; 
        height:55px; 
        background-color:#d6e30f; 
        text-align:center; 
        font-size:140%;
        cursor:pointer;
        border:1px solid #909599;
        margin-bottom:0px !important;
    }
    
    .LanguageButton span {
        margin-top:14px;
        display:block;
    }
    
    .LanguageButton span a, .Language a {
        text-decoration:none;
        color:Black;
    }
/*  ------------------------------------------------------------------------------- */

    #PageContainer {
        width:1000px;
        margin-left:auto;
        margin-right:auto;
    }

    .Header {
        margin-top:10px;
    }
    
    .Language {
        text-align:right;
        margin-top:10px;
    }
    
    .HeaderImages {
        margin-top:10px;
        margin-bottom:40px;
        width:1000px;
        height:225px;
    }
    
    .HeaderImages img {
        float:left;
    }
    
    .Menu {
        width:190px;
        border-right:1px solid #d6e30f;
    }
    
    .Article {
        width:555px;
        margin-left:25px;
    }
    
    .QuickSelect {
        width:200px;
    }

    .RegisterButton {
        width:198px; 
        height:45px; 
        background-color:#d6e30f; 
        text-align:center; 
        font-size:160%;
        cursor:pointer;
        border:1px solid #909599;
        font-weight:bold;
        display:none;
    }
    
    .RegisterButton span {
        margin-top:10px;
        display:block;
    }
    
    .RegisterButton span a {
        text-decoration:none;
        color:Black;
    }    
    
    .Video {
        margin-bottom: 40px;
        margin-top:5px;
        border:1px solid #909599;
        width:200px;
        height:190px;
    }
    
    .Video span {
        display:block;
        margin:5px 20px 5px 20px;
        width:160px;
    }
    
    .Populair {
        margin-top: 45px;
        border:1px solid #909599;
        width:200px;
        height:140px;        
    }
    
    .Populair div {
        padding:5px 20px 5px 20px;
        width:160px;
        float:left;
    }
    
    #Footer {
        border-top:1px solid #909599;
        padding-top:10px;
        text-align:right;
    }
    
    #Footer div {
        float:right;
    }
    
    #Footer img {
        vertical-align:middle;
        margin-left:10px;
    }
    
    
    
    
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  color: #fff;	
  padding: 0.3em;
  padding-left:20px;
  font-size:18px;
  color:Black;
  background:White url(/Resources/Images/MenuItem.jpg) no-repeat scroll 0 10px;
}

ul.menu li a:hover {
  background-color:Transparent;
}

ul.menu li ul li a {
  background: white;
  color: #000;
  padding-left: 21px;
  font-size:12px;
  font-weight:bold;
}

ul.menu li ul li ul li a {
    padding-left: 40px;
    font-weight:normal;
}

ul.menu li ul li ul li a:hover {
    padding-left:35px;
    background-color:Transparent;
}

ul.menu li ul li a:hover {
  background: ;
  border-left: 5px #d6e30f solid;
  padding-left: 16px;
  }

.collapsible {

}