/* 	Stylesheet 	Chronick PRO Template NLP Coaches
				http://nlp.cgprojects.nl/
	Datum: 		11/06/2009
	Auteur: 	Michiel Heijmans
				ServiceSites International B.V.
				http://servicesites.com
	------------------------------------
	Versie:		2.0
	
	LGR			E2F4C2
	DGR			3D9501
	GL			FBC815
	RD			F57273
	BL			96B5E4
	txt			7F7F7F
	quote		195857
	
*/

*		{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: verdana, arial, sans-serif;
	color:#7F7F7F;
}
body {
	background-color:#96B5E4;
	text-align:center;
}
body * {line-height:150% }
#container { font-size:1.1em }
h1		{text-indent:-10000px;}
h1 img	{border:0;}
h1 a	{
	display:block;
	color:#FFF;
	text-decoration:none;}
h2		{color:#3D9501;font:2em "trebuchet ms", verdana, arial, sans-serif;}
h3		{font-size:1.2em;color:#7F7F7F;}
a		{color:#3D9501;text-decoration:underline;}
a:hover	{text-decoration:none;}
td,th	{vertical-align:top;}
img		{border:0;}

#container {
	width:940px;
	background-color:#FFF;
	padding:0 10px;
	text-align:left;
	margin:0 auto;}
#header {height:179px;overflow:hidden;}
#logo {
	width:189px;
	float:left;
	height:179px;
	overflow:hidden;
	color:#4E4E4E;
	margin:0 18px 0 0;
}
#logo h1 {background:url(chronickLogo.jpg) no-repeat center;height:67px;}
#logo a {display:block;width:100%;height:100%;}
#logo h4 {color:#3D9501;font:20px "trebuchet ms", verdana, arial, sans-serif;margin:14px 0 0;}

#sidebar {float:left;width:190px;margin:0 18px 0 0;}
#sidebar .banner {margin:8px 0 0;overflow:hidden;width:190px;}

#holder {float:left;width:732px;}

#centralimage {
	float:left;
	background:url(headerHome.jpg) no-repeat 0 0;
	width:733px;
	height:179px;
	overflow:hidden;}
#centralimage h2 { line-height:120%; margin:77px 5px 0px 5px; padding:0; }


#crumble {
	color:#7F7F7F;
	padding:6px 10px 6px 216px;
	border-bottom:1px solid #D9D9D9;
	margin:0 0 10px;
	font-size:10px;}
#crumble a {color:#7F7F7F;}
#crumble span {float:right;}
#crumble a.maf {background:url(mailIcon.gif) no-repeat 0 4px;padding:0 0 0 18px;}
#crumble a.print {background:url(printIcon.gif) no-repeat 0 2px;padding:0 0 0 18px;}

#content {float:left;width:680px;padding:0 5px 0 12px;}
#maintext {margin:20px 0 0;padding:0 10px 0 0;}
#maintext p:first-child {color:#3D9501;}
#maintext p:first-child strong {font-weight:normal;}
#pgrey p:first-child {color:#7F7F7F;}

#news {padding:0 10px 0 0;color:#3D9501;}
#news h3 {color:#3D9501;font:20px "trebuchet ms", verdana, arial, sans-serif;}
#news ul {margin:0 0 10px 20px;}
#news a {color:#7F7F7F;}
#news p.more {text-align:right;color:#7F7F7F;}
#news p.more a span {text-decoration:none;}

ul#nieuwsarchief {margin:0 0 20px 0;list-style:none;}
ul#nieuwsarchief li {padding:0 0 10px;margin:0 0 10px;border-bottom:1px dotted #CCC;}
ul#nieuwsarchief a.nwstitel {color:#3D9501;font-weight:bold;text-decoration:none;}

.text .archief, .text .listlatest {margin:0 0 10px 15px;}
.archief li a, .listlatest li a {color:#3D9501;}
.archief li {text-transform:capitalize;}

#extra {
	float:left;
	width:261px;
	overflow:hidden;
	padding:0 0 20px 15px;
	margin:0 0 40px;}
div.banner {
	border:1px solid #D8D4D5;
	color:#797979;
	margin:0 0 10px;
	padding:0;}
div.click { cursor:pointer }
#extra .banner .in {width:237px;padding:10px;}

#sidebar #extra {float:none;padding:23px 20px 0 0;border:0;width:257px;}
#sidebar #extra .banner .in {width:233px;}

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

.text {}
.text img {margin:10px;}
.text p {padding:0 0 10px;}
.text blockquote {margin:0 0 10px;padding:10px;background-color:#FFF7D3;}
.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 div {margin:0 0 3px;}
#contact form fieldset label {display:block;float:left;width:180px;}
#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:245px;}
#contact form fieldset select {width:257px;}
#contact form fieldset textarea {width:424px;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;}

.clearfloat {clear:both;height:0px;font-size:0.1em;padding:0;margin:0;}

#footer {
	background-color:#E2F4C2;
	color:#3D9501;
	font-size:10px;
	line-height:1.2em;
	padding:10px 20px;
	margin:10px 0 0;
	border-bottom:10px solid #FFF;}
#footer img {float:left;padding:5px 5px 20px 0;}
#footer a {color:#3D9501;}
#footer span {float:right;}


/* Variabele positionering adres moet geprogrammeerd worden */


/* Begin CSS Popout Menu -------------------------------------------------------------------------------------- */
#menu, .submenu {
	position:relative;
	z-index:2;
	width:190px;
	border-top:1px solid #CDE58F;}
#menu a {
	font-size:12px;
	display:block;
	white-space:nowrap;
	margin:1px 0;
	padding:3px 10px 3px 20px;
	color:#3D9501;
	background:#E2F4C2 url(menu.gif) no-repeat 10px 10px;
	text-decoration:none;}
#menu .submenu {background-color:#FFF;}
#menu li {border-bottom:1px solid #CDE58F;}
#menu a:hover, #menu a.current {color:#333;font-weight:bold;}
#menu ul {list-style:none;margin:0;padding:0;width:100%;}
#menu .submenu a {background-color:#D6EFA7;}

/* Requirement: Put the element selector name (div) onto non anchor hover selectors to force IE5 and 5.5 to correctly apply the csshover file. */
div#menu li, div#menu li:hover {position:relative;}
div#menu li ul {position:absolute;top:-2px;left:190px;display:none;width:190px;}
div#menu li ul li {	margin:1px 0;} /* smaller maken submenu */
div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul {display:none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul {display:block;}
/* End non-anchor hover selectors */

/* Styling for Expand */
#menu a.x:hover {}

/* Eind CSS Popout Menu */

/* ie7 */
*+html #menu li ul {top:-1px;}
*+html #menu li ul li {margin:0;}

/* ie6 */
* html #holder {width:727px;}
* html #extra {padding-left:10px;}
* html #menu li ul {top:-1px;}
* html #menu li ul li {margin:0;}