/**
  * Standaard-stylesheet voor [PROJECTNAAM]
  *
  * @copyright 2008 Slik BV  * @version $Id$
  */


/* RESETCODE VOOR BROWSER COMPATIBILITEIT *********************/
img { border: 0;}
hr { display: none;}
p, form, ul, li, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
ul, li { list-style-type: none;}
h1 span, h2 span { display: none;}
hr { display: none;}
.clear, .break { clear: both;}
a { outline: none; }

body {
	font-family: arial, Tahoma, Verdana, Helvetica;
	font-size: 11px;
	background-color: #fff;
	text-align: center;
}

#main {
	width: 816px;
	text-align: left;
	position: relative;	
	margin: 0pt auto;
}

.break {
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
}


/** header **/

.header {
	background: #fff;
	margin: 10px 0 10px 0;
* 	margin: 10px 0 0 0;	
	height: 140px;
	width: 816px; }
	a.headerImage {
		display: block;
		height: 74px;
		width: 303px; 
		margin: 0 0 0 10px;
		background: url('../gfx/header_image.gif') no-repeat; }
	a.headerRightImage {
		display: block;
		width: 235px;
		height: 133px;
		background: url('../gfx/header_image_002.gif') no-repeat; 
		top: 7px;
		left: 582px;
		position: absolute; }
ul#navigation {
	float: left;
	padding: 1px 1px 1px 22px;
	width: 552px;
* 	width: 575px;	
	margin: 0;
	background: #403C3C;
	display: block;
	top: 110px;
	position: absolute;
	list-style-type: none; }
	ul#navigation li {
		display: inline; 
		float: left;
		padding: 7px; }
		ul#navigation li a {
			color: #fff;
			font-family: arial;
			font-size: 90%;
			text-decoration: none;
			padding: 3px 5px 2px 5px; }
			ul#navigation li a:hover, ul#navigation li a.active {
				background: #EDE02B;
				color: #403C3C; }
				
/** content **/

.content { 
	margin: 0;
}
		
/** content groot **/
.contentGroot {
	width: 575px;
	margin: 0;
	padding: 0; }
	.contentGroot p {
		padding: 5px 30px 12px 10px;
		color: #403C3C; }
	.contentGroot a {
		color: #00B6D1; }
	.contentGroot a.green {
		color: #619320; }
	.contentGroot h3.header {
		background: #E30087;
		height: 14px;
		top: 0;
		margin: 0;
*		height: 5px;
		width: 545px;
*		width: 575px;
		padding: 12px 15px 10px 15px;
		font-size: 95%;
		text-transform: uppercase;
		color: #000000;
		margin-bottom: 10px;
		font-weight: normal; }
	.contentGroot h4.header {
		background: #00B5D1;
		height: 10px;
		width: 545px;
*		width: 575px;
		margin-bottom: 10px;
		padding: 8px 15px 10px 15px;
		font-size: 95%;
		text-transform: uppercase;
		color: #000000;
		font-weight: normal; }
	.contentGroot ul {
		margin: 0;
		left: 0px;
		padding: 1px 10px 1px 13px; }
		.contentGroot ul li { 
			background: url('../gfx/ul_background.gif') no-repeat 0px 7px;
			padding: 2px 0 4px 16px;
			list-style-type: none; }
	.contentGroot a.startImage {
		height: 145px;
		width: 489px;
		display: block;
		position: absolute;
		top: 575px;
		left: 15px;
		background: url('../gfx/beginnen_maar.jpg') no-repeat; }
		
	/**.contentGroot a.startImage {
		float: left;
		height: 100px;
		width: 487px;
		margin: 0 0 0 15px;
		display: block;
		background: url('../gfx/beginnen_maar.gif') no-repeat; } **/
	
.blokken {
	float: left;
	width: 103px;
	margin: 0 5px 10px 13px; }
	.blokken p {
		color: #fff;
		width: 15px;
		padding: 2px 0 0 2px;
		margin: 0;}
a#blok1, a#blok2, a#blok3, a#blok4, a#blok5, a#blok6 {
	margin-top: 4px;
	text-decoration: none; }	

.blokken a {
	background: #D9D8D8; }		
			
a#blok1 {
	display: block;
	width: 103px;
	float: left;
	height: 23px; }
	.blokken .active1 {
	background: #006838; }
		
a#blok2 {
	display: block;
	float: left;
	width: 103px;
	height: 33px; }
	.blokken .active2 {
	background: #E30087; }
	
a#blok3 {
	display: block;
	width: 50px;
	float: left;
	height: 33px; }
	.blokken .active3 {
	background: #00B5D1; }
	
a#blok4 {
	float: right;
	display: block;
	width: 50px;
	height: 33px; }
	.blokken .active4 {	
	background: #CA9300; }
	
a#blok5 {
	display: block;
	width: 50px;
	float: left;
	height: 33px; }
	.blokken .active5 {
	background: #8BC53F; }
	
a#blok6 {
	float: right;
	display: block;
	width: 50px;
	height: 33px; }
	.blokken .active6 {
	background: #FF0000; }

ul.omschrijvingBlokken {
	float: right;
	width: 430px;
	padding: 0 15px 0 0; }
	ul.omschrijvingBlokken li {
		background: none;
		padding: 5px;
		margin: 0; }
		ul.omschrijvingBlokken li a {
			text-decoration: none; 
			font-weight: bold;}
			
a.li1 {
	color: #006838; }
a.li2 {
	color: #E30087; }
a.li3 {
	color: #00B5D1; }
a.li4 {
	color: #CA9300; }
a.li5 {
	color: #8BC53F; }
a.li6 {
	color: #FF0000; }
	


/** content klein **/
.contentKlein {
	float: right;
	width: 233px;
	margin: 0;
	margin-bottom: 20px;
	padding: 0; }
	.contentKlein .kleinBlok {
		width: 204px;
*		width: 232px;
		border: 14px solid #D8D8D8;
		height: 191px;
		display: block;
		margin: 0 0 0px 0;
		float: right;
		background: ;}
	.contentKlein #kleinBlok1 {
		text-align: center;
		margin-bottom: 20px; }
		.contentKlein #kleinBlok1 p {
			font-size: 90%;
			text-align: center;
			text-transform: uppercase;
			color: #008EBB; 
			margin: 3px 0 0 0;}
		.contentKlein #kleinBlok1 a.grap {
			display: block;
			width: 134px;
			margin: 7px 10px 7px 35px; 
*			margin: 6px 0;
			height: 42px;
			background: url('../gfx/a_grap.gif') no-repeat; }
		.contentKlein #kleinBlok1 a.lovepop {
			display: block;
			width: 104px;
			margin: 10px 10px 9px 50px;
*			margin: 5px 0;
			height: 40px;
			background: url('../gfx/a_lovepop.gif') no-repeat; }
		.contentKlein #kleinBlok1 a.nhpop {
			display: block;
			width: 82px;
			margin: 5px 10px 5px 61px;
*			margin: 5px 0;
			height: 53px;
			background: url('../gfx/a_nhpop.gif') no-repeat; }

		.contentKlein #kleinBlok2 p {
			font-size: 95%;
			text-transform: uppercase;
			padding: 12px 10px 2px 20px; }
		.contentKlein #kleinBlok2 ul {
			list-style-type: none;	
			font-size: 95%;
			padding: 2px 10px 5px 20px;
			margin-left: 0; }
			.contentKlein #kleinBlok2 ul li {
				padding: 1px 0; }
			.contentKlein #kleinBlok2 ul a {
			text-transform: uppercase;	
			color: #00B6D1;	
			text-decoration: none; }
			
			.wolkje {
				color: #E30087;
				display: block;
				background: url('../gfx/praat_wolkje.gif') no-repeat;
				height: 44px;
				width: 102px;
				position: absolute;
				top: 593px;
*				top: 576px;
				left: 690px; }
			#kleinBlok2 .wolkje p {
				width: 100px;
				padding: 12px 8px;
				font-size: 82%; }

			.googleAdds {
				margin: 0 0 20px 20px;
			}
			.googleAddsHorizontal {
				text-align: center; }

/** stageplan maken **/

/** step 1 **/

form.step1 {
	padding: 2px 10px 10px 10px; }
	form.step1 input {
		border: 1px solid #00B5D1; }
	form.step1 .invoer {
		width: 320px; }
	form.step1 span {
		color: #E30087;
		font-size: 69%;	}
	form.step1 .submit1 {
		background: #00B5D1;
		width: 50px;
		font-size: 69%;
		float: right; }


/** step 2 **/

.stageplanMaken {
	width: 785px;
*	width: 815px;
	padding: 15px;
	background: #00B5D1; }
	.stageplanMaken a {
		color: #000;
		text-decoration: none;
		
		font-size: 80%; }
	.stageplanMaken a em {
		text-decoration: none;
		background: #EDE02B;
		margin: 0;
		padding: 0 2px;
		font-style: normal; }
	.stageplanMaken h5 {
		 font-size: 70%;
		 margin: 0;
		 padding: 0;}

td.apparatuur {
	text-align: center;}
	td.apparatuur:hover, td.apparatuur.hover {
		background: #98E4F0;
	}

.step2bottom {
	height: 30px;
	width: 815px;
	}.step2bottom {
		color: #000;
		background: #E30087; }
	.step2bottom input {
		font-size: 90%;
		float: left;
		margin: 5px 12px 3px 15px;
		border: 1px solid #00B5D1; }
	.step2bottom p {
		margin: 0px 5px 2px 0; }
		

table.apperatuur tr td {
	width: 76px; }
	table.apperatuur tr td span {
		height: 40px;
		display: block; }
	table.apperatuur tr td a {
		font-size: 80%; }

/** step 3 **/

form.step3form {
	margin-top: 10px;
	font-size: 70%; } 
	form.step3form strong {
		font-size: 70%; }
	form.step3form input {
		font-size: 70%;
		border: 1px solid #00B5D1; }
	form.step3form span {
		font-size: 70%;
	}

/** step 4 **/

form.step4form {
	margin: 0 0 30px 10px;
	font-size: 70%; } 
	form.step4form strong {
		font-size: 70%; }
	form.step4form input {
		border: 1px solid #00B5D1;
		font-size: 70%; }
	form.step4form span {
		font-size: 70%;
		color: #E30087;	}

/** step 5 **/

form.step5form {
	margin: 0 0 30px 10px;
	font-size: 70%; } 
	form.step5form strong {
		font-size: 70%; }
	form.step5form input {
		border: 1px solid #00B5D1;
		font-size: 70%; }
	form.step5form span {
		font-size: 70%;
		color: #E30087;	}
		
/** step 6 **/

form.step6form {
	margin: 5px 10px 5px 133px; }
	form.step6form input {
		border: 1px solid #00B5D1;
		font-size: 85%; }
	form.step6form textarea {
		font-family:  arial;
		border: 1px solid #00B5D1;
		font-size: 100%;
		margin-bottom: 5px; }

/** view.php **/

form.searchform {
	margin: 5px 10px 5px 3px; }
	form.searchform input {
		border: 1px solid #00B5D1;
		font-size: 75%; }
	form.searchform span {
		font-size: 70%;
		color: #E30087;	}

table.viewTable {
	font-size: 100%; }
	
form.printForm { }
	form.printForm input {
		border: 1px solid #00B5D1;
		font-size: 79%; }

form.aanpassenForm {
	margin-left: 10px; }
	form.aanpassenForm input {
		border: 1px solid #00B5D1;
		font-size: 79%; }		

form.formInlog {
	margin-left: 10px; }
	form.formInlog input {
		font-size: 95%; 
		border: 1px solid #00B5D1;
	}

/** admin **/

table.tableAdmin {
	font-size: 100%; 
	margin-left: 10px;}
	table.tableAdmin input {
		font-size: 96%;
		border: 1px solid #00B5D1; }
	input.volgendeResultaten {
		font-size: 96%;
		border: 1px solid #00B5D1;
		margin: 0 0 10px 11px;
	}

/** partners **/

table.partners {
	font-size: 100%;
}

/** footer **/

div#footer {
	margin: 0;
	padding: 0;
	top: 0;
	text-transform: uppercase;
	width: 816px;
	height: 30px }
	div#footer p {
		padding-top: 7px;
		margin-top: 0; }
	div#footer .leftFooter {
		float: left;
		color: white;
		width: 575px;
		height: 30px;
		background: #403C3C; }
		div#footer .leftFooter p {
			float: right; 
			margin-right: 12px;}
			div#footer .leftFooter a {
				text-decoration: none;
				color: #EDE02B;}
				div#footer .leftFooter a:hover, div#footer .leftFooter a.hover {
					text-decoration: underline; }
		div#footer .rightFooter {
			float: right;
			width: 232px;
			height: 30px;
			background: #EDE02B; }
			div#footer .rightFooter p {
				margin-left: 10px;
				margin-top: 1px; }
			div#footer .rightFooter a {
				padding: 3px 7px 0 8px;
				color: #000;
				text-decoration: none; }
				div#footer .rightFooter a:hover, div#footer .rightFooter a.hover {
					text-decoration: underline; }		
				
/*#main .footerIndex .leftFooter {
	background: #403C3C url('../gfx/image_footer_index.gif') no-repeat; } */