body{
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:#CCCCCC;
	font-size:10px;
	}

h1{
	text-align:right;
	color:#FFFFCC;
	text-decoration:none;
	font-size:30px;
	font-style:normal;
	font-variant:small-caps;
	border-top:dashed 1px;	
	border-bottom:dashed 1px;
	border-color:#FA9CB6;
	margin-top: 1em;
	padding-top:20px;
	padding-right:15px;
	background-image:url(../../img/Hbg/h1bg.gif);
	background-repeat:repeat;
	background-position:left;
	}

h2{
	background-color:#000000;
	border-top:solid 1px #F7FF28;
	border-bottom:solid 1px #F7FF28;	
	text-align:left;
	color:#F7FF28;
	text-decoration:none;
	font-size:20px;
	font-style:normal;
	font-variant:small-caps;	
	margin-top: 1em;
	padding:5px;
	padding-left:15px;
	}
h3 {
	font-size:10px;
	background-color:#000;
	padding:10px;
	padding:3px;
	margin:0px;
	border-bottom: #686868 dashed 1px;
	}

h4 { text-align:right;}		

h6{
	font-size:9px;
	text-transform:uppercase;
	text-indent:0;
	}
	
p { 
	text-align:left;
	left:50px;
	}
table{
	width:100%;
	}	
th{
	text-align:right;
	color:#000000;
	background-color:#686868;
	padding-right:10px;
	width:25%;

	
	}	
td{
	text-align:left;
	color:#CCCCCC;
	background-color:#515151;
	padding-left:10px;
	border: solid 1px #515151; 
	}

td:hover{
	border:solid 1px #686868;} 	
		
.upperHolder{
	position:relative;
	top:8px;
	padding-left:15px;
	padding-right:5px;
	}		
.tableWrapper{
	background-color:#000000;
	color:#F7FF28;
	text-align:center;
	}
	
.pictureHolder img{
	margin: 0px;
	border:2px solid #686868;
	}
a {
	color:#FFFFCC;
	text-decoration:none;
	}	
a:hover{
	color:#ffffcc;
	text-decoration:underline;
	}

.textBalk{
	background-color:#686868;
	border:0px;
	color:#CCCCCC;
	overflow:auto;
	}	
#submitter{ 
	background-color:#515151;
	color:#FFFFFF;
	margin-left:45%;
	border:solid 1px #686868;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
	}

#submitter:hover{
	background-color:#686868;
	}
	
.productHolder{
	position:relative;
	}			
	
.tidaHolder{
	width:100%;
	}
.title {
	text-align:center;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	background-color:#222222;
	padding:2px;
	border:solid 2px black;
	
	}	
.datum{
	position:relative;
	text-align:right;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	}
.picture{
	position:relative;
	width:auto;
	background-color:#333333;
}
.workPicture{
	position:relative;
	width:auto;
	background-color:#333333;
}

.WorkPlaatje{ 
	position:relative;
	width:auto;
	height:auto;
	border:solid 3px #686868;
	max-width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;	
	}
	
.plaatje{ 
	position:relative;
	width:auto;
	height:auto;
	border:solid 3px #686868;
	max-width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;	
	}
.infoTekst{
	background-color:#000;
	padding-left:20px;
	padding-bottom:3px;
	border:solid 1px white;
	}
.infoTekst a{
	color:#F7FF28;
	cursor:pointer;
	}	
	
.info{

	}

.beschrijving{
	background-color:#000000;
	padding:20px;
	padding-top:5px;
}

.software{
	background-color:#F7FF28;
	color:#000000;
	padding-left:20px;
	margin-bottom:50px;
}
	
#workMenu{
	position:relative;
	background-color:#000000;
	width:100%;
	height:50px;
	margin-bottom:20px;
	
	}

#workMenu ul li{
	list-style:none;
	display:inline-block;
	}

.workHome {
	position:relative;
	font-size:10px;
	color:#686868;
	cursor:pointer;
	background-color:#000;
	padding:10px;
	padding:3px;
	margin-top:0px;
	border-bottom: #686868 dashed 1px;
}

.workHomeDa{
	margin-left:20px;
	}
	
.workHomeCat {
	position:relative;
	width:40px;
	padding:0px;
	padding-right:5px;
	text-align:right;
	float:right;
	font-size:10px;
	color:#686868;
	margin-top:-25px;
	}
.workHome a{
	color:#F7FF28;
	cursor:pointer;
	}
.workHome a:hover{
	text-decoration:underline;

	}

.workSee{
	background-color:#F7FF28;
	color:#000000;
	text-align:center;
	padding-bottom:3px;
}

.workSee a{
	color:#06F;
	cursor:pointer;
}
	
#flyer a{
	position:absolute;
	background-image:url(../img/work/flyers.png);
	width:79px;
	height:60px;
	display: inline-block;
	left:0%;
	top: -17px;
	}

#flyer a:hover{
	background-position:-80px; width:97px;
	width:100px;
	}
	
	
#screen a{
	position:absolute;
	background-image:url(../../img/work/screenDia.png);
	width:125px;
	height:60px;
	display: inline-block;
	left:11%;
	top: 10px;
	}

#screen a:hover{
	background-position:-127px; width:115px;
	height:60px;
	}		

#poster a{
	position:absolute;
	background-image:url(../img/work/posters.png);
	width:82px;
	height:60px;
	display: inline-block;
	top: -17px;
	left:30%;
	}

#poster a:hover{
	background-position:-81px; width:109px;
	}

#logo a{
	position:absolute;
	background-image:url(../img/work/logo.png);
	width:82px;
	height:60px;
	display: inline-block;
	top: 10px;
	left:45%;
	}

#logo a:hover{
	background-position: -83px; width:92px;
	}

#website a{
	position:absolute;
	background-image:url(../img/work/website.png);
	width:100px;
	height:60px;
	display: inline-block;
	left:57%;
	top: -23px;
	}

#website a:hover{
	background-position:-105px; width:133px;
	height:74px;
	}	

#other a{
	position:absolute;
	background-image:url(../img/work/other.png);
	width:82px;
	height:60px;
	display: inline-block;
	top: -17px;
	left:86%;
	}

#other a:hover{
	background-position:-80px; width:98px;
	}					
		
#banner a{
	position:absolute;
	background-image:url(../img/work/banners.png);
	width:82px;
	height:78px;
	display: inline-block;
	top: 3px;
	left:73%;
	}

#banner a:hover{
	background-position:-85px; width:120px;
	}