@charset "utf-8";
/* CSS Document */

/*template*/
*{margin:0; padding:0; font-family: 'Droid Sans', sans-serif; font-size:13px; color:#444444; outline:none;}
html{overflow:-moz-scrollbars-vertical; overflow-y:scroll;}
body{min-width:960px;}

/*reset*/
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
hr, legend{display:none;}

.reset{display:block; overflow:hidden; position:relative;}
header,footer,section,article,aside,nav{display:block; overflow:hidden; position:relative;}
.placeholder{width:960px; height:auto; display:block; overflow:hidden; position:relative; margin:0px auto;}

/*header*/
header{height:115px; background:url('../images/header.jpg') repeat-x top;}
header .placeholder{background:url('../images/header-placeholder.png') no-repeat center top;}
header h1 a{margin:0px 0px 0px 150px; font-size:28px; color:#ffffff; text-decoration:none; line-height:75px;}

header nav.main{width:820px; height:40px; display:block; margin:0px 0px 0px 140px;}
header nav.main ul{}
header nav.main ul li{width:auto; height:40px; display:block; float:left; margin:0px 10px;}
header nav.main ul li a{width:auto; height:40px; display:block; color:#d4140a; text-decoration:none; font-size:13px; line-height:30px; font-weight:bold;}
header nav.main ul li a.on, header nav.main ul li a:hover{background:url('../images/nav.jpg') no-repeat center bottom;}

/*section*/
section.splash{height:330px; background:url('../images/section-splash.png') no-repeat bottom center #106cad;}
section.splash .placeholder{height:330px; background:url('../images/section-content.png') no-repeat bottom;}
.team{width:469px; height:266px; display:block; float:left; margin:5px 0px 0px 144px; background:url('../media/groepsfoto-2023.webp') no-repeat bottom;}

.logo{width:291px; height:291px; display:block; float:right; overflow:hidden; margin:0px 50px 0px 0px;}
.logo ul{}
.logo ul li{width:87px; height:87px; margin:5px; float:left;}

.breadcrumbs{width:720px; height:30px; position:absolute; top:325px; left:145px; padding:0px 20px; font-size:10px; color:#888888; text-decoration:none; line-height:50px;}
.breadcrumbs a{font-size:10px; color:#888888; text-decoration:none; line-height:50px;}

section .content{ position:relative;}
aside{width:115px; min-height:327px; float:left; padding:60px 30px 0px 0px; background:url('../images/nav-sub.jpg') no-repeat top right}
aside ul{}
aside ul li{width:115px; float:left; text-align:right;}
aside ul li a{width:115px; height:23px; line-height:23px; font-size:14px; color:#106cad; text-decoration:none; text-align:right;}

article{width:720px; height:auto; padding:0px 20px;}
article h1{color:#d4140a; font-size:24px; margin:0px 0px 20px 0px;}
article h2{color:#d4140a; font-size:16px; margin:0px 0px 20px 0px;}
article h3{font-weight:bold; color:#a71580; font-size:12px;}
article p{line-height:1.6em; margin:0px 0px 10px 0px;}
article ul{padding:0px 0px 10px 0px;}
article ul li{padding:0px 0px 3px 10px; list-style:disc inside;}
article *{line-height:1.6em;}
article .diaryfeed{width:700px; margin:20px 0px; padding:10px; display:block; float:left; position:relative; overflow:hidden; background:url('../images/header-placeholder.png') no-repeat right center #efefef;}
article .diaryfeed *{width:700px; float:left;}
article .diaryfeed .about{font-size:12px;}
article .diaryfeed .name{font-weight:bold; font-size:26px;}
article .diaryfeed .date{font-size:20px;}


/*agenda*/
.diary{width:560px; height:50px; display:block; float:left; overflow:hidden; margin:10px 0px;}
.diary .date{width:50px; height:50px; background:#609fc9; display:block; float:left; text-align:center; margin:0px 10px 0px 0px;}
.diary .date .day{width:50px; float:left; display:block; color:#ffffff; font-size:20px; line-height:30px;}
.diary .date .month{width:50px; float:left; display:block; color:#ffffff;  font-size:10px; line-height:20px;}
.diary .content{width:490px; height:50px; display:block; float:left; border-bottom:1px solid #213488;}
.diary .content strong a{color:#d4140a; font-size:14px; line-height:20px;}
.diary .content .location{color:#444444; font-size:12px; line-height:30px;}
.redmonth { color:#FF0000; }

/*footer*/
footer{height:209px; background:url('../images/footer.jpg') repeat-x top;}

.footermenu{width:800px; height:30px; margin:30px 0px 0px 165px;}
.footermenu ul{}
.footermenu ul li{float:left;}
.footermenu ul li a{width:auto; height:30px; line-height:30px; margin:0px 5px; font-size:13px; color:#ababab; text-decoration:none;}

.social{width:auto; height:26px; float:right; margin:0px 0px 0px 10px;}
.social a{width:20px; height:26px; margin:3px; float:right; text-indent:-4000px;}
.social a.facebook{background:url('../images/social-facebook.png') no-repeat top center;}
.social a.foursquare{background:url('../images/social-foursquare.png') no-repeat top center;}
.social a.googleplus{background:url('../images/social-googleplus.png') no-repeat top center;}
.social a.hyves{background:url('../images/social-hyves.png') no-repeat top center;}
.social a.instagram{background:url('../images/social-instagram.png') no-repeat top center;}
.social a.linkedin{background:url('../images/social-linkedin.png') no-repeat top center;}
.social a.pinterest{background:url('../images/social-pinterest.png') no-repeat top center;}
.social a.twitter{background:url('../images/social-twitter.png') no-repeat top center;}
.social a.youtube{background:url('../images/social-youtube.png') no-repeat top center;}

.copyright{width:920px; height:35px; display:block; float:right; margin:87px 55px 0px 0px; font-size:10px; text-align:right; color:#6d6d6d; line-height:35px;}
.copyright a{font-size:10px; text-decoration:none; color:#6d6d6d; line-height:35px;}

table td{padding:3px 0px; vertical-align:top;}
.txt{width:499px; height:20px; border:1px solid #444444; padding:0px 2px;}
.area{width:499px; height:60px;  border:1px solid #444444; padding:0px 2px;}
.red{border:1px solid red;}