body {
	margin:0;
	padding:0;
	background:#4F5662;
	overflow:hidden;}

body{
	font-size:70%;
	color:#000;
	font-family:arial, helvetica, sans-serif;}

#maincontainer {
	position:absolute;
	width:100%;
	top:40px;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	background:#D5DBE5;}

/*============== logo ==============*/
#logo{
	position:absolute;
	display:block;
	width:350px;
	height:40px;
	top:10px;
	left:50%;
	margin:0 0 0 -440px;}

/*============== navigatie ==============*/
#navigatie {
	position:absolute;
	width:100%;
	height:25px;
	top:0;
	border-top:1px solid #A1AFC7;
	border-bottom:1px solid #CFD6E4;
	background:#858FA3}

#navigatie ul {
	position:absolute;
	width:680px;
	left:50%;
	margin:0 0 0 -230px;
	padding:0px;}

#navigatie li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;}

#navigatie a:hover{
	color:#000;}

#navigatie a.activated{
	color:#000;}

#navigatie a{
	display:block;
	height:18px;
	padding:3px 15px 0px 15px;
	margin:3px 0 0 6px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	line-height:normal;
	color:#505763;
	color:#fff;}
/*============== content ==============*/
#contentcontainer{
	position:absolute;
	overflow:auto;
	width:620px;
	top:45px;
	bottom:20px;
	left:50%;
	margin:0 0 0 -450px;
	padding:30px 40px 10px 240px;
	background:#fff;}

.artiesten{
	margin:10px 0 1.3em 0;
	padding:2px;
	border:1px solid #4F5662;}

.artiesten .column{
	display : table-cell;
	width:198px;}

.artiesten .column a{
	display:block;
	width:190px;
	text-decoration:none;}

.artiesten .column a:hover{
	color:#858FA3;}

a{
	color:#574C4C;}

	
a:hover{
	text-decoration:none;}

/*Preview*/

#mask{
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	background:#fff;
	-moz-opacity:0.85;
	opacity:0.85;
	z-index:100}

#preview{
	position:absolute;
	overflow:hidden;
	top:50%;
	left:50%;
	z-index:101;}
	
#preview img{
	margin:0 0 10px 0;
	cursor:pointer;}

#preview p{
	margin:0;
	padding:5px 50px 0 5px;
	line-height:1.1em;
	border-top:1px solid #D5DBE5;}
	
#preview div.controls{
	position:absolute;
	width:auto;
	right:5px;
	bottom:0;
	padding:0;
	text-align:right;
	font-weight:bold; }
	
#preview span{
	cursor:pointer;}	

/*============== subnavigatie ==============*/
#subnavigatie {
	position:absolute;
	width:200px;
	overflow:hidden;
	top:45px;
/*	bottom:20px;*/
	left:50%;
	margin:0 0 0 -450px;
	z-index:10;}

#subnavigatie ul {
	margin:65px 0 0 0 ;
	padding:0px;}

#subnavigatie ul ul{
	margin:0 0 0 10px;
	padding:0px;}

#subnavigatie li{
	margin:0;
	padding:0;
	list-style:none;}

#subnavigatie a:hover{
	color:#000;}

#subnavigatie a.activated{
	color:#000;}

#subnavigatie a{
	display:block;
	padding-right:10px;
	margin:0;
	text-decoration:none;
	text-align:right;
	font-weight:bold;
	color:#858FA3;}

#subnavigatie ul ul a:hover{
	color:#808;}
#subnavigatie ul ul a.activated{
	color:#808;}

#subnavigatie ul ul a{
	display:block;
	margin:0px;
	text-decoration:none;
	text-align:right;
	font-weight:bold;
	color:#008;}


/*============== extra ==============*/
#home #contentcontainer{
	width:820px;
	padding:30px 40px 10px 40px;}

#home #subnavigatie{
	display:none;}

#home h1{
	display:none;}

#home table{
	width:10px;
	margin:0 auto;}

table{
	border-collapse:collapse;
	width:100%;
	margin-bottm:1.4em;}

td, th{
	vertical-align:top;
	padding:5px 5px 0 0;
	text-align:left;}
	
/*th{background:#D5DBE5;}*/

#alttop{
	display:none;}

h1, h2, h3{
	letter-spacing:2px;
	color:#5B515A;}

h1{
	font-size:1.6em;
	margin-bottom:1em;}

h2 {
	font-size:1.2em;
	margin-bottom:0;}

h3 {
    font-size:1em;
	margin-bottom:0;}

a img{
	border:0}
	
.galerij img{
	margin:0 10px 1em 0;
	cursor:pointer;}	

.links, img.left{
	float:left;
	margin:0 10px 1em 0;}

.links200{
	float:left;
	margin:1.4em 0 1.4em -200px;
	height:100px}

.rechts, img.right{
	float:right;
	margin:0 0 1em 15px;}

li{
	list-style: square;}

hr {
	display:block;
	height:1px;
	margin:0;
	padding:0;
	clear:both;
	visibility:hidden;}
	
.readmore{
	display:block;
	height:1.4em;
	text-align : right;
	border-top:1px solid #A1AFC7;
	margin:2em 0;}
.readmore a{
	text-decoration:none !important;}	
	
.readmore a:hover{
	color:#858FA3;}

/*============== formulier ==============*/
#contact form table{
	width:auto;}
	
#contact form td{
	padding:5px;}

#contact form th{
	width:200px;
	padding-top:10px;
	vertical-align:top;
	text-align:left;}

#contact form span{
	font-size:150%;
	color:#C30080;}

.inputkort, .inputlang,#contact  textarea{
	font-family:arial, helvetica, sans-serif;
	font-size:100%;
	border:1px solid #E4DFCF;
	margin:2px 0;
	padding-left:3px;
	background:none;}

.inputkort{
	width:80px;}

.inputlang{
	width:220px;}

#contact textarea{
	width:318px;
	height:200px;
	overflow:auto;}

#contact input:focus, #contact textarea:focus {
 	background:#D5DBE5;
	color:#000;}

input.knop{
	font-size:110%;
	font-weight:bold;
	width:90px;
	padding:0 5px;
	margin:1.2em 12px 0 0 ;
	text-align:center;
	color:#574C4C;
	border:1px solid #E4DFCF;
	background :#fff;}


input.knop:hover{
	border-bottom:1px solid #574C4C;}