/* ---------------- main layout parts ---------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:15px;
	margin: 0px;padding:0;
	text-align: left;
	background:white;
	color:#303030;
}

#container {
	text-align: left;
	width: 520px;
	padding: 0px;
	margin: 0px auto;
	overflow:hidden;
}

.scroll-pane {
	overflow: auto;
	width: 533px;
	background: #fff	;
	float: right;
}
	a.jScrollArrowUp {
		background: url(../js/scroll/basic_arrow_up.gif) no-repeat 0 0;
	}
	a.jScrollArrowUp:hover {
		background-position: 0 -15px;
	}
	a.jScrollArrowDown {
		background: url(../js/scroll/basic_arrow_down.gif) no-repeat 0 1px;
	}
	a.jScrollArrowDown:hover {
		background-position: 0 -13px;
	}
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
		background-position: 0 -29px;
	}



#content {

	margin-bottom:0px;
	padding:0;
	height:700px;
}

#incontent {
	width: 488px;
	margin-bottom:0px;
	padding:0;
	overflow:hidden;

}


#footer {
	clear: both;
	width: 500px;
}


/* ---------------- persbericht ---------------- */

.intro{ font-weight:bold; margin-top:15px;}
.imageinset {float:right; padding: 5px 0 5px 5px;}

/* ---------------- typografie ---------------- */

a {color:#f00023; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:none; color:#303030;}
a.arrow{
display:block;
padding-left:14px;
background:url('../img//arrow.gif') no-repeat 0 1px;
margin-top:0;
}
a.arrow:hover{
background:url('../img/arrow_bl.gif') no-repeat 0 1px;
}


h4{margin:10px 0 0 0; font-size:15px;}
h1{font-size:20px; line-height:24px;}
h1.til{margin-bottom:0;}
h3{font-size:15px; line-height:20px;}
h2{font-size:20px; line-height:24px;}

img{border:0;}
td {vertical-align:top;margin:0;padding:0;}
table{border:0; border-collapse:collapse;}

/* ---------------- header ---------------- */



/* ---------------- floats ---------------- */

.left{float:left;}
.right{float:right;}
.clearer{clear:both;}



/* ---------------- forms ---------------- */
.mainform{width:490px; height:100px; background:url('../img/formmiddle.gif') no-repeat;}
.inform {padding: 15px 15px 15px 15px;}
.zoekb {width:102px; height:19px;}
.tussenfields{width:26px;}

ul.frm{margin:0; padding:0;list-style-type:none;}
ul.frm li {clear:both; padding-top:3px;}
ul.frm .markItUpHeader ul li {clear:none;}

ul.frm label, div#thmbnail, div.flabel {display:block; float:left;width:200px;}
ul.frm div.inpt {display:block; float:left; }
ul.frm div.inptimg {display:block; float:left; width:202px;text-align:right; margin-top:5px;}


ul.frm input.wide{ width:200px; border:solid 1px #666; font-size:11px;}
ul.frm input.small{ width:86px; border:solid 1px #666; font-size:11px; float:left;}
ul.frm input.cb{ width:15px; border:none;}
ul.frm select{ width:200px; border:solid 1px #666;}
ul.frm select.small{ width:60px; border:solid 1px #666;}
.tussenfields{width:26px; line-height:20px;float:left; text-align:center;}
input.redio{display:block; float:left;margin-right:10px; border:none;}


.error, .error a, .error a:visited{color:#f00023;} 

/*--------- lijstje --------*/


ul.prss {margin:0px 0 30px 0px; padding:0;list-style-type:none;}
ul.prss li{clear:both; padding-top:5px;margin-bottom:4px;}
ul.prss div.tekst {display:block; width:410px; float:right;} 
ul.prss div.tekst a {color:#f00023; font-weight:bold;display:inline;
padding-left:14px;
background:url('../img//arrow.gif') no-repeat 0 1px;
margin-top:0;}
ul.prss div.tekst a:hover {color:#303030; font-weight:bold;background:url('../img//arrow_bl.gif') no-repeat 0 1px;}

ul.prss div.tekst a img{vertical-align:bottom; padding-right:2px; display:none;} 

ul.prss div.date {display:block; width:68px; float:right;font-weight:bold; border-right: 1px solid black; margin-right:7px;} 

table.nummer td font{text-decoration:underline; font-weight:bold; font-size:12px;}
table.nummer td a,table.nummer td a:hover {color:#303030; text-decoration:none; font-weight:normal;}



/* losse dingen redactiepagina's */
body#red {
	background:#01b5d8 url('../img/bg.gif') no-repeat top left;
}
body#red div#container {
	text-align: left;
	width: 940px;
	padding: 0px;
	margin: 0px auto;
}
body#red #header {
	position:absolute;
	top:160px; left:67px;
	width: 205px;
	padding: 0px;
	float:left;
	background:#cdeff8;
}
body#red #menu {width:200px; margin:20px 0 20px 5px; }
body#red #menu a{color:black; font-weight:bold; display:block; margin-bottom:5px; }

body#red #content{position:absolute; top:150px; left:300px;}

body#red #footer{ position:absolute;width:150px; top:190px;left:840px;
	
}
body#red #searchform{
	position:absolute;
	top:10px; left:820px;
}
ul.overview {margin:0px 0 30px 0px; padding:0;list-style-type:none;}
ul.overview li{clear:both; padding-top:5px;}
ul.overview span.date {display:block; width:80px; float:left;} 
ul.overview a {display:block; float:left; width:200px;} 
ul.overview a.delete {display:block; float:left; width:70px; margin-left:30px;} 
ul.overview a.preview {display:block; float:left; width:70px;} 
.red {color:#f00023;}
.grey{color:#999;}
.kopie a{color:#999;}