/* CSS Document */

body
{
	font-size: 12px;
	color: white; 
	text-decoration: none; 
	letter-spacing: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif, Arial;
	background-color: black;
	/*text-align:center;*/
}


a {
outline: none;
}

#bgHolder {
	z-index:0;
	width:100%;
	height:100%;
	margin:0px;
	border:0px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: black;
	/*display:none;*/
}
.holder 
{
	position:absolute;
}
#zone_prev{
	position: absolute;
	/*float: left;*/
	height: 100%;
	width:153px;
	/*left: 20%;*/
	top: -25px;
}
#zone_next{
	position: absolute;
	/*float: right;*/
	height: 100%;
	width:153px;
	right: 0;
	top:-25px;
}
#knop_prev{
	position:relative;
	width: 153px;
	/*height: 16px;*/
	/*top: 350px;*/
	/*right: -15px;*/
	/*float: left;*/
	/*background: url(/UserFiles/images/layout/pro_back.jpg) no-repeat;*/
}
#knop_next{
	position:relative;
	width: 153px;
	/*height: 16px;
	top: 350px;
	left: -15px;
	float: right;
	background: url(/UserFiles/images/layout/pro_next.jpg) no-repeat;
	display:none;*/
}

#kader a img{
	text-decoration:none;
	border:none;
}


/*kader*/

#kader{
	/*position: absolute;
	bottom:0px;
	width:682px;
	height:263px;
	z-index: 5;*/
	width: 682px;
	height:263px;
	position: absolute;
	bottom:25px;
	_bottom: -65px;
	left : 50%;
	/*margin:0 auto 0 auto;
	position:relative;
	bottom: 0px;*/
	/*background:#000000;*/
	margin-left: -341px;
	_width:662px;
}

#kader_blok{
	height:263px;
	z-index: 5;
	background:none;
	_background:none;
}
#kader_b_witte_lijn{
	position:relative;
	margin-bottom: 3px;
	_margin-bottom:0px;
	top:3px;
	_top: 11px;
	width: 100%;
	height:2px;
	border-top: 2px solid #FFFFFF;
	z-index: 5;
}
#b_kant_kader{
	position:relative;
	height: 16px;
	width: 682px;
	/*padding-bottom:3px;*/
	top: 0px;
	_top: 0px;
	/*bottom: 3px;
	_bottom: 2px;*/
	/*background-color:#000000;*/
	z-index: 5;
	background:#000000;
	margin-bottom:5px;
	_margin-bottom:2px;
}
#b_kant_kader_r{
	position:absolute;
	height: 15px;
	width: 668px;
	left: 15px;
	/*background-color:#000000;*/
	z-index: 5;
}

#b_pijl{
	position: relative;
	float:left;
	background: url(/UserFiles/images/layout/pro_pijl.jpg) no-repeat;
	height:15px;
	width:10px;
	z-index: 5;
}
#b_coll{
	position: relative;
	float:left;
	background: url(/UserFiles/images/layout/pro_collection.jpg) no-repeat;
	height:15px;
	width:159px;
	left: 5px;
	z-index: 5;
}
#b_proj{
	position: relative;
	float:left;
	background: url(/UserFiles/images/layout/pro_projects.jpg) no-repeat;
	height:15px;
	width:178px;
	left: 0px;
	z-index: 5;
}
/*#b_sluit{
	position: relative;
	float:right;
	background: url(/UserFiles/images/layout/pro_sluit.jpg) no-repeat;
	height:15px;
	width:11px;
	right: 0px;
	z-index: 5;
}*/
#in_kader{
	position: relative;
	top: -3px;
	_top: 0px;
	background-color:#000000;
	margin-bottom:0px;
	_margin-bottom:2px;
	height: 240px;
	z-index: 5;
}
#in_coll{
	position: relative;
	overflow: hidden;
	width:160px;
	height:186px;
	background-color:#FFFFFF;
	z-index: 5;
}

#collectie {
	position: absolute;
	width: 160px;
}

#collectie ul li {
	margin-top:-2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #collectie ul li {
		margin-bottom: 6px;
		height:10px;
	}
}

#in_coll ul{
	position: relative;
	top: 5px;
}
#in_coll li{
	display: block;
	list-style-type: none;
	/*top: -2px;*/
	top:2px;
/*	margin-left: -10px; */
	margin-left: -39px;
	z-index: 5;
}
#in_proj{
	position: relative;
	overflow: hidden;
	width:160px;
	_width:158px;
	height:186px;
	background-color:#000000;
	z-index: 5;
}

#project {
	position: absolute;
	width: 179px;
	_width: 170px;
	overflow:hidden;
}

#project ul li {
	margin-top:-2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #project ul li {
		margin-bottom: 6px;
		height:10px;
	}
}

#in_proj ul{
	position: relative;
	top: 5px;
}
#in_proj li{
	display: block;
	list-style-type: none;
	/*top: -2px;*/
	top: 2px;
	margin-left: -30px;
	z-index: 5;
}
#m_inhoud{
	position: relative;
	float:right;
	top: 5px;
	left: 0px;
	_left:2px;
	width:362px;
	_width:365px;
	height:235px;
	/*_height: 232px;*/
	background-color:#FFFFFF;
	/*display:none;*/
	z-index: 5;
}

#m_inhoud_balk{
	position: relative;
	width: 337px;
	_with:200px;
	height: 27px;
	top: 10px;
	margin-left:10px;
	margin-right:10px;
	z-index: 5;
	border-bottom: 1px solid #cccccc;
	border-top:1px solid #cccccc;
}
#download{
	position:relative;
	top:0px;
	/*width:317px;
	_with:200px;	*/
	height: 10px;
	background: url(/UserFiles/images/layout/proj_download.jpg) no-repeat;
	background-position:right;
}
#what{
	position: relative;
	top: 7px;
	_top: 5px;
	width: 337px;
	_with:200px;
	/*width:180px;*/
	/*_width:173px;*/
	height: 12px;
	text-align: center;
     /*float: right; */
	/*_margin-right: -10px;*/
}
#search_k{
	position : relative;
	float: right;
	/*padding-left:92px;
	_padding-left:129px;*/
	width:36px;
	height: 12px;
	background: url(/UserFiles/images/layout/menu_search_2.jpg) no-repeat;
	background-position:right;
	cursor:pointer;
}
#image{
	position : relative;
	float: right;
	width:34px;
	height: 12px;
	background: url(/UserFiles/images/layout/menu_image_over.jpg) no-repeat;
	background-position:right;
	cursor:pointer;
}
#or{
	position : relative;
	float: right;
    padding-right: 3px;
	width: 5px;
	height: 11px;
	background: url(/UserFiles/images/layout/menu_tss_stuk_slash.jpg) no-repeat;
	background-position:center;
}
#or2{
	position : relative;
	float: right;
    padding-right: 1px;
	width: 5px;
	height: 11px;
	background: url(/UserFiles/images/layout/menu_tss_stuk_slash.jpg) no-repeat;
	background-position:center;
}

#technical{
	position : relative;
	float: right;
	width:76px;  
	height: 12px;
	background: url(/UserFiles/images/layout/menu_technical_data.jpg) no-repeat;
	background-position:right;
}
#catalog{
	position : relative;
	float: right;
	width:77px;  
	height: 12px;
	background: url(/UserFiles/images/layout/menu_catalog.jpg) no-repeat;
	background-position:right;
}
#m_inhoud_tabel{
	position: relative;
	width: 317px;
	_with:200px;	
	top: 12px;
/*	top: 3px;
	_top: -5px;
	margin-left:10px;  */
	margin-left:12px;
	margin-right:10px;
	_margin-left:20px;
	z-index: 5;
}

.vorige{
	position: relative;
	height: 10px;
	width: 10px;
	top: 100px;
	_top: 105px;
	top: 85px;
	_top: 90px;
	float: left;
	z-index:8;
	color: #ff3366;
	font-weight:bold;
	background: url(/UserFiles/images/layout/vorige.jpg) no-repeat;
	margin-right:10px;
	_margin: 0;
	
}
.volgende{
	position: relative;
	float: right;
	right: 0 px;
	_right:-15px;
	height: 10px;
	width: 10px;
	top: 100px;
	_top: 105px;
	top: 85px;
	_top: 90px;	
	float: right;
	z-index:8;
	color: #ff3366;
	font-weight:bold;
	background: url(/UserFiles/images/layout/volgende.jpg) no-repeat;
}



#m_inhoud table{
	position: relative;
	top: 10px;
	_top: 5px;
	margin-left:10px;
	margin-right:20px;
	z-index: 5;
}


#m_inhoud img{
	/*border: 2px solid #000000;*/
	margin-right: 5px;
	/*_margin-right:0;*/
	margin-top: 0px;
	_margin-top: 0px;
	/*_margin-left: 4px;*/
	height:50px;
	width:50px;
	_height:48px;
	_width:46px;	
	z-index: 5;
	cursor:pointer;
}
#onderbalk{
	position:relative;
	height:14px;
	z-index: 5;
}
#onderbalk table{
	position: relative;
	width:650px;
}

#onderbalk table td{
	padding-left:2px;
}


/*CSS voor template projects*/

A.blackred, A.blackred:link, A.blackred:active
 {font-weight: bold; color: #000000; text-decoration: none;}
A.blackred:hover
 {font-weight: bold; color: #FF3366; text-decoration: none;}
A.whitered, A.whitered:link, A.whitered:active
 {font-weight: bold; color: #FFFFFF; text-decoration: none;}
A.whitered:hover
 {font-weight: bold; color: #FF3366; text-decoration: none;}
A.redred, A.redred:link, A.redred:active
 {font-weight: bold; color: #FF3366; text-decoration: none;}
A.redred:hover
 {font-weight: bold; color: #FF3366; text-decoration: none;}


/* images */

.carouselContainer{
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 238px;
	width: 300px;
	_width:280px;
	height: 180px;
	background-color: White;
	_margin-left:15px;
	_margin-left:5px;
	margin-top: 8px;
	_margin-top:8px;
	_left:35px;
	_left: 15px;
}
.carouselItems{
	position: absolute;
	width: 10000px;
	height: 180px;
}
.carouselItem{
	margin: 2px;
	padding-left: 0px;
	float: left; 
	/*border: solid 1px black;*/
	width: 232px;
	width: 332px;
	height: 176px;
	_width: 232px;
	_width: 282px;
	_width:280px;
	_height: 176px;

}

.imageCollection{
	width: 317px;
	width: 550px;
	_width:320px;
	height: 180px;
	margin-left: 18px;
	margin-left:5px;
	_margin-left: 10px;
	_margin:0;
	_margin-left:-10px;
}



div.carouselItemImage {
	float: left; 
	height: 50px;
	_height: 50px;
	width: 50px;
	_width: 50px;
	border: solid 2px black;
	margin-right: 6px;
	margin-bottom: 6px;
	_overflow: hidden;
}

img.carouselItemImage {
	float: left; 
	height: 50px;
	_height: 50px;
	width: 50px;	
	_width: 50px;	
	margin-right: 0px;
	margin-bottom: 0px;
}
.scrollingDivOuter
{
	float: left;
	width:160px;
	z-index: 50000;
	}

#search_cp {
	width:36px;
	height:12px;
	float:right;
}

	#search_cp a {
		background:url(/UserFiles/images/layout/menu_search.jpg;
	}
	
	#search_cp a:hover {
		background:url(/UserFiles/images/layout/menu_search_hover.jpg;
	}