/*--------------------------------------------------------------------
Basic Style Sheet

Version: 1.0
Copyright: 2008, dicode® VOF - understanding internet
W: www.dicode.nl
E: info@dicode.nl
T: 0570-750680
--------------------------------------------------------------------*/

/* Global
--------------------------------------------------------------------*/
* { 
	color: #000000;
    font-family: verdana,sans-serif;
    font-size: 11px;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

li {
	list-style-type: none;
}

h1 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #203A7F;
	font-size: 12px;
	font-weight: bold;
}

h2 {
	color: #B90201;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 8px;
    padding: 0;
}

h3 {
	margin: 0 0 3px 0;
	padding: 0;
	color: #3c3d3f;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

p {
	margin: 0;
	padding: 0;
	color: #000;
}

a {
	margin: 0;
	padding: 0;
	color: #0D4289;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: url(css/images/bg_site.png) repeat-x center 89px;
}

input {
	margin: 2px 0 0 0;
	padding: 3px;
	border: none;
	background-color: #fff;
	border: 1px #203A7F solid;
	color: #000; 
}

textarea {
	margin: 2px 0 0 0;
	padding: 3px;
	border: none;
	background-color: #fff;
	border: 1px #203A7F solid;
	color: #000;  
}

table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

table td {
	margin: 0;
	padding: 0;
	color: #5d6062;
	height: 25px;
}

div.clear {
	clear: both;
}

div.line {
	position: relative;
	height: 2px;
	background: url(css/images/bg_line.jpg) #ffffff repeat-x;
	margin: 5px 0 5px 0;
}

div#site {
	width: 1000px;
	margin: 0 auto;
}

	/* Header
	---------------------------------------------------------------------*/
	div#site div#header {
		position: relative;
		height: 334px;
		background: url(css/images/img_header.jpg) no-repeat;
	}
	
	div#site div#header div#animation1 {
		position: absolute;
		top: 175px;
		left: 540px;
		background: url(/images/animated1.gif) no-repeat;
		height: 113px;
		width: 227px;
	}
	
	div#site div#header div#animation2 {
		position: absolute;
		top: 175px;
		left: 340px;
		background: url(/images/animated2.gif) no-repeat;
		height: 113px;
		width: 397px;
	}
	
	div#site div#header div#animation3 {
		position: absolute;
		top: 175px;
		left: 340px;
		background: url(/images/animated3.gif) no-repeat;
		height: 105px;
		width: 209px;
	}
	
	div#site div#header div#animation4 {
		position: absolute;
		top: 175px;
		left: 540px;
		background: url(/images/animated4.gif) no-repeat;
		height: 105px;
		width: 209px;
	}
	
	div#site div#header div#animation5 {
		position: absolute;
		top: 175px;
		left: 540px;
		background: url(/images/animated5.gif) no-repeat;
		height: 113px;
		width: 227px;
	}
	
	div#site div#header div#animation6 {
		position: absolute;
		top: 175px;
		left: 540px;
		background: url(/images/animated6.gif) no-repeat;
		height: 113px;
		width: 251px;
	}

		div#site div#header div.aanmelden {
			position: absolute;
			top: 140px;
			left: 350px;
		}

			div#site div#header div.aanmelden div#box1 {
				position: relative;
				float: left;
			}

			div#site div#header div.aanmelden div#box2 {
				position: relative;
				float: left;
				margin-top: 6px;
				margin-left: -15px;
			}

				div#site div#header div.aanmelden div.field input {
					background-color: #fff;
					width: 150px; 	
				}

			div#site div#header div.aanmelden div.button {
				position: absolute;
				top: 5px;
				left: 330px;
			}

	/* content
	---------------------------------------------------------------------*/
	div#site div#content {
		position: relative;
		line-height: 20px;
	}

		div#site div#content div.img_index {
			position: absolute;
			top: -160px;
			left: 342px;
			height: 289px;
			width: 614px;
			background: url(css/images/img_index.jpg) no-repeat;
			z-index: 2;
		}

		div#site div#content div.white {
			position: relative;
			background: #fff;
			width: 34px;
			height: 100px;
			float: left;
		}

		/* content :: left
		---------------------------------------------------------------------*/
		div#site div#content div.left {
			position: relative;
			background: url(css/images/bg_content.jpg) #75defb repeat-x;
			width: 300px;
			float: left;
		}

			div#site div#content div.left div.background {
				background: url(css/images/bg_menu.png) center bottom repeat-x;
				width: 300px;
			}

			div#site div#content div.left div.background div#bnnr {
				position: relative;
				margin-left: 15px;
				margin-top: 5px;
				float: left;
			}

				div#site div#content div.left div.background div#bnnr img {
					position: relative;
					width: 88px;
					height: 234px;
				}

			div#site div#content div.left div.background div.shadowleft {
				float: left;
				position: relative;
				height: 246px;
				width: 9px;
				margin-left: 10px;
				background: url(css/images/bg_shadow.png) no-repeat;
			}	

			div#site div#content div.left div.background div.menu {
				position: relative;
				float: left;
				width: 170px;
			}

				div#site div#content div.left div.background div.menu ul {
					position: relative;
					margin-left: 20px;
				}

					div#site div#content div.left div.background div.menu ul li {
						height: 30px;
						line-height: 30px;
						background: url(css/images/bg_menuline.png) bottom center repeat-x;
						padding-left: 5px;
					}
					
						div#site div#content div.left div.background div.menu ul li.last {
							height: 30px;
							line-height: 30px;
							background: none;
							padding-left: 5px;
						}

					div#site div#content div.left div.background div.menu ul li a {
						color: #c53e59;
						font-size: 12px;
						text-decoration: none;
					}

						div#site div#content div.left div.background div.menu ul li a:hover {
							font-weight: bold;
							text-decoration: none;
						}

						div#site div#content div.left div.background div.menu ul li.active {
							background: url(css/images/bg_li.jpg) no-repeat;
						}

							div#site div#content div.left div.background div.menu ul li.active a {
								color: #ffffff;
							}

			div#site div#content div.left div.background div.submenu {
				margin-left: 15px;
				float: left;
			}

				div#site div#content div.left div.background div.submenu ul {
					float: left;
				}

					div#site div#content div.left div.background div.submenu ul li {
						margin-top: 0px;
					}

					div#site div#content div.left div.background div.submenu ul li a {
						color: #be0000;
						font-size: 11px;
						text-decoration: none;
					}

						div#site div#content div.left div.background div.submenu ul li a:hover {
							text-decoration: underline;
						}

						div#site div#content div.left div.background div.submenu ul li.active {
						}

							div#site div#content div.left div.background div.submenu ul li.active a {
							}				
			
			div#site div#content div.left div.background div.sections {
				float: left;
				margin-left: 70px;
			}

				div#site div#content div.left div.background div.sections ul {
					float: left;
				}

					div#site div#content div.left div.background div.sections ul li {
						margin-top: 0px;
					}

					div#site div#content div.left div.background div.sections ul li.green a {
						color: #228f3e;
						font-size: 11px;
						text-decoration: none;
					}
					
					div#site div#content div.left div.background div.sections ul li.red a {
						color: #c1001f;
						font-size: 11px;
						text-decoration: none;
					}
					
					div#site div#content div.left div.background div.sections ul li.blue a {
						color: #32348e;
						font-size: 11px;
						text-decoration: none;
					}

						div#site div#content div.left div.background div.sections ul li a:hover {
							text-decoration: underline;
						}

			div#site div#content div.left div.background div.line {
				width: 277px;
				background: url(css/images/img_line.jpg) no-repeat;
				margin-left: 15px;
				margin-top: 15px;
				margin-bottom: 10px;
			}
	
		/* content :: center
		---------------------------------------------------------------------*/
		div#site div#content div.center {
			position: relative;
			float: left;
			width: 432px;
			background: url(css/images/bg_content.jpg) #75defb repeat-x;
		}
		
			div#site div#content div.center.fun {
				position: relative;
				float: left;
				width: 631px;
				background: url(css/images/bg_content.jpg) #75defb repeat-x;
			}

			div#site div#content div.center div.text {
				position: relative;
				margin-left: 20px;
				margin-right: 20px;
				margin-bottom: 20px;
			}

				div#site div#content div.center div.text a {
					color: #C1001F;
				}
				
				div#site div#content div.center div.text li {
					list-style: disc;
				}
				
				div#site div#content div.center div.text a {
					color: #C1001F;
				}

				div#site div#content div.center div.text div.line {
					background: url(css/images/img_line.jpg) repeat-x;
				}

		div#site div#content div.shadowright {
			float: left;
			position: relative;
			margin-top: 130px;
			height: 246px;
			width: 1px;
			background: url(css/images/bg_line.png) no-repeat;
		}
		
		
			/* content :: center :: fun
			---------------------------------------------------------------------*/
			div#site div#content div.center div#fun {
				position: relative;
				background: url(css/images/bg_fun.jpg) no-repeat;
				height: 355px;
				width: 610px;
			}
			
			div#site div#content div.center div#fun div#kleurplaat {
				position: absolute;
				top: 55px;
				left: 26px;
			}
			
			div#site div#content div.center div#fun div#kleurplaat a {
				margin-right: 9px;
				color: #ffffff;
				font-weight: bold;
				text-decoration: none;
			}
			
			div#site div#content div.center div#fun div#masker {
				position: absolute;
				top: 130px;
				left: 26px;
			}
			
			div#site div#content div.center div#fun div#masker a {
				color: #ffffff;
				letter-spacing: -1px;
				text-decoration: none;
			}
			
			div#site div#content div.center div#fun div#media {
				position: absolute;
				top: 203px;
				left: 26px;
			}
			
			div#site div#content div.center div#fun div#media a {
				color: #ffffff;
				letter-spacing: -1px;
				text-decoration: none;
			}
			
			div#site div#content div.center div#fun div#tom {
				position: absolute;
				top: 25px;
				left: 265px;
			}
			
			div#site div#content div.center div#fun div#to {
				position: absolute;
				top: 120px;
				left: 322px;
			}
			
			div#site div#content div.center div#fun div#tilly {
				position: absolute;
				top: 103px;
				left: 498px;
			}
			
			div#site div#content div.center div#fun div#tummy {
				position: absolute;
				top: 210px;
				left: 521px;
			}
			
			div#site div#content div.center div#fun div#timmy {
				position: absolute;
				top: 177px;
				left: 356px;
			}
			

				/* content :: center :: news
				---------------------------------------------------------------------*/
				div#site div#content div.center div.text div.box {
				}

					div#site div#content div.center div.text div.box img {
						float: left;
						padding-right: 20px;
						margin-bottom: 10px;
					}
					
					div#site div#content div.center div.text div.box div.inhoud {
						float: left;
						width: 240px;
					}
					
						div#site div#content div.center div.text div.box div.inhoud p {
							float: left;
							width: 240px;
							font-size: 10px;
						}

					div#site div#content div.center div.text div.box div.title {
						color: #C1001F;
					    font-size: 11px;
					    font-weight: normal;
					    margin: 0;
					    text-transform: uppercase;
					}

					div#site div#content div.center div.text div.box div.inhoud div.date {
						color: #C1001F;
						font-size: 10px;
						font-weight: normal;
						margin:	0;
					}
					
					div#site div#content div.center div.text div.box div.inhoud div.more {
						margin-top: 5px;
					}

						div#site div#content div.center div.text div.box div.more a {
							color: #C1001F;
							text-decoration: none;
						}

							div#site div#content div.center div.text div.box div.more a:hover {
								color: #C1001F;
								text-decoration: underline;
							}

					div#site div#content div.center div.text div.morenews {
					}

						div#site div#content div.center div.text div.morenews div.date {
							color: #C1001F;
							font-size: 10px;
							font-weight: normal;
						}

						div#site div#content div.center div.text div.morenews div.title {
							margin-bottom: 15px;
						}
						
							div#site div#content div.center div.text div.morenews div.title a {
								color: #5D6062;
					  			font-size: 11px;
							}
							
					div#site div#content div.center div.text div.newsitem div.date {
						color: #C1001F;
						margin-bottom: 5px;
					}
					
					div#site div#content div.center div.text div.newsitem div.back {
						margin-top: 10px;
						float: right;
					}	
					
				/* content :: center :: references
				---------------------------------------------------------------------*/	
				div#site div#content div.center div.text div.block {
					height: 90px;
				}
				
				
				div#site div#content div.center div.text div.block.blue {
					background: #32348e;
				}
				
				div#site div#content div.center div.text div.block.green {
					background: #a6d514;
				}
				
				div#site div#content div.center div.text div.block.red {
					background: #c1001f;
				}
				
					div#site div#content div.center div.text div.block p {
						color: #fff;
						font-size: 10px;
						line-height: 11px;
					}

					div#site div#content div.center div.text div.block img {
						float: left;
						padding-right: 20px;
					}
					
					div#site div#content div.center div.text div.block div.inhoud {
						float: left;
						width: 240px;
						line-height: 14px;
						font-size: 10px;
					}
					
					div#site div#content div.center div.text div.block div.inhoud div.title {
						color: #fff;
					    font-size: 11px;
					    font-weight: normal;
					    margin: 0;
					    text-transform: uppercase;
					    padding-top: 5px;
					}

					div#site div#content div.center div.text div.block div.inhoud div.date {
						color: #fff;
						font-size: 10px;
						font-weight: bold;
						margin:	0;
					}
					
					div#site div#content div.center div.text div.block  div.inhoud div.more {
					}

						div#site div#content div.center div.text div.block div.inhoud div.more a {
							color: #fff;
							text-decoration: none;
						}

							div#site div#content div.center div.text div.block div.inhoud div.more a:hover {
								color: #fff;
								text-decoration: underline;
							}

					div#site div#content div.center div.text div.morenews {
					}

						div#site div#content div.center div.text div.morenews div.date {
							color: #C1001F;
							font-size: 10px;
							font-weight: normal;
						}

						div#site div#content div.center div.text div.morenews div.title {
							margin-bottom: 15px;
						}
						
							div#site div#content div.center div.text div.morenews div.title a {
								color: #5D6062;
					  			font-size: 11px;
							}
							
					div#site div#content div.center div.text div.newsitem div.date {
						color: #C1001F;
						margin-bottom: 5px;
					}
					
					div#site div#content div.center div.text div.newsitem div.back {
						margin-top: 10px;
						float: right;
					}	
					
		/* content :: center :: aanmelden
		---------------------------------------------------------------------*/
		div#site div#content div.center div.text div.aanmelden {
			margin-top: 20px;
		}
			div#site div#content div.center div.text div.aanmelden div.key {
				float: left;
				width: 100px;
				margin-right: 20px;
				font-family: verdana,sans-serif;
				font-size: 11px;
			}
		
			div#site div#content div.center div.text div.aanmelden div.value {
				float: left;
			}
			
				div#site div#content div.center div.text div.aanmelden div.value input {
					width: 180px;
					background-color: #fff;
					border: 1px #203A7F solid;
				}
				
				div#site div#content div.center div.text div.aanmelden div.value select {
					width: 188px;
					height: 20px;
					background-color: #fff;
					border: 1px #203A7F solid;
				}
				
				div#site div#content div.center div.text div.aanmelden div.value option {
					margin-bottom: 2px;
				}
				
					div#site div#content div.center div.text div.aanmelden div.value input.small {
						width: 20px;
						background-color: #fff;
						border: 1px #203A7F solid;
					}
				
				div#site div#content div.center div.text div.aanmelden div.value textarea {
					width: 300px;
					height: 80px;
					background-color: #fff;
					border: 1px #203A7F solid;
					margin-top: 10px;
				}
			
			div#site div#content div.center div.text div.aanmelden div.submit {
				margin-left: 248px;
				margin-top: 20px;
				margin-bottom: 30px;
			}
			
				div#site div#content div.center div.text div.aanmelden div.submit input {
					border: 1px #203A7F solid;
					height: 25px;
					font-family: verdana,sans-serif;
					font-size: 11px;
				}
					
		/* content :: center :: vriendenboek
		---------------------------------------------------------------------*/
		div#site div#content div.center div.text div.key {
			float: left;
			width: 100px;
			margin-right: 20px;
			font-family: verdana,sans-serif;
			font-size: 11px;
		}
		
		div#site div#content div.center div.text div.value {
			float: left;
		}
		
			div#site div#content div.center div.text div.value input {
				width: 180px;
				background-color: #fff;
				border: 1px #203A7F solid;
			}
			
			div#site div#content div.center div.text div.value textarea {
				width: 300px;
				height: 80px;
				background-color: #fff;
				border: 1px #203A7F solid;
				margin-top: 10px;
			}
		
		div#site div#content div.center div.text div.submit {
			margin-left: 248px;
			margin-top: 20px;
		}
		
			div#site div#content div.center div.text div.submit input {
				border: 1px #203A7F solid;
				height: 25px;
				font-family: verdana,sans-serif;
				font-size: 11px;
			}
			
		div#site div#content div.center div.text div.line {
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
		div#site div#content div.center div.text div.name {
			float: left;
			color: #B90201;
			font-size: 12px;
		}
		
		div#site div#content div.center div.text div.date {
			float: left;
			margin-left: 20px;
			color: #203A7F;
			font-size: 10px;
		}
		
		div#site div#content div.center div.text div.message {
			color: #000000;
			font-family: verdana,sans-serif;
			font-size: 11px;
			margin-top: 10px;
		}
		
			div#site div#content div.center div.text div.message p {
				color: #000000;
				font-family: verdana,sans-serif;
				font-size: 11px;
			}
		
		div#site div#content div.center div.text div.box div.message {
			color: #B90201;
			font-family: verdana,sans-serif;
			font-size: 11px;
			margin-bottom: 10px;
		}
		
		/* content :: center :: news
		---------------------------------------------------------------------*/
		div#site div#content div.center div.text div.producten.blue {
			background: #32348e;
			padding: 5px 0 10px 0 ;
			color: #fff;
		}
		
		div#site div#content div.center div.text div.producten.green {
			background: #a6d514;
			padding: 5px 0 10px 0 ;
			color: #fff;
		}
		
		div#site div#content div.center div.text div.producten.red {
			background: #c1001f;
			padding: 5px 0 10px 0 ;
			color: #fff;
		}
		
			div#site div#content div.center div.text div.producten p {
				color: #fff;
			}
		
		div#site div#content div.center div.text div.producten img {
			float: left;
			padding-right: 20px;
			padding-left: 10px;
			margin-top: 10px;
		}
		
		div#site div#content div.center div.text div.producten div.product {
			float: left;
			width: 200px;
			line-height: 14px;
			font-size: 10px;
			margin-right: 5px;
		}
		
		div#site div#content div.center div.text div.producten div.product div.title {
			color: #fff;
		    font-size: 11px;
		    font-weight: normal;
		    margin: 0;
		    text-transform: uppercase;
		    padding-top: 5px;
		}

		div#site div#content div.center div.text div.producten div.product div.date {
			color: #fff;
			font-size: 10px;
			font-weight: bold;
			margin:	0;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		
		div#site div#content div.center div.text div.producten div.product div.more {
			margin-top: 5px;
			color:#c1001f;
			font-weight: bold;
		}

			div#site div#content div.center div.text div.producten div.product div.more a {
				color:#c1001f;
				text-decoration: none;
			}

				div#site div#content div.center div.text div.producten div.product div.more a:hover {
					color:#c1001f;
					text-decoration: underline;
				}
		
		/* content :: center :: contact
		---------------------------------------------------------------------*/
		div#site div#content div.center div.text div.box {
			margin-top: 40px;
		}
		
			div#site div#content div.center div.text div.box div.key {
				float: left;
				width: 100px;
				margin-right: 20px;
				font-family: verdana,sans-serif;
				font-size: 11px;
			}
			
			div#site div#content div.center div.text div.box div.value {
				float: left;
			}
			
				div#site div#content div.center div.text div.box div.value input.error {
					border: 1px red solid;
				}
				
				div#site div#content div.center div.text div.box div.value textarea.error {
					border: 1px red solid;
				}
			
				div#site div#content div.center div.text div.box div.value textarea {
					width: 300px;
				}
				
				div#site div#content div.center div.text div.box div.value select {
					width: 187px;
					border: 1px #203A7F solid;
				}
				
				div#site div#content div.center div.text div.box div.submit input {
					float: left;
				}
		
		/* content :: right
		---------------------------------------------------------------------*/
		div#site div#content div.right {
			position: relative;
			float: left;
			width: 198px;
			background-color: #c6ebfb;
		}
		
			div#site div#content div.right div.banner {
				position: absolute;
				left: 0;
			}
			
			div#site div#content div.right div.image {
				position: absolute;
				left: 15px;
			}
			
	/* content :: footer
	---------------------------------------------------------------------*/
	div#site div#footer {
		position: relative;
		margin-top: 20px;
		margin-bottom: 10px;
	}
		
		div#site div#footer div.left {
			float: left;
			margin-left: 35px;
		}
		
		div#site div#footer div.right {
			float: right;
			margin-right: 35px;
		}
		
			div#site div#footer div.right div.footermenu {
			}
			
				div#site div#footer div.right div.footermenu ul {
				}
				
					div#site div#footer div.right div.footermenu ul li {
						float: left;
						margin-left: 10px;
					}	
			
/* Overige
---------------------------------------------------------------------*/
div.clear {
	clear: both;	
}