/* ======= General Stylesheet for www.gavers.be ========= 
 *
 *    Version: 1.38
 *    Author: Steven Vandenoortgaete (eGov- POV)
 *
 *		version 1.1: modification for homepage (17/10/2005) - KST
 *		...
 *		...
 *		...
 *		version 1.37: modification for website de gavers 16/01/2007 - Steven Vandenoortgaete
 *		version 1.38: totally modification for website de gavers 04/02/2007 - Steven Vandenoortgaete
 *
 *   ------------------------------------                                 
 *   |      Table of Contents           |
 *   ------------------------------------
 *   | 0. Kleuren						|
 *   | 1. General Styling  (begin)      |
 *   | 2. Header Styling                |
 *   | 3. Navigation Styling            |
 *   | -- 3.1 Drop Down nav             |
 *   | -- 3.2 Header nav     			|
 *   | -- 3.3 Top nav	     			|
 *   | -- 3.4 Drop Down nav     		|
 *   | -- 3.5 Searchbox     			|
 *   | 4. Footer Styling                |
 *   | 5. Content element Styling       |
 *   | 6. Right Box styling             |
 *   | 7. 3-Col positioning & Floating  |
 *   | 99. General Styling	(einde)		|
 *   | ....							|
 *   -----------------------------------
 * ===================================================== */
  
/* ====  * = 0. Kleuren   * ======================= */ 
/* #ffffee = zeer lichtgele kleur, voor de achtergrond
 #677B54 = donkergroenig	
 #8B9C6E = donkergroen
 
 c4d0df blauwig licht
 e8edf3 grijsblauw zeer licht
 497783 zeer donkerblauw*/
/* ==== * = END Kleuren * ======================= */


/* ====  * = 1. General Styling   * ======================= */
html{height: 100%;}
body {font: 0.83em/1.4 verdana, arial, Helvetica, sans-serif;margin:0 auto 0 auto; color: #625141; }
* {font-size: 100%}
img{border: 0;}
div{margin: 0; padding: 0; border: none;}
a{color: #625141;text-decoration: underline;}
a:hover{text-decoration: none}
/* ==== * = END General Styling * ======================= */


/* ==== * **. Knoppen styling * ============================================*/
input#submit{width: auto;border: 2px solid #625141; height:30px; padding:5px; margin:5px;}
input.notactive{background: #497783; color:#E8E8E8; border: 1px solid #497783; cursor:pointer; font-weight: bold; color: #FFFFFC}
input.active{background: #625141; border: 1px solid #497783; cursor:pointer; font-weight: bold; color: #FFFFFC}
/* ==== * END **. KNOP stying * ============================================*/

/* ==== * = 2. Header Styling  * ====================*/
/* omhoog brengen van beide */
#headerImg{
	display:block;
	height:72px;
	position: absolute;
	margin-left:0;
	width:810px;
}
#header{
	background: url('css_header_gavers_bg.gif') repeat-x; 
	position: absolute; 
	top: 30px; 
	left: 189px; 
	width: 809px; 
	height: 105px;
}
#logo{
	position: absolute; 
	width:188px; 
	text-align:center;
	height:inherit;
	/*border-right:1px solid #497783;*/
	border-right:1px solid #625141;
}
/* ==== * = END Header Styling  * ======================= */

/* ==== * = 3. Navigation Styling  * ====================*
/* == 3.1 Left nav = het linkse navigatiemenu== */ 
	/* ------- Older browsers may display this navigation less than perfect, but functionallity and accessibility remains optimal
	----- tested in: IE5.01; MAC-IE5.1; IE5.5; IE6; FF1.0 (mac & pc); N7.1; safari 1.2.4; Camino 0.82; Opera 7.51 -- */
	#nav {min-height:auto;}
	#nav ul{ margin:0; padding:0; list-style-type: none; background-color: #FFFFFC; 
		width: 188px; border:1px solid #625141; border-right:none;}
	#nav li{font-size: 1em; margin: 0; padding: 0; border: 0px solid #FFFFFC; }
	#nav a:link, #nav a:visited{display: block;  background: #497783;*/ color:#fffffc;
			padding: 0.18em 5px 0.18em 15px;  font-weight: bold;
			text-decoration: none; font: bold 0.83em/1 verdana, arial, Helvetica, sans-serif;padding: 5px 5px 5px 15px;}
	#nav a:hover, #nav a:active{display: block;  background: #625141; border-left: 3px solid #497783;
			padding: 0.18em 5px 0.18em 15px; color: #fffffc; font-weight: bold; 
			text-decoration: none; font: bold 0.83em/1 verdana, arial, Helvetica, sans-serif;padding: 5px 5px 5px 15px; }	
	#nav a:hover, #nav a.sel:link, , #nav a.sel:active, , #nav a.sel:visited, , #nav a.sel:hover{
			color: #FFFFFC;background: #625141;border-left: 3px solid #497783; }
	#nav li.bb{border-bottom: 1px solid #FFFFFC}
	#nav li{border-bottom: 1px solid #b5a99f}
	#nav ul ul a:link, #nav ul ul a:active, #nav ul ul a:visited, #nav ul ul a:hover{background: #FFFFFC; 
		border-left: 2px solid #497783; font-weight: normal; font-size: 0.83em; color: #625141; padding-left: 20px}
	#nav ul ul a:hover, #nav ul ul a.active:link, #nav ul ul a.active:active, #nav ul ul a.active:visited, 
	#nav ul ul a.active:hover{background-color: #e8edf3; color:#000000; border-left: 1px solid #497783; border-right:none; }
/* == End Left nav == */
/* == 3.3 Drop Down Navigation == */
#headerNav{margin-top: 72px; width: 804px; border-top: 1px solid #fffffc; margin-left:4px; }
#headerNav ul, #headerNav li{padding: 0; margin: 0; list-style-type: none; display: inline}
#headerNav a{display: block; color: #fffffc; background: #497783; text-decoration: none; font-weight: bold;
	height: 27px; width: 7em; font: bold 0.83em/1 verdana, arial, Helvetica, sans-serif; padding: 0 1em; vertical-align:middle;
	padding-bottom: 2px; padding-top:1px; text-align:center; border-right: 1px solid #fffffc;}
#headerNav a:hover, #headerNav a.sel{background: #625141}
/* IE5.x Boxmodel hack */
#headerNav a, #headerNav li{width:10em; voice-family: "\"}\""; voice-family:inherit; width:10em}
#headerNav a, #headerNav li{height: 32px; voice-family: "\"}\""; voice-family:inherit; height: 26px}

#headerNav li{float: left; width: 134px; }
* html #headerNav li{width: 10em}
#headerNav li ul{display: none; background: #625141}
#headerNav li.active ul{display: block; position: absolute; width: auto; background: #625141; display:none}
#headerNav li.active a{background: #625141}
#headerNav li li{float: none; border-width: 0px; margin: 0; padding: 0; height: auto; display: inline; width: auto; border: none}
#headerNav li li a{height: auto; padding: 3px 1em; margin: 0; border-width: 0px; background-color: #625141; display: block; border-bottom: 1px solid #fff; width: 120%}
#headerNav li li a:hover{background-color: #bf2e37}
/* colored line inside level 1 nav */
#headerNav li b{width: 132px; height: 3px; display: block; margin-top: -3px}
#headerNav li.notactive b{background-color:#625141}
#headerNav li.active b, #headerNav li b.sel{background-color: #497783}

#headerNav a.protected:link, #headerNav a.protected:active, #headerNav a.protected:visited, #headerNav a.protected:hover{background-image: url('css_lock3.gif'); background-repeat: no-repeat; background-position: right}
/* == End Drop Down Navigation == */

/* == 3.3 Bovenste navigatiebalk, bestaat uit topNav (=app-pages) + zoekbox == */
	#bovenstenavbalk{
		position: absolute; 
		top: 4px; 
		left:189px; 
		white-space: nowrap;
		width:810px; 
	}
	#bovenstenavbalk form p{
		margin-top:-3px; 
		padding-top:0px;
		float:right; 
		width: 25%;
	}
	#fixedNav{ 
		margin-right:27%; 
		font-weight:bold; 
		font-size:0.75em; 
		padding-top:3px; 
		margin-left:15px;
	}
	 .dark_bullet_right,  .red_bullet_right{background: url('css_dark_bullet.gif') no-repeat right; padding-right: 13px; margin-right: 3px}
	 .dark_bullet_left,  .dark_bullet_left{background: url('css_dark_bullet.gif') no-repeat left; padding-left: 13px; margin-left: 3px}
	 .red_bullet_right,  .red_bullet_left{background-image: url('css_bullet_gavers.gif')}
	#fixedNav a{
		color: #625141;
	}
	
	#searchBox input#text, #searchBox input#submit{
		width: 8em; 
		display: inline; 
		height:15px;
		margin-bottom:10px;
	}
	#searchBox input#submit{
		height:20px; padding:0; 
	}
	#searchBox select#select{ display:none;}  /* om die select niet weer te geven, snelzoek hoeft dan niet opgesplitst te worden*/
	#searchBox a{display:none;} /* om uitgebreid zoeken link niet te tonen */
	#searchBox input#submit{width: 5em;}
	/*#searchBox input.notactive{background: #497783; color:#E8E8E8; border: 1px solid #497783; cursor:pointer; font-weight: bold; color: #FFFFFC}
	#searchBox input.active{background: #625141; border: 1px solid #497783; cursor:pointer; font-weight: bold; color: #FFFFFC}*/
	form{display: inline}
/* == END Bovenste navigatiebalk == */

/* ==== * = 5. Content element Styling * =========================*/
/* ct = broodkruimel */
#ct {text-align:left; font-size: 75%; }
#ct a{color:#497783; font-weight:bold;}
#content{
	text-align: left; 
	padding-top: 5px;
	/*border:1px solid #000000;*/
	padding-bottom:0;
}
a.gototop{
	float: right;
	text-align:right;
	width:auto;
	/*border:1px solid #000000;*/
	color:#62514;
	font-size: 85%; 
	font-weight:bold; 
	background: url('css_bookmark_up_gavers.gif') no-repeat right; 
	text-decoration: none; 
	margin-right:0;
	padding-right:10px;
	margin-top:-17px;
}
#volbreedte a.{ 
	margin-right:10px;
	margin-top:-30px; 
	/*border:1px solid #000000;*/
}

p{
	margin-top:10px;	
	margin-bottom:15px
}
#volbreedte p{
	margin-left:25px;
	margin-top:10px;
	margin-bottom:5px;
}



/* == 5.2 Navigatieblokken in contentpagina's */
/*#content .detNav, #content #relLinks, #content #contenttoc{ font: 0.88em/1.3 verdana, arial, Helvetica, sans-serif; }*/
/*
op 31032007
#content .detNav, #content #relLinks, #content #contenttoc{clear: right}
#detNav, .detNav{width: 100%; background: #c4d0df; text-align: left; margin-top:20px;border: 1px solid #625141;}
#detNav td, .detNav td{width: 50%; padding: 0.8em; padding-top: 1em;}
#detNav td{padding: 0.5em}
#detNav td ul {margin: 0em}
#detNav td li {margin: 0em}
* html #detNav td ul {margin: 0 2.5em}
.detNav h3{ 
	font-size:105%;
	font-weight:bold;
}
.detNav p{
	margin-top:-5px; margin-bottom:10px;
	font-size:90% }
.detNav td{padding: 1em; }
.ll{border-left: 1px dashed #625141}*/

#content .detNav, #content #relLinks, #content #contenttoc{clear: right}
#detNav, .detNav{width: 100%; background: #c4d0df; text-align: left; }
#detNav td, .detNav td{width: 50%; padding: 0.8em; padding-top: 1em;}
#detNav td{padding: 0.5em}
#detNav td ul {margin: 0em}
#detNav td li {margin: 0em}
* html #detNav td ul {margin: 0 2.5em}
.detNav h3{ 
	font-size:105%;
	font-weight:bold;
}
.detNav p{
	margin-top:-5px; margin-bottom:10px;
	font-size:90% }
.detNav td{padding: 1em; }


/* geen protected links
#detNav a.protected:link, #detNav a.protected:active, #detNav a.protected:visited, #detNav a.protected:hover{background-image: url('css_lock3.gif'); background-repeat: no-repeat; background-position: right; padding-right: 20px}
*/
.detNav a:link, .detNav a:active, .detNav a:visited, .detNav a:hover{
	color: #625141; text-decoration: none;background:none; }
* html .detNav a:hover{text-decoration: underline}
.detNav a:hover *{text-decoration: underline}
/* == END 5.2 Navigatieblokken in contentpagina's */

/* == 5.3 menu van tussentitels */
/* voor id = content */
#contenttoc{border-bottom: 1px solid #625141; border-top: 1px solid #625141; 
	margin-bottom:25px;  font-size:85%; margin-top:20px; padding-top:5px;}
#detNav li, #relLinks li{list-style: url(css_more_link_blauw.gif);}
#contenttoc ul{ margin:10px 40px 10px 40px;}
.bookmark {color:#625141; font-weight:bold;}/*497783*/
#contenttoc li{list-style: url(css_bookmark_right_gavers.gif); margin-bottom:5px;}
.moreLink{background:  url(css_more_link.gif) no-repeat left; padding-left: 10px}
#relLinks{width: inherit; padding-left: 10px; margin-top:30px;  background: #FFFFFC; border:1px solid #625141;}
#relLinks h4{ padding:0; margin-top:5px; margin-bottom:5px;}
#relLinks ul{padding:0; margin-top:5px; margin-bottom:10px;}
/* voor id = volbreedte */
#volbreedte #contenttoc{border-bottom: 1px solid #625141; border-top: 1px solid #625141; margin-top:-10px; 
	width:92%; margin-left:5px; font-size:85%; padding-bottom:5px;padding-top:10px;}
#volbreedte #detNav li, #volbreedte #relLinks li{list-style: url(css_more_link_blauw.gif);}
#volbreedte #contenttoc ul{ margin:10px 40px 7px 40px;}
#volbreedte .bookmark {color:#625141; font-weight:bold;}/*497783*/
#volbreedte #contenttoc li{list-style: url(css_bookmark_right_gavers.gif);}
#volbreedte .moreLink{background:  url(css_more_link.gif) no-repeat left; padding-left: 10px}
#volbreedte #relLinks{width: inherit; margin: 1.5em auto; padding: 0.5em; border: 1px solid #FFFFFC; background: #FFFFFC}
#volbreedte #relLinks h4{margin: 0.2em}
#volbreedte #relLinks ul{margin: 0 2em; margin-bottom: 0.5em}
/* == END 5.3 ???? */

/* == 5.4 Images in contentpagina's */
#content .imgsrc{color: #999; font-style: italic; margin: 0; padding: 0; text-align: right; font-size: 90%; 
	margin-bottom: 0.5em}
#content img.right{float: right; clear: right}
.imgBox{margin: 0;padding:0; width: 220px; float: right; padding-left: 1em; text-align: right; 
	white-space: wrap; margin-top: 2em; margin-bottom: 0.5em; margin-left: 1em; overflow: hidden}
.imgBox *{display: block; clear:right}
.imgBox img{ margin-bottom:10px;}
/* == 5.4 einde images in contentpagina's */

/* == 5.5 TABELLEN ==== */
	/* width: auto verwijderen zorgt ervoor dat tabel links op pagina komt */
	.contentTable{width: auto; border: 1px solid #FFFFFC; margin: 1em auto 1.5em 25px;}
	.contentTable th{background: #FFFFFC; padding: 0.2em 0.5em; text-align: right; vertical-align:top;}
	.contentTable .knoprij{ height:40px;}
	.contentTable .knoprij th{ text-align:center;}
	.contentTable td{padding: 0.2em; text-align: left}
	.contentTable .on td{background: #FFFFFC; }
	.contentTable .on2 td{background: #497783; color:#fffffc }
	
/* == END 5.5 TABELLEN ==== */

/* == 5.6 DOCUMENTEN ==== */	
.docs a{background: url(other.gif) no-repeat left top; padding-left: 20px; text-decoration: none}
.docs a:hover{text-decoration: underline}
.docs a:visited{color:#333333;}
.docs a.pdf,.docs a.doc, .docs a.xls, .docs a.ppt, .docs a.zip, .docs a.other{background: url(pdf.gif) no-repeat left top; padding-left: 20px}
.docs a.doc{background-image: url(word.gif)}
.docs a.xls{background-image: url(excel.gif)}
.docs a.ppt{background-image: url(ppt.gif)}
.docs a.zip{background-image: url(zip.gif)}
.docs a.swf{background-image: url(swf.gif)}
.docs a.jpg{background-image: url(jpg.gif)}
.docs a.other{background-image: url(other.gif)}
.docs a b{color: #625141}
.uppercase{text-transform: uppercase;}
/* == END 5.6 DOCUMENTEN ==== */	

/* == 5.7 zoekresultaten ==== */	
#searchresults h3, #searchresults p, #searchresults span{margin: 0; padding: 0}
#searchresults h3{margin-top: 1em}
#searchresults p span{color: #666; font-size: 90%; font-style: italic; display: block; }
/* == END 5.7 zoekresultaten ==== */	
/* ==== * END 5. Content element Styling * =========================*/


/* ==== *  99. General Styling	(einde)	* ====================*/
#headContainer{
	width: 999px; 
	position: relative; 
	padding-top:0px;
	margin: 0 auto 0 auto; 
	height: 135px; 
	border:1px solid #625141; 
	border-bottom:none; 
	background: #e8edf3; 
} 
#mainContainer{
	position: relative;
	padding-top:0px;
	margin:0 auto 0 auto;
	height:100%;
	width: 999px;
/*	top:0px;*/
	background: #e8edf3; 
	border:1px solid #625141;
} 

#container{
	width: 990px;
	min-height:410px;
	background: right top url('../imgs/ooievaar/gavers_ooievaar_rood_middel.gif') no-repeat #e8edf3;
	position: static;
	/*padding-bottom:5px;*/
	/*border:1px solid #000000;*/
}
#content h1{
	font-size: 120%;
	color: #497783; 
	margin-top: 0.5em;
	margin-bottom:5px;
/*	border:1px solid #000000*/
}
#volbreedte h1{
	font-size: 120%;
	color: #497783; 
	margin-top: 0.5em;
	margin-bottom:30px;
/*	border:2px solid #000000*/
}

#content h2{
	color: #497783; 
	margin: 0; 
	padding: 0;
	font-size:110%;
/*	border:1px solid #000000;*/
	width: auto; 
	margin-right:10%;
}

#volbreedte h2{	
	margin: 0; 
	color: #497783; 
	width: 85%;
	margin-bottom:10px;	
}

#content ul{
	margin-top:5px; 
}
#content ul ul{margin-top:0; }


#content h3{ 
	margin:0;
	padding:0; 
	padding-bottom:5px;
}
#volbreedte h3{ 
	 font-size:12px; 
}

#volbreedte ul{
	margin-top:0; 
}
#volbreedte ul ul{margin-top:0; }


#content{ 
	float:right;
	width:78%;
	margin-right:10px; 
	margin-top:5px;
}
/* app pages kunnen rechtstreeks in tabel een id="volbreedte" ipv id="content" meekrijgen, 
dan volledige pagina, zonder linkermenu afbakening */
#volbreedte{
	width:99%;
/*	float:right;*/
	margin:0 7px 0 9px;
	min-height:420px;
	/*border:1px solid #000000;*/
}
#volbreedte #ct { 
	margin-left:5px;
	text-align:left; 
	font-size: 75%; 
	margin-top:3px;
}
#volbreedte #ct a{
	color:#497783; 
	font-weight:bold;
}


#nav{
	margin-right:79%;
	width:188px; 
	/*min-height:400px;*/
}
/* ==== *  END 99. General Styling	(einde)	* ====================*/



/* @import url("gavers_substyles.css") screen; */

/* ======= General Stylesheet for the subpages of www.gavers.be ========= 
 *
 *    Version: 1.1
 *    Author: Steven Vandenoortgaete (eGov - POV)
 *
 *		version 1.1: modification for ...  (date) - name
 *		...
 *		...
 *		...
 *
 *   ------------------------------------                                 
 *   |      Table of Contents           |
 *   ------------------------------------
 *   | 1. Kalender Stijl				|
 *   | 2. Homepage-content formatting  	|
 *   | 3. Box Styling           		|
 *   | 4. Contactgeg Styling           	|
 *   | 5. Gastenboek Styling           	|
 *   | 6. APP Pages Styling          	|
 *   -----------------------------------
 * ===================================================== */

/* ====  * 1. Kalender Stijl   * ======================= */
/*a {
	color: #DF9496;
}*/
.nav, .nav a {
	text-align: center;
}
.pijl, .pijl a {
	text-align: center;
	font-size:12px;
	text-decoration: none;	
}
.today {
	color: #fffffc;
	font-weight: bold;
	background: #625141;
}
.on2 {background: #497783; color:#fffffc }
#kalenderboven{ 
	text-align:center;
	height:auto;
}
#kalender_klein {
	width:185px;
	padding: 0;
	margin: 0;
	border:2px solid #3e3329;
	font: normal 0.83em/1.4 verdana, arial, Helvetica, sans-serif;  
	color: #616B76; /* kleur tekst */
	text-align: center;
	background-color: #fffffc; 
}
#kalender_klein th {
	font: bold 0.93em/1.5 verdana, arial, Helvetica, sans-serif;  
	color: #616B76;
	height:25px;
	background: #c4d0df;
	border-right: 1px solid #3e3329;
	border-bottom: 1px solid #3e3329;
}
#kalender_klein td {
	border-right: 1px solid #3e3329;
	border-bottom: 1px solid #3e3329;
	height: 20px;
	text-align: center;
}
#kalender_klein td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	color: #608194;
}
#dag{font-size:14px;}
#kalender_maand {
	width: 97%; 
	padding:0; 
	margin:0;
	border:2px solid #3e3329;
	font: normal 0.83em/1.4 verdana, arial, Helvetica, sans-serif;  
	color: #616B76;
	text-align: center;
	background-color:#fffffc;	
}
#kalender_maand th {
	font: bold 0.93em/1.5 verdana, arial, Helvetica, sans-serif;  
	color: #616B76;
	height:25px;
	background: #c4d0df;
	border-right: 1px solid #3e3329;
	border-bottom: 1px solid #3e3329;
}
#kalender_maand td {
	width: 14%; 
	height: 69px;
	text-align: center; 
	vertical-align:top;
	border: 1px solid #3e3329;
}
#kalender_maand td a {
	text-decoration: none;
	color:#608194;
	font-weight: bold;
}
.dagnummer{ 
	font-size:10px/20px; 
	padding:0; 
	margin-right:80px; 
	background-color:#fffffc; 
	font:#000000; font-weight:bold;
	border: 1px solid #A2ADBC;
	}
.dagitem{ 
	text-align:left; 
	border: 1px solid #625141; 
	background-color:#c4d0df;
	width:95%; 
	font: 0.83em/1.4 verdana, arial, Helvetica, sans-serif;  
	margin-top:1px;
	padding:0 0 2px 3px; 
}
.onderwerp{ 
	margin-left:5px; 
	margin-bottom:5px; 
	margin-top:1px; 
	padding:0; 
	font-weight:bold; 
	border:1px #000000
}
#legekolom{background-color:#e8edf3;}
#kalender_dag {
	width: auto;
	margin-left:inherit; 
	border:2px solid #3e3329; 
	float:left;
	font: normal 0.93em/1.5 verdana, arial, Helvetica, sans-serif;  
	color: #616B76;
	background-color:#fffffc;
	text-align: left; 
}
#kalender_dag th{
	font: bold 0.93em/1.5 verdana, arial, Helvetica, sans-serif;  
	color: #616B76;
	text-align:center;
	height:25px;
	background: #c4d0df;
	border: 1px solid #3e3329;
}
#item {
	width: 100%;
	text-align:left;
	margin:0; padding:0;
	font: normal 0.83em/1.4 verdana, arial, Helvetica, sans-serif;  
	color: #616B76;
	border:1px solid #3e3329;
	background: #e8edf3;
}
#hoofding {
	width: 100%;
	height:25px; 
	padding-top:3px; padding-bottom:2px;
	vertical-align:bottom;
	color: #fffffc;	 
	font: bold 1.3em/1.7 verdana, arial, Helvetica, sans-serif;  
}
#item #onderwerp{ 
	font: bold 1.1em/1.4 verdana, arial, Helvetica, sans-serif;  
	margin-bottom:5px;
	margin-top:5px;
	margin-left:5px;
}
#item #subtitel{ 
	font: normal 0.85em/1.4 verdana, arial, Helvetica, sans-serif;
	margin-left:5px;
}
#item #subdetail{ 
	margin-left: 25px; margin-top:3px;
	margin-right:50px;
	font: bold italic 0.95em/1.5 verdana, arial, Helvetica, sans-serif;
	margin-bottom:5px; 
}
/* ==== * = END Kalender Stijl * ======================= */

/* ==== * 2. Homepage-content formatting * ============================================*/
#startpagina{ width:100%; height:auto; padding:0px; background: right top #e8edf3; margin-bottom:-25px; }
#startpagina #links{ float:left; width:19%;margin-top:5px;}
#weerbericht_achtergrond{
height:125px;
}
#startpagina #rechts{ float:right; width:21%;margin-top:5px; }
#startpagina #midden{ float:inherit; margin-right:23%; margin-left:20%; text-align:center;
	width:56%; margin-top:20px;}
#startpagina #text{ width:60%; margin-bottom:30px; margin-top:20px; }	

/* ==== * 2. END Homepage-content formatting * ============================================*/

/* ==== * 4 Contactgegevens styling * ============================================*/
.links{
	float:left;
	width:45%;
	margin-left:30px;
	text-align:center;
}
.contactgegTable{
	margin-top:10px; 
	width:auto; 
	text-align:left;
}
.contactgegTable th{
	font-weight:bold; 
	padding-right:10px; 
	padding-left:10px; 
	vertical-align:top; 
	text-align:right;
}

.contactgegTable td#leeg{
	padding:0; 
	margin:0;
	height:10px;
}
/* ==== * END 4 Contactgegevens stying * ============================================*/

/* ==== * 5. Gastenboek styling * ============================================*/
.bericht{
	width:100%;
	margin:5px;
	clear:both;
}
.bericht img{
	vertical-align:middle;
}
#gboverzicht_links{
	margin-right:45%; 
	width:53%;
}
#hoofd{
	height:auto; padding:0px;
	margin:2px; width:auto;
	font-weight:bold;
	background-color:#FFFFFC;
	padding-bottom:5px; padding-top:5px;
}
#datumin{ 
	float:right; 
	margin-right:5px;
	width:38%;
	text-align:right;
	font-size:9px;
}
#auteur{ 
	width:58%;
	margin-right:39%;
	margin-left:5px;
}
#ipklein{
	text-align:center; padding:0; margin:0;
	font: 0.70em/1.2 verdana, arial, Helvetica, sans-serif;  
}
/* ==== * END 5. GB stying * ============================================*/

/* ==== * 6. APP Pages styling * ============================================*/
#gastenboekrechts{
	float:right;
	width:48%;
	margin:0 0 0 auto;
	padding-top:5px;
}
#gastenboeklinks{
	margin-right:49%; 
	width:50%;
	padding-top:5px;
}
#contactrechts{
	float:right;
	width:43%;
	margin:0 0 0 auto;
	padding-top:5px;
	text-align:center;
}
#contactlinks{
	margin-right:45%; 
	width:54%;
	padding-top:5px;
}
#routerechts{
	float:right;
	width:35%;
	margin:0 0 0 auto; 
	padding-top:5px;
}
#routelinks{
	margin-right:36%; float:left;
	margin:0 auto 0 auto; 
	width:64%;
	padding-top:5px;
}
/* kalenderpagina */
#rechterblok{
	width:75%; 
	text-align:center; 
	padding:0; margin:0; 
	margin-right:5px;
	padding-top:5px;
	height:auto;
	float:right;
}
#linkerblok{ 
	width:23%;
	text-align:center;
	height:auto;
	padding-top:5px;
}
/* einde kalenderpagina */
#inl_tekst{
	margin:-20px 250px 15px 10px;
}
/* ==== * END 6. APP Pages styling * ============================================*/

 /*  
 c4d0df blauwig licht
 e8edf3 grijsblauw zeer licht
497783 zeer donkerblauw

635142 donkerbruin

4A7584
*/

/* ==== * 15. Paragraaf met afbeelding styling * ============================================*/
.paraImg{width:100%; height:auto; vertical-align:middle; margin-top:20px; margin-bottom:20px;  }
.paraImgleft{float:right; padding-left:20px; vertical-align:middle;}
#paraImgsrcleft{font-style: italic; margin: 0; padding: 0; font-size: 80%; margin-bottom: 0.5em; text-align:right;}
.paraImgright{float:left; margin-right:25px; vertical-align:middle;}
#paraImgsrcright{font-style: italic; margin: 0; padding: 0; font-size: 80%; margin-bottom: 0.5em; text-align:left;}

.paraImgrightTekst, .paraImgleftTekst{ padding:0; margin:0; margin-bottom:-15px}
.paraImgrightTekst ul{ padding-left:230px;}
.paraImgrightTekst ul ul{ padding-left:20px;}
/* ==== * END 15. Paragraaf met afbeelding styling * ============================================*/

/* ==== * 16. Flickr & YouTube component styling * ============================================*/
.flickrobject{
	width:500px;
	height:460px; 
	margin:20px auto -10px auto; 
	/*border:1px solid #000000;*/
}
.flickrobject .embed{
	width:500px;
	height:460px;
	text-align:middle;	 
}
.youtubeobject{
	width:425px;
	height:350px; 
	margin:20px auto 20px auto; 
	/*border:1px solid #000000;width="425" height="350"*/
}
.youtubeobject .embed{
	width:425px;
	height:350px; 
	text-align:middle;	 
}
.youtubeobject .src{
	color: #999; 
	font-style: italic; 
	margin: 0; 
	padding: 0; margin-top:-5px; 
	text-align: right; 
	font-size: 90%; 
}
/* ==== * END 16. Flickr & YouTube component styling * ============================================*/

/* ==== rounded corners ==== */ 
.homepageroundedcornr_box_967200 {text-align:center; margin-top:15px; width:100%; margin-bottom:25px;
	background: #e8edf3 url(corners/roundedcornr_852502_grad.gif) no-repeat;}
.homepageroundedcornr_box_967200 ul{margin:0.4em auto 0.6em 30px;}
.homepageroundedcornr_box_967200 li{list-style: url(css_more_link_blauw.gif);}
.homepageroundedcornr_box_967200 a{	font-weight:bold;}
.homepageroundedcornr_top_967200 div {  background: url(corners/roundedcornr_852502_tl.gif) no-repeat top left;}
.homepageroundedcornr_top_967200 { background: transparent url(corners/roundedcornr_852502_tr.gif) no-repeat top right;}
.homepageroundedcornr_bottom_967200 div {background: url(corners/roundedcornr_852502_bl.gif) no-repeat bottom left;}
.homepageroundedcornr_bottom_967200 {background: transparent url(corners/roundedcornr_852502_br.gif) no-repeat bottom right;}
.homepageroundedcornr_top_967200 div, .homepageroundedcornr_top_967200, .homepageroundedcornr_bottom_967200 div, .homepageroundedcornr_bottom_967200 { width: 100%;  height: 30px; font-size: 1px;}
.homepageroundedcornr_content_967200 { margin: -10px 15px; font-weight: bold; font-size: 0.83em; color: #fffffc;}
.homepageroundedcornr_content_967200 h3 { color: #625141; margin-top:-10px;}

.homekalenderroundedcornr_box_791383 {background: #c4d0df; width:95%; margin-top:30px;margin-left:10px; text-align:center;}
.homekalenderroundedcornr_box_791383 .inside{height:auto;}
.homekalenderroundedcornr_box_791383 img{padding-top:1px; padding-bottom:1px;margin:0 auto 0 auto; text-align:center;}
.homekalenderroundedcornr_box_791383 .geenitems{margin-left:15px; margin-top:25px;text-align:left; font: italic 0.83em/1.4 verdana, arial, Helvetica, sans-serif;}
.homekalenderroundedcornr_box_791383 .homeTable{width: auto; border: 2px solid #FFFFFC;  font-size: 10px;}
.homekalenderroundedcornr_box_791383 .homeTable th{font-size:11px;background: #FFFFFC; width:auto;	height:25px;}
.homekalenderroundedcornr_box_791383 .homeTable td{text-align:center;padding-right:5px; padding-left:5px;}
.homekalenderroundedcornr_box_791383 .homeTable .on td{background: #FFFFFC}
.homekalenderroundedcornr_top_791383 div {background: url(corners/roundedcornr_791383_tl.png) no-repeat top left;}
.homekalenderroundedcornr_top_791383 { background: url(corners/roundedcornr_791383_tr.png) no-repeat top right;}
.homekalenderroundedcornr_bottom_791383 div {background: url(corners/roundedcornr_791383_bl.png) no-repeat bottom left;}
.homekalenderroundedcornr_bottom_791383 { background: url(corners/roundedcornr_791383_br.png) no-repeat bottom right;}
.homekalenderroundedcornr_top_791383 div, .homekalenderroundedcornr_top_791383, .homekalenderroundedcornr_bottom_791383 div, .homekalenderroundedcornr_bottom_791383 { width: 100%; height: 20px;font-size: 1px;}
.homekalenderroundedcornr_content_791383 { margin-right:20px; margin-top:-20px; }

.lroundedcornr_box_744616 {background: #c4d0df; margin-top:15px;}
.lroundedcornr_top_744616 div {background: url(corners/roundedcornr_744616_tl.png) no-repeat top left;}
.lroundedcornr_top_744616 {background: url(corners/roundedcornr_744616_tr.png) no-repeat top right;}
.lroundedcornr_bottom_744616 div {background: url(corners/roundedcornr_744616_bl.png) no-repeat bottom left;}
.lroundedcornr_bottom_744616 {background: url(corners/roundedcornr_744616_br.png) no-repeat bottom right;}
.lroundedcornr_top_744616 div, .lroundedcornr_top_744616, .lroundedcornr_bottom_744616 div, .lroundedcornr_bottom_744616 {
   width: 100%; height: 10px; font-size: 1px;}
.lroundedcornr_content_744616 { margin: -5px 10px; }

.frameroundedcornr_box_183003 {	background: url(corners/roundedcornr_183003_tl.png) no-repeat top left;
	max-width:75%;margin:5px auto 15px auto;text-align:center;}
.apppageframeroundedcornr_box_183003 {background: url(corners/roundedcornr_183003_tl.png) no-repeat top left;width: auto;}
.frameroundedcornr_top_183003 {background: url(corners/roundedcornr_183003_tr.png) no-repeat top right;}
.frameroundedcornr_bottom_183003 {background: url(corners/roundedcornr_183003_bl.png) no-repeat bottom left;}
.frameroundedcornr_bottom_183003 div {background: url(corners/roundedcornr_183003_br.png) no-repeat bottom right;}
.frameroundedcornr_content_183003 {	background: url(corners/roundedcornr_183003_r.png) top right repeat-y;}
.frameroundedcornr_top_183003 div,.frameroundedcornr_top_183003, .frameroundedcornr_bottom_183003 div, .frameroundedcornr_bottom_183003 {width: 100%;height: 15px;	font-size: 1px;}
.frameroundedcornr_content_183003, .frameroundedcornr_bottom_183003 {margin-top: -19px;}
.frameroundedcornr_content_183003 { padding: 0 15px; margin-bottom:20px }

.detnavroundedcornr_box_791383 { background: #c4d0df; }
.detnavroundedcornr_top_791383 div {background: url(corners/roundedcornr_791383_tl.png) no-repeat top left;}
.detnavroundedcornr_top_791383 { background: url(corners/roundedcornr_791383_tr.png) no-repeat top right;}
.detnavroundedcornr_bottom_791383 div {background: url(corners/roundedcornr_791383_bl.png) no-repeat bottom left;}
.detnavroundedcornr_bottom_791383 { background: url(corners/roundedcornr_791383_br.png) no-repeat bottom right;}
.detnavroundedcornr_top_791383 div, .detnavroundedcornr_top_791383, .detnavroundedcornr_bottom_791383 div, .detnavroundedcornr_bottom_791383 {width: 100%;height: 20px;font-size: 1px;}
.detnavroundedcornr_content_791383 { margin:-15px 10px -20px 10px; }

/* ==== * = 4. Footer Styling * ====================*/
.footerroundedcornr_box_396390 {margin-top:10px; margin-bottom:2px;	width: 996px; margin-left:1px;vertical-align:middle;
	clear: both; color: #FFFFFC; font-size: 80%; text-align:center; position:relative; 	background: #4a7584;}
.footerroundedcornr_box_396390 #rechts{ float:right; text-align:right; width:20%;margin-right:15px; padding-top:5px;}
.footerroundedcornr_box_396390 #links{ text-align:left; margin-left:15px; margin-right:22%;  padding-top:8px;  }
.footerroundedcornr_top_396390 div { background: url(corners/roundedcornr_396390_tl.png) no-repeat top left;}
.footerroundedcornr_top_396390 {background: url(corners/roundedcornr_396390_tr.png) no-repeat top right;}
.footerroundedcornr_bottom_396390 div {background: url(corners/roundedcornr_396390_bl.png) no-repeat bottom left;}
.footerroundedcornr_bottom_396390 { background: url(corners/roundedcornr_396390_br.png) no-repeat bottom right;}
.footerroundedcornr_top_396390 div, .footerroundedcornr_top_396390, .footerroundedcornr_bottom_396390 div, .footerroundedcornr_bottom_396390 { width: 100%; height:8px; font-size: 1px;}
.footerroundedcornr_content_396390 { margin-top:-5px;  }
/* ==== * END Footer Styling * ====================*/
/* ==== * referenties (docs, websites, interne links, ... * ====================*/
.refroundedcornr_box_181574 {background: url(corners/roundedcornr_181574_tl.png) no-repeat top left;
	position:inherit; min-width:40%; max-width:100%;}
.refroundedcornr_box_181574 h4{margin-bottom:0}
.refroundedcornr_box_181574 ul{margin-bottom:25px; margin-left:20px;}
.refroundedcornr_box_181574 li{list-style: url(css_more_link_blauw.gif);}
.refroundedcornr_top_181574 {background: url(corners/roundedcornr_181574_tr.png) no-repeat top right;}
.refroundedcornr_bottom_181574 {background: url(corners/roundedcornr_181574_bl.png) no-repeat bottom left;}
.refroundedcornr_bottom_181574 div {background: url(corners/roundedcornr_181574_br.png) no-repeat bottom right;}
.refroundedcornr_content_181574 {background: url(corners/roundedcornr_181574_r.png) top right repeat-y;}
.refroundedcornr_top_181574 div,.refroundedcornr_top_181574, .refroundedcornr_bottom_181574 div, .refroundedcornr_bottom_181574 {width: 100%;height: 10px;font-size: 1px;}
.refroundedcornr_content_181574, .refroundedcornr_bottom_181574 { margin-top: -19px;}
.refroundedcornr_content_181574 { padding: 0 10px; margin-left:10px; height:auto }

.refsroundedcornr_box_223968 {background: #fffffc;	position:inherit; min-width:40%; max-width:100%;}
.refsroundedcornr_box_223968 h4{margin-bottom:0}
.refsroundedcornr_box_223968 ul{margin-left:18px; padding-top:5px;}
.refsroundedcornr_box_223968 li{list-style: url(css_more_link_blauw.gif);}
.refsroundedcornr_top_223968 div { background: url(corners/roundedcornr_223968_tl.png) no-repeat top left;}
.refsroundedcornr_top_223968 {background: url(corners/roundedcornr_223968_tr.png) no-repeat top right;}
.refsroundedcornr_bottom_223968 div { background: url(corners/roundedcornr_223968_bl.png) no-repeat bottom left;}
.refsroundedcornr_bottom_223968 { background: url(corners/roundedcornr_223968_br.png) no-repeat bottom right;}
.refsroundedcornr_top_223968 div, .refsroundedcornr_top_223968, .refsroundedcornr_bottom_223968 div, .refsroundedcornr_bottom_223968 { width: 100%; height: 10px;font-size: 1px;}
.refsroundedcornr_content_223968 { margin: -20px 15px;}
/* end rounded corners */