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

body  {
	
background-color: #ccc;

}

/*===========typografie===========================*/

a  {
	color:#B5B5B5;
	font-family: "Georgia", "New York", serif;
	font-size: 16px;
	font-weight: bold;
	
}

.content3 a {
	
	
	
}

.content3V a {
	/*color: #E16840;*/
	
	
}

a:link  {
	text-decoration: none;
	
}

.content3 a:hover  {
	color:#BCE140;
	
}

.content3V a:hover  {
	color:#4169E1;
	
}

h1 {
	font-size:80px;
	color: #4169E1;
	font-family: "Georgia", "New York", serif;
	padding:0px 0 0 0px;
	
}

h2 {
	font-size:16px;
	color: #4169E1;
	font-family: "Georgia", "New York", serif;
	padding:0px 0 0 0px;
	
}

h3 {
	font-size:20px;
	color: #939393;
	font-family: "Georgia", "New York", serif;
	font-weight:bold;
	padding:0px 0 0 0px;
	
	
	
}

.textWeb h3 {
	font-size:20px;	
	color: #bce140;
	font-family: "Georgia", "New York", serif;
	font-weight:bold;
	padding:0px 0 10px 0px;
	border-bottom:1px solid #BCE140;
}
	

.textVorm h3  {
	font-size:20px;
	color: #4169E1;
	font-family: "Georgia", "New York", serif;
	font-weight:bold;
	padding:0px 0 10px 0px;
	border-bottom:1px solid #4169E1;

}

.contentCurriculum h3  {
	font-size:20px;
	color: #4169E1;
	font-family: "Georgia", "New York", serif;
	font-weight:bold;
	padding:0px 0 10px 0px;
	border-bottom:1px solid #E16840;

}

h4 {
	font-size:16px;
	color: #BCE140;
	font-family: "Georgia", "New York", serif;
	margin-top:10px;
	
}

p, .text {
	margin:0px;
	position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #525252;
	line-height:17px;
}

p {
	margin:0px;
	position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #525252;
	line-height:17px;
}

.kolom  {
	width:300px;
	height:150px;
	display:block;
}

.thumbTitel  {
	margin-bottom: 8px;
	color:#B5B5B5;
	font-family: "Georgia", "New York", serif;
	font-size: 16px;
	font-weight: bold;
	float: left;
	border-bottom: 1px dotted #000;
	width:170px;
}

.thumbTitelR  {
   margin-bottom: 8px;
	color:#B5B5B5;
	font-family: "Georgia", "New York", serif;
	font-size: 16px;
	font-weight: bold;
	float: right;
	border-bottom: 1px dotted #000;
	width:170px;
	
}

.thumbWeb  {
	width:150px;
	height:115px;
	margin:10px 10px 20px 10px;
	border: 0px solid #fff;
	border-radius: 10px 10px 10px 10px;
   /*background: rgba(58,73,92,0.0);*/
   box-shadow: 0 0px 8px rgba(0,0,0,0.5)/*, inset 0 1px rgba(40,40,40,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -o-box-shadow: 0 0px 8px rgba(0,0,0,0.5)/*, inset 0 1px rgba(0,0,0,,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.5)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.5)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
}

.thumbWebExtra  {
	width:100px;
	height:65px;
	margin:0 0 10px 0;
	border: 2px solid #fff;
	border-radius: 3px 3px 3px 3px;
   /*background: rgba(58,73,92,0.0);*/
   box-shadow: 0 0px 10px rgba(0,0,0,0.5)/*, inset 0 1px rgba(40,40,40,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -o-box-shadow: 0 0px 10px rgba(0,0,0,0.5)/*, inset 0 1px rgba(0,0,0,,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.5)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.5)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
}

.meer  {
	margin:0 auto;
	width:600px;
	border-bottom: 1px dotted #fff;
	padding:40px 0 10px 0;
}

.thumbVorm  {
	width:176px;
	height:115px;
	margin-bottom:20px;
	border: 0px solid #ffffff;
	border-radius: 0px 0px 0px 0px;
	display: block;
   /*background: rgba(58,73,92,0.0);*/
   /*box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(40,40,40,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   /*-o-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   /*-webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   /*-moz-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
}

a:hover .thumbWeb  {
	
	outline-style: solid;
	outline-color: #BCE140;
	outline-width: 3px;
}

.extraSites  {
	width:170px;
	float:right;
	display:inline;
	margin:15px;
	
}

/*a:hover .thumbVorm  {
	
	outline-style: solid;
	outline-color: #4169E1;
	outline-width: thin;
}*/

.link  {
	margin-top:0px;
	height:25px;
	width:auto;
	
	
}

.linkr  {
	margin-top:-25px;
	height:25px;
	width:163px;
	float:right;
	display:inline;
	text-align:right;
	width:auto;
	
}

.link2  {
	margin-top:100px;
	height:25px;
	width:200px;
	
	
	
}

.linkr2  {
	margin-top:0px;
	height:25px;
	width:370px;
	float:right;
	display:inline;
	text-align:right;
	
	
	
}

.subWeb  {
	background-image: url(images/subWeb.png);
	width: 730px;
	height:60px;
	margin:550px 0 0 240px;
	
}

.subWeb2  {
	background-image: url(images/subWeb.png);
	width: 730px;
	height:60px;
	margin:20px 0 0 340px;
	
}

.subSubWeb  {
	width:1000px;
	display:block;
	background: #BCE140;;
	margin:0 auto;
	padding-top:20px;
	
}

.onderschrift  {
	width:165px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}

.onderschriftLink a, .onderschriftLink a:link  {
	color:#fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	margin:0px;
	padding:0px;
}

.onderschriftLink a:hover  {
	color:#e16840;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}


.all1, .all2, .all3, .all4  {

width:100%;
height:700px;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #2E2B38 400%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #2E2B38 400%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #2E2B38 400%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(4, #2E2B38));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #2E2B38 400%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #2E2B38 400%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff');

background-color:#CCC;
}

* {
	margin: 0;
	padding: 0;
}

.container  {
	margin:0 auto;
	width:1000px;
	/*height:700px;*/
	display:block;
	
}

.header  {
	margin:0 auto;
	width:1000px;
	height:40px;
	display:block;
	background-color:none;
	border:collapse;
	padding-top:0px;
}

.menu  {
	padding-top:0px;
	margin:0 auto;
	width:280px;
	height:0px;
	display:block;
	background-color:none;
	border:collapse;
	float:right;
}

.main  {
	margin:0 auto;
	padding: 10px 0 0 0;
	width:1000px;
	height:600px;
	display:block;
	background-image:url(images/back_1.png);
	background-repeat:no-repeat;
	border-radius: 0px 15px 0px 15px;
   /*background: rgba(58,73,92,0.0);*/
   box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(40,40,40,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -o-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;

}

.main_2  {
	margin:0 auto;
	width:1000px;
	height:630px;
	display:block;
	/*background-image:url(images/back_1.jpg);background-color: #FFCE93;
	background-color: #FFEDD7;*/
	background-repeat:no-repeat;
	border:0px solid #ccc;
	border-radius: 0px 15px 0px 15px;
   /*background: rgba(58,73,92,0.0);*/
   box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(40,40,40,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -o-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
}

.main_3  {
	margin:0 auto;
	padding: 10px 0 0 0;
	width:1000px;
	height:630px;
	display:block;
	/*background-color: #DFFFE4;
	background-color: #AAFFAB;background-image:url(images/back_1.png);*/
	background-repeat:no-repeat;
	border-radius: 0px 15px 0px 15px;
   /*background: rgba(58,73,92,0.0);*/
   box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(40,40,40,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -o-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;

}

.main_4  {
	margin:0 auto;
	width:1000px;
	height:630px;
	display:block;
	/*background-color: #DDE7F6;
	background-color: #A4BFF0;background-image:url(images/back_1.jpg);*/
	background-repeat:no-repeat;
	border:0px solid #ccc;
	border-radius: 0px 15px 0px 15px;
   /*background: rgba(58,73,92,0.0);*/
   box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(40,40,40,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -o-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
}

.tekst_2  {
	width:730px;
	height:520px;
	background-color: #ffffff;
	float:right;
	margin:20px 30px 0 0px;
	border:0px solid #ccc;
	border-radius: 0px 10px 0px 0px;
   /*background: rgba(58,73,92,0.0);*/
   box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(40,40,40,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -o-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
}

.tekst_curriculum  {
	width:730px;
	height:600px;
	background-color: #ffffff;
	float:right;
	margin:20px 30px 0 0px;
	border:0px solid #ccc;
	border-radius: 0px 10px 0px 0px;
   /*background: rgba(58,73,92,0.0);*/
   box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(40,40,40,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -o-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
   -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.3)/*, inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3)*/;
}


.paginatitel_1  {
	width:500px;
	height:100px;
	background:none;
	float:left;
	margin:-280px  0 0 -300px;
	text-shadow: 0px 2px 3px #666;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
}

.paginatitel_curriculum  {
	width:500px;
	height:100px;
	background:none;
	float:left;
	margin:-380px  0 0 -300px;
	text-shadow: 0px 2px 3px #666;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
}

.paginatitel_2  {
	width:500px;
	height:100px;
	background:none;
	float:left;
	margin:210px  0 0 -300px;
	text-shadow: 0px 2px 3px #666;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
}

.content  {
	width:600px;
	height:500px;
}

.contenttitel  {
	margin-bottom:10px;	
}



.contentL  {
	width:195px;
	height:460px;
	margin:20px 5px 0 20px;
	padding:10px;
	background:none;
	display:inline;
	float:left;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	overflow-x: hidden;
	overflow-y: auto;
}

.contentCurriculum  {
	width:670px;
	height:550px;
	margin:20px 5px 0 20px;
	padding:10px;
	background:none;
	display:inline;
	float:left;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	overflow-x: hidden;
	overflow-y: auto;
}

.textVorm  {
	width:265px;
	height:460px;
	margin:20px 5px 0 20px;
	padding:10px;
	background:none;
	display:inline;
	float:left;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	overflow-x: hidden;
	overflow-y: auto;
}

.textVormL  {
	width:355px;
	height:135px;
	background:none;
	display: block;
	float:right;
}


	


.content2  {
	width:405px;
	height:460px;
	margin:20px 5px 0 20px;
	padding:10px;
	background:none;
	display: inline-block;
	float:none;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	
}

.textWeb  {
	width:265px;
	height:460px;
	margin:20px 5px 0 20px;
	padding:10px;
	background:none;
	display:inline;
	float:left;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	overflow-x: hidden;
	overflow-y: auto;
}

.content3  {
	width:355px;
	height:460px;
	margin:20px 5px 0px 20px;
	padding:10px;
	background:none;
	display: inline-block;
	float: left;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	
}

.content3V  {
	width:355px;
	height:460px;
	margin:20px 5px 0px 20px;
	padding:10px;
	background:none;
	display: inline-block;
	float: left;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	
}

.webdesign  {
	width:430px;
	height:460px;
	overflow:hidden;
	border:0px;
}

.contentM  {
	width:195px;
	height:460px;
	margin:20px 5px 0px 20px;
	padding:10px;
	background:none;
	display: inline-block;
	float: left;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	
}

.contentR  {
	width:195px;
	height:460px;
	margin:20px 5px 0px 20px;
	padding:10px;
	background:none;
	display: inline-block;
	float: left;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	
}

.foto  {
	float:left;
	margin-top:-9px;
	margin-left:808px;
	height:140px;
	width:140px;
}

.foto_B  {
	float:left;
	margin-top:1px;
	margin-left:908px;
	height:140px;
	width:140px;
}

.foto_2  {
	float:left;
	margin-top:0px;
	margin-left:0px;
	height:140px;
	width:140px;
}

.spacer  {
	height:50px;
	margin:0 auto;
	width:985px;
	margin-left:63px;
	border-radius: 0px 0px 0px 0px;
   /*background: rgba(58,73,92,0.2);*/
   box-shadow: 0 2px 6px rgba(0,0,0,0.0), inset 0 1px rgba(40,40,40,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.0), inset 0 1px rgba(0,0,0,,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.0), inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.0), inset 0 1px rgba(0,0,0,0.3), inset 0 15px rgba(255,255,255,0.2), inset 0 10px 20px rgba(0,0,0,0.25), inset 0 -15px 30px rgba(255,255,255,0.3);
}

.footer
{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	text-align:center;
	letter-spacing:4px;
	color:#666;
	height:40px;
	padding-top:10px;
	margin:0px 0 0 0;
	width:100%;
	background-color:#CCC;
}

.footer_2  {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	text-align:center;
	letter-spacing:4px;
	color:#fff;
	height:40px;
	padding-top:10px;
	margin:0px 0 0 0;
	width:100%;
	background-color:#4169E1;
}

.footer_3  {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	text-align:center;
	letter-spacing:4px;
	color:#fff;
	height:40px;
	padding-top:10px;
	margin:0px 0 0 0;
	width:100%;
	background-color:#BCE140;
}

.footer_4  {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	text-align:center;
	letter-spacing:4px;
	color:#fff;
	/*height:600px;*/
	padding-top:10px;
	margin:0px 0 0 0;
	width:100%;
	background-color:#E16840;
}








/*======================menu============================*/

li {
	float: left;
}

ul a {
	/*background-image: url(navi_bg_divider.png);
	background-repeat: no-repeat;
	background-position: right;*/
	padding-right: 32px;
	padding-left: 0px;
	display: block;
	line-height: 40px;
	text-decoration: none;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: "Impact", "Times New Roman", Times, serif;
	font-size: 21px;
	color: /*#371C1C*/ #fff;
	/*text-shadow: 0 1px 0 #ccc,
             0 2px 0 #c9c9c9,
             0 3px 0 #bbb,
             0 4px 0 #b9b9b9,
             0 5px 0 #aaa,
             0 1px 1px rgba(0,0,0,.1),
             0 0 5px rgba(0,0,0,.1),
             0 1px 3px rgba(0,0,0,.3),
             0 3px 5px rgba(0,0,0,.2),
             0 5px 1px rgba(0,0,0,.25),
             0 10px 10px rgba(0,0,0,.2),
             0 20px 20px rgba(0,0,0,.15);*/

}



li  {
	list-style-type:none;
}

ul a:hover {
	color: #666;
}



/*=========rollover-fade plaatjes=================*/

img { border:0px; }


		
ul.img_list {
	display:inline;
	float:left;
	height:190px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

/*================BOVENSTE PLAATJE==================*/
	
li.image_one a {
	left:0;
	display:block; 
	width:140px; 
	height:140px; 
	position:relative;
	-webkit-transform: rotate(20deg); 
	-moz-transform: rotate(20deg);
	-o-transform:rotate(20deg);
	-ms-transform:rotate(20deg);	
}	

li.image_one a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:140px; 
	height:140px; 
	background:url(images/img_on_mail.png);
}

/*================TWEEDE PLAATJE==================*/

li.image_two a {
	left:0;
	display:block; 
	width:140px; 
	height:140px; 
	position:relative;
	-webkit-transform: rotate(-5deg); 
	-moz-transform: rotate(-5deg);
	-o-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
}	

li.image_two a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:140px; 
	height:140px; 
	background:url(images/img_on_vormgeving.png);
}

/*================DERDE PLAATJE==================*/

li.image_three a {
	left:0;
	display:block; 
	width:140px; 
	height:140px; 
	position:relative;
	-webkit-transform: rotate(10deg); 
	-moz-transform: rotate(10deg);
	-o-transform:rotate(10deg);
	-ms-transform:rotate(10deg);
}	

li.image_three a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:140px; 
	height:140px; 
	background:url(images/img_on_webdesign.png);
}

/*================VIERDE PLAATJE==================*/

li.image_four a {
	left:0;
	display:block; 
	width:140px; 
	height:140px; 
	position:relative;
	-webkit-transform: rotate(-15deg); 
	-moz-transform: rotate(-15deg);
	-o-transform:rotate(-15deg);
	-ms-transform:rotate(-15deg);
}	

li.image_four a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:140px; 
	height:140px; 
	background:url(images/img_on_overmij.png);
}

/*================HOME PLAATJE 1==================*/

li.image_home1 a {
	left:0;
	display:block; 
	width:140px; 
	height:140px; 
	position:relative;
	-webkit-transform: rotate(20deg); 
	-moz-transform: rotate(20deg);
	-o-transform:rotate(20deg);
	-ms-transform:rotate(20deg);
}	

li.image_home1 .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:140px; 
	height:140px; 
	background:url(images/img_on_home.png);
}

/*================HOME PLAATJE 2==================*/

li.image_home2 a {
	left:0;
	display:block; 
	width:140px; 
	height:140px; 
	position:relative;
	-webkit-transform: rotate(5deg); 
	-moz-transform: rotate(5deg);
	-o-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
}	

li.image_home2 .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:140px; 
	height:140px; 
	background:url(images/img_on_home.png);
}

/*================HOME PLAATJE 3==================*/

li.image_home3 a {
	left:0;
	display:block; 
	width:140px; 
	height:140px; 
	position:relative;
	-webkit-transform: rotate(10deg); 
	-moz-transform: rotate(10deg);
	-o-transform:rotate(10deg);
	-ms-transform:rotate(10deg);
}	

li.image_home3 .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:140px; 
	height:140px; 
	background:url(images/img_on_home.png);
}

/*================HOME PLAATJE 4==================*/

li.image_home4 a {
	left:0;
	display:block; 
	width:140px; 
	height:140px; 
	position:relative;
	-webkit-transform: rotate(-15deg); 
	-moz-transform: rotate(-15deg);
	-o-transform:rotate(-15deg);
	-ms-transform:rotate(-15deg);
}	

li.image_home4 .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:140px; 
	height:140px; 
	background:url(images/img_on_home.png);
}

.payoff  {
	width:200px;
	margin:380px 0 0 35px;
	position:absolute;
	font-size:25px;
	font-style: italic;
	font-weight:bold;
	color: #E16840;
	text-align:right;
	text-shadow: 0px 2px 3px #666;
	
}

.payoff_1  {
	width:1000px;
	margin:-580px 0 0 -150px;
	position:relative;
	font-size:50px;
	text-shadow: 0px 2px 3px #666;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
}

.payoff_2  {
color:#000000;
	width:1000px;
	text-align: right;
	margin:-80px 0 0 -150px;
	position:relative;
	font-size:50px;
	float:right;	
	text-shadow: 0px 2px 3px #666;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
}


/*============BLOCKQUOTES============*/

.quotes {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: italic;
    color: #FFFFFF;
    text-decoration: none;
    height:40px;
    text-align: right;
    overflow: hidden;
    width: 400px;
    display:table-cell;
    vertical-align:middle;
}
q  {
	font-size:16px;
}

/* CSS for the big boxes 
 
    .box {
        width: 300px;
        height: 40px;
 
        color: #fff;
        padding: 10px;
 
        margin: 0px 0 0 0;
    }
 
    #box1 {
        margin:  0 0 0;
        background: blue;
    }
 
    #box2 {
        background: red;
    }
 
    #box3 {
        background: green;
    }
 
    #box4 {
        background: gray;
    }
 
     CSS for the small boxes that will scroll inside a div 
 
    #small-box-container {
        border: 1px solid black;
        padding: 20px;
        width: 300px;
        height: 200px;
 
        overflow: scroll;
    }
 
    .small-box {
 
        color: #fff;
        padding: 10px;
 
        width: 200px;
        height: 200px;
        margin: 0 0 50px 0;
    }
 
    #small-box1 {
        background: blue;
    }
 
    #small-box2 {
        background: red;
    }
 
    #small-box3 {
        background: green;
    }
	 
	 */
	 
	 .anchor1,  .anchor2, .anchor3, .anchor4  {
	 	width 100%;
		height:30px;
		
	 }
	 .anchor1  {
	 background: none;
	 }
	 .anchor2  {
	 background: none;
	 }
	 .anchor3  {
	 background: none;
	 }
	 .anchor4  {
	 background: none;
	 }
	 
/*end big boxes voorbeeld*/

#iphotoframe  {
	border:0px;
	background:transparent;
	
}