body {}
body {
background-color: #d2cbc8; 
top:0; 
left:0; 
margin:0; 
padding:0;
font-size:62.5%;
}

html {
height: 100%; 
margin-bottom: 0.1em;
} 

/* BOUWWERK */ /* BOUWWERK */ /* BOUWWERK */ /* BOUWWERK */ /* BOUWWERK */ /* BOUWWERK */
/* BOUWWERK */ /* BOUWWERK */ /* BOUWWERK */ /* BOUWWERK */ /* BOUWWERK */ /* BOUWWERK */

/*container element*/
#wrapper {
margin: 0 auto;
width: 97.5em;
}

/*container element*/
#container {
background-color: #ffffff;
background-image: url(afbeeldingen/oranjemenufiller.gif);
background-repeat: repeat-y;
margin: 0 auto;
overflow: auto;
}
 
/*cel waarin logo staat */
#header {
height: 13.8em;
top: 0px;
width: 97.5em;
}

/*cel menu horizontaal 1e gedeelte*/
#waarbenik{
	
background-color: #ffffff; 
color: #ff9933;
font-family: trebuchet MS;
font-size: 11pt; 
text-align: right;

float: left;
left: 0px;
padding: 0px 10px;
width: 130px;
height: 20px;
}


/*cel menu horizontaal 2e gedeelte*/
#menuboven{
	
background-color: #FF9933; 
color: #ffffff;
font-family: trebuchet MS;
font-size: 10pt; 
word-spacing: 2.0em; 
text-align: right;

float:right;
left: 150px;
padding: 0px 10px;
width: 805px;
height: 20px;

}

/*eigenschappen van de footer*/
#spacesolver{
background-color:#644e4c; 
height: 0px;
width: auto;
clear:both;
}

/*cel menu links*/
#menulinks{

background-color: #f78e1e; 
color: #644e4c; 
font-family:trebuchet MS;
/*font-size: 14pt; */
text-align: right;
vertical-align: top;
/*line-height: 1.4em;*/

float: left;
/*padding: 20px 10px 0px 10px;*/
margin:2% 1% 0% 1%;
width: 130px;

}


/* middenkolom*/
#content {
border-width: 2px;
border-style: none solid none none; 
border-color: #644e4c; 
	
background-color: #ffffff; 
color: #000000; 
font-size: 10pt; 
font-family:trebuchet MS;
text-align:justify; 
line-height: 1.9em;
vertical-align: top;
margin:2% 19.3% 0% 23%;
padding:0px 35px 0px 0px;
}



/*cel rechts*/
#kolom3{
	
background-color: #ffffff; 
font-size: 9pt; 
color: #644e4c; 
font-family:trebuchet MS; 
vertical-align: top;
font-style: italic; 
line-height: 1.4em;

float: right;
margin:2% 1% 1% 5%;
top: 158px;
width: 165px;
}

/*eigenschappen van de footer*/
#footer{
background-color: #ffffff; 
height: 4.9em;
width: auto;


}


					/*PORTFOLIO*/
		


.tekstbijwebsite1{
background-color: #ffffff; 
vertical-align: top;
font-size: 10pt; 
color: #000000; 
font-style: normal; 
font-family:trebuchet MS;
text-align:justify; 
line-height: 1.9em;
left: 0px;
padding: 0px;
width: 590px;
}





					/*kopteksten h1 h2 h3 omdat hij anders niet door de 125 webrichtlijnen komt waarom waarom waarom*/


h1 {
margin: 0;
padding: 0;
font-style: normal; 
text-decoration: none; 
text-align: left; 
font-size: 11pt; 
font-weight: bold;
font-family: trebuchet MS; 
color: #FF9933;
} 

/*kopteksten*/
h2 {
margin: 0;
padding: 0;
font-style: normal; 
text-decoration: none; 
text-align: left; 
font-size: 11pt; 
font-weight: bold;
font-family: trebuchet MS; 
color: #FF9933;
}

/*kopteksten*/
h3 {
margin: 0;
padding: 0;
font-style: normal; 
text-decoration: none; 
text-align: left; 
font-size: 11pt; 
font-weight: bold;
font-family: trebuchet MS; 
color: #FF9933;
}

/*kopteksten*/
h4 {
margin: 0;
padding: 0;
font-style: normal; 
text-decoration: none; 
text-align: left; 
font-size: 11pt; 
font-weight: bold;
font-family: trebuchet MS; 
color: #FF9933;
}

/*kopteksten*/
h5 {
margin: 0;
padding: 0;
font-style: normal; 
text-decoration: none; 
text-align: left; 
font-size: 11pt; 
font-weight: bold;
font-family: trebuchet MS; 
color: #FF9933;
}

/*kopteksten*/
h6 {
margin: 0;
padding: 0;
font-style: normal; 
text-decoration: none; 
text-align: left; 
font-size: 11pt; 
font-weight: bold;
font-family: trebuchet MS; 
color: #FF9933;
}


a img {
	border: 0;
}

img{
	border-width: 1px;
	border-style: outset; 
	border-color: gray; 
}

img.b
{
	border-width: 0px;
	width: 97.5em;
}

img.b1
{
	border-width: 0px;
}

/*plaatjes in de portfolio*/
img.c
{
border-width: 1px;
border-style: outset; 
border-color: gray;
float: right;
margin: 10px;	
}

/*witte links*/
a{
color: #ffffff; 
font-size: 10pt; 
font-family: trebuchet MS; 
font-weight:normal; 
text-align:right;
text-decoration: none;
} 

a:hover {
color: #ffffff; 
font-size: 10pt; 
font-family: trebuchet MS; 
font-weight:normal; 
text-align:right;
text-decoration: underline;
}



/*grotere witte links die bruin worden bij hover*/
.a1 {
color: #ffffff; 
font-size: 11pt; 
font-family: trebuchet MS; 
text-decoration: none;
line-height:2.0em;
} 
 
.class1 a:hover {
color: #644e4c; 
font-size: 11pt; 
font-family: trebuchet MS; 
text-decoration: underline;
line-height:2.0em;
}



.a2 {
color: #FF9933; 
font-size: 10pt; 
font-family: trebuchet MS; 
text-decoration: none;
line-height:1.9em;
letter-spacing:0em;
font-style:italic;
} 


 
.class2 a:hover {
color: #FF9933; 
font-size: 10pt; 
font-family: trebuchet MS; 
text-decoration: underline;
line-height:1.9em;
letter-spacing:0em;
font-style:italic;
}


.a3 {
color: #000000; 
font-size: 10pt; 
font-family: trebuchet MS; 
text-decoration: underline;
line-height:1.9em;
letter-spacing:0em;
font-style:normal;
} 


 
.class3 a:hover {
color: #000000; 
font-size: 10pt; 
font-family: trebuchet MS; 
text-decoration: underline;
line-height:1.9em;
letter-spacing:0em;
font-style:normal;
}


p { margin-top: 1px; margin-bottom: 15px; }


/*kleine lettertjes onder formulier*/
.font {
font-style: normal; 
text-decoration: none; 
text-align: left; 
font-size: 8pt; 
font-family: trebuchet MS; 
color: #000000;
} 





 /*try out*/
/* // general */

/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin-right:5px;
		border:1px solid #999;	
		padding:12px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		ul#thumbs a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:12px;			
		}	
	
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */


/* single thumbnail */

	p.thumb{
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:12px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	
	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:12px;			
		}	
	
	/* // mouse over */	

/* // single thumbnail */