body
{ 
background:url(images/top_bg.jpg) repeat-x top #F1F2F2;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

.container2{
   position:relative;
   background-color:none;
   margin: 0 auto;
   width:860px;
   height:800px;

}

#top_balk{
width:860px;
height:200px;
position:absolute;
left:0px;
top:0px;
z-index:1
}

#main_content{
width:860px;
height:600px;
position:absolute;
left:0;
top:200px;
background-color:#FFFFFF;
z-index:1
}

#menu_home{
width:43px;
height:16px;
position:absolute;
top:10px;
left:10px;
z-index:3;
}

#menu_about{
width:54px;
height:16px;
position:absolute;
top:10px;
left:62px;
z-index:3;
}

#menu_nicolas{
width:69px;
height:16px;
position:absolute;
top:10px;
left:125px;
z-index:3;
}

#menu_exhibits{
width:102px;
height:16px;
position:absolute;
top:10px;
left:202px;
z-index:3;
}

#menu_sculptures{
width:93px;
height:16px;
position:absolute;
top:10px;
left:312px;
z-index:3;
}

#menu_glass{
width:79px;
height:16px;
position:absolute;
top:10px;
left:413px;
z-index:3;
}

#menu_paintings{
width:86px;
height:16px;
position:absolute;
top:10px;
left:501px;
z-index:3;
}

#menu_blog{
width:45px;
height:16px;
position:absolute;
top:10px;
left:595px;
z-index:3;
}

#menu_contact{
width:68px;
height:16px;
position:absolute;
top:10px;
left:648px;
z-index:3;
}


/*----blokjes----*/


#b1{
width:104px;
height:104px;
position:absolute;
top:92px;
left:62px;
color: #CCC;
z-index:4;
}

#b2{
width:104px;
height:104px;
position:absolute;
top:92px;
left:176px;
z-index:4;
}

#b3{
width:104px;
height:104px;
position:absolute;
top:92px;
left:290px;
z-index:4;
}

#b4{
width:104px;
height:104px;
position:absolute;
top:92px;
left:404px;
z-index:4;
}

#b5{
width:104px;
height:104px;
position:absolute;
top:92px;
left:518px;
z-index:4;
}

#b6{
width:104px;
height:104px;
position:absolute;
top:92px;
left:632px;
z-index:4;
}

#b7{
width:104px;
height:104px;
position:absolute;
top:92px;
left:746px;
z-index:4;
}



#b8{
width:104px;
height:104px;
position:absolute;
top:206px;
left:62px;
color: #CCC;
z-index:4;
}

#b9{
width:104px;
height:104px;
position:absolute;
top:206px;
left:176px;
z-index:4;
}

#b10{
width:104px;
height:104px;
position:absolute;
top:206px;
left:290px;
z-index:4;
}

#b11{
width:104px;
height:104px;
position:absolute;
top:206px;
left:404px;
z-index:4;
}

#b12{
width:104px;
height:104px;
position:absolute;
top:206px;
left:518px;
z-index:4;
}

#b13{
width:104px;
height:104px;
position:absolute;
top:206px;
left:632px;
z-index:4;
}

#b14{
width:104px;
height:104px;
position:absolute;
top:206px;
left:746px;
z-index:4;
}



#b15{
width:104px;
height:104px;
position:absolute;
top:320px;
left:62px;
color: #CCC;
z-index:4;
}

#b16{
width:104px;
height:104px;
position:absolute;
top:320px;
left:176px;
z-index:4;
}

#b17{
width:104px;
height:104px;
position:absolute;
top:320px;
left:290px;
z-index:4;
}

#b18{
width:104px;
height:104px;
position:absolute;
top:320px;
left:404px;
z-index:4;
}

#b19{
width:104px;
height:104px;
position:absolute;
top:320px;
left:518px;
z-index:4;
}

#b20{
width:104px;
height:104px;
position:absolute;
top:320px;
left:632px;
z-index:4;
}

#b21{
width:104px;
height:104px;
position:absolute;
top:320px;
left:746px;
z-index:4;
}



#b22{
width:104px;
height:104px;
position:absolute;
top:434px;
left:62px;
color: #CCC;
z-index:4;
}

#b23{
width:104px;
height:104px;
position:absolute;
top:434px;
left:176px;
z-index:4;
}

#b24{
width:104px;
height:104px;
position:absolute;
top:434px;
left:290px;
z-index:4;
}

#b25{
width:104px;
height:104px;
position:absolute;
top:434px;
left:404px;
z-index:4;
}

#b26{
width:104px;
height:104px;
position:absolute;
top:434px;
left:518px;
z-index:4;
}

#b27{
width:104px;
height:104px;
position:absolute;
top:434px;
left:632px;
z-index:4;
}

#b28{
width:104px;
height:104px;
position:absolute;
top:434px;
left:746px;
z-index:4;
}


#blok{
width:446px;
height:446px;
position:absolute;
top:92px;
left:62px;
z-index:5;
}

#back{
width:18px;
height:18px;
position:absolute;
top:19px;
left:10px;
z-index:5;
}



#tekst_kop{
width:650px;
height:21px;
position:absolute;
top:18px;
left:62px;
z-index:5;
}

#tekst_kop2{
width:332px;
height:21px;
position:absolute;
top:92px;
left:518px;
z-index:5;
}

#tekst_kop3{
width:332px;
height:21px;
position:absolute;
top:200px;
left:518px;
z-index:5;
}

#tekst_kop4{
width:332px;
height:21px;
position:absolute;
top:436px;
left:518px;
z-index:6;
}

#tekst_blok{
width:332px;
height:446px;
position:absolute;
top:92px;
left:518px;
overflow: auto;
z-index:5;
}

#tekst_blok2{
width:332px;
height:150px;
position:absolute;
top:128px;
left:518px;
z-index:5;
}

#tekst_blok3{
	width:332px;
	height:190px;
	position:absolute;
	top:236px;
	left:518px;
	z-index:5;
}

#tekst_blok4{
	width:332px;
	height:190px;
	position:absolute;
	top:452px;
	left:518px;
	z-index:5;
}

#tekst_art{
width:218px;
height:446px;
position:absolute;
top:92px;
left:62px;
overflow:auto;
z-index:5;
}

#tekst_art_kop{
	width:218px;
	height:24px;
	position:absolute;
	top:56px;
	left:62px;
	z-index:6;
}

#tekst_links{
width:446px;
height:446px;
position:absolute;
top:92px;
left:62px;
z-index:5;
}


#tekst_artists{
	width:332px;
	height:224px;
	position:absolute;
	top:92px;
	left:518px;
	z-index:5;
}





/* TYPOGRAFIE */


tekst_plat{
	font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color: #000000;
background-color: none;
line-height: 14pt;
font-weight:normal;
letter-spacing:1px;
text-align:left;
}

tekst_rose{
	font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color: #D70F52;
background-color: none;
line-height: 14pt;
font-weight:normal;
letter-spacing:1px;
text-align:left;
}

tekst_oranje{
	font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color: #F58220;
background-color: none;
line-height: 14pt;
font-weight:normal;
letter-spacing:1px;
text-align:left;
}


h1{
font-size:15px;
color:#6C0008;
padding:5px;
margin:3px;
font-weight:normal;
}
h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}

/* ROLL OVERS */
	


   	a.one:link, a.one:visited {
	color: #F58220; text-decoration: none; margin-left: 0px; outline: none; background-color:none; font-weight:normal;
}
	a.one:active,a.one:hover {
	color: #000000; text-decoration: /; margin-left: 0px; outline: none; background-color:none; font-weight:normal;
}

   	a.two:link, a.two:visited {
	color: #000000; text-decoration: none; margin-left: 0px; outline: none; background-color:none; font-weight:normal;
}
	a.two:active,a.two:hover {
	color: #F58220; text-decoration: none; margin-left: 0px; outline: none; background-color:none; font-weight:normal;
}

.artistactief {color: #F58220; font-weight:normal;}


/* The containing box for the gallery. */
#container {
	top:92px;
	left:62px;
	position:absolute; 
	width:788px; 
	height:446px;
	z-index:7
	}

/* Removing the list bullets and indentation - add size - and position */
#container ul {
	width:339px; height:466px; padding:0;  margin:0px; list-style-type:none; float:right;}

#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:0px; left:0px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
	display:block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #fff; 
	margin:0px 0px 7px 7px; 
	text-align: bottom; 
	cursor:default;}
	
#container a.slidea {
	background: url(images/Artists/Rachel_Daeng_Ngalle/RachelDaengNgalle_1_t.jpg); 
	height:47px; 
	width:47px;
	}
#container a.slideb {
	background: url(images/Artists/Rachel_Daeng_Ngalle/RachelDaengNgalle_2_t.jpg); 
	height:47px; 
	width:47px;
	}
#container a.slidec {
	background: url(images/Artists/Rachel_Daeng_Ngalle/RachelDaengNgalle_3_t.jpg); 
	height:47px; 
	width:47px;
	}
#container a.slideh {
	background: url(images/Artists/Barbara_Nanning/BarbaraNanning_8_t.jpg); 
	height:47px; 
	width:47px;
	}
#container a.slidei {
	background: url(images/Artists/Barbara_Nanning/BarbaraNanning_9_t.jpg); 
	height:47px; 
	width:47px;
	}
#container a.slidej {
	background: url(images/Artists/Barbara_Nanning/BarbaraNanning_10_t.jpg); 
	height:47px; 
	width:47px;
	}
#container a.slidek {
	background: url(images/Artists/Barbara_Nanning/BarbaraNanning_11_t.jpg); 
	height:47px; 
	width:47px;
	}
* html #container a.slidek {width:91px; w\idth:93px;}
#container a.slidel {
	background: url(images/Artists/Barbara_Nanning/BarbaraNanning_12_t.jpg); 
	height:47px; 
	width:47px;}
#container a.slidem {
	background: url(images/Artists/Barbara_Nanning/BarbaraNanning_13_t.jpg); 
	height:47px; 
	width:47px;}
#container a.sliden {
	background: url(images/Artists/Barbara_Nanning/BarbaraNanning_14_t.jpg); 
	height:47px; 
	width:47px;}
#container a.slideo {
	background: url(images/Artists/Barbara_Nanning/BarbaraNanning_15_t.jpg); 
	height:47px; 
	width:47px;}
#container a.slidep {
	background: url(images/Artists/Barbara_Nanning/BarbaraNanning_16_t.jpg); 
	height:47px; 
	width:47px;}
#container a.slideq {
	background: url(images/Artists/Barbara_Nanning/BarbaraNanning_17_t.jpg); 
	height:47px; 
	width:47px;}
#container a.slider {
	background: url(images/Artists/Barbara_Nanning/BarbaraNanning_18_t.jpg); 
	height:47px; 
	width:47px;}
	#container a.slides {
	background: url(images/Artists/Barbara_Nanning/BarbaraNanning_19_t.jpg); 
	height:47px; 
	width:47px;}
	

/* styling the hovers */
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute; width:446px; height:446px; top:0px; left:0px; color:#000; background:none;}
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:0px;}
#container a.slideb:hover img, #container a.slidei:hover img {float:right;}
