﻿.ContainerPadding {
    padding: 0 43px;    
}

html, body {
    background: White url(/Img/Achterg.gif) repeat-x 0 0;
    height: 100%;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
}

a {
    text-decoration: none;
    color: #003e78;
}

h2 {
    color: #003e78;
    font-size: 24px;
    margin-bottom: 17px;
}

table {
    
    th, td {
        padding: 5px 10px 5px 0px;
    }
    
}

input, textarea {
    border: 1px solid #b2c5d6;
    padding: 5px;
    width: 360px;
}

textarea {
    height: 170px;
}

.ImageBtn {
    border: none;
    padding: 0;
    width: auto;
}

.Hr, .HrTekst {
    border-bottom: 1px solid #b2c5d6;
    margin: 0 43px 0 43px;
    clear: both;
    height: 43px;
}

.HrTekst {
    height: 1px;
    margin: 0;
    margin-bottom: 25px;
}

#Container {
    width: 980px;
    margin: 0 auto;
    border-left: 1px solid #b2c5d6;
    border-right: 1px solid #b2c5d6;
    min-height: 100%;
}

#Logo {
    
    .ContainerPadding;
    
    a {
        background: White url(/Img/Logo.gif) no-repeat 0 19px;
        display: block;
        width: 130px;
        height: 57px;
    }
    
    span {
        display: none;
    }
    
}

#StramienAfb {
    background: transparent url(/Data/StramienAfb/1.jpg) right 0 no-repeat;
    height: 228px;
    position: absolute;
    width: 980px;
    border-left: 1px solid #003e78;
    border-right: 1px solid #003e78;
    margin-left: -1px;
    }

#Menu {
    margin: 0 -1px;
    .ContainerPadding;
    padding-top: 23px;
    height: 205px;
    
    li {
        padding-bottom: 3px;
    }
    
    a {
        font-size: 27px;
        color: White;
        font-weight: 300;
    }
    
    .Selected {
        color: #ba966c;    
        font-weight: 400;
    }
       
}
    
#Keurmerk {
    border: 1px solid #b2c5d6;
    background: White;
    font-size: 11px;
    color: Gray;
    display: block;
    padding: 20px;    
    margin-top: 25px;
    background: White url(/Img/Keurmerk.gif) 300px center no-repeat;
    
    span {
        display: none;
    }
    
}

.InfoBlok {
    
    float: left;
    width: 425px;
    margin: 43px 0 0 43px;
    
    img {
        border: 1px solid #b2c5d6;
        margin-bottom: 10px;
    }
    
    .MeerLezen, .Bekijken {
        
        margin-top: 13px;
        background: transparent url(/Img/Btn/MeerLezen.gif) 0 0 no-repeat;
        width: 105px;
        height: 35px;
        display: block;
        
        span {
            display: none;
        }
        
    }
    
    .Bekijken {
        background-image: url(/Img/Btn/Bezoeken.gif);
    }
        
}

#Content {
    
    padding-bottom: 58px;
    
    .Klm {
        width: 425px;
        margin: 43px 0 0 43px;
        float: left;
        
        .InfoBlok {
            float: none;
            width: auto;
            margin: 0;
        }
        
        .Hr {
            margin: 0;
            margin-bottom: 43px;
        }
        
    }
    
    p {
        line-height: 30px;   
        margin-bottom: 25px; 
    }
    
    .Inleiding {
        line-height: 36px;
        font-size: 17px;
        margin-bottom: 25px;
    }
    
    .Datum {
        font-size: 16px;
        float: right;
        background: #000a16;
        color: White;
        padding: 5px 7px;
        margin: -2px 0 0 10px;
    }

}

#BlogFotos {
    img {
        border: 1px solid #b2c5d6;
        margin-bottom: 10px;
        display: block;
    }    
}

#Map {
    height: 250px;
    border: 1px solid #b2c5d6;
}

.validation-summary-errors {
    
    background: White;
    margin-bottom: 10px;
    color: Red;
    padding: 10px;
    
    li {
        margin: 5px;
    }
    
}

