/* CSS Document */
* {	
margin: 0;
padding: 0;
}
body{
background-color:#000;
}
#box{
margin:0 auto;
width:800px;
}
/**************** TEKSTGEDEELTE HOMEPAGE ******************/
#tekst{
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
width:191px;
min-height:300px;
}
#left{
display:inline;
margin:248px 0px 0px 36px;
float:left;
width:196px;padding:24px;
}
#banner{
position:absolute;
top:486px;
}
#height{
height:230px;
}
#tekst p, #tekstvervolg p{
padding:10px 0px;
}
#menutop{
font-weight:bold;
margin:4px 0px 0px 9px;
width:321px;
}
#menutopleft, #menutopright{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-transform:uppercase;
width:158px;
text-align:center;
float:left;
display:block;
color:#ec1d1d}
#menutopright{
width:155px;
margin:0px;
}
#menutopright a, #menutopleft a{
text-decoration:none;
color:#000;
}
#menutopright a:hover, #menutopleft a:hover{
color:#ec1d1d;
}
/**************** HOMEPAGE ************************/
#home{
background-image:url(../images/homepage.jpg);
background-repeat:no-repeat;
width:800px;
height:600px;
}
/**************** VERVOLGPAGINAS ******************/
#kunst{
background:url(../images/kunst.jpg) no-repeat;
width:800px;
height:600px;
}
#tekstvervolg{
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
width:360px;
margin:300px 0px 0px 54px;
}
#heightproportions{
height:214px;
padding:260px 0px 0px 40px;
}
/**************** MENU HOMEPAGE ******************/
#menuspace{
display:inline;
float:left;
width:140px;
height:314px;
margin:340px 0px 0px 0px;
background:url(../images/menu_homepage.jpg) no-repeat 29px 0px;
}
#menu{
list-style:none;
}
#menu li{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
list-style: none;
line-height:12px;
padding:0px 0px 8px 0px;
float:left;
}
#menu li a:link, #menu li a:visited {
background:url(../images/blokje_zwart.gif) no-repeat left top;
padding-left:30px;
display: block;
height:24px;
width:103px;
color:#000000;
font-weight:bold;
}
#menu li a:hover{
background:url(../images/blokje_rood.gif) no-repeat left top;
padding-left:30px;
color:#fff;
}
#menu span {display:none}
/**************** THUMBNAILS RECHTS ***************/
#thumbnails{
float:right;
margin:45px 20px 0px 0px;
display: inline; 
width:279px;
height:512px;
overflow:auto;
}
.thumb{
display:block;
float:left;
width:85px;
height:85px;
border:none;
}
/****************** MENUPOSITIE VERVOLGPAGINA'S ****************/
#linksFirst{
font-weight:800;
width:332px;
height:18px;
position:absolute;
top:340px;
padding-right:8px;
}
#linksSecond{
position:absolute;
top:387px;
font-weight:800;
width:332px;
height:18px;
line-height:12px;
padding-right:8px;
}
#linksThird{
position:absolute;
top:500px;
font-weight:800;
width:332px;
height:18px;
padding-right:8px;
}
#linksThird a:link, #linksThird a:visited, #linksFirst a:link, #linksFirst a:visited, #linksSecond a:link, #linksSecond a:visited{
color:#000000;
text-decoration:none;
text-transform:uppercase;
}
/************** HOME *********************/
li#homelink {
list-style:none;
float:right;
width:106px;
padding-right:2px;
}
#homelink a{
display:block;
padding:12px 0px 8px 26px;
width:34px;
}
#homelink a:link, #homelink a:visited{
background:url(../images/home_zwart.gif) left no-repeat;
}
#homelink a:hover, #homelink a:active{
background:url(../images/home_rood.gif) left no-repeat;
}
/************** Links *********************/
li#link {
list-style:none;
float:right;
display:block;
width:106px;
padding-right:2px;
}
#link a{
display:block;
padding:12px 0px 8px 26px;
}
* html #link a{
width:50px}
#link a:link, #link a:visited{
background:url(../images/blokje_zwart.gif) left no-repeat;
}
#link a:hover, #link a:active{
background:url(../images/blokje_rood.gif) left no-repeat;}