*{
	margin: 0;
	padding: 0;
}

body{
	font-family: Verdana, Georgia;
	font-size: 14px;
	color: #666;
}

img{
	border: 0;
}

p{
	font-size: 15px;
}

input, textarea {
	font-family: Verdana, Georgia;
    font-size: 13px;
}

#lijn{
    background-color: #6699cc;
    width: 100%;
    padding-top: 10px;
}

.logo img{
    width: 243px;
    height: 154px;
    margin-top: -20px;
}

#container{
	width: 1024px;
	margin: 0 auto;
}

#content{
    margin: 0 auto;
    width: 1024px;
    min-height: 500px;
    margin-top: 20px;
}

#header{
 	color: #666;
	border: 2px solid #ccc;
	background-color: #f5f5f5;
	padding: 6px 0px 6px 80px;
	font-size: 26px;
    font-family: "Trebuchet MS", Georgia;
    text-shadow: 1px 1px 0 #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/css/PIE.htc);
}

#header p{
	font-size: 22px;
}


/*********************/
/* Body left & right */
#body_left{
	float: left;
	padding: 5px;
	margin-left: 30px;
	margin-top: 30px;
	width: 420px;
	font-size: 16px;
    font-family: "Trebuchet MS", Georgia;
}

#body_right{
	float: right;
	padding: 30px;
	margin-right: 30px;
	width: 370px;
	height: 100%;
	background-color: #f5f5f5;
	text-shadow: 1px 1px 0 #fff;
}

#body_left ul{
	list-style-type: none;
}

#body_left ul li{
 	background-repeat: no-repeat;
}

.unavailable { text-decoration: line-through; color: #888; }
.unavailable span { color: #666; }
.available { width: 450px; }

#one{
 	background-image: url(../afbeeldingen/01.png);
 	padding-left: 45px;
 	margin-bottom: 20px;
}

#two{
 	background-image: url(../afbeeldingen/02.png);
 	padding-left: 45px;
 	margin-bottom: 20px;
}

#three{
 	background-image: url(../afbeeldingen/03.png);
 	padding-left: 45px;
 	margin-bottom: 20px;
}

#four{
 	background-image: url(../afbeeldingen/04.png);
 	padding-left: 45px;
 	margin-bottom: 20px;
}

#intro h2, #knowledge h2, #cv h2, #form{
 	background-image: url(../afbeeldingen/pijl.png);
 	background-repeat: no-repeat;
 	padding-left: 20px;
 	margin-top: 15px;
 	font-weight: bold;
 	font-size: 18px;
}

#danrob, #devildesign{
 	background-image: url(../afbeeldingen/pijl.png);
 	padding-left: 20px;
 	font-weight: bold;
	font-size: 17px;
}

#introduction{
 	padding: 10px;
	border: 1px solid #6699cc;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px; 
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	behavior: url(/css/PIE.htc);
}


#body_left p{
 	padding: 5px;
	background-color: #f5f5f5;
	border: 1px solid #fff;
	margin-bottom: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/css/PIE.htc);
}

#body_left img{
 	padding-bottom: 30px;
}

#body_left a{
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid #e2e2e2;
}

#body_left a:hover{
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

#portfolio a, #developer a{
 	color: #666;
	text-decoration: none;
	border-bottom: 0px solid #e2e2e2;
}

#portfolio a:hover, #developer a:hover{
 	color: #666;
	text-decoration: none;
	border-bottom: 0px solid #e2e2e2;
}

#portfolio img{
	margin-left: -20px;
}
#developer, #contact{
	margin-top: -15px;
}

#formulier input, #formulier textarea, #reactietoevoegen input, #reactietoevoegen textarea{
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 1px;
    padding-bottom: 1px;
	background-color: #e2e2e2;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/css/PIE.htc);
}

.ie9 #formulier input, .ie9 #formulier textarea, .ie9 #reactietoevoegen input, .ie9 #reactietoevoegen textarea{
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 1px;
    padding-bottom: 1px;
	background-color: #e2e2e2;
	border: 1px solid #ccc;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	behavior: none;
}

.verzenden, .reactietoevoegen{
 	color: #336699;
	margin-top: 10px;
	padding-left: 9px;
	padding-right: 9px;
	cursor: pointer;
}


#body_right h2{
 	color: #99cc33;
 	font-size: 20px;
 	font-weight: normal;
    font-family: "Trebuchet MS", Georgia;
}

#body_right img.project{
 	margin-bottom: 30px;
 	margin-left: 10px;
 	width: 340px;
 	height: 184px;
}

#body_right ul{
 	padding-top: 15px;
	padding-bottom: 5px;
}

#body_right #contact_info{
	list-style-type: none;
	padding-left: 20px;
}

#body_right #contact_info a{
	color: #6699cc;
	text-decoration: none;
	border-bottom: 1px solid #99ccff;
}

#body_right #contact_info a:hover{
	color: #6699cc;
	text-decoration: none;
	border-bottom: 1px solid #3399cc;
}

.locatie{
	margin-left: -5px;
	margin-top: 10px;
}

.languages{
	margin-top: -10px;
}

.specifications{
	margin-top: -10px;
}

.languages li{
    list-style-type: none;
	padding-left: 35px;
	font-family: 'Trebuchet MS';
}
.specifications li{
    list-style-type: none;
	padding-left: 20px;
	font-family: 'Trebuchet MS';
}

#body_right #left{
	float: left;
	padding: 5px;
	height: 57px;
	width: 32px;
	background: url('../afbeeldingen/kalender.png') no-repeat center;
	line-height: 12px;
}
#body_right #left p{
 	color: #fff;
	font-size: 10px;
	margin-top: 18px;
	text-align: center;
	text-shadow: 0 0 0 #fff;
	line-height: 12px;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	margin-top: 19px;
}

#body_right #right{
	float: right;
	margin-top: -69px;
	margin-left: 50px;
	margin-right: 10px;
	padding: 5px;
}

#body_right #right a{
 	text-decoration: none;
	color: #999; 
}

#body_right #right h3{
	color: #7c7c7c;
	padding-bottom: 1px;
	margin-bottom: 5px;
	border-bottom: 1px solid #7c7c7c;
}

#body_right #right p{ 
 	padding: 5px;
	border: 1px solid #ccc;
	-moz-border-radius: 10px 0 10px 0;
	-webkit-border-radius: 10px 0 10px 0;
	border-radius: 10px 0px 10px 0px;
	position: relative;
	behavior: url(/css/PIE.htc);
}

.ie9 #body_right #right p{ 
 	padding: 5px;
	border: 1px solid #ccc;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	position: static;
	behavior: none;
}

#error{
	color: #cc6666;
}

.succeed{
	color: #669966;
}

#web_develop li{
 	list-style-type: square;
	margin-left: 20px;
}

.design, .development, .seo{
	margin-top: 30px;
	border: 2px solid #999;
}

#body_right ul li ul.languages{
	margin-bottom: 20px;
}

#body_right ul li p{
	margin-top: 10px;
}
/* Einde body left & right */
/***************************/


/**********/
/* Footer */
#footer{
 	float: left;
	background-color: #6699cc;
    width: 100%;
    margin-top: 60px;
    padding-bottom: 60px;
}

#footer_blog{
 	float: left;
	background-color: #6699cc;
    width: 100%;
    margin-top: 60px;
    padding-bottom: 60px;
}

#footer #credits, #footer_blog #credits{
	margin: 0 auto;
    width: 1024px;
}

#footer #credits p, #footer_blog #credits p{
	float: right;
	margin-top: 20px;
	margin-right: 50px;
	text-shadow: none;
}

#footer #credits a, #footer_blog #credits a{
	color: #fff;
	text-decoration: none;
}
/* Einde footer */
/****************/



/********/
/* Blog */

#artikels{	
}

.artikels{
 	padding: 7px;
 	margin-right: -15px;
	margin-bottom: 25px;
	border: 1px dotted #666;
	background-color: #f5f5f5;
}

#reacties{
	margin-bottom: 15px;
}

.artikels em, #reacties em{
	float: right;
	font-size: 14px;
	margin-top: 4px;
}

.artikels b{
 	background-image: url(../afbeeldingen/pijl.png);
 	background-repeat: no-repeat;
 	padding-left: 20px;
 	font-size: 17px;
}

#artikels .artikels p{
  	background-color: #ccdbeb;
	border: 1px solid #6699cc;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px; 
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	behavior: url(/css/PIE.htc);
}

.ie9 #artikels .artikels p{
  	background-color: #ccdbeb;
	border: 1px solid #6699cc;
	-moz-border-radius-topleft: none;
	-webkit-border-top-left-radius: none;
	-moz-border-radius-bottomright: none;
	-webkit-border-bottom-right-radius: none; 
	border-top-left-radius: none;
	border-bottom-right-radius: none;
	behavior: none;
}

#artikels .artikels p a{
  	color: #666;
  	border-bottom: 0;
  	padding: 2px 3px 0px 4px;
}

#artikels .artikel:link, #artikels .artikel:active, #artikels .artikel:visited{
 	color: #666;
	padding: 5px;
	border: 0;
	text-decoration: none;
}

#artikels .artikel:hover{
 	color: #666;
	padding: 5px;
	border: 0;
	text-decoration: none;
}

.artikels img{
	margin-bottom: -20px;
}

.artikels p a:hover{
 	color: #666;
	padding: 5px;
	border: 0;
}

.reactie_toevoegen, .reactie{
	font-size: 14px;
}

.reactie_toevoegen{
	float: right;
}

.categorie{
 	display: block;
 	width: 320px;
 	margin-bottom: 10px;
 	padding: 5px 5px 5px 5px;
 	margin-left: 15px;
 	text-decoration: none;
 	color: #6699cc;
 	border-bottom: 1px solid #dcdcdc;  
}

.categorie:hover, #selected_categorie{
 	background-color: #fff; 
}

/* Einde blog */
/**************/



/*********************************************/
/*****************JQuery Login****************/
#jquery{
    margin-top: 0px;
    width: 100%;
}

#login{
    background: #ccc;
    margin: 0 auto;
	height: 25px;
	display: none;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

#login p{
    margin: 0 auto;
    width: 495px;
    color: #666;
    text-shadow: 1px 1px 0 #dcdcdc;
}

#login p input{
    color: #999;
    font-family: Verdana, Georgia;
    font-size: 13px;
    padding:3px;
    border: 1px solid #999;
    cursor: pointer;
    background-color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px 0 #f5f5f5;
}

#login p input:hover{
    color: #666;
}

a:focus {
	outline: none;
}
.jquery {
	margin: 0 auto;
	padding: 0;
    width: 139px;
    height: 27px;
	background: url('../afbeeldingen/query_img.gif') no-repeat center top;
    
}
.jquery_slide {
 	display: block;
	margin: 0 auto;
 	width: 139px;
	height: 27px;
	background: url('../afbeeldingen/query_img_open.gif') no-repeat right -50px;
	color: #999;
}
.active {
	background-position: center 0px;
	margin-left: 0px;
}
/*************Einde JQuery Login**************/
/*********************************************/



/*********************************************/
/*************Menu rechts boven***************/
#menu{
	margin: 0 auto;        
}

#menu ul{
	float: right; 
    margin-top: 0px; 
}

.ie9 #menu ul {
	margin-top: 1px;
}

#menu ul li{
	display: inline;  
}

#menu ul li a{
    border-top: 1px solid #999;
	text-decoration: none;
	font-size: 22px;
    font-family: "Trebuchet MS", Georgia;
	color: #fff;
	padding: 27px 10px 10px 10px;
    background-color: #ccc;  
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
	behavior: url(/css/PIE.htc);
	text-shadow: 1px 1px 0 #BBB;
}

.ie9 #menu ul li a{
 	border-top: 1px solid #999;
	text-decoration: none;
	font-size: 22px;
    font-family: "Trebuchet MS", Georgia;
	color: #fff;
	padding: 27px 10px 10px 10px;
    background-color: #ccc;  
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
	behavior: none;
 }

#menu ul li a:hover, #select{
	text-decoration: none;
	font-size: 22px;
    font-family: "Trebuchet MS", Georgia;
	color: #fff;
	padding: 27px 10px 10px 10px;
    background-color: #ccc;
    background-image: url('../afbeeldingen/menu.gif');  
    background-position: top;
    background-repeat: no-repeat;
}


#menu ul li a img{
    color: #ccc;
}
/**********Einde menu rechts boven************/
/*********************************************/



/*********************************************/
/******************Menu hoofd*****************/
#menu_lijn{
    background-color: #6699cc;
    height: 40px;
    width: 100%;
    margin-top: -43px;
}

.ie9 #menu_lijn{
    background-color: #6699cc;
    height: 40px;
    width: 100%;
    margin-top: -40px;
}

#menu_hoofd{
    width: 520px;
	margin: 0 auto;
}

#menu_hoofd ul{
    float: left;
    margin-top: 6px;
    margin-left: 30px;
}

#menu_hoofd ul li{
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
}

#menu_hoofd ul li a{
    text-decoration: none;
    font-size: 22px;
    font-family: "Trebuchet MS", Georgia;
}

#menu_hoofd ul li a:link, #menu_hoofd ul li a:visited, #menu_hoofd ul li a:active{
    color: #fff;
    background-color: #8ab4de;
    padding: 6px 10px 4px 10px;    
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	position: relative;
	behavior: url(/css/PIE.htc);
	text-shadow: 1px 1px 0 #aaa;
}

.ie9 #menu_hoofd ul li a:link, .ie9 #menu_hoofd ul li a:visited, .ie9 #menu_hoofd ul li a:active{
    color: #fff;
    background-color: #8ab4de;
    padding: 6px 10px 4px 10px;    
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	position: static;
	behavior: none;
}

#menu_hoofd ul li a:hover{
	color: #999;
	background-color: #fff;
    padding: 2px 10px 9px 10px; 
    -moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	position: relative;
	behavior: url(/css/PIE.htc);
	text-shadow: none;
}

.ie9 #menu_hoofd ul li a:hover{
	color: #999;
	background-color: #fff;
    padding: 2px 10px 9px 10px; 
    -moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	position: static;
	behavior: none;
}

#menu_hoofd ul li #selected{
	color: #99cc33;
	background-color: #fff;
    padding: 2px 10px 9px 10px; 
    -moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	position: relative;
	behavior: url(/css/PIE.htc);
	text-shadow: none;
}

.ie9 #menu_hoofd ul li #selected{
	color: #99cc33;
	background-color: #fff;
    padding: 2px 10px 9px 10px; 
    -moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	position: static;
	behavior: none;
}
/***************Einde menu hoofd**************/
/*********************************************/



/*********************************************/
/*********Preloading images with css**********/
#preload 
{
  display: none; 
}
/******Einde preloading images with css*******/
/*********************************************/



/*********************************************/
/*******************Browsers*****************/
/*Opera*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	head~body #menu_lijn{
    background-color: #6699cc;
    height: 40px;
    width: 100%;
    margin-top: -40px;
	}
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	head~body .artikels{
    border: 1px solid #999;
	}
}
/*Einde opera*/

/*Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#menu_lijn{
    background-color: #6699cc;
    height: 40px;
    width: 100%;
    margin-top: -40px;
	}
}
/*Einde safari*/
/****************Einde browsers***************/
/*********************************************/