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

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

body{
	background:#1f1f1f;
	color:#000000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	overflow-x:hidden;
}

ul, ol{
	list-style:none;
}

img{
	border:none;
}

img:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
}

p{
	margin-bottom:15px;
}

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

a:hover, a:active{
	color:#99c9ef;	
}

table{
	margin:15px 0px 15px 0px;
}

h1{
	font-size:18px;	
	padding-top:2px;
}

/* Classes */

.transitionEffect{
	margin: 0px 0px 0px 0px;
	position: absolute;
	overflow: hidden;
	width: 676px;
	height: 200px;
}

.vet{
	font-weight:bold;
}

.italic{
	font-style:italic;
	font-size:10px;
}

.footertekst{
	position:relative;
	top:15px;
}

.footerklein{
	font-size:9px;
	position:relative;
	top:3px;
}

.categorie{
	color:#99c9ef;
	margin:0px;
	display:block;
	height:15px;
}

.kop{
	margin-bottom:10px;
}

.foto{
	width:175px;
	padding-right:15px;
}

.leesmeer{
	position:relative;
	top:150px;	
}

.teksten{
	position:relative;
	top:-27px;	
}

.lijnboven{
	margin-bottom:20px;
}

.lijnonder{
	margin-bottom:25px;
}

.cvtabel{
	margin:0px;
	margin-bottom:15px;
}

.cvnaam{
	font-weight:bold;
}

.datum{
	width:100px;
}

.naam{
	width:230px;
}

.werk{
	width:170px;
}

.studie{
	width:50px;
}

.opleiding{
	width:120px;
}

.vaardigheid, .punten{
	width:200px;
}

.contactinformatie{
	width:230px;	
}

.productfoto{
	float:left;
	margin: 0px 15px 15px 0px;
}

.invulveld{
	width:300px;
	background:#d2e8f9;
	color:#0e5d9b;
	border:1px solid #3f88c2;
	padding:2px 5px 2px 5px;
	margin-top:3px;
	margin-bottom:15px;
}

.invulblok{
	width:300px;
	height:100px;
	background:#d2e8f9;
	color:#0e5d9b;
	border:1px solid #3f88c2;
	padding:5px;
	margin-top:3px;
	margin-bottom:15px;
}

.verzenden{
	position:relative;
	left:225px;	
	margin-bottom:10px;
}

/* Divjes */

#containergroot{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}


#container{
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

#header{
	height:238px;
	background:url(images/header.png) no-repeat;
	font-size:17px;
}

#menu{
	position:relative;
	left:5px;
	top:155px;	
}

.home, .cv, .overmij, .php, .html, .flash, .overig{
	margin-right:11px;
}

.home a{
	display:block;
	text-align:center;
	width:74px;
	height:29px;
	padding-top:6px;
}

.home a:hover, .home a:active{
	background:url(images/btn-home.png) no-repeat;
}

.cv a{
	display:block;
	text-align:center;
	width:55px;
	height:29px;
	padding-top:6px;
}

.cv a:hover, .cv a:active{
	background:url(images/btn-cv.png) no-repeat;
}

.php a{
	display:block;
	text-align:center;
	width:64px;
	height:29px;
	padding-top:6px;
}

.php a:hover, .php a:active{
	background:url(images/btn-php.png) no-repeat;
}

.overmij a{
	display:block;
	text-align:center;
	width:91px;
	height:29px;
	padding-top:6px;
}

.overmij a:hover, .overmij a:active{
	background:url(images/btn-overmij.png) no-repeat;
}

.html a{
	display:block;
	text-align:center;
	width:75px;
	height:29px;
	padding-top:6px;
}

.html a:hover, .html a:active{
	background:url(images/btn-html.png) no-repeat;
}

.flash a{
	display:block;
	text-align:center;
	width:71px;
	height:29px;
	padding-top:6px;
}

.flash a:hover, .flash a:active{
	background:url(images/btn-flash.png) no-repeat;
}

.overig a{
	display:block;
	text-align:center;
	width:166px;
	height:29px;
	padding-top:6px;
}

.overig a:hover, .overig a:active{
	background:url(images/btn-overig.png) no-repeat;
}

.contact a{
	display:block;
	text-align:center;
	width:89px;
	height:29px;
	padding-top:6px;
}

.contact a:hover, .contact a:active{
	background:url(images/btn-contact.png) no-repeat;
}

.homemenu #home, .phpmenu #php, .overmijmenu #overmij, .cvmenu #cv, .htmlmenu #html, .flashmenu #flash, .overigmenu #overig, .contactmenu #contact{
	color:#FFFFFF;
	text-decoration:underline;	
}

#header a{
	color:#98c1e2;
	text-decoration:none;
}

#header a:hover, #header a:active{
	color:#FFFFFF;
}

#header li{
	float:left;
}

#tussenstuk{
	height:46px;
	background:url(images/tussenstuk.png);
}

#content{
	background:url(images/content.jpg);
	padding:25px 0px 25px 15px; 
	min-height:700px;
}

#content p, h1, h2, h3, h4, table{
	max-width:500px;
}


#socialmedia{
	width:250px;
	height:200px;
	float:right;
	position:relative;
	top:-25px;
}

#socialmedia ul{
	padding-left:15px;
	padding-top:25px;
	margin-bottom:55px;
}

#socialmedia li{
	display:block;
	width:32px;
	height:32px;
	float:left;
	margin-right:15px;
}

#twitter{
	text-align:center;
	position:relative;
	left:14px;
	width:224px;
	height:556px;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	overflow:hidden;
	background:url(images/twitterachtergrond.png) no-repeat;
	padding-top:5px;
}

#twitter a{
	color:#000;
}

#twitter h1{
	text-align:center;
	padding-bottom:5px;
}

#volgmij{
	font-size:15px;
	position:relative;
	top:12px;
}

#volgmij a{
	color:#FFFFFF;
	text-decoration:none;
}

#volgmij a:active, #volgmij a:hover{
	color:#99c9ef;
	text-decoration:none;
}

#footer{
	margin-left:auto;
	margin-right:auto;
	height:80px;
	width:792px;
	padding-top:6px;
	background:url(images/footer2.png);
	position:relative;
	left:-6px;
	top:-9px;
	margin-bottom:30px;
	text-align:center;
	color:#434343;
}

#achterslider{
	height:300px;
	width:800px;
	background:url(images/achterstukslider.jpg);
	position:absolute;
	top:188px;
	z-index:-9999;
}

/* Images Rotator */

#imagesrotator a {
	position:absolute;
}

#imagesrotator a:hover{
	opacity:1.0;
	filter:alpha(opacity=100);
}

#imagesrotator {
	margin-bottom:15px;
	width:676px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
}