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

html{
	height:100%;	
}

body{
	margin: 0px;
	background-color:#f2f2f2;
	background-image:url(../images/structure/patroon1.jpg);
	/*background-image:url(../images/structure/BuildingBlok_15pixels.png);*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	height: 100%;
}

#main{
	padding-bottom: 20px;
	background-color:#FFF;
	text-align:left;	
	width: 900px;
	height: 100%;
	min-height: 500px;
	border-right: solid #000 2px;
	border-left: solid #000 2px;
}

#main_left{
	width:603px;
	height: auto;
	float: left;
}

#main_right{
	width:297px;
	height: auto;
	float: left;
}

#clear{
	width:900px;
	clear: both;	
}

#footer{
	width:885px;
	height: 10px;
	float: left;
	color:#999;
	font-size:11px;
	text-align: left;
	padding-left:15px;
}
#footer a{
	color:#999;
}



/* MAIN LEFT */

#header{
	width: 573px;
	height: 150px;
	margin: 15px 15px 5px 15px;
	background-image:url(../images/structure/header.jpg);
	float: left;
}

#menu{
	width: 573px;
	height: 20px;
	margin: 0px 15px 0px 15px;
	float: left;
}
#socialCon{
	width: 573px;
	height: 20px;
	margin: 0px 15px 0px 15px;
	float: left;
	text-align: right;
}
#nieuwsbriefCon{
	padding: 3px 0 0 0;
	width: 400px;
	height: 17px;
	float: left;
	text-align: left;
	font-weight:bold;
	color: #0098d4;
}
#social_links{
	width: 173px;
	height: 20px;
	float: left;
	text-align: right;
}

#content{
	width: 573px;
	height: auto;
	min-height: 500px;
	margin: 24px 15px 0px 15px;
	float: left;
}

/*MAIN RIGHT */

#corner_pic{
	width: 282px; 
	height:175px;
	margin: 15px 15px 0px 0px;
	background-color:#000;
	float:left;
	overflow:hidden;
}
#agenda{
	width: 282px;
	height: auto;
	margin-right: 15px;
	float:left;
}


/* MENU */

#menu_nieuw{
	width: 75px;
	height: 20px;
	background-image:url(../images/structure/menuNieuw.jpg);
	margin-right: 5px;
	float:left;
	overflow:hidden;
	background-position: 0px 0px;
}

#menu_nieuw_active{
	width: 75px;
	height: 20px;
	background-image:url(../images/structure/menuNieuw.jpg);
	margin-right: 5px;
	float:left;
	overflow:hidden;
	background-position: 0px 20px;
}

#menu_nieuw:hover{
	background-position: 0px 20px;
}

#menu_netwerk{
	width: 75px;
	height: 20px;
	background-image:url(../images/structure/menuNetwerk.jpg);
	margin-right: 5px;
	float:left;
	overflow:hidden
}
#menu_netwerk_active{
	width: 75px;
	height: 20px;
	background-image:url(../images/structure/menuNetwerk.jpg);
	margin-right: 5px;
	float:left;
	overflow:hidden;
	background-position: 0px 20px;
}
#menu_netwerk:hover{
	background-position: 0px 20px;
}

#menu_archief{
	width: 75px;
	height: 20px;
	background-image:url(../images/structure/menuArchief.jpg);
	margin-right: 5px;
	float:left;
	overflow:hidden;
}
#menu_archief_active{
	width: 75px;
	height: 20px;
	background-image:url(../images/structure/menuArchief.jpg);
	margin-right: 5px;
	float:left;
	overflow:hidden;
	background-position: 0px 20px;
}
#menu_archief:hover{
	background-position: 0px 20px;
}

#menu_info{
	width: 75px;
	height: 20px;
	background-image:url(../images/structure/menuInfo.jpg);
	margin-right: 5px;
	float:left;
	overflow:hidden;
}
#menu_info_active{
	width: 75px;
	height: 20px;
	background-image:url(../images/structure/menuInfo.jpg);
	margin-right: 5px;
	float:left;
	overflow:hidden;
	background-position: 0px 20px;
}
#menu_info:hover{
	background-position: 0px 20px;
}

#menu_contact{
	width: 75px;
	height: 20px;
	background-image:url(../images/structure/menuContact.jpg);
	margin-right: 5px;
	float:left;
	overflow:hidden;
}
#menu_contact_active{
	width: 75px;
	height: 20px;
	background-image:url(../images/structure/menuContact.jpg);
	margin-right: 5px;
	float:left;
	overflow:hidden;
	background-position: 0px 20px;
}
#menu_contact:hover{
	background-position: 0px 20px;
}

/* MENU ZOEK */

#menu_zoek{
	width:169px;
	height:18px;
	border:solid 1px #0098d4;
	float:left;
}

#menu_zoek_titel{
	width:28px;
	height:18px;
	margin-left:5px;
	float:left;
	color: #0098d4
}

#menu_zoek_input{
	margin-left:2px;
	width:151px;
	height:18px;
	float:left;
	overflow:hidden;
}

#menu_zoek_symbool{
	width:15px;
	height:18px;
	float:left;
}

.zoekKnop{
	margin:0px;
	width:15px;
	height:18px;
	border:none;
	background-image: url(../images/structure/zoekSymbool.jpg);
	cursor:pointer;
}

.zoekInput{
	margin-top:1px;
	width: 142px;
	height:18px;
	color:#0098d4;
	border:none;
}

/* TAGS */

img{
	border:none;	
}

a{
	color:	#0098d4;
	text-decoration:none;

}
a:hover{
	text-decoration:underline;
}

h2{
	color:	#0098d4;
	font-size:18px;
}
h3{
	color:	#0098d4;
	font-size:24px;
	margin: 0px;
}

/* BERICHTEN */

#bericht_container{
	width:573px;
	height:auto;
	float:left;
}
#bericht_titel{
	width: 573px;
	height:auto;
	margin: 0px 0px 2px 0px;
	font-size:22px;
	line-height: 22px;
	font-weight:bold;
	float:left;
}
#bericht_info{
	width: 573px;
	height: 15px;
	margin: 0px 0px 5px 0px;
	color: #0098d4;
	font-size: 11px;
	font-weight:500;
	float:left;
}
#bericht_bericht{
	width: 573px;
	height: auto;
	margin: -13px 0px 0px 0px;
	font-size: 13px;
	float:left;
}
#bericht_reacties{
	width: 573px;
	height: 15px;
	margin: 0px 0px 30px 0px;
	color: #0098d4;
	font-size: 11px;
	font-style: italic;
	float: left;
}

#bijlage_container{
	width: 573px;
	margin: 0px 0px 15px 0px;
	height:auto;
	text-align:left;
	float:left;
}

#pagenumbers{
	width: 573px;
	height: 50px;
	text-align: center;	
	font-size: 12px;
	color: #0098d4;
	margin-bottom: 30px;
	float:left;
}

.pn_active a{
	font-size: 13px;
	color: #333;
}

/* AGENDA */

#agenda_header{
	width: 282px;
	height:44px;
	float:left;
}

#agenda_container{
	width: 282px;
	height: auto;
	float: left;
}

#agenda_container_black{
	width: 272px;
	height: auto;
	float: left;
	font-family:Courier, monospace;
	background-color:#000;
	color:#0098d4;
	padding: 5px 5px 5px 5px
}

#agenda_container_black a{
	color:#0098d4;
	text-decoration: none;
}
#agenda_container_black a:hover{
	color:#fff;
	text-decoration: underline;
}

#agenda_container_blue{
	width: 272px;
	height: auto;
	float: left;
	font-family: Courier, monospace;
	background-color: #0098d4;
	color: #000;
	padding: 5px 5px 5px 5px;
}
#agenda_container_blue a{
	color:#000;
	text-decoration: none;
}
#agenda_container_blue a:hover{
	color:#fff;
	text-decoration: underline;
}
#agenda_image{
	width: 282px;
	height: 90px;
	float: left;
	overflow: hidden;
}

#agenda_spacer{
	width: 282px;
	height: 8px;
	float: left;
	padding-bottom: 6px;
}
#agenda_info{
	width: 272px;
	height: 12px;
	float: left;
	font-size:10px;
}
#agenda_auteur{
	width: 200px;
	height: 12px;
	float: left;
}
#agenda_datum{
	width: 72px;
	height: 12px;
	float: left;
	text-align:right;

}
#agenda_titel{
	margin-top: 2px;
	width: 272px;
	height: auto;
	font-size:18px;
	line-height: 20px;
	color:#FFF;
	font-weight:400;
	float:left;
}

#agenda_bericht{
	width: 272px;
	height: auto;
	line-height: 16px;
	float:left;
}

.agenda_datum1{
	font-size:16px;
	color: #0098d4;
}
.agenda_datum2{
	font-size:16px;
	color: #000;
}
.agenda_locatie{
	font-size:16px;
	color: #fff;
}


/* INFO (wat er anders is dan bij blog */
#info_titel{
	width: 573px;
	height:16px;
	margin: 0px 0px 10px 0px;
	font-size:22px;
	font-weight:500;
	float:left;	
}

/*REACTIES  SCHRIJVEN*/ 

#schrijfreactie_container{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 527px;
	height: auto;
	background-color:#f2f2f2;
	border: double 3px #CCC;
	float: left;
	padding: 20px 20px 20px 20px;
}
#schrijfreactie_links{
	width: 300px;
	height: auto;
	float: left;
}
#schrijfreactie_rechts{
	width: 227px;
	height: auto;
	float: left;
}
#schrijfreactie_titel{
	font-size: 20px;
	font-weight: 400;
	color: #131313;
	width: 300px;
	height: 40px;
	float: left;
}

#schrijfreactie_input{
	width: 300px;
	height: auto;
	float: left;
}
#schrijfreactie_tekstinput{
	width: 527px;
	height: 160px;
	float: left;
}
#schrijfreactie_buttons{
	/*width: 389px;*/
	width: 527px;
	height: 20px;
	float: left;
}

#schrijfreactie_image{
	width: 227px;
	height: 100px;
	float: left;
}

.reactie_image{
	float: right
}

.reactie_textinputveld{
	width: 527px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.reactie_button{
	border: double 3px #fff;
	background-color: #131313;
	color: #fff;
	cursor: pointer;
	float: right;
}

/*REACTIES TONEN*/ 
#toonReacties_container_1{
	width: 527px;
	height: auto;
	float: left;
	background-color: #0098d4;
	font-family:Courier, monospace;
	color: #fff;
	padding: 20px 20px 0px 20px;
}

#toonReacties_container_1 a{
	color: #fff;
}

#toonReacties_container_2{
	width: 527px;
	height: auto;
	float: left;
	background-color: #fff;
	color: #0098d4;
	padding: 20px 20px 0px 20px;
		border-bottom: 1px solid #0098d4;
}

#toonReacties_naam{
	width: 527px;
	height: 30px;
	font-size: 14px;
	float: left;
}
#toonReacties_bericht{
	width: 527px;
	height: auto;
	font-size: 12px;
	color: #000;
	float: left;
	padding-bottom: 20px;
}



/* VOLLEDIGE AGENDA */

#agendapunt_container{
	width: 573px;
	height: auto;
	float:left;
}

#agendapunt_image{
	width: 282px;
	margin-left:15px;
	height: auto;
	float:left;
}
#agendapunt_info{
	width: 276px;
	height: auto;
	float: left;
}
#agendapunt_titel{
	width: 276px;
	height: auto;
	line-height:28px;
	float: left;
	color: #0098d4;
	font-size:18px;
	font-weight: bold;
	margin-bottom:15px;
}
#agendapunt_datum{
	width: 276px;
	height: 20px;
	float: left;
	font-weight:500;
	font-size:24px;
	margin-bottom:10px;

}
#agendapunt_omschrijving{
	width: 276px;
	height: auto;
	float: left;
}
#agendapunt_locatie{
	width: 276px;
	height: auto;
	margin-top: 5px;
	font-size:14px;
	color:#0098d4;
	float:left;
}


/* NETWERK */

#keuzemenu{
	width: 573px;
	height: 25px;
	float: left;
	margin-bottom: 20px;
	text-align:left;
	font-weight: bold;
	background-color: #e9e9e9;
	padding-top: 3px;
	
}

#selectmenu{
	width: 75px;
	margin-right: 5px;
	padding-top:1px;
	height: 24px;
	float: left;
}
#selectmenu_tekst{
	width: 75px;
	margin-right: 5px;
	height: 23px;
	padding-top:2px;
	float: left;
}

.selectmenu{
	width: 75px;
}

.gobtn{
	width: 75px;
	border: solid 1px #0098d4;
	background-color:#FFF;
	height: 17px;
	color: #0098d4;
	padding-top:0px;
	margin-top:3px;
	cursor:pointer;
}

#netwerk_container1{
	width: 276px;
	height: 80px;
	float: left;
	border: dashed 1px #0098d4;
	margin-right: 15px;
	margin-bottom: 15px;
}
#netwerk_container2{
	width: 276px;
	height: 80px;
	float: left;
	border: dashed 1px #0098d4;
	margin-bottom: 15px;
}

#netwerk_info{
	width: 265px;
	height: 50px;
	float: left;
	padding: 5px 5px 0px 5px;
}

#netwerk_logo{
	width: 50px;
	height: 50px;
	overflow: hidden;
	float:left;
	background-color:#0098d4;
}

#netwerk_titel{
	width: 200px;
	height:16px;
	font-size:14px;
	color: #0098d4;
	margin-left: 10px;
	float:left;
}

#netwerk_omschrijving{
	width: 200px;
	height:13px;
	margin-left: 10px;
	line-height:12px;
	float:left;
}
#netwerk_locatie{
	width: 200px;
	height:12px;
	margin-left: 10px;
	font-weight:700;
	line-height:13px;
	float:left;
}

#netwerk_tags{
	width: 265px;
	height:14px;
	font-size:11px;
	float:left;
	color: #0098d4;
	padding: 2px 5px 3px 5px;
}

/* ZOEKEN */

#zoektitelbalk{
	width: 568px;
	height: 21px;
	background-color:#e9e9e9;
	padding-left: 15px;
	padding-top: 4px;
	color: #000;
	float:left;
	font-size: 16px;
	margin-bottom: 10px;
}

#geenresultaten{
	width: 568px;
	height: 25px;
	padding-left: 15px;
	padding-top: 5px;
	color: #000;
	float:left;
}

.gevonden{
	color:#000;	
	background-color:#e9e9e9;
}


/* VISITE KAARTJE  */

#visitekaartje_container{
	width: 573px;
	height: auto;
	border: dashed #0098d4 1px;
	float:left;
}

#visitekaartje_links{
	width: 150px;
	height: auto;
	min-height: 200px;
	float:left;
	
}
#visitekaartje_adres{
	width: 130px;
	height: auto;
	float:left;
	margin: 10px;
}

#visitekaartje_logo{
	width: 130px;
	height: 130px;
	float:left;
	margin: 10px;
	overflow: hidden;
}

#visitekaartje_rechts{
	margin: 10px 0px 0px 10px;
	width: 403px;
	min-height: 200px;
	height: auto;
	float:left;
}

#visitekaartje_tags{
	padding: 10px 10px 10px 160px;
	width: 403px;
	height: auto;
	float:left;
}

#visitekaartje_button{
	padding-top:10px;
	text-align: right;
	width: 573px;
	height: 30px;
	float:left;
}

.plain{
	width: 150px;
	border:none;
	background:#000;
	text-align:center;
	color:#fff;
}

.plain:hover{
	border:none;
	cursor:pointer;
	color:#fff;
	background-color:#0098d5;
}

/* ARCHIEF */

#archiefjaar{
	height: auto;
	width: 100px;
	float: left;
	line-height:14px;
}
#archiefstreep{
	height: 20px;
	width: 573px;;
	float: left;
	margin-bottom:40px;
}



#aanmelddiv{
	width: 573px;
	height: 20px;
	float: left;
	text-align:right;
	color: #0098d5;
}



#pagenumbers{
	width: 573px;
	height: 50px;
	text-align: center;	
	font-size: 12px;
	color: #0098d4;
	margin-bottom: 30px;
	float:left;
}

.pn_active a{
	font-size: 13px;
	color: #333;
}

.melding{
	color:#900;	
}

.nieuwsbrief{
	background-color: #fff;	
}
iframe{
	border: none;	
}