/* nl20 common stylesheet for all browsers */


/* start RESET DEFAULT styles */
 *{ margin:0; padding:0; }
body { 
	background: #ffffff url(../images/bg_body2.gif) repeat-y 50% 0%;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size:69%;
	line-height: 15px;
	color: #444455;
	}
	
img { border:0px; }	
ul { list-style:none; }
a { text-decoration:none; }
a:hover{ text-decoration:underline; }

/* end RESET DEFAULT styles */



/* MAIN styles */

#container {
	position:absolute;
	width: 100%;
	text-align:center;
	border: 0px solid green;
	height:100%;
	min-height:800px;
	}
	
#content {  
	position:relative;
	width: 996px;
	background: transparent url(../images/bg_top.gif) left top no-repeat;
	text-align:left;
	margin:auto;
	border:0px solid cyan;
	height:100%;
	min-height:800px;
	}	
	
#contenttemp {	
	position:absolute;
	margin-top:200px;
	margin-left:150px;
	z-index:10;
	}
	
#logo {  
	position:absolute;
	top:7px;
	left:13px;
	width: 390px;
	height: 52px;
	z-index:10
	}
	
#titelbalk {  
	position:absolute;
	top:77px;
	left:233px;
	width: 151px;
	height: 45px;
	text-align:right;
	color:#ffffff;
	border:0px solid magenta;
	z-index:30
	}
			
#footer {
	position:absolute;
	bottom:0px;
	width: 100%;
	height:15px;
	background-color:#ffffff;
	}
	
.cursor {		
	cursor:pointer;
	}
	
	
	
/* navigatie */

#navboven {
	position:absolute;
	margin-left:285px;
	z-index:1000;
	color:#fff;
	margin-top:3px
	}
	
#navboven ul {
	display:inline; 
	list-style:none;
	}
	
#navboven li {
	display:inline; 
	float:left; 
	background:#000;
	margin-top:5px;
	}
	
#navboven a {
	float:left; 
	display:block; 
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:5px 6px 5px 6px
	}
	
#navboven a:hover {
	text-decoration:underline;
	}

#navboven #navnieuws a {
	background:#000;
	}
	
#navboven #navmakers a {
	background:#333;
	}
	
#navboven #navvideos a {
	background:#666;
	}
	
#navboven #navprojecten a {
	background:#999;
	}

#navboven #navverhuur a {
	color:#333;
	background:#ccc;
	}
	
#navboven .underline {
	text-decoration: underline;
	}
	
.underline a {
	text-decoration: underline;
	}
	
.underline a:hover {
	text-decoration: none;
	}

	
/* knoppen */

.knop_vind {
	float:left;
	width:28px;
	height:23px;
	border:0px solid red;
}

a#knop_vind {
   display: block;
   width: 28px;
   height: 23px;
   background-image: url(../images/knop_vind_sm.gif); 
   background-position: 0 0;
   margin: 0 0;
}
a#knop_vind:hover {
    background-position: 0 -23px;
}


.knop_bellissima {
	width:151px;
	height:18px;
	border:0px solid red;
	z-index:200
}

.knop_bellissima a{
   display: block;
   width: 151px;
   height: 18px;
   background-image: url(../images/knop_bellissima.gif); 
   background-position: 0 0;
   margin: 0 0;
	 z-index:200
}

.knop_bellissima a:hover {
    background-position: 0 -18px;
}

.knop_flash a {
	 float:left;
   display: block;
   width: 53px;
   height: 20px;
   background-image: url(../images/knop_player_flash.gif); 
   background-position: 0 0;
   margin: 0px 10px 5px 0px
	}

.knop_flash a:hover {
   background-position: 0 -20px;
	}

.knop_quicktime a {
	 float:left;
   display: block;
   width: 84px;
   height: 20px;
   background-image: url(../images/knop_player_qtime.gif); 
   background-position: 0 0;
   margin: 0px 10px 5px 0px
}

.knop_quicktime a:hover {
    background-position: 0 -20px;
}
	
.knop_fscreen a {
	 float:left;
   display: block;
   width: 82px;
   height: 20px;
   background-image: url(../images/knop_player_fscreen.gif); 
   background-position: 0 0;
   margin: 0px 5px 5px 0px
}

.knop_fscreen a:hover {
    background-position: 0 -20px;
}

.knop_share a {
	 float:left;
   display: block;
   width: 114px;
   height: 20px;
   background-image: url(../images/knop_player_share.gif); 
   background-position: 0 0;
   margin: 0px 0px 5px 0px
}

.knop_share a:hover {
    background-position: 0 -20px;
}
	
	
/* typography */

h1 { /* categorien agenda nieuws, best getest, detailtitle */
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:1.8em;
	line-height:1em;
	text-decoration: none;
	}
	
h1 a{
	color:#444455;
	}	

#home h1 a:hover{
	color:#dd1111;
	text-decoration:none;
	}		
	
h2 { /* blokkenheaders */
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:1.5em;
	line-height:1em;
	text-decoration: none;
	}
	

#home h2 a:hover{
	color:#dd1111;
	text-decoration:none;
	}	
	
h3 { /* nieuwsheaders */
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:1.3em;
	line-height:1em;
	padding-top:0.2em;
	text-decoration: none;
	}
	
h3 a{
	color:#444455;
	}	

#home h3 a:hover{
	color:#dd1111;
	text-decoration:none;
	}
#shoppen h3 a:hover{
	color:#ee0077;
	text-decoration:none;
	}
	
	
h4 { /* kleinste titels */
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:1.0em;
	line-height:0.8em;
	text-decoration: none;
	}

h4 a:hover{
	text-decoration:none;
	}	
	

.linklijn { 
	color: #dd1111;
	text-decoration: underline;
	}	
	
A.linklijn:hover { 
	color: #000000;
	}
	
.subheader { 
	font-family: tahoma, arial, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	}		

.text { 
	font-family: tahoma, arial, sans-serif;
	font-size:1.0em;
	}	
	
.text a{ 
	font-family: tahoma, arial, sans-serif;
	font-size:1.0em;
	text-decoration:underline;
	}
	
.textbold { 
	font-family: tahoma, arial, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	}		
	

	
/* kleuren */
.wit		 		{ color:#fff; } 
.zwart		 	{ color:#000; } 
.oranje			{ color:#ff6600; } 
.pink				{ color:#ff0099; } /*NIEUWS*/
.blue		    { color:#00aaff; } /*PROJECTEN*/


.oranjebg	{ background-color:#ff8800; } /*NDSM*/
.groenbg		{ background-color:#00ff00; } /*MAKSGAAP*/
.bluebg		{ background-color:#00aaff; } /*PROJECTEN*/
.pinkbg		{ background-color:#ff0099; } /*NIEUWS*/
.roodbg		{ background-color:#ff0000; } /*MAKERS*/
.geelbg		{ background-color:#ffff00; } /*VIM*/
.dblauwbg	{ background-color:#5588aa; } /*ALGEMEEN*/


.floatleft {
	float:left;
	}
	
.floatright {
	float:right;
	}	
	
.clearartikel {
	clear:left;
	height:2px;
	margin:0;
	border:0 solid red;
	}		
	
.clear {
	clear:left;
	}	
	
.paddingbot10	{
	padding-bottom:5px;
}

.pad3	{
	padding-top:7px;
}



	
/* formulier */
.field_top {
	font-family: verdana;
	font-size: 11px;
	color:#dd1111;
	width: 120px;
	border:1px white solid;
	}
	

.input_login {
	width: 140px;
	margin-top: 5px;
	}

.input_klein {
	width: 110px;
	height:16px;
	background-color:#dadada;
	border:1px solid #dadada;
	}

.input_groot { /* zoekresultaat */
	margin-left:5px;
	width: 137px;
	height:17px;
	font-size:12px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	}

.input_area {
	width: 110px;
	height:43px;
	background-color:#dadada;
	border:1px solid #dadada;
	}

.submit_zoek {
	margin: 0px;
	}

.long {	
	width: 190px;
	margin:5px 0px 5px 10px;
	}
	
.knop a {
	display:block;
	width: 38px;
	height:19px;
	overflow:hidden;
	background-image: url(../images/knop_zoek.gif);
	background-position:0px 0px;
	}
	
.knop a:hover {
	background-position: 0px -19px;
	}	
	

	
/* shapes */	

.xs {
	display:block;
	width: 106px;
	height: 79px;
	min-height: 79px;
	background-position: 0 0;
	margin: 0 0;
	}
	
.xl {
	display:block;
	width: 214px;
	height: 160px;
	min-height: 160px;
	background-position: 0 0;
	margin: 0 0;
	}	
	
.cloudtitle a{
	font-size:1.1em;
	font-weight:bold;
	color:#ffffff;
	}
	
	




	
/* detailpage */

#detail_title {
	position:absolute; top:143px; left:176px;
	width: 518px;
	height: 34px;
	padding:10px;
	background-color:#000000;
	color: #949494;
	}
	
#detail_title a{
	color: #949494;
	}
	
#detail_title a:hover{
	color: #ffffff;
	}	
		
#detail_content {
	position:absolute; top:197px; left:68px;
	width: 626px;
	height: 302px;
	padding:10px;
	background-color:#000000;
	color: #949494;
	}
	
#detail_content #videobeeld {
	margin-right:5px;
	float:left;
	cursor:pointer
	}
	
#detail_content #beschrijving {
	position: absolute;
	top:10px;
	left:430px;
	width:210px;
	height:150px;
	color:white;
	overflow-y: auto;
	overflow-x : hidden
	}
	
#detail_content #mediainfo {
	position: absolute;
	top:180px;
	left:430px;
	width:205px;
	color:white
	}
	
.detail_video {
	width: 400px;
	height: 300px;
	margin-right:5px;
	display:none;
	float:left
	}
	
#embed_window {
	position: absolute;
	top: 10%;
	left: 15%;
	width:700px;
	height:500px;
	border:3px solid #fff;
	background-color:#000;
	color: #fff;
	z-index:50;
	overflow-y: auto;
	overflow-x : hidden;
	visibility:hidden
	}
	
#embed_window h2 {
	margin:10px 10px 5px 10px
	}
	
#embed_window p {
	margin:10px 10px 5px 10px;
	color:#939393
	}

#embed_window #close a {
	float:right;
	margin:10px;
	color:#fff;
	font-weight:bold;
	}
	
#detail_zoek {	
	position: absolute; top: 60px; left: 716px;
	width: 214px;
	height:162px;
	padding-top:7px;
	background-color:#ffffff;
	}
	
#detail_blok {	
	position: absolute; top: 224px; left: 716px;
	width: 206px; /* ie: 214*/	
	height:175px; /* ie: 214*/	
	padding:7px 3px 5px 5px;
	overflow:auto;
	}	
	
#detail_lijst {
	position:absolute; top:438px; left:500px;
	width: 430px;
	background-color:#ffffff;
	color: #949494;
	z-index:21
	}
	
.lijstclear {
	width: 430px;
	height:2px;
	background-color: #ffffff;
	clear:left
	}		

	
	
	
/* zoekresultaat */

#resultaat {
	position:absolute; top:62px; left:68px;
	width: 880px;
	height:1100px;
	background-image: url(../images/bg_resultaat.gif); 
	background-repeat:no-repeat;
	background-position: -2px 79px
	}	
	
	
#resultaat_header {
	position:absolute; top:143px; left:5px;
	color:#5588aa;
	}	
	
.resultaat_item {
	width: 430px;
	height:79px;
	overflow:hidden;
	background-color: #ffffff;
	clear:left;
	border: 0px solid cyan;
	}	
	
#resultaat_lijst {
	position:absolute; top:187px; left:0px;
	width: 430px;
	background-color:#ffffff;
	color: #949494;
	}	
	
.resultaat_item .afstand{
	display: block;
	padding:2px 5px 2px 115px;
	}

#resultaat .top{
	position:absolute; top:83px; left:275px;
	}
	
#resultaat .bottom{
	position:absolute; top:1003px; left:329px;
	}	
	
#resultaat .blader{
	width:150px;
	color:#ffffff;
	line-height:24px;
	text-align:center;
	}
	
#resultaat .blader a{
	color:#ffffff;
	}
	
#resultaat .blader a:hover{
	background-color:#000000;
	}
	
#resultaat #zoek {	
	position: absolute; top: 0px; left: 648px;
	width: 214px;
	height:97px;
	padding-top:10px;
	background-color:#000000;
	color:#5588aa;
	}
	
#resultaat #wordcloud {	
	position: absolute; top: 220px; left: 438px;
	width: 414px;
	height:197px;
	padding-top:10px;
	background-color:#000000;
	color:#999999;
	font-family: Lucida Console; 
	border:0px solid white;
	overflow:auto;
	line-height:20px;
	}		

#resultaat #top5 {	
	position: absolute; top: 432px; left: 655px;
	width: 207px;
	height:150px;
	padding-top:10px;
	color:#ffffff;
	line-height:20px;
	border:0px solid white;
	overflow:auto;
	}		
	
#top5 a {color:#ffffff;}
#top5 a:hover {color:#000000;}

#resultaat #meestbekeken {	
	position: absolute; top: 432px; left: 433px;
	width: 217px;
	height:400px;
	color:#ffffff;
	overflow:hidden;
	}
	
.beschrijving {
	width:200px;
	margin-top:5px;
	padding-left:5px;
	color:#ffffff
	}
	
#resultaat #latest {	
	position: absolute; top: 595px; left: 648px;
	width: 217px;
	height:400px;
	color:#ffffff;
	overflow:hidden;
	}		
	
	
	
/* Projecten clouds */	

#cloud_detail {
	position:absolute;
	top:521px;
	left:41px;
	width: 456px;
	border:0px solid magenta;
	}	
		
#cloud_detail .cloudtitle {
	position:absolute;
	top:27px;
	left:243px;
	width: 214px;
	height: 52px;
	line-height:24px;
	text-align:center;
	background-color:#000000;
	}	
	
#cloud_detail .bigunit_1{
	position:absolute; top:81px; left:243px;}
	
#cloud_detail .bigunit_2{
	position:absolute; top:243px; left:243px;}
	
#cloud_detail .bigunit_3{
	position:absolute; top:270px; left:27px;	}
	
#cloud_detail .unit_1{
	position:absolute; top:0px; left:135px;}
	
#cloud_detail .unit_2{
	position:absolute; top:81px; left:81px;}
	
#cloud_detail .unit_3{
	position:absolute; top:162px; left:135px;}
	
#cloud_detail .unit_4{
	position:absolute; top:189px; left:0px;	}
	
#cloud_detail .unit_5{
	position:absolute; top:405px; left:243px;	}		

	
	

/* cloud 1 */	

#cloud_1 {
	position:relative;
	top:89px;
	left:68px;
	width: 457px;
	height: 322px;

	}	
		
#cloud_1 .cloudtitle a{
	position:absolute;
	top:216px;
	left:243px;
	width: 241px;
	height: 25px;
	line-height:24px;
	background-color:#000000;
	}	
	
#cloud_1 .cloudtitle a:hover {
	background-color:#ffff00;
	color:#000000;
	text-decoration:none;
	}
	
#cloud_1 .beschrijvingproject {
	position:absolute;
	top:162px;
	left:324px;
	width: 162px;
	height: 52px;
	background-color:#ffffff;
	color:#000000;
	}	

#cloud_1 .cloudtitle h4 {
	padding:5px;
	}
	
#cloud_1 .video {
	position:absolute; top:54px; left:108px;}				
	
#cloud_1 .unit_1{
	position:absolute; top:81px; left:324px;}
	
#cloud_1 .unit_2{
	position:absolute; top:216px; left:135px;}
	
#cloud_1 .unit_3{
	position:absolute; top:135px; left:0px;	}
	
#cloud_1 .unit_4{
	position:absolute; top:216px; left:27px;	}
	
#cloud_1 .unit_5{
	position:absolute; top:243px; left:243px;	}
	
#cloud_1 .unit_6{
	position:absolute; top:243px; left:351px;	}
	
#cloud_1 .unit_7{
	position:absolute; top:0px; left:324px;	}						

	

	
/* cloud 2 */	

#cloud_2 {
	position:absolute;
	top:62px;
	left:608px;
	width: 322px;
	height: 322px;
	}	
		
#cloud_2 .cloudtitle a{
	position:absolute;
	top:54px;
	left:162px;
	width: 160px;
	height: 25px;
	line-height:24px;
	background-color:#000000;
	}	
	
#cloud_2 .cloudtitle a:hover {
	background-color:#00ff00;
	color:#000000;
	text-decoration:none;
	}
	
#cloud_2 .beschrijvingproject {
	position:absolute;
	top:0px;
	left:162px;
	width: 162px;
	height: 52px;
	background-color:#ffffff;
	color:#000000;
	}	
	
#cloud_2 .cloudtitle h4 {
	padding:5px;
	}
	
#cloud_2 .video {
	position:absolute; top:81px; left:108px;
	}				
	
#cloud_2 .unit_1 {
	position:absolute; top:0px; left:54px;
	}
	
#cloud_2 .unit_2 {
	position:absolute; top:81px; left:0px;
	}
	
#cloud_2 .unit_3 {
	position:absolute; top:162px; left:0px;
	}
	
#cloud_2 .unit_4 {
	position:absolute; top:243px; left:81px;
	}
	
#cloud_2 .unit_5{
	position:absolute; top:243px; left:189px;
	}
	
	
	
	
/* cloud 4 */	

#cloud_4 {
	position:absolute;
	top:440px;
	left:41px;
	width: 322px;
	height: 322px;
	}	
		
#cloud_4 .cloudtitle a{
	position:absolute;
	top:81px;
	left:216px;
	width: 160px;
	height: 52px;
	line-height:24px;
	background-color:#000000;
	}	
	
#cloud_4 .cloudtitle a:hover {
	background-color:#ffff00;
	color:#000000;
	text-decoration:none;
	}
	
#cloud_4 .beschrijvingproject  {
	position:absolute;
	top:135px;
	left:216px;
	width: 162px;
	height: 52px;
	background-color:#ffffff;
	color:#000000;
	}
	
#cloud_4 .cloudtitle h4 {
	padding:5px;
	}
	
#cloud_4 .video {
	position:absolute; top:27px; left:0px;
	}				
	
#cloud_4 .unit_1 {
	position:absolute; top:0px; left:216px;
	}
	
#cloud_4 .unit_2 {
	position:absolute; top:189px; left:27px;
	}
	
#cloud_4 .unit_3 {
	position:absolute; top:189px; left:135px;	
	}
	
#cloud_4 .unit_4 {
	position:absolute; top:189px; left:243px;	
	}
	


/* cloud 4 */	

#cloud_3 {
	position:absolute;
	top:413px;
	left:473px;
	width: 322px;
	height: 322px;
	}	
		
#cloud_3 .cloudtitle a{
	position:absolute;
	top:162px;
	left:324px;
	width: 160px;
	height: 25px;
	line-height:24px;
	background-color:#000000;
	}	
	
#cloud_3 .cloudtitle a:hover {
	background-color:#ff6600;
	color:#000000;
	text-decoration:none;
	}
	
#cloud_3 .beschrijvingproject  {
	position:absolute;
	top:189px;
	left:324px;
	width: 162px;
	height: 52px;
	background-color:#ffffff;
	color:#000000;
	}	

#cloud_3 .cloudtitle h4 {
	padding:5px;
	}
	
#cloud_3 .video {
	position:absolute; top:81px; left:108px;
	}				
	
#cloud_3 .unit_1 {
	position:absolute; top:81px; left:324px;
	}
	
#cloud_3 .unit_2 {
	position:absolute; top:0px; left:243px;
	}
	
#cloud_3 .unit_3 {
	position:absolute; top:0px; left:135px;	
	}
	
#cloud_3 .unit_4 {
	position:absolute; top:54px; left:0px;	
	}
	
#cloud_3 .unit_5 {
	position:absolute; top:135px; left:0px;	
	}	
	
	
	
	
/* projecten overige */

#projecten #titel {
	position:absolute; top:764px; left:41px;
	width: 592px;
	height: 25px;
	background-color:#000;
	color:#fff;
	}
	
#projecten #titel h3 {
	padding: 5px 0 0 10px;
	color:#fff
	}
	
#projecten #overige {
	position:absolute; top:791px; left:41px;
	width: 648px;
	height: 350px;
	background-color:#fff;
	color:#000;
	overflow-y: auto;
	overflow-x : hidden
	}
	
#projecten #overige_item {
	float:left;
	width: 305px;
	height: 80px;
	margin-right:8px;
	border-bottom:1px solid #fff
	}
	
#projecten .overige_beeld {
	float:left;
	margin: 0 10px 0 0;
	}
	
#projecten #overige_item p {
	color:#000
	}
	
#projecten hr {
	margin: 5px 0 0 0;
	}
	
#projectenmaker #titel {
	position:absolute; top:710px; left:716px;
	width: 187px;
	height: 25px;
	background-color:#000;
	color:#fff
	}

#projectenmaker #titel h3 {
	padding: 5px 0 0 5px;
	}
	
#projectenmaker #contents {
	position:absolute; top:737px; left:716px;
	width: 216px;
	height: 377px;
	background-color:#fff
	}
	
#projectenmaker #contents p {
	padding: 5px 5px 15px 5px;
	}
	
#projectenmaker #contents h4 {
	padding: 5px 0 0 5px;
	}
	
#projectenmaker #contents .xs {
	margin-right:2px;
	}
	
	
/* makersoverzicht */	

#makers {
	position:relative;
	width: 996px;
	height:800px;
	background: transparent url(../images/bg_top.gif) left top no-repeat;
	text-align:left;
	margin:auto;
	overflow:hidden;
	}
	
#makers .unit_1{
	position:absolute; top:116px; left:176px;}	

#makers .unit_2{
	position:absolute; top:197px; left:95px;}
	
#makers .unit_3{
	position:absolute; top:224px; left:203px;}		

#makers .unit_4{
	position:absolute; top:143px; left:311px;}
	
#makers .unit_5{
	position:absolute; top:143px; left:500px;}
	
#makers .unit_6{
	position:absolute; top:224px; left:608px;}		

#makers .unit_7{
	position:absolute; top:305px; left:608px;}		

#makers .unit_8{
	position:absolute; top:386px; left:581px;}		

#makers .unit_9{
	position:absolute; top:467px; left:554px;}		
	
#makers .unit_10{
	position:absolute; top:467px; left:419px;}		

#makers .unit_11{
	position:absolute; top:386px; left:419px;}

#makers .unit_12{
	position:absolute; top:386px; left:311px;}

#makers .unit_13{
	position:absolute; top:305px; left:284px;}

#makers .unit_14{
	position:absolute; top:494px; left:95px;}

	
		
/* bigunits */	

#makers .bigunit_1{
	position:absolute; top:305px; left:41px;}		
	
#makers .bigunit_2{
	position:absolute; top:467px; left:203px;}		
	
#makers .bigunit_3{
	position:absolute; top:224px; left:392px;}		

#makers .bigunit_4{
	position:absolute; top:467px; left:662px;}		

	
	

/* homepage */

#homepage #nieuwstitel {
	position:absolute; top:170px; left:68px;
	width: 214px;
	height: 25px;
	background: #000;
	z-index:20
	}
	
#homepage #nieuwstitel h2{
	padding: 4px 0 0 5px;
	color:#fff
	}

#homepage #nieuwsbeeld {
	position:absolute; top:197px; left:68px;
	border: 0;
	z-index:20
	}
	
#homepage #nieuwscontent {
	position:absolute; top:359px; left:68px;
	width: 214px;
	height: 133px;
	color:#fff;
	background: #ff0198;
	}
	
#homepage #nieuwscontent h4 {
	padding: 6px 4px 0px 4px;
	line-height:1.2em
	}
	
#homepage #nieuwscontent h4:hover {
	text-decoration:underline
	}
#homepage #nieuwscontent p {
	padding: 4px;
	line-height:1.1em
	}

#homepage #nieuwsbrief {
	position:absolute; top:494px; left:68px;
	width: 214px;
	height: 106px;
	color:#fff;
	background: #000;
	padding: 0px;
	}
	
#homepage #nieuwsbrief h2 {
	padding: 10px 0 0 5px;
	color: #ff0198;
	}
	
#homepage #nieuwsbrief p {
	padding: 5px 0 0 5px;
	}
	
#homepage #uitzendingen {
	position:absolute; top:116px; left:284px;
	width: 214px;
	height: 457px;
	background: #5a8ea6;
	color: #fff
	}
	
#homepage #uitzendingen h1 {
	padding: 15px 0 0 10px;
	color:#fff
	}
	
#homepage #uitzendingen h2 {
	padding: 10px 0 5px 10px;
	color:#fff
	}
	
#homepage #uitzendingen h3 {
	padding: 0 0 5px 10px;
	color:#fff
	}
	
#homepage #uitzendingen h4 {
	padding: 0 0 5px 10px;
	color:#fff
	}
	
#homepage #uitzendingen p {
	padding: 5px 10px 5px 10px
	}
	
#homepage #makerstitel {
	position:absolute; top:89px; left:500px;
	width: 214px;
	height: 25px;
	background: #000
	}
	
#homepage #makerstitel h2{
	padding: 4px 0 0 5px;
	color:#fff
	}
	
#homepage #home_makers {
	position:absolute; top:116px; left:500px;
	width: 216px;
	height: 457px
	}
	
#homepage #maker_info {
	float:left;
	width: 214px;
	height: 52px;
	margin-top:2px;
	margin-bottom:2px;
	background: #fe0000;
	color: #fff
	}
	
#homepage #maker_info p {
	padding: 4px 0 0 5px;
	}
	
#homepage .xs {
	float:left;
	margin-bottom: 2px;
	padding-right: 2px
	}
	
#homepage #projectentitel {
	position:absolute; top:62px; left:716px;
	width: 214px;
	height: 25px;
	background: #000
	}
	
#homepage #projectentitel h2{
	padding: 4px 0 0 5px;
	color:#fff
	}
	
#homepage #home_projecten {
	position:absolute; top:89px; left:716px;
	width: 216px;
	height: 484px;
	}
	
#homepage #project_info {
	float:left;
	width: 214px;
	height: 79px;
	margin-top:2px;
	margin-bottom:2px;
	color: #000
	}
	
#homepage #project_info p {
	padding: 4px 2px 0 5px;
	}
	
#homepage #adres {
	position:absolute; top:575px; left:284px;
	width: 430px;
	height: 25px;
	background-color: #000;
	color: #fff
	}
	
#homepage #adres p {
	padding: 4px 2px 0 5px;
	}
	
	
	
	
/* detail project */

#detail_project #banner {
	position:absolute; top:62px; left:500px;
	width: 430px;
	height: 79px
	}

#detail_project #kop {
	position:absolute; top:143px; left:176px;
	width: 538px;
	height: 52px;
	background-color: #fff;
	}
	
	#detail_project #kop h1 {
	color: #4d4d4d;
	padding: 10px 0 0 10px;
	}
	
	#detail_project #kop p {
	color: #4d4d4d;
	padding: 0 0 0 10px;
	}
	
#detail_project #uitzendingen {
	position:absolute; top:197px; left:68px;
	width: 214px;
	height: 619px;
	color: #000;
	z-index:20;
	overflow-y: auto;
	overflow-x : hidden
	}
	
	#detail_project #uitzendingen h1 {
	 padding: 15px 0 0 5px;
	 }
	
	#detail_project #uitzendingen h2 {
		padding: 5px 0 5px 5px;
		}
		
	#detail_project #uitzendingen h3 {
		padding: 0 0 5px 5px;
		}
		
	#detail_project #uitzendingen h4 {
		padding: 0 0 5px 5px;
		}
		
	#detail_project #uitzendingen p {
		padding: 5px 10px 5px 5px;
		}
	
#detail_project #nieuws {
	position:absolute; top:197px; left:284px;
	width: 430px;
	height: 1024px;
	background-color: #fff;
	color:#4d4d4d;
	overflow-y: auto;
	overflow-x : hidden
	}
	
	#detail_project #nieuws .afbeelding {
	float:left;
	border:0;
	margin:0 10px 5px 0
	}
		
	#detail_project #nieuws h1{
	display:block;
	width:100%;
	margin: 5px 0 10px 5px;
	color:#4d4d4d
	}
	
	#detail_project #nieuws h2 {
	padding: 0 0 0 10px;
	}
	
	#detail_project #nieuws p {
	padding: 5px;
	}
	
	#detail_project #nieuws hr {
	margin: 10px 0 10px 0
	}
	
		#detail_project #bottom {
		position:absolute; top:1222px; left:445px;
		width:134px;
		height:54px;
		text-align:center;
		}
		
		#detail_project #bottom .blader{
		margin-top:5px;
		color:#000;
		line-height:24px;
		text-align:center
		}
		

		#detail_project #bottom .blader a {
		color:#000;
		}
		
		#detail_project #bottom .blader a:hover {
		}
	
#detail_project #freecontent {
	position:absolute; top:143px; left:716px;
	width: 214px;
	height: 1024px;
	overflow-y: auto;
	overflow-x : hidden
	}
	
#detail_project #freecontent #vast{
	padding:10px 5px 20px 5px;
	}	

#detail_project #freecontent .afbeelding {
	border-bottom:2px solid #fff
	}
		
#detail_project #freecontent #data{
	padding-top:0px;
	overflow-y: auto;
	overflow-x : hidden
	}

#detail_project #verbonden {
	position:absolute; top:845px; left:68px;
	width: 216px;
	background-color: #fff
	}
	
#detail_project #verbonden .xs {
	float:left;
	margin-bottom: 2px;
	padding-right: 2px
	}


#detail_project #makerstitel {
	float:left;
	width: 214px;
	height: 25px;
	background-color: #000;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff
	}
	
#detail_project #makerstitel h2{
	padding: 4px 0 0 5px;
	color:#fff
	}
	
#detail_project #overzichtmakers {
	float:left;
	width: 214px;
	height: 25px;
	background-color: #000
	}
	
#detail_project #overzichtmakers a{
	display:block;
	padding: 5px 0 0 5px;
	color:#fff
	}
	
	
 /* detail_maker */
 
#detail_maker_content {
	position:relative; top:62px; left:39px;
	height: 1049px;
	width: 891px;
	background: transparent url(../images/bg_maker_detail.gif) left top no-repeat;
	border: 0px solid green;
	}
	
	#detail_maker_content #item_left {
	position: absolute; 
	top:108px; 
	left: 29px;
	width: 214px;
	border:0px solid magenta;
	}
	
	#detail_maker_content #txt {
		color: #FFFFFF;
		width: 200px;
		height: 482px;
		overflow: auto;
		padding: 8px 5px 10px 8px;
		}
	
		#detail_maker_content #item_left span {
		font-weight:bold;
		}
		 

			#detail_maker_content #txt a {
			text-decoration:underline;
			color:#FFFFFF;
			}
			
			#detail_maker_content #txt a:hover {
			color:#000000;
			}
		
		
	
		#detail_maker_content #item_left #login {
		position: absolute; top:660px; left: 15px;
		width: 190px;
		height: 150px;
		color: #FF0000
		}
		
		#detail_maker_content #item_left #network {
		position: absolute; top:810px; left: 0px;
		width: 216px;
		background-color:#ffffff;
		border:0px solid cyan;
		}
		
		#detail_maker_content .xs {
		float:left;
		margin-bottom: 2px;
		padding-right: 2px
		}
		
		#detail_maker_content #item_left #network {
		margin-right:1px;
		margin-bottom:1px;
		}
		
		
			#detail_maker_content #item_left h2 {
			padding-bottom: 5px;
			}		
		
		
#detail_maker_content .zoek {
	position:absolute; top:0px; left:439px;
	height: 1049px;
	width: 891px;
	background: transparent url(../images/bg_maker_detail.gif) left top no-repeat;
	border: 0px solid green;
	}
	
			
#item_dynamic {
	position: absolute; top:540px; left: 245px;
	width: 648px;
	background-color:#fff
	}
	
	#item_dynamic #content_left {
		float:left;
		margin: 0px;
		width: 432px;
		min-height: 510px;
		height: 510px
		}
		
		#item_dynamic #content_left .row {
			border-bottom: 2px solid #fff;
			float:left;
			}
			
	
		#item_dynamic #content_left img{
			margin-right: 5px;
			}
			
		#item_dynamic #content_left .video{
			margin-right: 5px;
			display:none;
			border-bottom: 2px solid #fff
			}

		#item_dynamic #content_left p {
			padding: 2px;
      float: left;
      width:  200px;
			}
			
		#item_dynamic #content_left A {
			text-decoration:underline;
			color:#000
			}
			
		#item_dynamic #content_left A:hover {
			text-decoration:none;
			}
	
	#item_dynamic #content_right {
		float:left;
		width: 214px;
		height: 511px;
		padding-top:10px;
		color:#ffffff;
		background-color:#ff0000;
		}
		
	#item_dynamic #content_right p {
			padding: 8px 8px 8px 8px;
			}	
			
		#item_dynamic #content_right h2 {
			padding-left: 8px;
			}	
			
			#item_dynamic #content_right a {
			text-decoration:underline;
			color:#FFFFFF;
			}	
			
			#item_dynamic #content_right a:hover {
			color:#000;
			}	
	
#detail_maker_dynamic {
	position: absolute; top:81px; left: 245px;
	width:646px;
	height:457px;
	background-color:#ff66bb;
	}
	
#detail_maker_dynamic .intro {
	position: absolute; top:0px; left: 0px;
	width: 214px;
	height: 243px;
	padding:10px;
	color:#000000;
	font-size:24px;
	line-height:26px;
	border:0px solid cyan;
	}
	
#detail_maker_dynamic .makerstekst {
	position: absolute; top:28px; left: 225px;
	width: 415px;
	height: 428px;
	color:#000000;
	overflow:auto;
	border:0px solid cyan;
	}
	
#detail_maker_dynamic .makerstekst img {
	float:right;
	border:5px solid transparent;
	}
		
#detail_maker_dynamic .redblok {
	position: absolute; top:241px; left: 0px;
	width: 214px;
	height: 214px;
	background-color:#ff0000;
	border-top:2px solid white;
	border-right:2px solid white;
	}	

#detail_maker #zoek {	
	position: absolute; top: 0px; left: 677px;
	width: 214px;
	height:97px;
	padding-top:10px;
	background-color:#000000;
	}
	
	#detail_maker #zoek .long {	
	width: 190px;
	margin:5px 0px 5px 10px;
	}
	
	#detail_maker #zoek .input_login {	
	width: 132px;
	margin: 5px 0 10px 10px;
	}
	
	

/* makers */

#makers #zoek {	
	position: absolute; top:89px; left: 716px;
	background:#000000;
	width: 214px;
	height: 376px;
	overflow:hidden;
	}
	
	#makers #zoek h2 {
	margin: 10px 5px 4px 10px
	}
	
	#makers #zoek .long {	
	width: 180px;
	margin-bottom: 11px;
	}
	
	#makers #zoek .input_login {	
	margin-top: 0px;
	margin-bottom: 11px;
	width: 123px;
	}
	
	#makers #zoek h2 {	
	color: #FFFFFF;
	}
	
	#zoek .submit_zoek {
	margin-top: 0px;
	margin-bottom: 11px;
	margin-left: 14px
	}
	
	#zoek #wordcloud  {	
	width: 190px;
	height:220px;
	color:#999999;
	margin:20px 0 0 10px;
	font-family: Lucida Console; 
	line-height:1.5em;
	border:0px solid white;
	overflow:auto;
	text-align:center
	}		

	
	#wordcloud a {	
	color:#999999;
	}		
	
	#wordcloud a:hover {	
	color:#fff;
	}
	


/* nieuws  NOG EEN KEER DOORLOPEN*/

#nieuws_content{
	position:relative; top:63px; left:39px;
	height: 1053px;
	width: 891px;
	background: transparent url(../images/bg_nieuws.gif) left top no-repeat;
	}
	
	#nieuws_content a {
	text-decoration: underline;
	color: #FF0000;
	}
	
	#nieuws_content a:hover{
	text-decoration: underline;
	color: #000000;
	}
	
	#nieuws_content h2 a {
	text-decoration: none;
	color: #333333;
	}
	
	#nieuws_content h2 a:hover{
	text-decoration: underline;
	color: #FF0000;
	}
	
	
	
/* nieuws_blader_top */
	 #nieuws_content #blader_top{
	 position:absolute; top:-1px; left:596px;
	 width: 160px; height: 96px; padding: 10px;
	 color: #FFFFFF; size: 1em;
	 background: transparent url(../images/blader_blue_up.gif) left top no-repeat
	 }
	 
	#nieuws_content #blader_top a {
	text-decoration: none;
	color: #FFF;
	}
	
	#nieuws_content #blader_top a:hover{
	text-decoration: underline;
	color: #FF0000;
	}
	
	
	
/* nieuws_blader_down */

	#nieuws_content #blader_bottom{
	 position:absolute; top:946px; left:488px;
	 width: 160px; height: 96px;
	 padding: 62px 0px 10px 10px;
	 color: #FFFFFF; font-size: 1em;
	 background: transparent url(../images/blader_blue_down.gif) left top no-repeat;
	 }
	 
	#nieuws_content #blader_bottom a {
	text-decoration: none;
	color: #FFF;
	}
	
	#nieuws_content #blader_bottom a:hover{
	text-decoration: underline;
	color: #FF0000;
	}
	
	
	
/* nieuws_zoek */
	 
#nieuws_content #zoek {
	 position:absolute; top:40px; left:445px;
	 }
	
#zoek_form
	 {
	 font-family: tahoma, arial, verdana, sans-serif;
	 font-size: 1em;
	 line-height: 1.6em;
	 padding-left: 3px;
	 }
	 
	 
	 	 
/* nieuws_item_1 */
#nieuws_content #item_1_xs{
	 position:absolute; top:161px; left:29px;
	 background: transparent url(../footage/projecten/dummy01_xs.jpg) left top no-repeat;
	 }
	 
#nieuws_content #item_1_img{
	 position:absolute; top:80px; left:137px;
	 background: transparent url(../footage/projecten/dummy01.jpg) left top no-repeat;
	 }
	 
#nieuws_content #item_1_txt{
	 position:absolute; top:84px; left:362px; width: 496px; padding-bottom: 10px; border-bottom: solid 1px #666;
	 }
	 
	 
	 
/* nieuws_item_2 */
#nieuws_content #item_2_xs{
	 position:absolute; top:377px; left:110px;
	 background: transparent url(../footage/projecten/dummy01_xs.jpg) left top no-repeat;
	 }
	 
#nieuws_content #item_2_img{
	 position:absolute; top:296px; left:218px;
	 background: transparent url(../footage/projecten/dummy01.jpg) left top no-repeat;
	 }
	 
#nieuws_content #item_2_txt{
	 position:absolute; top:300px; left:445px; width: 410px; padding-bottom: 10px; border-bottom: solid 1px #666;
	 }
	 
	 
	 
 /* nieuws_item_3 */
#nieuws_content #item_3_xs{
	 position:absolute; top:458px; left:2px;
	 background: transparent url(../footage/projecten/dummy01_xs.jpg) left top no-repeat;
	 }
	 
#nieuws_content #item_3_img{
	 position:absolute; top:458px; left:110px;
	 background: transparent url(../footage/projecten/dummy01.jpg) left top no-repeat;
	 }
	 
#nieuws_content #item_3_txt{
	 position:absolute; top:462px; left:336px; width: 520px; padding-bottom: 10px; border-bottom: solid 1px #666;
	 }
	 
	 
	 
/* nieuws_item_4 */
#nieuws_content #item_4_xs{
	 position:absolute; top:728px; left:2px;
	 background: transparent url(../footage/projecten/dummy01_xs.jpg) left top no-repeat;
	 }
	 
#nieuws_content #item_4_img{
	 position:absolute; top:647px; left:110px;
	 background: transparent url(../footage/projecten/dummy01.jpg) left top no-repeat;
	 }
	 
#nieuws_content #item_4_txt{
	 position:absolute; top:651px; left:336px; width: 520px; padding-bottom: 10px; border-bottom: solid 1px #666;
	 }
	 
/* nieuws_item_5 */
#nieuws_content #item_5_xs{
	 position:absolute; top:890px; left:219px;
	 background: transparent url(../footage/projecten/dummy01_xs.jpg) left top no-repeat;
	 }
	 
#nieuws_content #item_5_img{
	 position:absolute; top:809px; left:2px;
	 background: transparent url(../footage/projecten/dummy01.jpg) left top no-repeat;
	 }
	 
#nieuws_content #item_5_txt{
	 position:absolute; top:812px; left:336px; width: 520px; padding-bottom: 10px; border-bottom: solid 1px #666;
	 }


	 
	 
 /* detail nieuws */

#detail_nieuws #kop {
	position:absolute; top:140px; left:174px;
	width: 626px;
	height: 302px;
	background-color:#fff;
	color: #000
	}
	
#detail_nieuws #kop h1 {
	padding:10px 100px 0 10px
	}
	
#detail_nieuws #kop p {
	padding:5px 5px 0 10px;
	font-weight:bold
	}
	
#detail_nieuws #contents {
	position:absolute; top:195px; left:65px;
	width: 651px;
	height: 327px;
	background-color:#fff;
	color: #000;
	z-index:20;
	}
	
#detail_nieuws #contents #text {
	width: 651px;
	height: 235px;
	overflow-y: auto;
	overflow-x : hidden
	}
	
#detail_nieuws #contents .afbeelding {
	float:left;
	margin: 10px
	}
	
#detail_nieuws #contents p {
	padding:10px
	}

				

/* productie */

#productie #titel {
	position:absolute; top:62px; left:390px;
	width: 540px;
	height: 52px;
	background-color:#000;
	color: #fff
	}
	
	#productie #titel p {
	 width:97%;
	 text-align:right;
	 margin:10px
	 }
					
					
#productie #colom_links {
	position:absolute; top:197px; left:68px;
	width: 214px;
	height: 727px;
	background-color:#6ba584;
	color: #000;
	z-index:20
	}
	
	#productie #colom_links #afbeelding {
	border-bottom:2px solid white
	}
		
	#productie #colom_links p {
	padding:0px 5px 15px 5px;
	line-height:1.45em
	}
	
	#productie #colom_links h4 {
	padding:8px 5px 5px 5px
	}
		
		
#productie #info_boven {
	position:absolute; top:116px; left:284px;
	width: 430px;
	height: 160px;
	background-color:#6b84ad;
	color: #fff
	}	
	
	#productie #info_boven h2 {
	padding:8px 5px 5px 8px
	}
	
	#productie #info_boven p {
	padding:0px 5px 15px 8px;
	line-height:1.45em
	}

	
#productie #map {
	position:absolute; top:116px; left:716px;
	width: 214px;
	height: 160px;
	background-color:#fff;
	color: #000
	}	
	
#productie #container_white {
	position:absolute; top:278px; left:284px;
	width: 648px;
	height: 701px;
	background-color:#fff;

	}	
	

#productie #verhuur_1 {
	float: left;
	width: 430px;
	height: 323px;
	border-right:2px solid white;
	color: #6b84ad;
	overflow-y: auto;
	overflow-x : hidden
	}	
	
	#productie #verhuur_1 .camerabeeld {
	float:left;
	}
	
	#productie #verhuur_1 h2 {
	padding:8px 5px 5px 15px
	}
	
	#productie #verhuur_1 p {
	padding:0px 8px 35px 0px
	}
	
	
#productie #voorwaarden {
	float: left;
	width: 214px;
	height: 323px;
	background-color:#6b84ad;
	color:#fff
	}	
	
	#productie #voorwaarden h2 {
	padding:8px 5px 5px 8px
	}
	
	#productie #voorwaarden p {
	padding:0px 5px 15px 8px;
	line-height:1.45em
	}
	
#productie #verhuur_2 {
	float: left;
	width: 646px;
	height: 530px;
	border-top:2px solid white;
	color: #6b84ad;
	background-color:#fff;
	overflow-y: auto;
	overflow-x : hidden
	}	
	
	#productie #verhuur_2 .camerabeeld {
	float:left;
	}
	
	#productie #verhuur_2 h2 {
	padding:8px 5px 5px 15px
	}
	
	#productie #verhuur_2 p {
	padding:0px 8px 50px 0px
	}
	
	
#unsubscribe {
	position:absolute; top:142px; left:202px;
	width: 648px;
	height: 701px;
	background-color:#fff;
	}
	
#unsubscribe h2 {
	padding:10px;
	}
	
#unsubscribe p {
	padding:10px;
	}

				
/* Blokken TETRIS units */
		
/* blue units */	

.xs_blue_1 {
	background: url(../images/xs_blue_1.gif) no-repeat; }
A.xs_blue_1:hover {
    background-position: 0 -79px;}
	
.xs_blue_2 {
	background: url(../images/xs_blue_2.gif) no-repeat; }
A.xs_blue_2:hover {
    background-position: 0 -79px;}	
	
.xs_blue_3 {
	background: url(../images/xs_blue_3.gif) no-repeat; }
A.xs_blue_3:hover {
    background-position: 0 -79px;}
	
.xs_blue_4 {
	background: url(../images/xs_blue_4.gif) no-repeat; }
A.xs_blue_4:hover {
    background-position: 0 -79px;}
	
.xs_blue_5 {
	background: url(../images/xs_blue_5.gif) no-repeat; }
A.xs_blue_5:hover {
    background-position: 0 -79px;}
	
.xs_blue_6 {
	background: url(../images/xs_blue_6.gif) no-repeat; }
A.xs_blue_6:hover {
    background-position: 0 -79px;}	
	
.xs_blue_7 {
	background: url(../images/xs_blue_7.gif) no-repeat; }
A.xs_blue_7:hover {
    background-position: 0 -79px;}
	
.xs_blue_8 {
	background: url(../images/xs_blue_8.gif) no-repeat; }
A.xs_blue_8:hover {
    background-position: 0 -79px;}
	
.xs_blue_9 {
	background: url(../images/xs_blue_9.gif) no-repeat; }
A.xs_blue_9:hover {
    background-position: 0 -79px;}
	
.xs_blue_10 {
	background: url(../images/xs_blue_10.gif) no-repeat; }
A.xs_blue_10:hover {
    background-position: 0 -79px;}		

		
.xl_blue_1 {
	background: url(../images/xl_blue_1.gif) no-repeat; }
A.xl_blue_1:hover {
    background-position: 0 -160px;}
	
.xl_blue_2 {
	background: url(../images/xl_blue_2.gif) no-repeat; }
A.xl_blue_2:hover {
    background-position: 0 -160px;}	
	
.xl_blue_3 {
	background: url(../images/xl_blue_3.gif) no-repeat; }
A.xl_blue_3:hover {
    background-position: 0 -160px;}
	
.xl_blue_4 {
	background: url(../images/xl_blue_4.gif) no-repeat; }
A.xl_blue_4:hover {
    background-position: 0 -160px;}
	
.xl_blue_5 {
	background: url(../images/xl_blue_5.gif) no-repeat; }
A.xl_blue_5:hover {
    background-position: 0 -160px;}
	
.xl_blue_6 {
	background: url(../images/xl_blue_6.gif) no-repeat; }
A.xl_blue_6:hover {
    background-position: 0 -160px;}	
	
.xl_blue_7 {
	background: url(../images/xl_blue_7.gif) no-repeat; }
A.xl_blue_7:hover {
    background-position: 0 -160px;}
	
.xl_blue_8 {
	background: url(../images/xl_blue_8.gif) no-repeat; }
A.xl_blue_8:hover {
    background-position: 0 -160px;}
	
.xl_blue_9 {
	background: url(../images/xl_blue_9.gif) no-repeat; }
A.xl_blue_9:hover {
    background-position: 0 -160px;}
	
.xl_blue_10 {
	background: url(../images/xl_blue_10.gif) no-repeat; }
A.xl_blue_10:hover {
    background-position: 0 -160px;}	
		
		
		

/* green units */		

.xs_groen_1 {
	background: url(../images/xs_groen_1.gif) no-repeat; }
A.xs_groen_1:hover {
    background-position: 0 -79px;}
	
.xs_groen_2 {
	background: url(../images/xs_groen_2.gif) no-repeat; }
A.xs_groen_2:hover {
    background-position: 0 -79px;}	
	
.xs_groen_3 {
	background: url(../images/xs_groen_3.gif) no-repeat; }
A.xs_groen_3:hover {
    background-position: 0 -79px;}
	
.xs_groen_4 {
	background: url(../images/xs_groen_4.gif) no-repeat; }
A.xs_groen_4:hover {
    background-position: 0 -79px;}
	
.xs_groen_5 {
	background: url(../images/xs_groen_5.gif) no-repeat; }
A.xs_groen_5:hover {
    background-position: 0 -79px;}
	
.xs_groen_6 {
	background: url(../images/xs_groen_6.gif) no-repeat; }
A.xs_groen_6:hover {
    background-position: 0 -79px;}	
	
.xs_groen_7 {
	background: url(../images/xs_groen_7.gif) no-repeat; }
A.xs_groen_7:hover {
    background-position: 0 -79px;}
	
.xs_groen_8 {
	background: url(../images/xs_groen_8.gif) no-repeat; }
A.xs_groen_8:hover {
    background-position: 0 -79px;}
	
.xs_groen_9 {
	background: url(../images/xs_groen_9.gif) no-repeat; }
A.xs_groen_9:hover {
    background-position: 0 -79px;}
	
.xs_groen_10 {
	background: url(../images/xs_groen_10.gif) no-repeat; }
A.xs_groen_10:hover {
    background-position: 0 -79px;}
		
.xl_groen_1 {
	background: url(../images/xl_groen_1.gif) no-repeat; }
A.xl_groen_1:hover {
    background-position: 0 -160px;}
	
.xl_groen_2 {
	background: url(../images/xl_groen_2.gif) no-repeat; }
A.xl_groen_2:hover {
    background-position: 0 -160px;}	
	
.xl_groen_3 {
	background: url(../images/xl_groen_3.gif) no-repeat; }
A.xl_groen_3:hover {
    background-position: 0 -160px;}
	
.xl_groen_4 {
	background: url(../images/xl_groen_4.gif) no-repeat; }
A.xl_groen_4:hover {
    background-position: 0 -160px;}
	
.xl_groen_5 {
	background: url(../images/xl_groen_5.gif) no-repeat; }
A.xl_groen_5:hover {
    background-position: 0 -160px;}
	
.xl_groen_6 {
	background: url(../images/xl_groen_6.gif) no-repeat; }
A.xl_groen_6:hover {
    background-position: 0 -160px;}	
	
.xl_groen_7 {
	background: url(../images/xl_groen_7.gif) no-repeat; }
A.xl_groen_7:hover {
    background-position: 0 -160px;}
	
.xl_groen_8 {
	background: url(../images/xl_groen_8.gif) no-repeat; }
A.xl_groen_8:hover {
    background-position: 0 -160px;}
	
.xl_groen_9 {
	background: url(../images/xl_groen_9.gif) no-repeat; }
A.xl_groen_9:hover {
    background-position: 0 -160px;}
	
.xl_groen_10 {
	background: url(../images/xl_groen_10.gif) no-repeat; }
A.xl_groen_10:hover {
    background-position: 0 -160px;}	
	
	
	
/* red units */		

.xs_rood_1 {
	background: url(../images/xs_rood_1.gif) no-repeat; }
A.xs_rood_1:hover {
    background-position: 0 -79px;}
	
.xs_rood_2 {
	background: url(../images/xs_rood_2.gif) no-repeat; }
A.xs_rood_2:hover {
    background-position: 0 -79px;}	
	
.xs_rood_3 {
	background: url(../images/xs_rood_3.gif) no-repeat; }
A.xs_rood_3:hover {
    background-position: 0 -79px;}
	
.xs_rood_4 {
	background: url(../images/xs_rood_4.gif) no-repeat; }
A.xs_rood_4:hover {
    background-position: 0 -79px;}
	
.xs_rood_5 {
	background: url(../images/xs_rood_5.gif) no-repeat; }
A.xs_rood_5:hover {
    background-position: 0 -79px;}
	
.xs_rood_6 {
	background: url(../images/xs_rood_6.gif) no-repeat; }
A.xs_rood_6:hover {
    background-position: 0 -79px;}	
	
.xs_rood_7 {
	background: url(../images/xs_rood_7.gif) no-repeat; }
A.xs_rood_7:hover {
    background-position: 0 -79px;}
	
.xs_rood_8 {
	background: url(../images/xs_rood_8.gif) no-repeat; }
A.xs_rood_8:hover {
    background-position: 0 -79px;}
	
.xs_rood_9 {
	background: url(../images/xs_rood_9.gif) no-repeat; }
A.xs_rood_9:hover {
    background-position: 0 -79px;}
	
.xs_rood_10 {
	background: url(../images/xs_rood_10.gif) no-repeat; }
A.xs_rood_10:hover {
    background-position: 0 -79px;}	

.xl_rood_1 {
	background: url(../images/xl_rood_1.gif) no-repeat; }
A.xl_rood_1:hover {
    background-position: 0 -160px;}
	
.xl_rood_2 {
	background: url(../images/xl_rood_2.gif) no-repeat; }
A.xl_rood_2:hover {
    background-position: 0 -160px;}	
	
.xl_rood_3 {
	background: url(../images/xl_rood_3.gif) no-repeat; }
A.xl_rood_3:hover {
    background-position: 0 -160px;}
	
.xl_rood_4 {
	background: url(../images/xl_rood_4.gif) no-repeat; }
A.xl_rood_4:hover {
    background-position: 0 -160px;}
	
.xl_rood_5 {
	background: url(../images/xl_rood_5.gif) no-repeat; }
A.xl_rood_5:hover {
    background-position: 0 -160px;}
	
.xl_rood_6 {
	background: url(../images/xl_rood_6.gif) no-repeat; }
A.xl_rood_6:hover {
    background-position: 0 -160px;}	
	
.xl_rood_7 {
	background: url(../images/xl_rood_7.gif) no-repeat; }
A.xl_rood_7:hover {
    background-position: 0 -160px;}
	
.xl_rood_8 {
	background: url(../images/xl_rood_8.gif) no-repeat; }
A.xl_rood_8:hover {
    background-position: 0 -160px;}
	
.xl_rood_9 {
	background: url(../images/xl_rood_9.gif) no-repeat; }
A.xl_rood_9:hover {
    background-position: 0 -160px;}
	
.xl_rood_10 {
	background: url(../images/xl_rood_10.gif) no-repeat; }
A.xl_rood_10:hover {
    background-position: 0 -160px;}	

	 

/* pink units */		

.xs_pink_1 {
	background: url(../images/xs_pink_1.gif) no-repeat; }
A.xs_pink_1:hover {
    background-position: 0 -79px;}
	
.xs_pink_2 {
	background: url(../images/xs_pink_2.gif) no-repeat; }
A.xs_pink_2:hover {
    background-position: 0 -79px;}	
	
.xs_pink_3 {
	background: url(../images/xs_pink_3.gif) no-repeat; }
A.xs_pink_3:hover {
    background-position: 0 -79px;}
	
.xs_pink_4 {
	background: url(../images/xs_pink_4.gif) no-repeat; }
A.xs_pink_4:hover {
    background-position: 0 -79px;}
	
.xs_pink_5 {
	background: url(../images/xs_pink_5.gif) no-repeat; }
A.xs_pink_5:hover {
    background-position: 0 -79px;}
	
.xs_pink_6 {
	background: url(../images/xs_pink_6.gif) no-repeat; }
A.xs_pink_6:hover {
    background-position: 0 -79px;}	
	
.xs_pink_7 {
	background: url(../images/xs_pink_7.gif) no-repeat; }
A.xs_pink_7:hover {
    background-position: 0 -79px;}
	
.xs_pink_8 {
	background: url(../images/xs_pink_8.gif) no-repeat; }
A.xs_pink_8:hover {
    background-position: 0 -79px;}
	
.xs_pink_9 {
	background: url(../images/xs_pink_9.gif) no-repeat; }
A.xs_pink_9:hover {
    background-position: 0 -79px;}
	
.xs_pink_10 {
	background: url(../images/xs_pink_10.gif) no-repeat; }
A.xs_pink_10:hover {
    background-position: 0 -79px;}	
		
		
.xl_pink_1 {
	background: url(../images/xl_pink_1.gif) no-repeat; }
A.xl_pink_1:hover {
    background-position: 0 -160px;}
	
.xl_pink_2 {
	background: url(../images/xl_pink_2.gif) no-repeat; }
A.xl_pink_2:hover {
    background-position: 0 -160px;}	
	
.xl_pink_3 {
	background: url(../images/xl_pink_3.gif) no-repeat; }
A.xl_pink_3:hover {
    background-position: 0 -160px;}
	
.xl_pink_4 {
	background: url(../images/xl_pink_4.gif) no-repeat; }
A.xl_pink_4:hover {
    background-position: 0 -160px;}
	
.xl_pink_5 {
	background: url(../images/xl_pink_5.gif) no-repeat; }
A.xl_pink_5:hover {
    background-position: 0 -160px;}
	
.xl_pink_6 {
	background: url(../images/xl_pink_6.gif) no-repeat; }
A.xl_pink_6:hover {
    background-position: 0 -160px;}	
	
.xl_pink_7 {
	background: url(../images/xl_pink_7.gif) no-repeat; }
A.xl_pink_7:hover {
    background-position: 0 -160px;}
	
.xl_pink_8 {
	background: url(../images/xl_pink_8.gif) no-repeat; }
A.xl_pink_8:hover {
    background-position: 0 -160px;}
	
.xl_pink_9 {
	background: url(../images/xl_pink_9.gif) no-repeat; }
A.xl_pink_9:hover {
    background-position: 0 -160px;}
	
.xl_pink_10 {
	background: url(../images/xl_pink_10.gif) no-repeat; }
A.xl_pink_10:hover {
    background-position: 0 -160px;}	
	
	
	
/* dblue units */	

.xs_dblue_1 {
	background: url(../images/xs_dblue_1.gif) no-repeat; }
A.xs_dblue_1:hover {
    background-position: 0 -79px;}
	
.xs_dblue_2 {
	background: url(../images/xs_dblue_2.gif) no-repeat; }
A.xs_dblue_2:hover {
    background-position: 0 -79px;}	
	
.xs_dblue_3 {
	background: url(../images/xs_dblue_3.gif) no-repeat; }
A.xs_dblue_3:hover {
    background-position: 0 -79px;}
	
.xs_dblue_4 {
	background: url(../images/xs_dblue_4.gif) no-repeat; }
A.xs_dblue_4:hover {
    background-position: 0 -79px;}
	
.xs_dblue_5 {
	background: url(../images/xs_dblue_5.gif) no-repeat; }
A.xs_dblue_5:hover {
    background-position: 0 -79px;}
	
.xs_dblue_6 {
	background: url(../images/xs_dblue_6.gif) no-repeat; }
A.xs_dblue_6:hover {
    background-position: 0 -79px;}	
	
.xs_dblue_7 {
	background: url(../images/xs_dblue_7.gif) no-repeat; }
A.xs_dblue_7:hover {
    background-position: 0 -79px;}
	
.xs_dblue_8 {
	background: url(../images/xs_dblue_8.gif) no-repeat; }
A.xs_dblue_8:hover {
    background-position: 0 -79px;}
	
.xs_dblue_9 {
	background: url(../images/xs_dblue_9.gif) no-repeat; }
A.xs_dblue_9:hover {
    background-position: 0 -79px;}
	
.xs_dblue_10 {
	background: url(../images/xs_dblue_10.gif) no-repeat; }
A.xs_dblue_10:hover {
    background-position: 0 -79px;}	
	
.xl_dblue_1 {
	background: url(../images/xl_dblue_1.gif) no-repeat; }
A.xl_dblue_1:hover {
    background-position: 0 -160px;}
	
.xl_dblue_2 {
	background: url(../images/xl_dblue_2.gif) no-repeat; }
A.xl_dblue_2:hover {
    background-position: 0 -160px;}	
	
.xl_dblue_3 {
	background: url(../images/xl_dblue_3.gif) no-repeat; }
A.xl_dblue_3:hover {
    background-position: 0 -160px;}
	
.xl_dblue_4 {
	background: url(../images/xl_dblue_4.gif) no-repeat; }
A.xl_dblue_4:hover {
    background-position: 0 -160px;}
	
.xl_dblue_5 {
	background: url(../images/xl_dblue_5.gif) no-repeat; }
A.xl_dblue_5:hover {
    background-position: 0 -160px;}
	
.xl_dblue_6 {
	background: url(../images/xl_dblue_6.gif) no-repeat; }
A.xl_dblue_6:hover {
    background-position: 0 -160px;}	
	
.xl_dblue_7 {
	background: url(../images/xl_dblue_7.gif) no-repeat; }
A.xl_dblue_7:hover {
    background-position: 0 -160px;}
	
.xl_dblue_8 {
	background: url(../images/xl_dblue_8.gif) no-repeat; }
A.xl_dblue_8:hover {
    background-position: 0 -160px;}
	
.xl_dblue_9 {
	background: url(../images/xl_dblue_9.gif) no-repeat; }
A.xl_dblue_9:hover {
    background-position: 0 -160px;}
	
.xl_dblue_10 {
	background: url(../images/xl_dblue_10.gif) no-repeat; }
A.xl_dblue_10:hover {
    background-position: 0 -160px;}	
	
	
	
/* geel units */	

.xs_geel_1 {
	background: url(../images/xs_geel_1.gif) no-repeat; }
A.xs_geel_1:hover {
    background-position: 0 -79px;}
	
.xs_geel_2 {
	background: url(../images/xs_geel_2.gif) no-repeat; }
A.xs_geel_2:hover {
    background-position: 0 -79px;}	
	
.xs_geel_3 {
	background: url(../images/xs_geel_3.gif) no-repeat; }
A.xs_geel_3:hover {
    background-position: 0 -79px;}
	
.xs_geel_4 {
	background: url(../images/xs_geel_4.gif) no-repeat; }
A.xs_geel_4:hover {
    background-position: 0 -79px;}
	
.xs_geel_5 {
	background: url(../images/xs_geel_5.gif) no-repeat; }
A.xs_geel_5:hover {
    background-position: 0 -79px;}
	
.xs_geel_6 {
	background: url(../images/xs_geel_6.gif) no-repeat; }
A.xs_geel_6:hover {
    background-position: 0 -79px;}	
	
.xs_geel_7 {
	background: url(../images/xs_geel_7.gif) no-repeat; }
A.xs_geel_7:hover {
    background-position: 0 -79px;}
	
.xs_geel_8 {
	background: url(../images/xs_geel_8.gif) no-repeat; }
A.xs_geel_8:hover {
    background-position: 0 -79px;}
	
.xs_geel_9 {
	background: url(../images/xs_geel_9.gif) no-repeat; }
A.xs_geel_9:hover {
    background-position: 0 -79px;}
	
.xs_geel_10 {
	background: url(../images/xs_geel_10.gif) no-repeat; }
A.xs_geel_10:hover {
    background-position: 0 -79px;}	

.xl_geel_1 {
	background: url(../images/xl_geel_1.gif) no-repeat; }
A.xl_geel_1:hover {
    background-position: 0 -160px;}
	
.xl_geel_2 {
	background: url(../images/xl_geel_2.gif) no-repeat; }
A.xl_geel_2:hover {
    background-position: 0 -160px;}	
	
.xl_geel_3 {
	background: url(../images/xl_geel_3.gif) no-repeat; }
A.xl_geel_3:hover {
    background-position: 0 -160px;}
	
.xl_geel_4 {
	background: url(../images/xl_geel_4.gif) no-repeat; }
A.xl_geel_4:hover {
    background-position: 0 -160px;}
	
.xl_geel_5 {
	background: url(../images/xl_geel_5.gif) no-repeat; }
A.xl_geel_5:hover {
    background-position: 0 -160px;}
	
.xl_geel_6 {
	background: url(../images/xl_geel_6.gif) no-repeat; }
A.xl_geel_6:hover {
    background-position: 0 -160px;}	
	
.xl_geel_7 {
	background: url(../images/xl_geel_7.gif) no-repeat; }
A.xl_geel_7:hover {
    background-position: 0 -160px;}
	
.xl_geel_8 {
	background: url(../images/xl_geel_8.gif) no-repeat; }
A.xl_geel_8:hover {
    background-position: 0 -160px;}
	
.xl_geel_9 {
	background: url(../images/xl_geel_9.gif) no-repeat; }
A.xl_geel_9:hover {
    background-position: 0 -160px;}
	
.xl_geel_10 {
	background: url(../images/xl_geel_10.gif) no-repeat; }
A.xl_geel_10:hover {
    background-position: 0 -160px;}	

	 
	 
/* oranje units */	

.xs_oranje_1 {
	background: url(../images/xs_oranje_1.gif) no-repeat; }
A.xs_oranje_1:hover {
    background-position: 0 -79px;}
	
.xs_oranje_2 {
	background: url(../images/xs_oranje_2.gif) no-repeat; }
A.xs_oranje_2:hover {
    background-position: 0 -79px;}	
	
.xs_oranje_3 {
	background: url(../images/xs_oranje_3.gif) no-repeat; }
A.xs_oranje_3:hover {
    background-position: 0 -79px;}
	
.xs_oranje_4 {
	background: url(../images/xs_oranje_4.gif) no-repeat; }
A.xs_oranje_4:hover {
    background-position: 0 -79px;}
	
.xs_oranje_5 {
	background: url(../images/xs_oranje_5.gif) no-repeat; }
A.xs_oranje_5:hover {
    background-position: 0 -79px;}
	
.xs_oranje_6 {
	background: url(../images/xs_oranje_6.gif) no-repeat; }
A.xs_oranje_6:hover {
    background-position: 0 -79px;}	
	
.xs_oranje_7 {
	background: url(../images/xs_oranje_7.gif) no-repeat; }
A.xs_oranje_7:hover {
    background-position: 0 -79px;}
	
.xs_oranje_8 {
	background: url(../images/xs_oranje_8.gif) no-repeat; }
A.xs_oranje_8:hover {
    background-position: 0 -79px;}
	
.xs_oranje_9 {
	background: url(../images/xs_oranje_9.gif) no-repeat; }
A.xs_oranje_9:hover {
    background-position: 0 -79px;}
	
.xs_oranje_10 {
	background: url(../images/xs_oranje_10.gif) no-repeat; }
A.xs_oranje_10:hover {
    background-position: 0 -79px;}			

.xl_oranje_1 {
	background: url(../images/xl_oranje_1.gif) no-repeat; }
A.xl_oranje_1:hover {
    background-position: 0 -160px;}
	
.xl_oranje_2 {
	background: url(../images/xl_oranje_2.gif) no-repeat; }
A.xl_oranje_2:hover {
    background-position: 0 -160px;}	
	
.xl_oranje_3 {
	background: url(../images/xl_oranje_3.gif) no-repeat; }
A.xl_oranje_3:hover {
    background-position: 0 -160px;}
	
.xl_oranje_4 {
	background: url(../images/xl_oranje_4.gif) no-repeat; }
A.xl_oranje_4:hover {
    background-position: 0 -160px;}
	
.xl_oranje_5 {
	background: url(../images/xl_oranje_5.gif) no-repeat; }
A.xl_oranje_5:hover {
    background-position: 0 -160px;}
	
.xl_oranje_6 {
	background: url(../images/xl_oranje_6.gif) no-repeat; }
A.xl_oranje_6:hover {
    background-position: 0 -160px;}	
	
.xl_oranje_7 {
	background: url(../images/xl_oranje_7.gif) no-repeat; }
A.xl_oranje_7:hover {
    background-position: 0 -160px;}
	
.xl_oranje_8 {
	background: url(../images/xl_oranje_8.gif) no-repeat; }
A.xl_oranje_8:hover {
    background-position: 0 -160px;}
	
.xl_oranje_9 {
	background: url(../images/xl_oranje_9.gif) no-repeat; }
A.xl_oranje_9:hover {
    background-position: 0 -160px;}
	
.xl_oranje_10 {
	background: url(../images/xl_oranje_10.gif) no-repeat; }
A.xl_oranje_10:hover {
    background-position: 0 -160px;}	