/* CSS Document for Creenstone */

BODY {
	background-color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
	margin-top:0px;
	margin-bottom:0px;
}

#centercontainer{
position:absolute;
height:400px;
width:704px;
left:50%;
top:50%;
margin-left:-382px;
margin-top:-230px;
}

a.link:link, a.link:visited {
	color: #8b8a8a;
	text-align : left;
	text-decoration: none;		 
} 
a.link:active, a.link:hover {
	color: #8b8a8a;
	background-color:#000000;

	text-decoration: none;
	text-align : left;
} 


/********* MAIN div's ********/
.page {
	position:absolute;
	left:130px;
	top:30px;
	width:700px;
	height:450px;
	z-index:1;
	background-color:#333333;
}

#collection{
	position:absolute;
	left:50px;
	top:0px;
	width:717px;
	height:460px;
	z-index:1;
	background-color:#333333
;
}

.picture {
	position:absolute;
	left:50px;
	width:350px;
	height:450px;
	z-index:2;
}

.contents {
	position:absolute;
	left: 417px;
	top: 0px;
	width:350px;
	height:320px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	z-index:3;
	background-image:url(../images/collectiebg.gif);
	background-repeat:no-repeat;
}

.text {
	position:absolute;
	left: 4px;
	top: 2px;
	width:272px;
	height:680px;
	z-index:4;
	color:#333333
;
	overflow: hidden;
}

.textscroll {
	position:absolute;
	left: 445px;
	top: 43px;
	width:284px;
	height:295px;
	z-index:4;
	color:#333333
;
	padding-left:10px;
	padding-left:5px;
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-arrow-color: #333333; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-track-color: #FFFFFF
}

.menu {
	position:absolute;
	padding-top:25px;
	padding-left:20px;
	left: 418px;
	top: 336px;
	width:330px;
	height:89px;
	z-index:20000;
	background-image:url(../images/bg_menu.jpg);
	background-repeat:no-repeat;
}

.menub {
	position:absolute;
	left: 434px;
	top: 358px;
	width:155px;
	height:66px;
	z-index:5;
}

.menupicture {
	display: block;
}

.select_language {
	position:absolute;
	left:517px;
	top:388px;
	width:125px;
	height:17px;
	z-index:6;
}

div#newlogo {
	position:absolute;
	left:461px;
	top:284px;
	width:245px;
	height:37px;
	z-index:6;
	background-image:url(../images/newlogo.gif);
}

div#newintro {
	position:absolute;
	left:462px;
	top:63px;
	width:233px;
	height:158px;
	z-index:6;
	background-image:url(../images/homeintro.gif);
}

/********* MAIN div's ********/
.ruimte{
margin-left:5px;
margin-right:5px;
}

.collectionpictures{
	position:absolute;
	left:415px;
	top:30px;
	width:350px;
	background-color:transparant;
	height:auto;
	z-index: 5000;
	padding-left:15px;
  }
  
  .collectionpictures2{
	position:absolute;
	left:415px;
	top:120px;
	width:350px;
	background-color:transparant;
	height:auto;
	z-index: 5000;
	padding-left:15px;
  }
  
    .collectionpictures3{
	position:absolute;
	left:415px;
	top:211px;
	width:350px;
	background-color:transparant;
	height:auto;
	z-index: 5000;
	padding-left:15px;
  }
  .collectionpictures2b{
	position:absolute;
	left:505px;
	top:138px;
	width:350px;
	background-color:transparant;
	height:auto;
	z-index: 5000;
	padding-left:15px;
  }
  
#persberichten{
position:absolute;
width:105px;
height:11px;
left:579px;
top: 380px;
z-index:100;
}

#persberichteneng{
position:absolute;
width:105px;
height:11px;
left:592px;
top: 380px;
z-index:100;
}

--     storefinder     -
a.linkje:active, a.linkje:hover {
	color: #8b8a8a;
	text-decoration: none;
	text-align : left; 
	 } 	



a.linkje:link, a.linkje:visited {
 color: #000000;
 text-align : left;
 text-decoration: none;
 text-transform:uppercase;    
} 
a.linkje:active, a.linkje:hover {
 color: #000000;
 background-color : #000000;
 text-decoration: none;
 text-align : left;
 text-transform:uppercase; 
} 
a.linkje:link, a.linkje:visited {
 color: #000000;
 text-align : left;
 text-decoration: none;
 text-transform:uppercase;    
} 
a.linkje:active, a.linkje:hover {
 color: #FFFFFF;
 background-color : #000000;
 text-decoration: none;
 text-align : left;
 text-transform:uppercase; 
} 



   storefinder ->

/* CSS Document */
#divMain {
	position: absolute;

}
#divcont {
	clip: rect(0px 295px 335px -5px);
	padding-left:10px;
	padding-right:30px;
	width: 295px;
	height: 330px;
	left: 385px;
	top: 22px;
	position: absolute;
	Z-INDEX: 9;
	color:#FFFFFF;
	FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=1000, FinishY=1000);
	background-color: #FFFFFF;
}
#divcolumn {
	clip: rect(0px 334px 405px -5px);
	height: 405px;
	left: 10px;
	position: absolute;
	top: 5px;
	width: 680px;
	Z-INDEX: 11;
	FILTER: Alpha(Opacity=100 FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=1000, FinishY=1000);
	background-color: #3b2b1c;
}
#tussenstukje {
	FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=1000, FinishY=1000);
	background-color: #3b2b1c;
}
#divscroll {
	left: 680px;
	position: absolute;
	top: 22px;
	Z-INDEX: 150;
	FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=1000, FinishY=1000);
	background-color: #3b2b1c;
}
.wit{
	font-family : arial, sans-serif; 	
	font-size : 10px;
	font-style : normal;
	font-weight : normal;
	color: #000000;
	text-decoration: none;		 
	 } 
.lgrey{
	font-family : arial, sans-serif; 	
	font-size : 10px;
	font-style : normal;
	font-weight : normal;
	color: #FFFFFF;
	text-decoration: none;		 
	 } 
.zwart{
	font-family : arial, sans-serif; 	
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color: #333333
;
	text-decoration: none;		 
	 } 
.menulichtgrijs{
	font-family : arial, sans-serif; 	
	font-size : 9px;
	font-style : normal;
	font-weight : normal;
	color: #999999;
	text-decoration: none;		 
	 } 
#hmenu {
	FILTER: Alpha(Opacity=90, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=1000, FinishY=1000);
	text-align : right;
}
#submenu {
	FILTER: Alpha(Opacity=70, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=1000, FinishY=1000);
	background-color: #FFFFFF;
	text-align : left;
}

#laag {
	FILTER: Alpha(Opacity=70, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=1000, FinishY=1000);
	background-color: #CCCCCC;
	text-align : left;
}	 

.input {

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 11px;

	border: 1px solid black;

	position: relative;

	top: -2px;

}



div#contentlogo{
	position:absolute;
	left:15px;
	height:20px;
	width:250px;
	height:39px;
	background-image:url(../images/logocontent.gif);
	background-repeat:no-repeat;
	top: 253px;
	z-index:8000;
}


div#contentlogo2{
	position:absolute;
	left:20px;
	height:20px;
	width:250px;
	height:39px;
	background-image:url(../images/logocontent.gif);
	background-repeat:no-repeat;
	top: 233px;
	z-index:8000;
}

div#contentlogo3{
	position:absolute;
	left:465px;
	height:20px;
	width:250px;
	height:39px;
	background-image:url(../images/logocontent.gif);
	background-repeat:no-repeat;
	top: 270px;
	z-index:120000;
}