@charset "utf-8";
/* CSS Document */

/* Algemene opmaak*/
body{
margin: 10px 0px 0px 0px;
font: 0.8em Tahoma,Verdana, sans-serif;
}

p{
margin: 0px;
padding: 0px;
}

h2 {
padding:0px;
margin: 0px;
font-weight: normal;
}

form {
margin: 0px
padding: 0px;
}

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

li{
float:left;
margin-right: 10px;
display: inline;
}

a{
text-decoration:none;
color:#959595;
}

a:hover{
color:#CC0066;
}

img{
border: 0px;
}

#head{
width: 750px;
height: 70px;
margin: 0 auto;
}

#head-left{
width: 550px;
height: 49px;
float: left;
}

#head-right{
width: 198px;
height: 26px;
float: left;
text-align:right;
border-right: 2px #959595 solid;
}


#head-right p{
position: relative;
top: -4px;
right: 2px;
}

#item{
margin: 0 auto;
width: 750px;
height: 353px;
}

	#item-above{
	height: 30px;
	border-bottom: 2px #959595 solid;
	height: 30px;
	}
	
		#item-above-left{
		width:400px;
		float: left;
		height: 30px;
		}
		
		#item-above-left img{
		position: relative;
		top: 10px;
		}
		
		#item-above-right{
		width:350px;
		float: right;
		text-align:right;
		height: 30px;
		}
	
	#item-image{
	position: relative;
	top: 6px;
	height: 220px;
	width: 750px;
	}
	
	#item-text{
	width: 750px;
	height: 100px;
	font-size:12px
	}
	
		#item-text-left{
		width: 400px;
		height: 27px;
		float: left;
		color:#6c6c6c;
		}
		
		#item-text-right{
		width: 350px;
		height: 21px;
		float: right;
		padding: 6px 0px 0px 0px;
		text-align: right;
		color:#959595;
		}
		
		#ptext p{
		width: 600px;
		padding-bottom: 10px;
		float: left;
		}
		

		
		#downloads{
		float:right;
		width: 150px;
		text-align:right;
		}
		
		
	
#showcase{
width: 800px;
margin: 0 auto;
height: 95px;
position: relative;
left: 25px;
}

	#showcase-above{
	height: 30px;
	width: 750px;
	border-bottom: 2px #959595 solid;
	}
	
	#showcase-above img{
	position: relative;
	top: 10px;
	}
	
	#showcase-images{
	position: relative;
	top: 6px;
	height: 67px;
	}
	
	#showcase-images img{
	border: 1px #959595 solid;
	}

#about{
display: none; 
border: 1px solid #d2d2d2; 
width: 483px; 
height: 125px; 
background: #fff; 
filter:alpha(opacity=85);
-moz-opacity:.85;	
opacity:.85; 
position: absolute; 
top: 22px;
left: 50%;
margin-left: -110px;
font-size:11px;
}

	#about p{
	position: relative;
	padding-top: 8px;
	margin-left: 8px;
	}
	
	#about img{
	float: right;
	position: relative;
	top: -5px;
	margin-right: 10px;
	}

#contact{
display: none; 
border: 1px solid #d2d2d2; 
width: 350px; 
height: 340px;
background: #fff; 
filter:alpha(opacity=85);
-moz-opacity:.85;
opacity:.85; 
position: absolute; 
top: 36px;
left: 50%;
margin-left: 23px;
font-size: 11px;
}

	.kruisjecontact{
	left:330px;
	position: relative;
	top: 5px;
	margin-right: 10px;
	}

	#contact form{
	margin-left: 10px;
	}
	
			#formulierfout {
				position: absolute;
				top: 175px;
				left: 50%;
				margin-left: -150px;
				width: 300px;
				background: #fff;
				padding: 10px 5px 5px 5px;
				filter:alpha(opacity=75);
				-moz-opacity:.75;
				opacity:.75;
				height: 85px;
			}
			
			#formulierfout a {
				float: right;
				margin: 5px 3px 0px 0px;
			}

		.textform{
		margin: 0px;
		padding-top: 8px;
		}
		
		textarea {
		display:block;
		margin-bottom: 8px;
		}
		
		#contact form img {
		margin-bottom: 8px;
		}
		
		#contact input{
		border: 1px solid #959595;
		}
		
		.contact-data-captcha {
			border: 1px solid #959595;
			width: 80px;
			height: 21px;
			padding: 4px 4px 0px 4px;
			margin: 0px 0px 10px 0px;
			display: block;
		}
		
		
		.contact-data-captcha-fout {
			border: 1px solid #ff0000;
			width: 80px;
			height: 21px;
			padding: 4px 4px 0px 4px;
			margin: 0px 0px 10px 0px;
			display: block;
		}
		
		.verstuurbutton{
		border: 1px solid #959595;
		background: #e6e6e6;
		position: relative;
		top: 7px;
		height: 25px;
		}

		p.fout {
		    color: #FF0000;
		}
		

	
/*   #################   */
/*         Admin         */
/*   #################   */

#admin-item {
margin: 0 auto;
width: 750px;
}

#admin-toevoegen {
	position: relative;
	left: 150px;
}

#admin-menu {
	float: left;
	width: 150px;
	text-transform: capitalize;
}

#admin-content {
	float: left;
	width: 600px;
} 
	

	#admin-menu a:hover{
	color:#CC0066;
	text-decoration:underline;
	}

	#admin-content textarea {
	width: 292px;
	height: 150px;
	}

	#admin-content p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
	.admintonen{
	color:#CCCCCC;
	}

label {
	float: left;
    width: 450px;
    height: 25px;
	display: block;
}

select {
	margin-bottom: 15px;
}