/*  Core CSS                                                                        */

/*  PURPOSE:       Core stylesheet                                                  */
/*  CREATED:       12-10-2009                                                       */

/*  General
/*  ------------------------------------------------------------------------------- */
    html {
        height:100%;
        margin:0;
        padding:0;
        overflow-y: scroll;
    }
    
    body {
        font-size:14px;
        font-family:Arial, Helvetica, Sans-Serif;
        margin:0px;
        padding:0px;
        cursor:default;
        height:100%;
        color:#202124;
        line-height:16pt;
    }
    
    form {
        height:100%;
    }
/*  ------------------------------------------------------------------------------- */


/*  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:0;
    }
    
    *: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;       
    }
/*  ------------------------------------------------------------------------------- */ 


/*  Generic CSS
/*  ------------------------------------------------------------------------------- */ 
    .Green {
        color:#acc500;
    }
    
    .Blue {
        color:#008dc6;
    }
    
    .White {
        color:#ffffff;
    }
    
    .Grey {
        color:#70787c;
    }
    
    .Black {
        color:#000000;
    }
    
    .Left {
        float:left;
    }
    
    .Right {
        float:right;
    }    

    .Date {
        color:#202124
    }

    .TestBorder {
        border:1px solid red;
    }
    
    .NoDecoration {
        text-decoration:none;
    }
/*  ------------------------------------------------------------------------------- */    


/*  Text
/*  ------------------------------------------------------------------------------- */
    h1 {
        margin:0 0 50px -1px;
        padding:0px;
        color:#000000;
        line-height:normal;
        font-weight:normal;
        font-size:20px;    
    }
    
    h2 {
        margin:20px 0 3px 0;
        padding:0;
        color:#008dc6;
        line-height:normal;
        font-weight:bold;
        font-size:14px;
        white-space:nowrap;
    }
    
    h3 {
        margin:0;
        padding:0;
        color:#000000;
        line-height:normal;
        font-weight:normal;
        font-size:15px;
        white-space:nowrap;        
    }
    
    .Small {
        font-size:11px;
    }
    
    .Medium {
        font-size:12px;
    }
    
    .Large {
        font-size:24px;
    }
    
    .ExtraLarge {
        font-size:35px;
    }
    
    .SuperLarge {
        font-size:47px;
    }
    
    .Bold {
        font-weight:bold;
    }
/*  ------------------------------------------------------------------------------- */


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

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


    #PageContainer {
        width:1000px;
        margin-right:auto;
        margin-left:auto;
    }
    
    .LogoContainerTop {
        text-align:right;
        margin:10px 0 10px 0;
    }
    
    .LogoContainerTop a {
        margin-left:40px;
    }
    
    .PageBorder {
        border-top:1px solid #7f7f7f;
        border-bottom:1px solid #7f7f7f;
        float:left;
    }

    .HeaderText {
        float:left;
        width:1000px;
    }

    .HeaderText div {
        line-height:37px;
        margin-top:25px;
    }
    
    .HeaderText div:first-child {
        width:190px;
        padding-left:15px;
        line-height:35px;
    }
    
    * html .HeaderText div { /* IE6 fix */
        padding-left: expression(this.previousSibling==null?'15px':'0px');
        width: expression(this.previousSibling==null?'190px':'');
}
    
    .HeaderImage {
        position:relative;
        margin-top:25px;
        float:left;
    }
    
    .DeelnameSticker {
        position:absolute;
        top:-50px;
        right:25px;
    }
    
    .Menu {
        width:200px;
        font-size:18px;
        line-height:30px;
        padding-top:50px;
    }
    
    .Menu a {
        text-decoration:none;
        color:#ffffff;
        display:block;
        margin-left:15px;
    }
    
    .Menu a:hover {
        color:#008dc6;
    }
    
    .Content {
        background-color:white;
        padding-left:18px;
        padding-top:18px;
        width:780px;
    }
    
    .ContentContainer {
        background-color:#bfc1c3;
        width:1000px;
    }
    
    .Footer {
        text-align:right;
        margin-top:15px;
        width:1000px;
        float:left;
    }
    
    .Footer img {
        vertical-align:middle;
        margin-left:15px;
    }
    
    .Footer span {
        vertical-align:top;
        font-weight:bold;
    }
    
    .Breadcrumb {
        color:#008dc6;
        font-weight:bold;
        font-size:12px;
        margin-bottom:19px;
    }
    
    .ContentLeft {
        float:left;
        width:560px;
    }
    
    .ContentLeft > span {
        display:block;
        margin:2px 0 15px 0;
    }
    
    .ContentRight {
        float:right;
        width:200px;
    }
    
    .ContentRight span {
        display:block;
        margin:15px 0 15px 0;
    }
    
    .PortretsHorizontal span {
        display:inline-block;
        float:left;
        font-size:12px;
        margin-left:16px;
        line-height:normal;
    }

    .PortretsVertical > span {
        display:inline-block;
        font-size:11px;
        margin-top:12px;
        font-weight:bold;
        padding:0;
        line-height:normal;
    }    
    
    .PortretsHorizontal span:first-child {
        margin-left:0px;
    }

    * html .PortretsHorizontal span { /* IE6 fix */
        margin-left: expression(this.previousSibling==null?'0px':'15px');
    }    
    
    .PortretsHorizontal > img {
        margin-bottom:5px;
    }
    
    .ProgrammaItem span {
        display:inline-block;
        vertical-align:top;
        margin:0 20px 0 0;
    }

    .Spreker span {
        float:right;
        display:inline-block;
        width:410px;
    }
    
    .Spreker {
        float:left;
        margin-bottom:40px;
    }
    
    .Spreker img {
        margin-top:5px;
    }
    
    .Spreker span:first-child {
        width:150px;
        float:left;
    }

    .Spreker span:last-child {
        margin-top:20px;
    }    
    
    * html .Spreker span { /* IE6 fix */
        width: expression(this.previousSibling==null?'150px':'410px');
        float: expression(this.previousSibling==null?'left':'right');
        margin-top: expression(this.nextSibling==null?'20px':'0px');
    }   
    
    .FormRow {
        width:560px;
        float:left;
        margin:5px 0 5px 0;
    }

    .FormRow div {
        width:280px;
        float:left;
    }

    .FormRow input {
        width:270px;
    }
    
    .FormRow select {
        width:278px;
    }

    * html .FormRow select {
        width:276px;
    }    
    
    .IE6Fix {
        cursor:pointer;
    }
    
    .RequiredField {
        border:1px solid red;
    }
    
    .ValidationSummary {
        padding:5px;
        width:542px;
        margin-bottom:10px;
    }