/* 	Stylesheet 	Chronick PRO Template #1
				http://pro.cgprojects.nl/
	Datum: 		07/07/2008
	Auteur: 	Michiel Heijmans
				ServiceSites International B.V.
				http://servicesites.com
	------------------------------------
	Versie:		1.0
*/

*		{margin:0;padding:0;}
html	{overflow-y: scroll}
body {	font-size:62.5% }
a, td, th, textarea, input {font-size:1em}
body, a, td, th, textarea, input {
	font-family: "trebuchet ms",verdana, arial, sans-serif;
	color:#000;
}
body {background-color:#FFF;text-align:center;}
h1		{font-size:3em;color:#FFF;margin:0 20px;}
h1 span	{display:none;}
h1 img	{border:0;}
h1 a	{color:#FFF;text-decoration:none;}
h2		{font-size:2.4em;color:#333;}
h3		{font-size:1.8em;color:#69C;}
a		{color:#69C;text-decoration:underline;}
a:hover	{text-decoration:none;}
td,th	{vertical-align:top;}
img		{border:0;}

#container {width:960px;text-align:left;margin:0 auto;}
#header {background:#69C none bottom left no-repeat;height:100px; position:relative; } /* 140708 toegevoegd */
#logo {position:absolute;top:0px;left:0px;width:200px;height:100px; }
#logo h1 { height:100%;background-repeat: no-repeat; background-position: bottom left;  padding:0;margin:0 5px; }
#logo a { display:block;height:100%; font-size:13px; text-align:left; }
#centralimage { position:absolute; top:0px; left:0px; height:100px; width:960px;overflow:hidden; }
#centralimage h2 { line-height:120%; margin:37px 5px 0px 210px; padding:0; }

#holder {background-color:#FFF;border:1px dotted #69C;border-width:0 1px 1px;padding:0 0 20px;}

#menu {font-size:12px;background-color:#000;color:#FFF;padding:0 10px;}
#menu ul {margin:0;}
#menu li {display:block;float:left;}
#menu a {padding:5px 10px;color:#FFF;display:block;text-decoration:none;}
#menu a:hover, #menu a.current {text-decoration:none;background-color:#666;}

#content {float:left;width:643px;padding:20px;}
#maintext {margin:20px 0 0;}
#extra {float:left;width:234px;overflow:hidden;padding:20px;border-left:1px dotted #CCC;}

#extra ul {list-style:square;margin:0 0 10px 15px;}
#extra li {font-size:12px;}

#submenu {font-size:12px;color:#333;}
#extra #submenu ul {list-style:none;margin:0 0 20px;}
#submenu li {padding:5px 0;border:1px solid #DDD;border-width:0 0 1px;}
#submenu li a {display:block;text-decoration:none;color:#333;}
#submenu li a:hover, #submenu li a.current {text-decoration:underline;}
#submenu .filler {padding:5px 0;}

.promo {background-color:#EEE;border:1px solid #DDD;padding:10px;margin:10px 0 0;overflow:hidden;} /* 100708 toegevoegd */
.promo .text {width:210px;overflow:hidden;} /* 100708 toegevoegd */
.promo .text img {padding:0;margin:0;} /* 100708 toegevoegd */

#warning {border:1px solid #F00;padding:5px 10px;}

.text {font-size:12px;}
.text img {margin:10px;}
.text p {padding:0 0 10px;}
.text blockquote {margin:0 0 10px;padding:0 10px;border-left:2px solid #666;}
.text ul {list-style:square;margin:0 0 10px 25px;}
.text ol {margin:0 0 10px 30px;}

#contact form {margin:20px 0;}
#contact form fieldset {border:0;}
#contact form fieldset label {display:block;float:left;width:200px;font-size:12px;}
#contact form fieldset label.message {float:none;display:inline;}
#contact form fieldset input, #contact form fieldset textarea {border:1px solid #CCC;padding:3px 5px;}
#contact form fieldset input.text {width:280px;}
#contact form fieldset select {width:292px;}
#contact form fieldset textarea {width:480px;height:100px;}

/*MEDIA*/
.photoblock {}
.photoblock ul {list-style:none;}
.photoblock ul li {float:left; margin:1px 3px 1px 4px;}
.photoblock img {border:1px solid #D9D9D9; padding:3px;}

.videoblock {float:left; margin:1px 5px;}
.videoblock object {border:1px solid #D9D9D9; padding:5px; display:block;}

.text .archief {margin:0 0 10px 15px;}
.archief li {text-transform:capitalize;}

.clearfloat {clear:both;height:0px;font-size:1px;}

#footer {color:#666;padding:20px;} /* 140708 toegevoegd */
#footer a {color:#666;} /* 140708 toegevoegd */

/* Variabele positionering adres moet geprogrammeerd worden */

/* banners! */
div.click { cursor:pointer }