*
{
	margin: 0; 
	padding: 0;
}

html, body 
{
	background: #E5DFD7;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:7pt;
	height: 100%;
	color: #333;
	scrollbar-arrow-color: #FFF;
	scrollbar-face-color: #DF972A;;
	scrollbar-highlight-color: DF972A;
	scrollbar-3dlight-color: DF972A;
	scrollbar-shadow-color: DF972A;
	scrollbar-darkshadow-color: DF972A;
	scrollbar-track-color: #13E15D;
}

a
{
	color: #DF972A;
}

#header a { color:#FFF; }

a:hover
{
	color: #13e15d;
}

#header a:hover { color:#1bd05c; }

a:active
{
	color: #FFF;
}

a:active
{
	color: #000;
}

#menu 
{
	position: absolute;
	float: left;
	left: 20px;
	top: 150px;
	width: auto;
	height: auto;
	z-index:1;
}

#animatieknop
{
	background: url(../images/film_animatie.png); 
	width: 323px;
	height: 51px;
}

#animatieknop:hover
{
	background: url(../images/film_animatie-hover.png); 
	width: 323px;
	height: 51px;
}

#bedrijfsfilmknop
{
	background: url(../images/bedrijfsfilm.png);
	width: 310px; 
	height: 65px;
}

#bedrijfsfilmknop:hover
{
	background: url(../images/bedrijfsfilm-hover.png);
	width: 310px; 
	height: 65px;
}

#grafischknop
{
	background: url(../images/kunst_grafisch.png);
	width: 336px;
	height: 53px;
}

#grafischknop:hover
{
	background: url(../images/kunst_grafisch-hover.png);
	width: 336px;
	height: 53px;
}

#interactieknop
{
	background: url(../images/interactie.png);
	width: 349px;
	height: 51px;
}

#interactieknop:hover
{
	background: url(../images/interactie-hover.png);
	width: 349px;
	height: 51px;
}


#overonsknop
{
	position: absolute;
	float: left;
	left: 570px;
	top: 705px;
	width: 188px;
	height: 50px;
	background: url(../images/overons.png);
}

#overonsknop:hover
{
	background:url(../images/overons-hover.png);
}

#onzevisieknop
{
	position: absolute;
	float: left;
	left: 755px;
	top: 705px;
	width: 245px;
	height: 50px;
	background: url(../images/onzevisie.png);
}

#onzevisieknop:hover
{
	background:url(../images/onzevisie-hover.png);
}

#header
{
	position: absolute;
	float: left;
	left: 50%;
	top: 2px;
	margin-left: -50%;
	width: 99%;
	min-width: 800px;
	line-height: 9px;
	color:#FFF;
	font-size: 7pt;
	text-align: center;
	z-index:1;
	overflow: hidden;
}

#footer
{
	position: absolute;
	float: left;
	left: 0px;
	bottom: 25px;
	width: 99%;
	height: 30px;
	color:#FFF;
	font-size: 7pt;
	z-index:1;
}

#overons
{
	position: absolute;
	float: left;
	left: 375px;
	bottom: 400px;
	width: 795px;
	height: 555px;
	background: #FFF;
	padding: 10px;
	font-size: 9pt;
	text-align: justify;
	z-index: 1;
}

#onzevisie
{
	position: absolute;
	float: left;
	left: 2125px;
	bottom: 400px;
	width: 795px;
	height: 555px;
	background: #FFF;
	padding: 10px;
	font-size: 9pt;
	text-align: justify;
	z-index: 1;
}

#productie
{
	position: absolute;
	float: left;
	left: 3915px;
	bottom: 400px;
	width: 795px;
	height: 555px;
	background: #FFF;
	padding: 10px;
	font-size: 9pt;
	text-align: justify;
	z-index: 1;
}

#leerbedrijf
{
	position: absolute;
	float: left;
	left: 5675px;
	bottom: 400px;
	width: 795px;
	height: 555px;
	background: #FFF;
	padding: 10px;
	font-size: 9pt;
	text-align: justify;
	z-index: 1;
}

#thijs
{
	position: absolute;
	float: left;
	left: 7465px;
	bottom: 400px;
	width: 795px;
	height: 555px;
	background: #FFF;
	padding: 10px;
	font-size: 9pt;
	text-align: justify;
	z-index: 1;
}

#workshops
{
	position: absolute;
	float: left;
	left: 9255px;
	bottom: 400px;
	width: 795px;
	height: 555px;
	background: #FFF;
	padding: 10px;
	font-size: 9pt;
	text-align: justify;
	z-index: 1;
}

#coaching
{
	position: absolute;
	float: left;
	left: 11045px;
	bottom: 400px;
	width: 795px;
	height: 555px;
	background: #FFF;
	padding: 10px;
	font-size: 9pt;
	text-align: justify;
	z-index: 1;
}

#downloads
{
	position: absolute;
	float: left;
	left: 12835px;
	bottom: 400px;
	width: 795px;
	height: 555px;
	background: #FFF;
	padding: 10px;
	font-size: 9pt;
	text-align: justify;
	z-index: 1;
}

#referenties
{
	position: absolute;
	float: right;
	right: 5870px;
	bottom: 400px;
	width: 795px;
	height: 555px;
	background: #FFF;
	padding: 10px;
	font-size: 9pt;
	text-align: justify;
	z-index: 1;
}

#klanten
{
	position: absolute;
	float: right;
	right: 4080px;
	bottom: 400px;
	width: 795px;
	height: 555px;
	background: #FFF;
	padding: 0px;
	z-index: 1;
}

#vacatures
{
	position: absolute;
	float: right;
	right: 2290px;
	bottom: 400px;
	width: 795px;
	height: 555px;
	background: #FFF;
	padding: 10px;
	font-size: 9pt;
	text-align: justify;
	z-index: 1;
}

#contact
{
	position: absolute;
	float: right;
	right: 500px;
	bottom: 400px;
	width: 795px;
	height: 555px;
	background: #FFF;
	padding: 10px;
	font-size: 9pt;
	text-align: justify;
	z-index: 1;
}

#contact input, #contact textarea {
	padding: 5px;
	width: 250px;
	font-family: font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px 0px 10px 0px;
	border: 1px dashed #CCC;
}

#contact textarea {
	height: 90px;
}

#contact textarea:focus, #contact input:focus {
	background-color:#13e15d;
}

#contact input.verstuur {
	background-color:#d48825;
	width: 75px;
	float: left;
	margin-left:80px;
}

label {
	float: left;
	margin-right: 5px;
	width: 75px;
	padding-top: 5px;
	font-size: 10pt;
}


.tabblad
{
	position: relative;
	float: left;
	margin-left: 150px;
	margin-top: 150px;
	width: 100px;
	height: 600px;
	overflow: visible;
} 

.filmtab
{
	position: absolute; 
	float: left; 
	top: 15px; 
	left: 250px;"
	width: 430px;
	height: 68px;
	opacity:0.25;
	filter:alpha(opacity=25);
}

.backgroundcolor
{
	position: relative;
	float: left;
	padding-right: 600px;
	width: auto;
	height: 100%;
	z-index: 0;
}  

.lijnen
{
	position: absolute;
	float: left;
	top: 750px;
	left: 0px;
	width: 100%;
	height: 150px;
}  

.portfolio
{
	height: 100%;
	width: 100%;
	top:0px;
	left:0px;
	position:absolute;
	overflow:scroll;
	color: #000000;
}

.gallerij 
{
	margin-top: 0px;
	margin-left: 275px;
	width: auto;
	height: 2500px;
}

.container
{
	position: relative;
	float: left;
	margin-left: 100px;
	margin-top: 150px;
	width: 795px;
	height: 555px;
	background: #FFF;
	z-index: 1;
	-moz-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.3); /* Firefox/Mozilla */  
  	-webkit-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.3); /*Safari/Chrome */  
  	box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.3); /* Opera & hoe het zou moeten */  
  	/* Voor IE 8 */  
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#555555')";  
  	/* Voor IE 5.5 - 7 */  
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#555555');  
}

.container:hover
{
	margin-top: 135px;
	-moz-box-shadow: 6px 12px 8px rgba(50, 50, 50, 0.2); /* Firefox/Mozilla */  
  	-webkit-box-shadow: 6px 12px 8px rgba(50, 50, 50, 0.2); /*Safari/Chrome */  
  	box-shadow: 6px 12px 8px rgba(50, 50, 50, 0.2); /* Opera & hoe het zou moeten */  
  	/* Voor IE 8 */  
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#555555')";  
  	/* Voor IE 5.5 - 7 */  
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#555555');  
}

.titel
{
	position: absolute;
	float: left;
	top: 2px;
	left: 10px;
	width:auto;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14pt;
	color: #E5DFD7;
}

.afbeelding
{
	position: relative;
	border: 1px solid #999;
	width: 775px;
	height: 425px;
	margin-left: 9px;
	margin-top: 30px;
}

.informatie
{
	color:#999;
	font-size:7pt;
	line-height:7pt;
	vertical-align: top;
	width:775px;
	height:auto;
	position: relative;
	margin: 10px;
}