/* CSS Document */

@media all {

/* These are standard sIFR styles... do not modify */

	.sIFR-flash { visibility: visible !important; margin: 0; }
	.sIFR-replaced { visibility: visible !important; }
	span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; letter-spacing: 0; }

	* { margin: 0; padding: 0; }
	body { background: #000; font: 11px/16px Arial, Helvetica, sans-serif; color: #fff; }
	img { border: none; }
	p, div#content ul, div#content ol { margin-bottom: 16px; }
	a { color: #d2bcff; text-decoration: underline; }
	a:hover { text-decoration: none; }

	div#container { position: absolute; width: 960px; left: 50%; margin-left: -480px; height: 600px; top: 50%; margin-top: -300px; background: url(../images/bg_home.jpg); }
	
		div#content_filler, div#guestbook_filler { position: absolute; left: 348px; top: 72px; width: 342px; height: 504px; background: #000; opacity: 0.5; -moz-opacity:0.5; }
		
		div#content { position: absolute; left: 365px; top: 92px; width: 308px; height: 464px; padding-right: 18px; overflow: auto; }
			div#content h1 { font-size: 24px; line-height: 24px; margin-bottom: 25px; }
			div#content h2 { font: 11px/16px Arial, Helvetica, sans-serif; font-weight: bold; } 
			
			div#content ul, div#content ol { margin-left: 20px; }
			
			div.nieuwsbericht { position: relative; width: 176px; padding: 0 19px 0 95px; margin-bottom: 16px; }
				div.nieuwsbericht img { position: absolute; top: 0; left: 0; width: 80px; height: 80px; }
				div.nieuwsbericht p { margin: 0; }
				div.nieuwsbericht p.readmore { position: relative; width: 176px; text-align: right; }
					div.nieuwsbericht p.readmore img { position: relative; width: auto; height: auto; }
				div.nieuwsbericht p.back { position: relative; text-align: left; }
					div.nieuwsbericht p.back img { position: relative; width: auto; height: auto; }
				
			div.agenda, div.guestbook { position: relative; background: url(../images/agenda_bottom.gif) repeat-x bottom; padding-bottom: 10px; margin-bottom: 5px; }
				div.agenda p { margin: 0; }
				
				div.guestbook .bluesie { color: #c9f; font-size: 10px; margin-bottom: 10px; }
				
		div#guestbook_filler { display: none; width: 246px; height: 241px; top: 339px; left: 296px; }
		div#guestbook_enter { display: none; position: absolute; width: 222px; height: 233px; top: 347px; left: 312px; }
			input, select, textarea { width: 155px; height: 18px; line-height: 18px; background-color: #000; color: #96f; font: 11px/18px Arial, Helvetica, sans-serif; border: 1px solid #96f; margin-bottom: 7px; }
			div#guestbook_enter textarea { height: 75px; }
			div#guestbook_enter img { border: 1px solid #96f; }

			
		ul#navigation { position: absolute; z-index: 2; left: 70px; top: 129px; text-align: center; list-style: none; }
			ul#navigation li { font-size: 18px; line-height: 20px; background: transparent; position: relative; display: block; clear: both; }
			ul#navigation li.active { color: #9966ff; cursor: pointer; }			
			ul#navigation span { display: block; width: 100px; }
			
		ul#subnavigation { position: absolute; z-index: 2; left: 452px; top: 378px; text-align: center; list-style: none; }
			ul#subnavigation li { font-size: 18px; line-height: 20px; background: transparent; position: relative; display: block; clear: both; }
			ul#subnavigation span { display: block; width: 100px; }
			
		img#logo { position: absolute; left: 31px; top: 509px; }
		img#lijntje { position: absolute; left: 438px; top: 388px; z-index: 2; }
		div#creabea { position: absolute; left: 893px; top: 586px; }
		
		div#logos { position: absolute; top: 557px; left: 720px; width: 240px; display: block; }
		
		.navspacer { position: absolute; top: 0; left: 0; z-index: 50; }
		
		#nieuwsbrief .textinput { width: 70px; }

}

@media print {

	/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }

	span.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; }

}