/*  Core CSS                                                                        */

/*  PURPOSE:       Core style sheet for Bereik de Architect.nl                      */
/*  CREATED:       29-09-2009                                                       */
/*  MODIFIED:      29-09-2009                                                       */

/*  General
/*  ------------------------------------------------------------------------------- */
    html {
        height:100%;
        margin:0;
        padding:0;
        overflow-y: scroll;
    }
    
    body {
        font-size:12px;
        font-family:Arial, Helvetica, Sans-Serif;
        margin:0px;
        padding:0px;
        background-color:#bfc6bd;
        cursor:default;
        height:100%;
        color:Black;
    }
    
    form {
        height:100%;
    }
    
    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;       
    }

    .Green {
        color:#b1c800;
    }
    
    .White {
        color:#ffffff;
    }
    
    .Grey {
        color:#9c9e9f;
    }
    
    .Black {
        color:#000000;
    }
    
    .Left {
        float:left;
    }
    
    .Right {
        float:right;
    }    

    .Date {
        color:#202124
    }

    .Action {
        background-image:url(/Resources/Images/Arrow.png);
        background-repeat:no-repeat;
        background-position:left;
        padding-left:20px;
        margin-top:3px;
        cursor:pointer;
    }    
    
    .TestBorder {
        border:1px solid red;
    }

    a {
        text-decoration:none;
        color:#202124;
    }
    
    * html a {
        color:#202124;
    }
    
/*  ------------------------------------------------------------------------------- */    


/*  Header
/*  ------------------------------------------------------------------------------- */
    .CallMeNow {
        font-size:18px;
    }
    
    .Breadcrumb {
        height:27px;
        padding-top:18px;
    }
    
    .Buttons {
        position:absolute;
        top:250px;
        left:2px;
        z-index:100;
    }
    
    .Buttons ul {
        list-style-type:none;
        margin:0px;
        padding:0px;
        margin-left:20px;
        line-height:35px;
    }
    
    .Buttons ul li {
        margin-right:10px;
        float:left;
        display:inline;
        text-decoration:none;
        cursor:pointer;
        height:30px;
        overflow:hidden;
    }
    
    .Buttons ul li a {
        display:inline;
        cursor:pointer;
    }
    
    .ButtonLeft {
        float:left;
        width:9px;
        height:30px;
        background-image:url(/Resources/Images/ButtonLeft.png);
    }
    
    .ButtonCenter {
        float:left;
        padding-right:20px;
        height:30px;
        background-image:url(/Resources/Images/ButtonMiddle.png); 
        font-size:16px;
        font-weight:bold;
    }
    
    .ButtonRight {
        float:left;
        width:9px;
        height:30px;
        background-image:url(/Resources/Images/ButtonRight.png);
    }
    
    .ButtonActive .ButtonCenter {
        color:Black;
    }
    
    .ButtonInactive .ButtonCenter {
        color:White;
    }
    
    .ButtonActive .ButtonLeft {
        background-image:url(/Resources/Images/ButtonLeft2.png);
    }

    .ButtonActive .ButtonCenter {
        background-image:url(/Resources/Images/ButtonMiddle2.png);
    }
            
    .ButtonActive .ButtonRight {
        background-image:url(/Resources/Images/ButtonRight2.png);
    }
    

    .HeaderActions {
        position:absolute;
        top:20px;
        left:850px;
    }

    .HeaderAction {
        background-image:url(/Resources/Images/Action.png);
        background-repeat:no-repeat;
        background-position:left;
        padding-left:20px;
        margin-top:3px;
        cursor:pointer;
        color:White;
        font-weight:bold;
    }
    
    .HeaderAction a {
        color:White;
    }
/*  ------------------------------------------------------------------------------- */


/*  Content
/*  ------------------------------------------------------------------------------- */
    #ContentContainer {
        background-color:White; 
        padding-left:15px; 
        padding-right:15px;
    }
    
    .RightContainer {
        width:150px;
    }
    
    .LeftContainer {
        width:510px;
    }
    
    .LeftContainer > .Grey > span {
        color:Black;
    }
    
    .CenterContainer {
        width:280px;
    }
    
    .HalfContainer {
        width:450px;
    }
    
    .DoubleContainer {
        width:800px;
    }

    .RightContentContainer {
        background-color:#ededed;
        height:232px; 
        padding-left:10px; 
        padding-top:18px;
    }
    
    .CenterContentContainer {
        height:250px;
    }
    
    .LeftContentContainer {
        height:250px;
    }
        
    .Divider {
        background-color:#b1c800;
        height: 5px;
        margin: 5px 0 5px 0;
        overflow:hidden;
    }
    
    .DividerSmall {
        background-color:#ededed;
        height:1px;
        overflow:hidden;
    }
    
    .ListItem {
        margin:3px 0 3px 0px;
    }
    
    .Small {
        font-size:10px;
    }
    
    .Medium {
        font-size:11px;
    }
    
    .Bold {
        font-weight:bold;
    }
    
    #ContentTable {
        width:970px;
    }

    #ContentTable td {
        vertical-align:top;
    }   
    
    #ContentTable td div { 
        text-align:left;
    }
    
    .TitleContainer {
        
    }
    
    .TextContainer {
        margin-top:20px;
        line-height:20px;
    }
    
    .Nieuwsbrief {
        background-color:#b1c800;
        padding:10px;
        height:80px;
        overflow:hidden;
    }
    
    .Nieuwsbrief div {
        margin-bottom:10px;
    }
    
    #Bottom {
        margin-top:25px;
        height:140px;
        overflow:hidden;
    }
    
    #Bottom ul {
        list-style-type: none;
        float:left;
    }
    
    #Bottom ul li {
        height:80px !important;
        width:80px !important;
        padding: 0;
        margin:0 8px 0 8px;
    }
    
    .VerticalSpacing {
        width:15px; 
        float:left;
    }

    .HorizontalSpacing {
        height:12px; 
    }   
    
    .Facts {
        margin-left:20px;
        width:180px;
    } 
    
    .Spacing {
        margin-top:4px;
        margin-bottom:4px;
    }
    
    .ImageAlign {
        margin-top:3px;
    }
    
    .Clear {
        clear:both;
    }
    
    .AdText {
        height:50px;
        line-height:20px;
    }
    
    .TextTitle {
        font-size:14px;
        font-weight:bold;
    }
    
    .AltBackground {
        background-color:#f3fbfd;
    }
    
    .DoubleContainer table td {
        padding:4px 0 4px 0;
    }
    
    .Cases > div {
        margin-left:15px;
    }
    
    .Cases > div:first-child {
        margin-left:0px;
    }

    * html .Cases div { /* IE6 fix */
        margin-left: expression(this.previousSibling==null?'0px':'15px');
    }      
    
    * html .Cases div div { /* IE6 fix */
        margin-left:auto;
    }
    
    .AdvertentieOpties {
        margin-bottom:30px;
        height:300px;
        overflow:visible;
    }
    
    .Center {
        margin-left:auto;
        margin-right:auto;
    }

    p {
        margin-top:0;
        margin-bottom:0;
        padding:0;
        margin-left:0px;
        font-size:10pt;
    }    
    
    .CaseImageContainer {
        width:250px;
        height:180px;
    }
    
    .panel {
        background-color:#ffffff;
    }
/*  ------------------------------------------------------------------------------- */


/*  Footer
/*  ------------------------------------------------------------------------------- */
    #Footer {
        color:#999e97;
        background-color:White;
        font-size:18px;
        height:120px;
        padding:30px 15px 0 15px ;
    }
    
    #Footer a {
        color:#515151;
        text-decoration:underline;
    }
    
    #Footer b {
        color:#515151;
    }
    
    #Footer .Left {
        font-size:22px;
        font-style:italic;
    }
    
    .Copyright {
        font-size:14px;
        font-weight:bold;
        text-align:right;
        margin-top:50px;
    }
/*  ------------------------------------------------------------------------------- */