@charset "ISO-8859-1";
/* CSS Document */

html { 
	background-image:url('images/bg.jpg');
	background-repeat:repeat-x;
}

body {
background-image:url('bg.jpg');
background-repeat:repeat-x;
margin-top:0;
margin-left:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#666;
}

#container{
background-color:#FFF;
width:984px;
height:588px;
}

#navigatie{		
float:left;
width:345px;
}

a {color:#666; text-decoration:none;}
a:hover {color:#cc3300;}

a.hyperlink{color:#666; text-decoration:none;}
a.hyperlink:hover {color:#cc3300;}
.actief{color:#cc3300;}

#logo {
	height:120px;
	width:345px;
	text-align:left;
    position:relative;
    padding:0px;
    margin:0px;
	list-style:none;
    left:20px;
}
			
#hoofdmenu{
	width:345px;
	height:153px;
	background-color:#d1e0e4;
    padding:0px;
    margin:0px;
    position:relative;
    left:0px;
}
		
#werk {
	float:left;
	width:104px;
	height:124px;
	text-align:left;
	list-style:none;
	padding: 15px 3px 0 20px;
}
			
#informatie {
	float:left;
	width:104px;
	height:124px;
	text-align:left;
	list-style:none;
	padding: 15px 5px 0 0;
}
			
#meer {
	float:left;
	width:101px;
	height:124px;
	text-align:left;
	list-style:none;
	padding: 15px 0 0 0;
}
			
#submenu{
	width:345px;
	height:153px;
	background-color:#eff5f6;
    padding:0px;
    margin:0px;
    position:relative;
    left:0px;
}
	
#submenu1{
	float:left;
	width:144px;
	height:124px;
	text-align:left;
	list-style:none;
	padding: 15px 16px 14px 20px;
}
	
#submenu2{
	float:left;
	width:144px;
	height:124px;
	text-align:left;
	list-style:none;
	padding: 15px 21px 14px 0px;
}

#thumbnails{
	float:left;
    position:relative;
	width:345px;
    padding:0px 0px 0px 0px;
    margin:0px;
}
	
#artikelkoppen{
	width:345px;
	list-style:none;
	float:left;
    padding:0px;
    margin:0px;
	background-color:yellow;
}
			
#image {
	float:left;
	width:639px;
	height:426px;
	}
	
#marge {
	float:left;
	width:639px;
	height:75px;
	}

table{
	margin:42px 0 0 0;
	width:345px;
	height:60px;
}
				
.artikeltitel{
    position:relative;
    top:20px;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	float:left;
	width:170px;
	height:44px;
	padding:0 0 0 25px;
}
				
.datummenu{
	text-align:left;
    position:relative;
    top:24px;
    float:left;
    width:170px;
	height:12px;
	padding:0 0 0 25px;
}

table tr th.datum{
	text-align:left;
	width:225px;
	height:12px;
	padding:0 0 0 15px;
	float:left;
}
		
#kader {
    position:relative;
    top:28px;
    float:left;
    width:345px;
    height:100px;
    padding:0px;
    margin:0px;
}		
.img_artikelactief{
    position:relative;
	float:left;
	width:92px;
	height:60px;
    top:20px;
    left:20px;
    margin:0px;
    padding:0px;
	border:solid 1px #e2001a;
}
.img_nonactief{
    position:relative;
	float:left;
	width:92px;
	height:60px;
    top:20px;
    left:20px;
    margin:0px;
    padding:0px;
}
			
a img{
	border:solid 1px #666;
}
a img:hover{
	border:solid 1px #e2001a;
}
			
#content {
    position:relative;
    width:639px;
    float:left;
}

.datum{
	font-size:10px;
	line-height:26px;
}

.titel{
	font-size:25px;
	font-weight:bold;
	line-height:23px;
}

#beeld {
	float:left;
	width:639px;
	height:426px;
}
	
#tekens {
	margin:14px 0 0 57px;
	float:left;
	width:56px;
	height:100px;
}
	
#tekst{
	margin:46px 0 0 0;
	text-align:left;
	float:left;
	width:415px;
}
.thumbactief{
    position:relative;
	float:left;
	width:30px;
	height:30px;
    top:20px;
    left:20px;
	margin:20px 20px 0px 0px;
    padding:0px;
	border:solid 1px #e2001a;
}
.thumbnonactief{
    position:relative;
	float:left;
	width:30px;
	height:30px;
    top:20px;
    left:20px;
	margin:20px 20px 0px 0px;
    padding:0px;
}