/* --[ CSS RESET ]--------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {	line-height: 1;	color: black;	background: white;}
img{	border:none;}
strong{	font-weight:bold;}
p{	margin-bottom:8px;}
ol, ul {	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}

html, body { 
   width:100%;
   height:100%;
   background:#e1e1e1 url("../images/background-top.jpg");
   background-repeat:repeat-x;
   background-position:top left;   
   font-family:"Trebuchet MS", Verdana, Arial;
   font-size:12px;
}

.wrapper{
	background:transparent;   	
    width: 960px; 
    margin: 0 auto;
	height:468px;
}
#content{
	display:block;
	width:960px;
	height:670px;
	background:transparent;
	position:relative;
	margin:0px auto 0px auto;	
}
#content #header{
	height:102px; /* was 110 */
	width:960px;
	background:#f6f6f6;
	float:right;	
}
#content #header #logo{
	/*
	background:url("../images/logo.jpg");
	background-repeat:no-repeat;*/
	height:102px; /* was 110 */
	width:243px;
	float:right;
	cursor:pointer;
}
#container{
	float:left;
	width:960px;
	height:567px;
}
#image{
	float:left;
	display:block;
	height:567px;
	width:364px;
	background:url("../images/image.jpg");
	background-repeat:no-repeat;
}
#image #menu{
	display:block;
	margin:1px 0px 1px 0px;
	width:200px;
	height:565px;
	background:url("../images/overlay-menu.png");
	background-repeat:no-repeat;
	float:right;
	z-index:99;
}
#image #menu ul{
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:16px;
	font-weight:bold;
	padding-top:44px;
	padding-left:13px;
	line-height:26px;
	color:#ebebeb;
/*	color:#393939; */
/*	text-transform:uppercase; */
}
#image #menu ul a:link,
#image #menu ul a:visited{
	color:#393939;
	text-decoration:none;
}
#image #menu ul a:hover,
#image #menu ul a:active{
	color:#9A1F24;
	text-decoration:none;
}
#image #menu ul a.active{
	text-decoration:none;
	color:#9A1F24;
}
#txtvlak{
	float:left;
	display:block;
	width:641px;
	height:567px;
	float:left;
	background:transparent;
	margin-left:-45px;
}
#txtvlak #links{
	width:19px;
	height:567px;
	background:url("../images/txt-links.png");
	background-repeat:no-repeat;
	float:left;
}
#txtvlak #txt{
	width:551px; /* 466px - 31px- 21 */
	height:520px; /* 567px - 47px */
	float:left;
	background:url("../images/txt-midden.jpg");
	background-repeat:repeat-x;
	/*padding:47px 21px 0px 31px;*/
	padding:47px 42px 0px 10px;
	color:#ebebeb; 
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:14px;
	line-height:20px;
}
#txtvlak #txt #scroll{
	display:block;
	/*width:567px;*/
	width:586px;
	height:470px;
	overflow-y:auto;
	padding-right:7px;
	
}
#txtvlak #txt h1{
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:26px;
	line-height:20px;
	padding-bottom:18px;
	color:#000;
}
#txtvlak #txt p{
	line-height:18px;
	padding-bottom:10px;
	color:#222;
}
#txtvlak #txt p .image{
/*	border:1px #555 solid; */
	float:right;
	width:141px;
	height:200px;
	margin-left:5px;
}
#txtvlak #txt p a{
	color:#222222;
	text-decoration:underline;
}
#txtvlak #rechts{
	width:19px;
	height:567px;
	background:url("../images/txt-rechts.png");
	background-repeat:no-repeat;	
	float:left;
}
#adresfooter{
	font-family:"Trebuchet MS", Verdana, Arial;
	display:block;
	width:823px;
	height:25px;
	background:transparent;
	position:relative;
	margin:0px auto 0px auto;	
	text-align:center;
	padding-top:5px;
}
#adresfooter a{
	color:#393939;
	text-decoration:underline !important;
}

/* CSS toevoegingen JUli 2010 */

.menu-bottom{
	display: block;
	float: left;
	margin-top:165px;
}
.menu-bottom li{
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:16px;
	/*color:#222;*/
	/*font-weight:normal!important;*/
}
a.external {
	/*background:url("../images/li_external.gif") no-repeat scroll right center transparent;
	padding-right:13px;*/
}
span{
	display: inline;
	color:#444!important;
	font-style: italic;
}

/* DESIGN dingski */
.design{
	float:left;
	width:36px;
	height:28px;
	position:relative;
	left:870px;
	top:-31px;
	cursor:pointer;
}
.design{
	background:url("../images/design.png");
	background-repeat:no-repeat;
}

.content_list
{
	list-style: disc inside none;
	color: #222222;
	padding-bottom: 18px;
	margin-top: -18px;

}