/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #fff;
	margin: 0px;
}

body,html { height: 100% }

a { 
	color: #fff;
	text-decoration: none;
}

.subject {
	position: relative;
}

./*delete {
	position: absolute;
	right: -10px;
	bottom: -10px;
	border: 2px solid #00;
}*/

#images img {
	padding: 5px;
	border: 3px solid #E17847;
	background:#fff;
	margin: 5px;
}
h1 {
	font-size:16px;
	padding: 0px;
	margin: 0px 0px 10px;
	margin-bottom: 15px;
}
h2 {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

p, div {
	margin: 0px;
	padding: 0px;
	line-height:18px;
}

p { margin: 3px 0px;} 

img { 
	border: none; 
	margin: 0px;
	padding: 0px;
}

table,td {
	margin: 0px;
	padding: 0px;
}

td {
	vertical-align: top;
}

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.clear { clear: both; }

.fLeft { float: left; }
.fRight { float: right; }


.bold { font-weight: bold; }
.border { border-top: 2px solid #fff; }


.infoBox {
	padding: 5px;
	width: 55%;
	margin-bottom: 15px;
}
.dateBox {
	padding: 5px;
	border: 1px solid #fff;
	margin: 5px 0px 5px 10px;
	float: right;
}

.userItem {
	width: 135px;
	text-align: center;
	float: left;
}

	.userItem img {
		padding: 3px;
		background:#fff;
		margin:0px;
	}
	
	.userItem a:hover {
		text-decoration: none;
	}
/* Form attributes */

form p {
	margin-bottom: 10px;
	clear: both;
}

form label {
	float: left;
	display:block;
	width: 175px;
	font-weight: bold;
}

form input.txt {
	border: 1px solid #ddd;
	padding: 0px 10px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 300px;
}

form textarea {
	border: 1px solid #ddd;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	height: 125px;
	clear: both;
}

#date_box input, textarea, select {
	font-family: Tahoma, Arial, Verdana, sans-serif !important;
	font-weight: normal !important;
	font-size: 11px !important;
	margin: 0px 1px;
	}

#date_box a {
	color: #000;
}

#date_box table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	}

#date_box td {
	margin: 1px;
	color: #000;
	padding: 1px 2px;
	}
/* CSS magic */

#container {
	width: 1000px;
	margin: 0px auto;
}

	#header {
		width: 1000px;
		height:195px;
		background:url(/themes/default/images/header.jpg);
		position: relative;
	}
	
		a#user_message {
			position: absolute;
			right: 32px;
			top: 160px;
			margin: 0px;
			padding: 0px;
			width:205px;
		}
		
		div#login {
			position: absolute;
			right: 70px;
			top: 54px;
			margin: 0px;
			padding: 0px;
			width:600px;
			text-align: right;
		}
		
			div#login p { margin: 0px; }
		
			div#login form {
				margin: 0px;
				padding: 0px;
			}
		
			div#login p input.login {
				border: 0px;
				height: 12px;
				width: 130px;
				padding: 4px 10px;
				margin: 4px 0px;
				background:url(/themes/default/images/login_input.jpg) left no-repeat;
				font-size: 10px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			
			#login_submit {
				background:url(/themes/default/images/login_submit.jpg) top right no-repeat;
				border: none;
				height: 20px;
				width: 80px;
				margin-top: 5px;
			}
			
			div#login div#validate {
				position: absolute;
				top: 23px;
				right: 0px;
				background: url(/themes/default/images/login_validate.jpg);
				height: 46px;
				width:45px;
			}
	
		#userpanel {
			position: absolute;
			top: 40px;
			left: 400px;
			width: 450px;
			height: 70px;
		}
		
			#userpanel ul {
				list-style-type: none;
				padding: 0px 0px 0px 20px;
				margin: 0px;
				width: 450px;
				height: 25px;
				white-space: nowrap;
				background-color: #fafafa;
				line-height: 25px;
				border-top: 1px solid #dedede;
				border-bottom: 1px solid #dedede;
			}
			
			#userpanel li {
				list-style-type: none;
				display: inline;		
			}
				#userpanel li a {
					padding: 7px 11px;
					text-decoration: none;
				}
				
				#userpanel li a:hover {
					padding: 7px 10px;
					color: #DE6B35;
					background-color: #fefefe;
					border-left: 1px solid #dedede;
					border-right: 1px solid #dedede;
				}
		
			#userpanel a {
				color: #666666;
				font-weight: normal;
			}
			
			#userpanel h1 {
				font-size: 14px;
				margin: 0px 0px 10px 0px;
			}
			
			#userpanel h2 {
				font-size: 11px;
				font-weight: bold;
				margin: 5px 0px;
			}
		
			
			
		
	#content {
		width: 1000px;
		margin: 0px auto;
	}
		
		#cnt_left {
			width: 25px;
		}
		
		#cnt_nav {
			width: 300px;
			padding: 35px 0px 260px;
			background: #bbbbbb url(/themes/default/images/cnt_nav_bg.jpg) top no-repeat;
		}
		
			#cnt_nav img {
				margin: 0px;
				padding: 0px;
				width: 300px;
				float: left;
			}

		#content_body {
			width: 610px;
			height: 600px;
			background: url(/themes/default/images/content_bg.jpg);
			position:relative;
		}
		#cnt_breadcrumb {
			height: 35px;
			width: 550px;
			padding: 0px 30px;
		}
		#cnt_right {
			width: 65px;
			background: url(/themes/default/images/cnt_right_bg.jpg);
		}
		#cnt_main {
			width: 550px;
			padding: 0px 30px;
			color: #fff;
		}
		
			#cnt_main #admin {
				margin-top: 20px;
				padding-top: 4px;
				border-top: 2px solid #e4875b;
			}
		
			
			
			#cnt_main #box {
				width: 240px;
				float:left;
				margin-right: 25px;
			}
			
			#cnt_main #box_big {
				width: 545px;
			}
			
				#box_big .box_header {
					height: 30px;
				}
			
				#box .box_header {
					height: 32px;
				}
				
				#box_big .box_header.nieuws {
					background: url(/themes/default/images/box_big_hdr.jpg);
				}
				
				#box .box_header.bday {
					background: url(/themes/default/images/box_header_bday.jpg);
				}
				
				#box_big .box_content {
					background: url(/themes/default/images/box_big_bg.jpg);
					padding: 10px 0px;
				}
				
				#box_big .box_footer {
					background: url(/themes/default/images/box_big_ftr.jpg);
					height: 22px;
				}
			
				#cnt_main #box_big a {
					display: block;
					color: #de6b36;
					padding: 4px 20px;
					margin: 0px 7px 0px 1px;
					border-bottom: 1px dashed #CCCCCC;
				}
				
				#cnt_main #box_big a:hover {
					background: #fcf0eb;
					text-decoration:none;
				}
				
					#cnt_main #box_big a span.date {
						font-weight: bold;
						margin-right: 10px;
					}
			
			#cnt_main #nieuwsbrief {
				width: 250px;
				float: left;
			}
			
				#cnt_main #nieuwsbrief p {
					margin: 5px 0px;
				}
				
				#cnt_main #nieuwsbrief a:hover {
					text-decoration: underline;
				}
				
		#cnt_main #edit {
			width: 100%;
		}
		
			#cnt_main #edit label {
				display: block;
			}
		
			#cnt_main #edit .txt {
				padding: 5px;
				font-size: 14px;
				font-weight: bold;
				background:#DE6B35;
				color: #fff;
				border: 1px dotted #fff;
			}
			
			#cnt_main #edit .txtarea {
				padding: 5px;
				font-size: 11px;
				width: 100%;
				height: 175px;
				background:#DE6B35;
				color: #fff;
				border: 1px dotted #fff;
				font-family: Verdana, Arial, Helvetica, sans-serif;
			}
				
	#paginate {
		margin-top: 25px;
		border-top: 1px dotted #fff;
		text-align: center;
	}
	
		#paginate a {
			font-weight: bold;
			display: block;
			padding: 3px;
			float: left;
		}
		
		#paginate a:hover {
			background: #fff;
			color: #DE6B35;
		}
	
	.item {
		padding: 0px 0px 0px;
		margin: 0px 0px 6px;
		border-bottom: 1px dotted #e4875b;
		clear: both;
	}
	
	.nl_item {
		background: url(/themes/default/images/bgcode.gif);
		border: 1px solid #F0F0F0;
		display: block;
		color:#A1A1A1;
		font: normal 10px;
		margin-bottom: 12px;
		padding: 4px 6px;
	}
	
		.nl_item a {
			color: #DE6B35;
			font-weight: normal;
		}
		
		.nl_item img {
			float: left;
			padding-right: 10px;
		}
		
		.nl_item p.kop {
			font-weight: bold;
			color: #DE6B35;
			font-size: 14px;
		}
	
	.item.static {
		height: 106px;
	}
	
		.item .imageBox {
			float: right;
			width: 150px;
			text-align: right;
		}
		.item .image {
			padding: 3px;
			background:#fff;
			margin-right: 30px;
			color: #000;
			text-align:center;
		}
	
		p.title {
			font-size: 18px;
			margin-bottom: 5px;
		}

		.item span.what {
			display: block;
			float: left;
			width: 75px;
		}
		
		.item p.links {
			border-left: 3px solid #fff;
			padding: 0px 10px 0px;
			float: right;
			width: 120px;
			margin-left: 10px;
		}
		
			.item p.links a {
				display: block;
			}
			
			.item p.links a:hover {
				text-decoration: underline;
			}
	
	.fotoarchief {
		float: left;
		width: 33%;
		height: 150px;
		text-align: center;
	}
	
		.fotoarchief img {
			padding: 2px;
			background:#fff;
			border: 1px solid #e17847;
		}
	
	#item {
		padding: 0px;
		margin: 0px;
	}
		#item .image {
			float: right;
			padding: 3px;
			background:#fff;
			margin-left: 10px;
		}
		
		#item p {
			margin-bottom: 5px;
		}
		
		#item td.what {
			width: 110px;
			font-weight: bold;
		}
	
		#item p.links {
			border-top: 1px solid #fff;
			padding: 5px 10px 0px;
			margin-top: 10px;
		}
		
			#item p.links a:hover {
				text-decoration: underline;
			}


hr {
	clear: both;
	margin: 5px 0px;
	border: none;
	height: 1px;
}

#cnt_main #static {
	margin-bottom: 40px;
}

#cnt_main #static h1 {
	background:#DE6B35;
}

#cnt_main #static p {
	margin-bottom: 10px;
	background:#DE6B35;
}

#cnt_main #static img {
	width: 150px;
	padding: 3px;
	background: #fff;
	margin: 0px 10px;
}


#foot_left { width: 25px; }
#foot_nav {
	background: url(/themes/default/images/foot_left.jpg) top no-repeat;
	width: 300px;
}

#foot_main {
	background: url(/themes/default/images/foot_main.jpg) top left no-repeat;
	height: 90px;
}
#foot_right {
	background: url(/themes/default/images/foot_right.jpg) top left no-repeat;
}


#profiel .info_left {
	float: left;
	width: 390px;
	padding-right: 20px;
}

	#profiel .info_right img {
		padding: 3px;
		background: #fff;
	}
	
	#profiel .what {
		display: block;
		float: left;
		font-weight: bold;
		width: 100px;
	}
	
	#profiel .info {
		margin: 0px 0px 20px;
	}
	

.tipper {
	background-color: #AAA;
	color: #222;
	font-weight: bold;
	padding: 0.2em;
	margin: 0.5em;
}
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(/themes/default/images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/themes/default/images/bubble.png) bottom right;
}
.tool-loading {
	background: url(/themes/default/images/ajax_load.gif) center center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

.hide { display: none; }



/* FORUM INDEXES */
table.forum td.info { width: 45%; }
table.forum td { border-bottom: 1px solid #e17847; padding: 3px 0px; }
table.forum td.header {	border-bottom: 2px solid #e17847; }

/* FORUM POSTS */
table.forum_post { margin-bottom: 10px; }
table.forum_post td { padding: 3px; }
table.forum_post td.date { 
	background: #e4875b; 
	border-bottom: 2px solid #e17847;
}
table.forum_post td.info {
	width: 20%;
}

.forum_breadcrumb {
	margin: 10px 0px 0px;
	padding: 5px 0px 0px;
	border-top: 1px dotted #e4875b;
}
/* FILE INDEX */
table.files td { padding: 3px; border-bottom: 1px solid #e17847; }
table.files td.info { width: 15%; }
table.files td.delete { width: 25px; }
table.files td.header {	border-bottom: 2px solid #e17847; }
table.files td.footer {	border-top: 2px solid #e17847; }
/* GLOBAL TABLE SHIT */
td.header {	border-bottom: 2px solid #e17847; }
td.footer {	border-top: 2px solid #e17847; }
tr.white {
	background: #fff;
	color: #e4875b;
}

tr.white a {
	color: #b3b3b3;
	font-weight: bold;
}

table.gallery {
	padding: 3px 0px;
	border-bottom: 1px solid #e17847;
	height: 30px;
}

	.gallery img.img {
		padding: 2px;
		background:#fff;
		border: 1px solid #e17847;
	}

input.submit {
	background: none;
	border: 1px dotted #e17847;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.icon {
	padding-left: 25px;
}

.icon.folder { background: url(/themes/default/icons/folder.png) left no-repeat; }

BLOCKQUOTE
{
	margin: 5px;
	margin-left: 15px;
	margin-right: 10px;
}


TT
{
	font-family: Courier;
}

TABLE.bbcode
{
	width: 95%;
	border: 1px solid #CCC;
	background-color: #FFF;
}

TD
{
	font: 12px Arial;
}

TD.bb_num
{
	background-color: #CCC;
	color: #808080;
	font-family: Courier;
	font-size: 12px;
	text-align: right;
}

TD.bb_quote
{
	font: 12px Arial;
	color: #333;
}



.upload_status
		{
			padding:				10px 15px;
			float:					left;
		}

		.upload_status fieldset
		{
			padding:				0.5em 1em;
			border:					none;
			margin: 0;
		}
		.upload_status h5 {
			margin: 0;
			padding: 0;
		}

		.upload_status legend
		{
			display:				block;
			font:					1.2em bold Verdana, Geneva, Arial, Helvetica, sans-serif;
		}

		.upload_status .progress
		{
			background:				white url(/themes/default/images/progress-bar/progress.gif) no-repeat;
			background-position:	+50% 0;
			margin-right:			0.5em;
		}

		.upload_status .progress-text
		{
			font-size:				0.9em;
			font-weight:			bold;
		}

		.upload_list
		{
			list-style:				none;
			width:					450px;
			overflow:				auto;
		}

		.upload_list li.file
		{
			border-bottom:			1px solid #eee;
			padding:				1em 0;
			overflow:				auto;
			background:				url(/themes/default/images/uploader/file.png) no-repeat 4px 4px;
		}
		.upload_list li.file.uploading
		{
			background-image:		url(/themes/default/images/uploader/uploading.png);
			background-color:		#D9DDE9;
		}
		.upload_list li.file.success
		{
			background-image:		url(/themes/default/images/uploader/success.png);
		}
		.upload_list li.file.failed
		{
			background-image:		url(/themes/default/images/uploader/failed.png);
		}

		.upload_list li.file .file-name
		{
			font-size:				1.2em;
			margin-left:			44px;
			font-weight:			bold;
		}
		.upload_list li.file .file-size
		{
			margin-right:			1em;
			float:					right;
		}
		.upload_list li.file .file-info
		{
			display:				block;
			margin-left:			44px;
		}
		.upload_list li.file .file-options
		{
			display:				none;
		}
		a.remove {
			font-weight: bold;
			padding: 3px;
			text-decoration:underline;
		}
		
		fieldset {
			padding: 10px;
			border: 1px solid #e17847;
			margin-bottom: 10px;
		}

.remooz-element
{
	cursor:					-moz-zoom-in;
}

.remooz-box
{
	position:				absolute;
	top:					0;
	left:					0;
	background:				#fff no-repeat center;
	z-index:				41;
}
.remooz-loading
{
	background-image:		url(/themes/default/images/spinner.gif);
}
.remooz-body
{
	width:					100%;
	height:					100%;
}
.remooz-box-focus.remooz-type-image .remooz-body
{
	cursor:					-moz-zoom-out;
}
.remooz-box-dragging .remooz-body
{
	cursor:					move;
}

.remooz-btn-close
{
	position:				absolute;
	left:					-15px;
	top:					-15px;
	width:					30px;
	height:					30px;
	text-decoration:		none;
	border:					0;
	background:				url(/themes/default/images/remooz/closebox.png) no-repeat center;
	visibility:				hidden;
	cursor:					pointer;
}
.remooz-engine-ie6 .remooz-btn-close
{
	background-image:		url(/themes/default/images/remooz/closebox.gif);
}

.remooz-title
{
	position:				absolute; /* relative for full width */
	left:					0;
	bottom:					1.5em;
	text-align:				left;
}
.remooz-title-bg
{
	position:				absolute;
	left:					0;
	top:					0;
	width:					100%;
	height:					100%;
	background-color:		#000;
	z-index:				99;
}
.remooz-title-content
{
	position:				relative;
	padding:				5px 15px;
	color:					#fff;
	z-index:				101;
}
.remooz-title-content
{
	font:					11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.remooz-title-content h6
{
	font-size:				1.2em;
	font-weight:			bold;
}
.remooz-title-content p
{
	color:					#eee;
}
.remooz-type-image img
{
	display:				block;
	border:					0;
	width:					100%;
	height:					100%;
}

.remooz-bg
{
	position:				absolute;
	width:					33px;
	height:					40px;
}

.remooz-bg-n
{
	left:					0;
	top:					-40px;
	width:					100%;
	background:				url(/themes/default/images/remooz/remo_bg_n.png) repeat-x;
}
.remooz-bg-ne
{
	right:					-33px;
	top:					-40px;
	background:				url(/themes/default/images/remooz/remo_bg_ne.png) no-repeat;
}
.remooz-bg-e
{
	right:					-33px;
	top:					0;
	height:					100%;
	background:				url(/themes/default/images/remooz/remo_bg_e.png) repeat-y;
}
.remooz-bg-se
{
	right:					-33px;
	bottom:					-40px;
	background:				url(/themes/default/images/remooz/remo_bg_se.png) no-repeat;
}
.remooz-bg-s
{
	left:					0;
	bottom:					-40px;
	width:					100%;
	background:				url(/themes/default/images/remooz/remo_bg_s.png) repeat-x;
}
.remooz-bg-sw
{
	left:					-33px;
	bottom:					-40px;
	background:				url(/themes/default/images/remooz/remo_bg_sw.png) no-repeat;
}
.remooz-bg-w
{
	left:					-33px;
	top:					0;
	height:					100%;
	background:				url(/themes/default/images/remooz/remo_bg_w.png) repeat-y;
}
.remooz-bg-nw
{
	left:					-33px;
	top:					-40px;
	background:				url(/themes/default/images/remooz/remo_bg_nw.png) no-repeat;
}

/***************************

	styles for hidden next & previous buttons

***************************/

div.multiupload{
	width: 100%;
	float:left;
	padding:3px;
}
div.multiupload div.list div.item{
	margin:1px;
	padding: 4px 10px;
}
div.multiupload div.list div.item:hover{
	background: #ccc;
}
div.multiupload div.list img{
	float:left;
	margin: 3px;
	cursor:pointer;
}