/*{{{ general playlist settings, light gray */



*{
	font-family: "Helvetica CY", Arial, sans-serif;
	font-size: 9px;
	color: #990066;
	letter-spacing: .1em;
}

	#container955{
	background-color: #FFFFFF;
	height: 685px;
	width: 955px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: visible;
	}

	/* eerstenav*/
	#ehome90{
	background-color: transparent;
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 90px;
}
	#home{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/home.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 65px;
}
	
	#portfolio{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/portfolio_pdf.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 115px;
}
	#email{
	background-color: transparent;
	background-image: url(../images/nav_img/email.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 275px;
}

	#mailinglist{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/mailing.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 136px;
}
	#sitemap{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/sitemap.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 80px;
}
	#en{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/en.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 54px;
}
	#nl{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/nl.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 50px;
}
	#e90{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/e90.jpg);
	float: left;
	height: 20px;
	width: 90px;
}
	/* einde eerstenav*/
	
	/* tweedenav*/
	#ehome135{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/nav2_1.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 135px;
}
	#home2{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/home2.jpg);
	float: left;
	height: 33px;
	width: 95px;
}

	#about{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/about.jpg);
	float: left;
	height: 33px;
	width: 80px;	
}
	#webdesign{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/webdesign.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 135px;
}

	#graphic{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/graphic.jpg);
	float: left;
	height: 33px;
	width: 165px;
}
	#drawings{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/drawings.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 115px;
}

	#grading{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/grading.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 95px;
}
	#e135{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/nav_e135.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 135px;
}
	/* einde tweedenav*/
	
	/* derdenav*/
	#e295{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/e195.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 295px;
}
	
	#cv{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/cv.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 44px;
}
	#news{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/news.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 71px;
}
	
	#projects{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/projects.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 110px;
}
	#contact{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/contact.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 95px;
}
	#lynx{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/lynx.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width:65px;
}
	#contact{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/contact.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 95px;
}
	
	#e275{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/e275.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 275px;
}
		/* einde derdenav*/
	
	
	#middenvlak{
	background-color: transparent;
	float: left;
	height: 565px;
	width: 955px;
	background-image: url(../images/nav_webdesign/midden625e.jpg);
}

	#onder_1{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/onder.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 41px;
	width: 650px;
}
	#onderrechts{
	background-color: transparent;
	background-image: url(../images/nav_webdesign/onderr.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 41px;
	width: 305px;
}	
/*playerlist en clips*/

.containerplayerlist{
	float: left;
	height: 357px;
	width:950px;
	margin-left:145px;
}
div.playlist {
	position:relative;
	overflow:hidden;	 	
	height:285px !important;
}

div.playlist div.clips {	
	position:absolute;
	height:20000em;
}

div.playlist, div.clips {
	width:190px;
	
}

div.clips a {
	font-family: "Helvetica CY", Arial, sans-serif;
	color: #990066;
	letter-spacing: .1em;
	display:block;
	background-color:#66CC66;
	padding:12px 15px;
	height:46px;
	width:196px;
	font-size:12px;
	border:1px outset #ccc;
	text-decoration:none;
}

div.clips a.first {
	border-top-width:1px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background:url(../images/afspelen.jpg) no-repeat 0px -69px;
	padding-right:60px;
	border:0;
}
	
div.clips a.progress {
	opacity:0.8;
			
}

div.clips a.paused {
	background-position:0 0;	
}

div.clips a span {
	display:block;		
	font-size:11px;
	color:#666;
}

div.clips a em {
	font-style:normal;
	color:#999999;
	letter-spacing: .2em;
	font-size:11px;
	
}	

div.clips a:hover {
	background-color:#f9f9fa;
	background-image:url(../images/afspelen.jpg);		
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ petrol colored */

div.clips.petrol a {
	background-color:#193947;
	color:#fff;
	border:1px outset #193947;
}

div.clips.petrol a.playing, div.clips.petrol a.paused, div.clips.petrol a.progress {
	background:url(/img/playlist/dark.png) no-repeat 0px -69px;
	border:0;
}

div.clips.petrol a.paused {
	background-position:0 0;	
}

div.clips.petrol a span {
	color:#aaa;
}

div.clips.petrol a em {
	color:#FCA29A;
	font-weight:bold;
}	

div.clips.petrol a:hover {
	background-color:#274D58;		
} 

div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ low version */

div.clips.low a {	
	height:31px;
}

div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {
	background-image:url(/img/playlist/light_small.png);
	background-position:0 -55px;
}

div.clips.low a.paused {
	background-position:0 0;	
}


/*}}}*/


/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	margin:5px 0 5px 105px;
	cursor:pointer;
	background-image: url(../images/splashvideo_pijl_up.jpg);
	background-repeat: no-repeat;
}



a.go:hover{
	background-position:0px -18px;	
	background-image: url(../images/arrow_up_dark.jpg);	
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	display: block;
}

a.go.down {
	background-image:url(../images/arrow_down_light.jpg);
}
 a.go.down:hover {
	background-position:0px -18px;
	background-image: url(../images/splashvideo_pijl.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	display: block;
}

div.petrol a.go {
	background-image:url(../images/splashvideo_pijl_up.jpg);
}

div.petrol a.go.down {
	background-image:url(../images/arrow_down_dark.jpg);
}

a.go.disabled {
	visibility:hidden;		
}



h1, h2, h3 {
	font-family: "Helvetica CY", Verdana, sans-serif, Arial;
	font-size: 11px;
	color:#888888;
	}
	
	.t1{
	font-family: Verdana, Helvetica CY,Arial,  sans-serif;
	font-size: 10px;
	color: #A1A1A1;
	float: left;
	margin-left: 15px;
	height: 70px;
	width: 600px;
	letter-spacing:1.3px;
	text-align: right;
	margin-left:240px;
	margin-top:70px;
	
	font-weight: normal;
	}
	
	
.t1 a:link, a:visited {
	text-decoration: none;
	background-color: transparent;
	font-family:  Arial, Helvetica CY,sans-serif;
	color:#989898;
	font-size: 11px;
	}
.t1 a:hover, a:active{
	background-color: transparent;
	text-decoration: none;
	font-family: Arial, Helvetica CY,  sans-serif;
	color: #993333;
}

/*}}}*/