/* CSS Document */
* {	
margin: 0;
padding: 0;
}
body{
background-color:#270b00;
}
#box{
margin:0 auto;
width:800px;
}
/**************** TEKSTGEDEELTE HOMEPAGE ******************/
#tekst{
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
margin:212px 0px 0px 40px;
line-height:18px;
width:464px;
height:266px;
padding:24px;}
#height{
height:230px;
}
#tekst p, #tekstvervolg p, #tekstcartoony p{
padding:10px 0px;
}
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin:2px 0px;
}
/**************** HOMEPAGE ************************/
#home{
background-image:url(assets/homepage.jpg);
background-repeat:no-repeat;
width:800px;
height:600px;
}
/**************** VERVOLGPAGINAS ******************/
#proportions{
background:url(assets/proportions.jpg) no-repeat;
width:800px;
height:600px;
}
#tekstvervolg{
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
line-height:18px;
width:410px;
padding:24px;
}
#heightproportions{
height:214px;
padding:260px 0px 0px 40px;
}

#heightcorragio{
height:240px;
padding:235px 0px 0px 40px;
}
#heightgezamenlijk{
height:371px;
padding:80px 0px 0px 40px;
}
#heightcartoony{
height:220px;
padding:235px 0px 0px 40px;
}
#heightpuur{
height:275px;
padding:200px 0px 0px 40px;
}
#heightgallerie{
height:330px;
padding:145px 0px 0px 40px;
}
#tekstcartoony{
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
line-height:18px;
width:360px;
padding:24px;
}
#corragio{
background:url(assets/corragio.jpg) no-repeat;
width:800px;
height:600px;
}
#gezamenlijk{
background:url(assets/gezamenlijke_projecten.jpg) no-repeat;
width:800px;
height:600px;
}
#gallerie{
background:url(assets/gallerie.jpg) no-repeat;
width:800px;
height:600px;
}
#cartoony{
background:url(assets/cartoony.jpg) no-repeat;
width:800px;
height:600px;
}
#puur{
background:url(assets/puur.jpg) no-repeat;
width:800px;
height:600px;
}
/**************** MENU HOMEPAGE ******************/
#menuspace{
display:inline;
float:right;
width:150px;
height:314px;
margin:225px 80px 0px 0px;
background:url(assets/menu.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 17px 0px;
float:left;
}
#menu li a:link, #menu li a:visited {
background:url(assets/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(assets/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;
}
/****************** Links ****************/
#links{
float:right;
text-align:right;
font-weight:800;
width:326px;
height:18px;
}
#links a:link, a:visited{
color:#000000;
text-decoration:none;
text-transform:uppercase;
}
/************** HOME *********************/
li#homelink {
list-style:none;
float:right;
}
#homelink a{
display:block;
padding:12px 0px 8px 26px;
width:34px;
}
#homelink a:link, #homelink a:visited{
background:url(assets/home_zwart.gif) left no-repeat;
}
#homelink a:hover, #homelink a:active{
background:url(assets/home_rood.gif) left no-repeat;
}
/************** Links *********************/

li#link {
list-style:none;
float:right;
padding-left:8px;
}
#link a{
display:block;
padding:12px 0px 8px 26px;
}
* html #link a{
width:50px}
#link a:link, #link a:visited{
background:url(assets/blokje_zwart.gif) left no-repeat;
}
#link a:hover, #link a:active{
background:url(assets/blokje_rood.gif) left no-repeat;
}