@import url(/include/css/editor.php);
@import url(/include/css/timeline.css);
html, body { margin:0; padding:0; height:100%; }
body 	{
	background-color: #CCCCCC;
	/*      T R B L  */
	margin: 0 0 0 0;
	scrollbar-arrow-color: #000000; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-highlight-color: #000000; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #000000; 
	scrollbar-track-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	overflow: -moz-scrollbars-vertical;
	text-align:center;
}

/* MAIN LAYOUT */
div#container { text-align:left; width:940px; margin:0 auto; }
div#row1 {	height:208px;background-color:#17263D;background-position:top left;background-repeat:no-repeat;	}
div#row2 {	height:245px;	}
div#row3 {	background-color:#FFF;overflow:hidden;zoom:1	}
div#row4 {	height:29px;background-color:#3C5472;color:#FFF;text-align:center;clear:both;	}

div.header1 {	background-image:url(/image/header1.jpg); }
div.header2 {	background-image:url(/image/header2.jpg); }


/* ROW 1 */
div#langswitch {
	width:95px;
	padding-top:19px;
	padding-left:15px;
	float:left;
}
div#langswitch a {
	color:#FFF;
}
div#langswitch a.active {
	font-weight:bold;
}
div#navigationwrapper {
	width:353px;
	float:left;
	padding-left:32px;
}
div#loginwrapper {
	width:310px;
	float:right;
}

div#loginwrapper form {
	width:310px;
	float:right;
	margin-top:40px;
}

div#loginwrapper form #username, div#loginwrapper form #password {
	width:130px;
	margin-bottom:3px;
	height:20px;
}
div#loginwrapper, div#loginwrapper td {
	color:#FFF;
	font-weight:bold;
}
div#loginwrapper label {
	text-align:right;
	margin-right:10px;
}

div#loginwrapper table#loginmenu {
	margin-top:15px;
	float:right;
}
div#loggedin {
	float:left;
	margin-left:-11px;
	margin-top:19px;
	width:136px;
	margin-right:10px;
	color:#FFF;
}
div#loggedin a {
	color:#FFF;
	font-weight:bold;
}

/* ROW 2 */
div#row2 img#nzs {
	width:247px;
	height:245px;
	border:0px none #FFF;
	display:block;
	float:left;
}

.pagetitle { 
	height:245px; 
	width:238px; 
	float:left; 
	background-color:#3D5573;
	}
.pagetitle h1 {
	font-size:20px;
	width:238px;
	display:block;
	text-align:center;
	background-color:#3D5573;
	color:#fff;
	}

div#row2 img#beeld {
	width:455px;
	height:245px;
	float:right;
}
/* ROW 3 */
#row3 #nieuwskolom {
	width:247px;
	float:left;
}
#m7 #row3 #tekstkolom {
	width:239px;
	float:left;
	background-image:url(/image/verticalelijn_onder.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
#m7 #row3 #tekstkolom #tekst {
	padding-top:16px;
	width:238px;
	float:left;
}
#m7 #row3 #tekstkolom .verticalelijn_top {
	float:right;
	width:1px;
	height:122px;
	background-image:url(/image/verticalelijn_top.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
#m7 #row3 #sponsorkolom {
	width:454px;
	float:right;
}
/* ROW 4 */
div#row4 p {
	color:#FFF;
	padding-top:7px;
}

div#row4 a {
	color:#FFF;
}
/* NAVIGATIE */
#navigationwrapper a, #loginmenu a {
	color:#FFF;
	font-weight:bold;
}
#menu2submenu, #loginmenu2submenu {
	padding-left:5px;
	padding-right:5px;
}

#menu2submenu div, #loginmenu2submenu div {
	width:1px;
	height:172px;
	background-image:url(/image/menulijn.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#submenuwrapper, #loginsubmenuwrapper {
	vertical-align:top;
	padding-top:18px;
	padding-left:5px;
}


/*	HOME PAGINA - NIEUWS EN EVENEMENTEN KOLOM */
#nieuwskolom h1 {
	width:247px;
	height:30px;
	background-color:#2A3E59;
	color:#FFF;
	text-align:center;
	padding-top:15px;
	margin-bottom:24px;
}
#nieuwskolom .bericht {
	padding:5px 10px 8px 10px;
}
#nieuwskolom .bericht img {
	float:left;
	margin-top:4px;
	margin-right:5px;
}

#nieuwskolom .seperator {
	width:247px;
	height:1px;
	background-image:url(/image/nieuwslijn.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:5px 0;
}


/*	HOME PAGINA - TEKST KOLOM	*/
#tekstkolom h1 {
	font-size:25px;
	color:#3C5472;
	font-weight:bold;
	text-align:center;
	margin-bottom:25px;
}
#tekstkolom .bericht {
	padding:0 10px;
	padding-bottom:5px;
}

/*	HOME PAGINA - SPONSOR KOLOM		*/
#sponsorkolom h1 {
	font-size:16px;
	color:#3C5472;
	font-weight:bold;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
}
#sponsorkolom #sponsorwrapperbg {
	width:407px;
	margin: 0 auto;
	padding-bottom:30px;
	background-image:url(/image/verticalelijn_onder.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
#sponsorkolom #sponsorwrapperbg #sponsorwrapper {
	background-image:url(/image/verticalelijn_top.gif);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:20px;
}
#sponsorkolom .seperator {
	background-image:url(/image/sponsorlijn.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:407px;
	height:1px;
	clear:both;
}
#sponsorkolom .row {
	height:104px;
	clear:both;
}
#sponsorkolom .leftcell {
	width:203px;
	height:104px;
	float:left;
	/* text-align:center; */
}
#sponsorkolom .rightcell {
	width:203px;
	height:104px;
	float:right;
	/* text-align:center; */
}

#sponsorkolom .row div div { width:203px; text-align:center; }

#sponsorkolom img {
	border:0;
}

/* GENERATOR PAGINA'S */
.generator_content_blok {
	padding-left:10px;
	padding-right:10px;
}
.generator_content_blok h1 {
	font-size:18px;
}
.generator_content_text {

}
.generator_content_blok .generator_content_image_left {
	margin-right:10px;
}
.generator_content_blok .generator_content_image_right {
	margin-left:10px;
}

/* SPONSOR PAGINA */
#m9 .row {
}

#m9 .row .img {
	float:left;
	margin-right:5px;
	width:149px;
	text-align:center;
}

#m9 .row .img img {
	margin:auto;
}
#m9 .row div.text {
	float:left;
	width:341px;
}
#m9 .row div.adv {
	float:right;
	margin-left:5px;
	width:149px;
	text-align:center;
}
#m9 .row .img img, #m9 .row .adv img {
	border-style:none;
}
/*	NIEUWS EN EVENEMENTEN PAGINA */
#nieuws_inhoud {
	padding:12px 10px 0 10px;
}
#nieuws_inhoud h1 {
	margin-bottom: 12px;
}
#nieuws_inhoud .bericht img {
	float:left;
	margin-right:15px;
}
#m12 #row3 #tekstkolom_wide, #m10 #row3 #tekstkolom_wide {
	padding-top:0px;
}

/*	CONTACT PAGINA */
#m4 #introtekst {
	margin-bottom:10px;
}
#m4 #adresgegevens {
	padding-top:15px;
	float:left;
	width:260px;
}
#m4 #contactform {
	float:right;
	width:383px;
}

/* FOTOALBUM PAGINA */
#m11 .row {
}

#m11 .row .img {
	float:left;
	margin-right:5px;
	width:149px;
	text-align:center;
}

#m11 .row .img img {
	margin:auto;
}
#m11 .row div.text {
	float:right;
	width:495px;
}

#m11 #fotodetail .img {
	text-align:center;
}
#m11 #fotodetail .img img {
	margin:auto;
}

#m11 #fotodetail .nav .terug {
	float:left;
	width:200px;
}
#m11 #fotodetail .nav .vorige {
	float:right;
	width:150px;
	text-align:left;
}
#m11 #fotodetail .nav .volgende {
	float:right;
	width:150px;
	text-align:right;
}

/*	SITE MAP	*/
#sitemap_inhoud {
	padding:12px 10px 0 10px;
}

/*	DIVERSE PAGINA'S */
#row3 #tekstkolom_wide {
	width:693px;
	float:left;
	overflow:auto;
	padding-top:5px;
}

#row3 #tekstkolom_wide #margin {
	margin: 20px;
}

#tekstkolom_wide .seperator {
	background-image:url(/image/widelijn.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:1px;
	margin-top:15px;
	margin-bottom:15px;
	clear:both;
}

/* ALGEMENE OPMAAK CLASSES */
.border	{border : 1px solid #000000;}

.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

.datum {
	font-weight:bold;
}
a.leesverder {
	font-weight:bold;
}

/* VERTICAL ALIGN */

.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign div { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign div div { display:auto; vertical-align:none; }

/*
.verticalalign { background:pink }
.verticalalign * { background:lightblue }
.verticalalign * * { background:yellow }
*/

/*	DEBUG	*/
.debug1 {	background-color:#F00;	}
.debug2 {	background-color:#FF0;	}
.debug3 {	background-color:#F0F;	}
.debug4 {	background-color:#00F;	}