/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::                                     ::::::::::::::::::::::::::::::::: 
:::::::::::::::::::::::::::::::     © MMIX WEBdesign by XANA        :::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::         Hancrafted Websites         :::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::      http://webdesignbyxana.nl      :::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::                                     :::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/



/* ALGEMEEN */

body {
		background: #000 url(afb/hogweed_whiteonblack2.gif) no-repeat bottom left;
		font: normal .8em/1.4em Verdana, Tahoma, Arial, sans-serif;
		color: #666;
		min-height:700px;
		margin: 0;
		padding: 0;
		}

a, a:visited {
		color: #999999; 
		text-decoration: none;
		}
		
a:hover {  
		color: #333333;
		text-decoration:underline;
		}
		
h1 {		
		font-size:14px;
		font-weight:bold;
		letter-spacing:-1px;
		margin: 20px 30px;
		}

		
/* LAYOUT */

#wrap {
		background: #fff;
		width:780px;
		min-height:600px;
		margin:auto;
		top:100px;
		position:relative;
		border:#666 1px solid;
		z-index:1;}
		

#header {
		background: #fff url(images/titel_wit.jpg) no-repeat top center;
		width:600px;
		height:160px;
		float:right;
		z-index:3;
		}
		
	#menu {
		width:540px;
		height:30px;
		margin:0 30px;
		float:right;
		top:130px;
		position:relative;
		border-bottom:#ccc 1px solid;
		z-index:7;
		}	
		
		#menu_item {
			width:179px;
			height:20px;
			border-right:#ccc 1px solid;
			position:relative;
			float:left;
			margin:0;}
			
		#menu_item2 {
			width:179px;
			height:20px;
			position:relative;
			float:left;
			margin:0;
			}
			
			#menu a:hover {	
					text-decoration: none;
					}
					
			.item {
				font-size:10px; 
				color: #999; 
				margin:auto;
				text-align: center;
				line-height: 20px;
				}	
				
			.active {
				font-size: 14px;
				color: #333; 
				margin:auto;
				text-align: center;
				line-height: 20px;
				}

#sidebar {
		background: #000 url(images/8ergrnd_x.jpg) no-repeat top left;
		width:180px;
		min-height:600px;
		float:left;
		z-index:4;
		}
		
		#sidebar p {
				font-size:10px;
				color:#999;
				line-height:14px;
				margin-left:8px;
				} 
				
		#sidebar a:hover {	
					color:#fff;
					text-decoration: none;
					}
		
	#adres {
			background: #000;
			width:140px;
			height:145px;
			margin:0 22px 0 18px;
			position:absolute;
			bottom:13px;
			z-index:6;
			}

#main {
		background: #fff;
		width: 600px;
		margin:0;
		float:right;
		z-index:2;
		}

		
		#main p {
			margin: 20px 30px 0;
			letter-spacing:-1px;
			}
			
			#portf {
				margin: 20px 30px;
				}
		
			#portf_img {
				width:200px;
				margin: 10px 30px 0 0;
				float:right;
				position:relative;
				border:#000 1px solid;
				}
				
			#portf p{
					margin:4px 10px;
					}
			
		#cform {
				width:350px;
				top:30px;
				left:80px;
				position:relative;
				}
				
			#cform_links {
					width:70px;
					float:left;
					position:relative;
					top:0;
					margin:0;
					}
					
			#cform_rechts {
					width:280px;
					float:right;
					position:relative;
					margin:0;
					}
						
				input, textarea {
						margin:2px;
						padding:0;
						background: #eee url(images/8grnd_points.jpg) repeat;
						width: 260px;
						border-top: #bbb 1px solid;
						border-left:#bbb 1px solid;
						border-bottom:#ddd 1px solid;
						border-right: #ddd 1px solid;
						}
						
					#cform p {
						margin:2px;
						padding:0;
						font-size: 12px; 
						color: #999;
						}
						
						.formvrgn {
								line-height:19px;
								font-weight:bold;
								}
					
					.formulario {
						margin:0;
						padding:1px;
						font-size: 12px; 
						color: #999;
						}
							
				#form_butt {
						margin: 0 auto;
						height: 30px;
						text-align:center;
						}	
					
					.buttons {
						font-size: 11px; 
						color:#666;
						width: 60px;
						background: #fff url(images/8grnd_gradient2.jpg) repeat-x bottom center;
						margin:6px auto;
						padding:2px;
						text-align:center;
						border:#ccc 1px outset;
						}


#footer {
		background: #fff;
		position:absolute;
		top:560px;
		left:200px;
		z-index:5;
		}		


		#footer p {
					position:relative;
					bottom:-4px;
					font-size:10px;
					color:#999;
					text-align: center;
					letter-spacing: -1px;
					} 
				
		.ster {
				position:relative;
				bottom:-4px;
				margin:0 10px;
				}