body{
    background-color:#fff;
    font-family:Arial;
    font-size:16px;
    line-height:160%;
}
a{
    color:#1C3C6B;
    text-decoration:none;
}
p{    
    padding-bottom:15px;
}
h1, h2,h3,h4,h5,h6{
    color:#1C3C6B;      
    
    padding-top:15px;
    padding-bottom:10px;
}
h1{
    font-size:30px;  
    padding-top:0px;
    padding-bottom:25px;
}
h2{
    font-size:22px;  
    
}
h3{
    font-size:18px;  
    
}
form td{
    padding:5px;
}
fieldset{   
    clear:left;
   border:1px solid #999;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px; 
   padding:20px;
   margin-bottom:15px;       
   overflow:auto;
}
fieldset legend{
    font-size:14px;
    font-weight:bold;
    padding:5px;
} 
fieldset td{
    padding:5px;
}      
fieldset span{
    display:block; 
    width:130px; 
    float:left;
    height:18px;   
}
.profiel label{
    display:block; 
    padding:4px; 
    float:left;
    width:190px;   
    height:22px;
    line-height:26px;
    clear:left;
}      
textarea{
clear:right;
   margin:4px 0px;
   padding:5px;
    width:350px; 
    border:1px solid silver;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
    font-family:Arial; 
    font-size:13px;     
    color:#232323;  
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
    background: -moz-linear-gradient(top, #FFF,  #EEE);
}
input{
    height:18px;
    margin:4px 0px;
    padding:5px;
    width:350px; 
    border:1px solid silver;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
    font-family:Arial; 
    font-size:13px;     
    color:#232323;   
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
    background: -moz-linear-gradient(top, #FFF,  #EEE);
}
button{
    height:32px;
    margin:4px 0px;
    padding:5px;
    width:135px; 
    border:1px solid silver;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
    font-family:Arial; 
    font-size:13px;     
    color:#fff;     
    background-image:url(/_img/menu.png);   
    background-repeat:repeat-x;
    background-position:top;
    background: -webkit-gradient(linear, left top, left bottom, from(#1C3C6B), to(#497ECF));
    background: -moz-linear-gradient(top, #497ECF,  #1C3C6B);
}

.sub input{
    width:200px;
}
input.radio, 
input.checkbox,
input.radio{
    width:20px;
    border:0px;
    margin:5px;
}
hr{
    clear:both;  
    border:0px;
    border-bottom:1px solid #E7EEF9;
    margin:10px;    
}
.photo{
    border:2px solid #FFF;
}  
.page{
    width:100%;
    display:inline-block;
    vertical-align:top;
    text-align:center;  
}

.wrap {
    z-index:1;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    
}
.slider{ 
    z-index:0;
    position:absolute;
    width:100%;
    height:100%;  
    overflow:hidden;
    top:0;
    left:0;
}
.slider li{ 
    width:100%;  
    z-index:0;
    position:absolute;
    top:0;    
    text-align:center;
    padding-top:40px; 
    background-image:url(/_img/bg.png);   
    background-repeat:repeat-x;
    background-position:top;
    
    opacity:0;
    filter:alpha(opacity=0);
    
}
.slider li:last-child{
    opacity:1;
    filter:alpha(opacity=100);
}
.slider li.active {
    opacity:1;
    filter:alpha(opacity=100);
    z-index:10;
}
 .slider li.last-active {
    z-index:9;
}

.logo{
    display:inline-block;
    padding:5px;        
    
}
.header{
    vertical-align:top;
    display:inline-block;     
    width:100%;
    background-color:#FFF;
}
.header .social{  
    vertical-align:top; 
    display:inline-block;   
    text-align:right;
}  
.header .left{       
    width:100%;
    max-width:400px;  
    vertical-align:top;
    display:inline-block;   
    
}
.header  .btn{
    vertical-align:top; 
    display:inline-block;   
    width:100%;  
    max-width:300px;  
    padding:10px;
    text-align:right;
}

.menu{             
text-align:center;
    -moz-box-shadow: 0 0 3px 0px #000033;
    -webkit-box-shadow: 0 0 3px 0px #000033;
    box-shadow: 0 0 3px 0px #000033;
    background-color:#FFF; 
    background-image:url(/_img/menu.png);   
    background-repeat:repeat-x;
    background-position:top;
    background: -webkit-gradient(linear, left top, left bottom, from(#497ECF), to(#1C3C6B));
    background: -moz-linear-gradient(top, #1C3C6B,  #497ECF);
    clear:both; 
    border:1px solid white;
    border-bottom:0px solid white;
    z-index:10;
}   
.menu ul{        
    position:relative;
displau:inline;
}
.menu ul li{
    display:inline;    
    position:relative;
}      
.menu ul ul{
    display:none;  
    position:absolute;
    top:10px;
    left:0px;
    margin:0px;
    padding:0px;
    background-color:#FFF;
    border:1px solid #BACEED;
}
.menu ul li a{      
    position:relative;
    display:inline-block;
    padding:20px 25px;
    font-size:18px;  
    line-height:50px;
    color:#FFF; 
    text-transform:uppercase;
    border-right:1px solid white;
}      
.menu ul li:last-child a{    
    border-right:0px solid white;

}
.menu ul li a:hover{
    color:#A6D57D; 
}
.menu ul li a.selected{  
    background-image:url(/_img/menu_selected.png);   
    background-repeat:repeat-x;
    background-position:top;  
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#BACEED));
    background: -moz-linear-gradient(top, #BACEED,  #FFF);
    color:#1C3C6B;
}

.menu ul li li a.selected{    
    background: none;
    color:#1C3C6B;
}
* html .menu ul ul {
    line-height: 0; 
}       
.menu ul li:hover ul li a{
    background-color:transparent;
}   
.menu ul li ul li {
    float: none;   
    padding:0px;
    margin:0px;  
}
.menu ul li ul li a,
.menu ul li.selected ul li a { 
    width:100%;
    display:inline-block;
    margin:0px;      
    padding:10px; 
    width:220px;            
    text-align:left;
    line-height:23px;
    text-indent:0px;
    color: #002761;
    position:relative;  
    background-color:#FFF;  
    text-transform:none;
    font-size:14px;
}
.menu ul li:hover ul li a {
    background-color:#FFF;
}          
.menu ul li.selected ul li a:hover,
.menu ul li ul li a:hover {
    color:#000;
    background-color:#BACEED;
     
}


.menu ul li ul li ul {
    top: -4px;
    left:200px;
    display: none;   
    position: absolute;
    padding:0px;
    margin:0px;  
    width:auto;
}


.cnt{
    padding-top:10px;
    background-color:#FFF;  
    width:100%;
    max-width:1200px;
    text-align:left;
    display:inline-block;
    vertical-align:top;
}
.cnt ul{
    padding:0px 0px 15px 0px;
}    
.cnt ul li{
    background-image:url('/_img/arrow.png');  
    background-repeat:no-repeat;
    background-position:0px 2px; 
    padding-left:20px;
    margin:0px;
}   
.cnt ol { 
    list-style: decimal; 
    padding:0px 0px 20px 25px;
}
.cnt li{
    
}
.clear{
    clear:both;
}
.cnt .left{
    padding:20px;
    float:left;      
    width:690px;   
    margin-bottom:60px;
}  
.cnt .right{   
    border-left:1px solid #E7EEF9;
    padding:0px 10px 0px 20px;
    width:225px; 
    float:left;  
    margin-bottom:60px;    
}      

.cnt .right h4{
    font-size:20px;
}                  
.cnt .right .nieuwsitem h3{
    font-size:16px;
}  
.cnt .right .nieuwsitem{  

}
.cnt .right span{
    color:#A6D57D;  
    font-weight:bold;
    float:left;
    padding:0px 5px 0px 0px;
}

.block{
    width:100%;
    display:inline-block;
    text-align:center;
    vertical-align:top;    
   background-image:url(/_img/block.png);      
   background-repeat:repeat-x;
   background-position:top;
}
.blck{      
    padding:20px;  
    border-right:1px solid #E7EEF9;
    width:100%;
    max-width:300px;
    display:inline-block;
    text-align:left;
    pdding:20px;
    vertical-align:top;    
}   
.block .blck:last-child{  
    border-right:0px solid #E7EEF9;
}  
.item{
    overflow:auto;
    clear:both;      
    border-bottom:1px solid #E7EEF9;
    padding-bottom:10px;
    margin-bottom:10px;
}

.nextEvent p{
    padding:0px;
    
}
.nextEvent h5{
    margin:0px;
    padding:0px;
}   
.card{
    padding:20px;
    width:280px;
    height:125px;
    float:left;
    border:1px solid #999999;
    margin:0px 10px 10px; 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;      
    cursor:pointer;
}
.card:hover{                   
    -moz-box-shadow: 0 0 3px 0px #000033;
    -webkit-box-shadow: 0 0 3px 0px #000033;
    box-shadow: 0 0 3px 0px #000033; 
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000033', Direction= 135, Strength=3);
}     
.card .img{
    width:80px;
    height:100px;
    float:left;
    margin-right:10px;   
    background-position:center;
    background-repeat:no-repeat; 
}
.card h4{
    padding-top:0px;
    font-size:14px;
}
.card .social img{
    margin-right:5px;
}
.bestuur .card {
    width:600px;
}
.photo{
    -moz-box-shadow: 0 0 3px 0px #000033;
    -webkit-box-shadow: 0 0 3px 0px #000033;
    box-shadow: 0 0 3px 0px #000033; 
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000033', Direction= 135, Strength=3);
}
#fotoDiv button,
#logoDiv button{
    float:left;
}
#fotoDiv .photo,
#logoDiv .photo{
    float:left;

}
.info tr td,
.jarig tr td{
    padding:5px;
}
.map{
    width:100%;
    display:inline-block;
    text-align:center;
    vertical-align:top;    
}
.map .blk{
    
    padding:20px;
    display:inline-block;
    text-align:left;
    vertical-align:top;    
    color:#333333;
}
.map .blk div,
.map .blk p,
.map .blk a{
    color:#333333;   
    text-align:left;
}
.map .blk h4{
    font-size:17px;
    font-weight:normal;
    color:#333333; 
    text-align:left;
    
}

.date{         
    clear:left;
    font-weight:bold;
    float:left;      
    padding:5px 10px 5px 20px;        
    line-height:16px;
    background-image:url(/_img/icon/calendar.png);
    background-repeat:no-repeat;
    background-position:left;
}
.back{
    clear:left;
    font-weight:bold;
    float:left;      
    padding:5px 10px 5px 20px;  
    line-height:16px;
    background-image:url(/_img/icon/arrow-180.png);
    background-repeat:no-repeat;
    background-position:left;
}

.more{
    font-weight:bold;
    float:right;            
    line-height:16px;
    padding:0px 20px 0px 10px;  
    background-image:url(/_img/icon/arrow.png);
    background-repeat:no-repeat;
    background-position:right;
    
}
.imgs{
    width:37px;
    height:50px;
    float:left;
    margin:5px;   
    background-position:center;
}



@media screen and (-webkit-min-device-pixel-ratio:0) { 
    
    .menu ul li a{
        padding:0px 20px;
    }                    

    #search {  
        width:140px;
        margin-top:-5px;
    }    
    .header .left .btn{
        vertical-align:middle;
    }
}

.headerimg{
    float:right;
    width:250px;
    height:250px; 
    background-position:center;
    background-repeat:no-repeat;
    margin:20px;
    border:2px solid white;
}