/* Start of CMSMS style sheet 'denotendop' */
@CHARSET "UTF-8";

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { 	background: #000 url(/images/stars.png) fixed; font-family: Verdana, Arial, Sans-serif; font-size: 12px; }

img { border: 0px; }

ul.horizontalMenu { list-style-type: none; margin: 0px; padding: 0px; }
ul.horizontalMenu li{ position: relative; float: left; }

div#container { position: relative; width: 1004px; margin: 0px auto; padding-top: 5px; }

div#headerTop  { position: relative; height: 10px; margin-top: 2px; width: 100%; background: none;}
div#pageTitle { padding-top: 40px; }
div#pageTitle h1 { margin: 0; }
div.upperLeft, div.upperRight, 
div.lowerLeft, div.lowerRight,
	div.upperLeftIn, div.upperRightIn, 
	div.lowerLeftIn, div.lowerRightIn {
		width: 10px; 
		height: 10px; 
		position: absolute; 
		background: url(/images/bg-white-edges.png) no-repeat; 
}
div.upperLeft    { left:  0px; top:    0px; background-position: -20px   0px; }
div.upperRight   { right: 0px; top:    0px; background-position: -30px   0px; }
div.lowerLeft    { left:  0px; bottom: 0px; background-position: -20px -10px; }
div.lowerRight   { right: 0px; bottom: 0px; background-position: -30px -10px; }

div.upperLeftIn  { left:  0px; top:    0px; }
div.upperRightIn { right: 0px; top:    0px; background-position: -10px   0px; }
div.lowerLeftIn  { left:  0px; bottom: 0px; background-position:   0px -10px; }
div.lowerRightIn { right: 0px; bottom: 0px; background-position: -10px -10px; }
div.barLeft { position: absolute; left: 0px; top: 0px; width: 10px; height: 100%; background: #fff }
div.barRight { position: absolute; right: 0px; top: 0px; width: 10px; height: 100%; background: #fff }
div.barCenter { position: absolute; left: 10px; background: #fff; height: 10px; width: 984px; }

div#header {
	position: relative;
	background-color: #727272;
	background-image: url(/images/shade-top.png);
	background-position: 0px 106px;
	background-repeat: repeat-x; 
	height: 111px;
	width: 100%;
	z-index: 20;
}

	#header div#leftBarTop { position: absolute; height: 175px; top: 106px; width: 125px; background: #727272;}
	#header div.upperLeftIn { top: 0px; left: 10px; }
	#header div.upperRightIn { top: 0px; right: 10px; }
	#header div#blokkenBg { position: absolute; width: 353px; height: 251px; }
	#header div#blokkenBgLeft { position: absolute; top: 15px; left: 10px; width: 120px; height: 252px; background: url(/images/blokken.png) 0px 0px no-repeat; }
	#header div#blokkenBgRight { position: absolute; top: 15px; left: 125px; height: 106px; width: 240px; background: url(/images/blokken.png) -115px 0px no-repeat; }

	#header div#blokBlauw a, #header div#blokRood, #header div#blokGeel, #header div#blokGroen {
		background: url(/images/blokken.png) no-repeat;
		position: absolute;
	}
	
	#header div#blokGroen {
		left: 225px;
		top: 30px;
		width: 140px;
		height: 138px;
		background-position: -420px -251px;
	}
	
	#header div#blokGeel {
		left: 120px;
		top: 57px;
		width: 140px;
		height: 138px;
		background-position: -280px -251px;
	}
	
	#header div#blokRood {
		left: 23px;
		top: 129px;
		width: 139px;
		height: 138px;
		background-position: -140px -391px;
	}
	
	#header div#blokBlauw a {
		display: block;
		left: 39px;
		top: 25px;
		width: 135px;
		height: 140px;
		background-position: 0px -249px;
	}
	#header div#blokBlauw a:hover { background: url(/images/blokken.png) -4px -392px no-repeat; cursor: default;}

	#header div#logoTekst { position: absolute; left: 425px; top: 20px; width: 334px; height: 76px; background: url(/images/logo-tekst.png); }
	
	#header div#bear { padding-right: 20px; width: 135px; height: 86px; position: absolute; right: 0px; bottom: 4px; }
		#bear a { 
			display: block; 
			width: 100%; 
			height: 100%; 
			background: url(/images/blokken.png) no-repeat;
			background-position: -352px -110px; 
		}
		#bear a:hover {
			background-position: -352px 0px;
		}
		#bear div#paws { position: absolute; width: 100%; height: 23px; right: 0px; bottom: -23px; background: url(/images/blokken.png) -354px -200px no-repeat; }
		
	#header div#menuTop { position: absolute; top: 113px; left: 404px; }

		#menuTop a { 
			display: block; 

			width: 80px; 
			height: 20px; 
			text-align: center; 
			font-weight: bold; 
			font-style:	italic; 
			text-decoration: none; 
			background-color: #aaa; 
			color: #fff; 
			line-height: 20px; 
			padding: 0px 5px; 
			margin: 0px 5px 0px 0px; 
		}
		#menuTop a:hover { background-color: #727272; }
		
div#main {
	clear: both;
	background: #fff;
	position: relative;
	float: right;
	padding: 0px 20px 10px 165px; 
	width: 819px;
}
	#main div#leftBar { 
		position: absolute;
		left: 0px; 
		top: 0px; 
		width: 125px;
		height: 100%; 
	}
		#leftBar #menuLeft ul { position: absolute; padding: 5px 0px; margin : 0px; top: 182px; left: 10px; width: 145px; height: auto; list-style-type: none; font-weight: bold; background: #fff; }
			#menuLeft a { display: block; width: 121px; padding: 0px 10px; height: 34px; margin: 2px 0px; background: url(/images/buttons.png); text-decoration: none; line-height: 34px; color: #fff; font-size: 14px; }
				#menuLeft a:hover { }
				#menuLeft li.blue    a:hover { background-position: -141px; }
				#menuLeft li.yellow  a:hover { color: #000; background-position: -282px; }
				#menuLeft li.green   a:hover { background-position: -423px; }
				#menuLeft li.red a:hover { background-position: -564px; }
                                #menuLeft li.currentpage { display: none; }

				
		div.leftBottom { 
			background: #727272;
			background-image: url(/images/shade-right.png);
			background-position: 115px;
			background-repeat: repeat-y; 
			width: 120px; 
			height: 100%; 
			position: relative; 
			left: 10px; 
		}
		
		#minHeight { position: relative; float: left; width: 1px; height: 500px; }
		
		#content { position: relative; float: left; width: 815px; }

	#main h1.pageTitle { font-size: 2.8em; font-weight: bold; arial; position: relative; top: 0px; width: 100%; text-align: center; padding: 30px 0px 10px 0px; margin: 6px 0px 0px 0px;  }
	
div#footer {
	clear: both;
	position: relative;
	height: 30px;
	width: 100%;
	bottom: 0px;
	text-align: center;
}

	#footer div#footerBar { width: 100%; height: 20px; background-color: #fff; }
		#footerBar div.leftBottom { 
				position: absolute; 
				left: 10px; 
			}
		#footerBar ul.horizontalMenu { position: absolute; left: 404px; width: 500px; }
		#footerBar a { display: block; width: 80px; height: 20px; font-weight: bold; font-style: italic; text-decoration: none; background: #aaa; color: #fff; line-height: 20px; padding: 0px 5px; margin: 0px 5px 0px 0px; }
		#footerBar a:hover { background: #727272; }

	#footer div#footerEdge { height: 10px; padding-bottom: 10px; }
			#footerEdge div.barCenter { bottom: 0px; }
table.dagritme { width: 75%; }
table.dagritme th { width: 100px; padding-left: 10px; text-align: left; vertical-align: top; }
table.dagritme td { vertical-align: top; }
table.dagritme p { margin: 0; }

	/* Sample FormBuilder CSS base */
	form.contactform {margin-top:0}
	form.contactform, td, th, li { font-size: 100%}
	form.contactform div {margin-bottom:0}
	.contactform div {
		margin-bottom:0.5em;
		margin-left:1em;
	}
	.contactform div div {
		margin-top:0.5em;
		margin-left:1em
	}
	.contactform {
		margin-bottom:1em;
		padding:0.5em
	}
	.contactform label {
                clear: both;
                display: block;
                float:left;
                width:100px;
	}
	legend {
		color:#FFF;
		background:#F60;
		font-style:italic;
		font-size:1.2em;
		margin-bottom:0.5em;
		padding:0.2em;
		width:auto;
		border:1px solid #CCC
	}
	.contactform textarea {
		margin: 0.5em 0;
		width:350px;
		height: 10em
	}

	/* Apply this class to text/select input fields with shorter labels
		to help alignment */
	.short-label label {float:left; width:6em}
	.short-label fieldset div input,
	.short-label fieldset div select {width:16em}

	/* Pretty up your Captcha image output */
	.captcha {
		margin:0.5em 0;
		width:200px;
		text-align:center
	}
	.captcha img {border:1px solid #F60; margin-bottom:0.5em}
	.captcha input {width:196px; margin-top:0.5em}

	/* Just a bit more room for the Submit button */
	.submit {margin-top:0.5em}
       .fbsubmit { margin-left: 150px; }

div.NewsSummary {  background: #e0e0e0; padding: 0px 0px 5px 0px ; margin-bottom: 15px; }
div.NewsSummary div.NewsItemTitleBar { 
    padding: 3px 5px; 
    background: #727272; 
    color: #fff; 
    height: 15px;
}
    div.NewsItemTitleBar div.NewsSummaryLink { float: left; font-weight: bold; }
    div.NewsItemTitleBar div.NewsSummaryPostdate { float: right; }
        div.NewsSummaryLink a { text-decoration: none; font-weight: bold; color: #fff; }
        div.NewsSummaryLink a:hover { text-decoration: underline; }
div.NewsSummary div.NewsSummarySummary { padding: 5px;  }
div.NewsSummary div.NewsSummaryMorelink { display: none; margin-left: 5px; }
/* End of 'denotendop' */