/* general
----------------------------------------------- */	
body{
margin:0px;
padding:0px;
background:#100802;
}
.container{
margin-left:auto;
margin-right:auto;
width:750px;
position: relative;
min-height: 100%;
height:auto !important;
height:100%; /* voor IE */
}
.spacer{
	height:700px;
	width:1px;
	position:absolute;
	}
a img{
border:0px;
}

/* layout
----------------------------------------------- */	
#header{
background:#DADADA;
background-image:url(../images/header.gif);
background-repeat:no-repeat;
height:120px; width:auto;
left: 13px;
padding:5px 0px 5px 10px;;
}
.tags{
float:right; margin:10px 5px 0px 0px;}
#navcontainer{
margin-top:1px;
background:#fff;
height:30px;
}
#navcontainer img{
float:left;
}
#navcontainer a{
	font-family: Tahoma;
	font-size: 1.0em;
	text-decoration:none;
	text-transform:uppercase;
	color: #747a7f;
	}
#navcontainer A:link {
COLOR: #666666;font-weight:bold;text-decoration:underline;
}
#navcontainer A:visited {
	COLOR: #666666;font-weight:bold;text-decoration:underline;
}
#navcontainer A:active {
	COLOR: #666666;font-weight:bold;text-decoration:none;
}
#navcontainer A:hover {
	COLOR: #666666;text-decoration:none;font-weight:bold;
}
#navlist{
float:right;
margin:4px;
}
.fill{
background-image:url(../images/fill_bg_px.gif);
height:40px;
width:auto;
margin-top:1px;
}
/* layout-section-content
----------------------------------------------- */	
#content-container{
height:500px; width:auto;
margin-top:1px;
margin-bottom:40px;
background:#fff;
}
#content{
	float:left;
	position:absolute;
	width: 512px;
	height: 502px;
	z-index:20;
	left: 0px;
}
#content img{
margin-top:10px;
border:1px solid #999999;
width:475px;
margin-left:20px
}
#content table{
color:#353535;
margin: 1em 0px 0px 1.2em;
}
#footer{
	position:absolute;
	top:664px;
	width:514px;
	height:38px;
	background:#323232;
	margin:0.1;
	left: 1px;
}
#footer p{margin:5px 0px 5px 20px ;}

/* layout-section-sidebar
----------------------------------------------- */	
.sidebar{
height:496px; width:231px;
margin:0.1em;
padding:0.1em;
float:right;
background:#323232;
color:#f5f5f5;
font-style:normal;
font:Tahoma, Verdana, Helvetica, Geneva;
font-size: 1.1em;
}
#new-work li{ 
position:absolute;
top:400px;
list-style-type:none;
}
#new-work img{
border: 1px solid #666666;
}
#new-work a:hover{
display:block; width:102px;
border: 2px solid #666666;
}

	#sidelinks ul{
	margin: 0 auto;
	padding: 0.8em 0 0;
	text-align:left;
	}

	#sidelinks li {
	list-style-type:none; font-weight:bold;}

	#sidelinks a {
		color: #6699CC;
		padding: 0 0.7em 0.5em 0;
		text-decoration:none;
		}

	#sidelinks a:hover {color: #8ab1cc;}
	#news-hide{
	color:#f5f5f5;
	font-style:normal;
	font:Tahoma, Verdana, Helvetica, Geneva;
	font-size:0.9em;
	text-transform:none;
	font-weight:normal;
	}
	

	

/* typography
----------------------------------------------- */	
#content A:link {
	COLOR: #666666; letter-spacing:3px;
}
#content A:visited {
	COLOR: #666666; 
}
#content A:active {
	COLOR: #666666;
}
#content A:hover {
	COLOR: #666666;text-decoration:none;
}
#content table{
	font-size:1.1em;
}
body{
	font-family:Tahoma, Verdana, Helvetica, Geneva;
	font-size:62.5%; /*16px - 62.5% = 10px  (dus 0.1em = 1px)/*/
	color:#353535;
}
h1{
	color:#11A8BA;
	font-size:2.7em;
	margin: 1.0em 0px 0px 5px;
}
h2{
	color:#3A3A3A;
	font-size:1.8em;
	margin: 1.0em 0px 0px 5px;
}

h1 #Fatfont {
	text-align: center;
	font-family: Arial,Lucida Grande,Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	}
h1 #sidelinks {
	margin: 0 auto;
	text-align: left;
	text-transform:lowercase;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -1px;
	}
p{
	font-size:1.1em;
	color:#353535;
	margin: 1em 5px 0px 1.2em;
}

.grey{
	color:#999;
	display:block;
	padding:0.2em;
	font-size:1.1em;
	border: 1px solid #999;
	margin: 1.0em 2.0em 0px 2.0em;
}
.small{
	margin:0.1em;
	color:#666666;
	font-size:1.0em;
}