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

*{
	margin:0;
	padding:0;
}

html, body{
	background-image:url(../afbeeldingen/body_bg.jpg);
	height:100%; /* héél belangrijk */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration: none;
	}
	
h1{
	font-size:19px;
	color:#666;
	line-height:24px;
	margin-bottom:10px;
}

h2{
	font-size:16px;
	color:#999;
	text-decoration:none;
	margin-top:10px;
}

a{
	color:#CCC;
	text-decoration:underline;
}

a:hover{
	color:#999;
}

.smalltext{
	font-size:10px;
	color:#999;
}
	
div#container_home{
     width: 1020px;
     height: 590px;
     position: absolute;
     top: 50%;
     left: 50%;
	 margin-left:-510px;
	 margin-top:-295px;
	 background:#201e1e url(../afbeeldingen/container_bg.png) top left no-repeat;
	 border:#999 solid 1px;
}

div#container_piercing{
     width: 1020px;
     height: 590px;
     position: absolute;
     top: 50%;
     left: 50%;
	 margin-left:-510px;
	 margin-top:-295px;
	 background:#201e1e url(../afbeeldingen/container_bg2.png) top left no-repeat;
	 border:#999 solid 1px;
}

div#topnavigatie{
	position:absolute;
	top: 10px;
	left: 0px;
	height:25px;
	width:1020px;
}

div#topnavigatie ul{
	list-style: none;
}

div#topnavigatie li{
	float:right;
}

div#topnavigatie a{
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	margin-left:5px;
	padding-left:10px;
	width: 100px;
	height:25px;
	line-height:25px;
}

div#topnavigatie a:link, div#topnavigatie a:visited{
	background: #000;
	color: #FFF;
}

div#topnavigatie a:hover, div#topnavigatie a:active{
	background:#666;
	color: #FFF;
}

div#topnavigatie a.active{
	background: #666;
	color: #FFF;
}

div#logo{
	position:absolute;
	top:10px;
	left:0;
	height:261px;
	width:275px;
}

div#navigatie{
	position:absolute;
	margin-top: 250px;
	left: 0px;
	height:150px;
	width:275px;
}

div#navigatie ul{
	list-style: none;
}

div#navigatie a{
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	padding: 5px 0px 5px 30px;
	margin-top:3px;
	width: 245px;
	height:15px;
}

div#navigatie a:link, div#navigatie a:visited{
	background: #000;
	color: #FFF;
}

div#navigatie a:hover, div#navigatie a:active{
	background: #666;
	color: #FFF;
}

div#navigatie a.active{
	background: #666;
	color: #FFF;
}

div#formulier{
	position:absolute;
	width:245px;
	top:430px;
	left:10px;;
}

div#contact_formulier{
	display:none;
}
	div#contact_formulier fieldset{
		width:320px;
	}
	div#contact_formulier input{
		width:300px;
	}
	div#contact_formulier input.btn{
		width: 200px;
	}
	div#contact_formulier label{
		width: 300px;
	}
	div#contact_formulier textarea{
		width: 300px;
		height: 250px;
		background-color:#666;
	}
	div#contact_formulier textarea:focus{
		background-color:#999;
	}

fieldset{
	margin: 1em 0;
	padding: 1em;
	border: 1px dotted #666;
	width:235px;
}

legend{
	font-weight:bold;
	font-size:15px;
	color:#666;
}

label{
	display:block;
	font-size:11px;
	width:140px;
	color:#eee;
}

input{
	width:225px;
	height: 20px;
	border:#CCC;
	background:#666;
}

input:focus{
	background:#999;
}

input.btn{
	background:#000;
	width:100px;
	height: 20px;
	margin-left:60px;
	margin-top:5px;
	cursor:pointer;
	color:#FFF;
}

input.btn:hover{
	background:#ccc;
	color:#666;
	cursor:pointer;
}

div#adres{
	position:absolute;
	width:1020px;
	height:20px;
	line-height:20px;
	color:#999;
	font-size:10px;
	top:600px;
	left:0;
	text-align:center;
}

div#adres a{
	color:#999;
	text-decoration:underline;
}

div#adres a:hover{
	color:#FFF;
	text-decoration:underline;
}

div#tekst{
	position:absolute;
	width:370px;
	height:480px;
	top:70px;
	left:630px;
	color:#FFF;
	line-height:21px;
	overflow:auto;
}