@charset "utf-8";

	* { -moz-box-sizing: content-box; -box-sizing: content-box; font-family: Geneva, Arial, Helvetica, sans-serif; }
	body { font-size:62.5%; behavior:url("/style/cssHover.htc"); background:whitesmoke; }
	body, h1, h2, h3, p, li, ul,form { margin:0px; }
	h1,	h2, h3, p, textarea, input, select { font-size:1.2em; margin:2px 0 2px 0; }
	img {border:none;}
	a { color: #CD3100; }
	label { font-size:1.2em; }

/* DEFAULT CLASSES - DON'T CHANGE!! */

	.alert {color:#FF0000; font-size:1.2em;}
	.left {float:left;}
	.right {float:right;}
	.clear {clear:both;}
	.third {width:33.3%;float:left;}
	.double {width:66.6%;float:left;}
	.half {width:49%;float:left;}
	.full {width:100%; float:left;}
	.content {padding:10px; }
	.button{ cursor:pointer;}
	.hidden {display:none;}
	.visible {display:block;}
	.scroll {overflow-y:scroll; overflow-x:hidden; }

	ul.clear, ul.clear li { list-style-image:none; list-style-type:none; margin:0px; padding:0px; }
	.light { color: #999; }
	.dark { color: #666; }
	.margBot { margin-bottom: 10px; }
	.margTopBot { margin-bottom: 5px; margin-top:5px; }
	.padBot { padding-bottom: 5px; }
	.padTopBot { padding: 2px 0px 2px 0px; }
	.padTopBotLeft { padding: 2px 0px 2px 10px; } 
	.padTopBotLeft label { font-weight: bold; }
	.padLeftRight { padding-left: 3px; padding-right:3px;}
	.content p { margin: 0px 0px 10px 0px; }
	.tight { margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}

	
	/* TAG STYLES */
	h1 { color: #CD3100; font-size: 1.8em; }
	h2.orange { color:#CD3100; font-size: 1.6em; }
	h2.dark { color: #666666; font-size: 2.2em; padding-bottom: 5px;}
	h3 { color:#CD3100; font-size:1.3em; }
	h3.orange { text-decoration:none; color:#CD3100; font-size:1.8em; padding-bottom:3px; }
	h3.dark { color:#666666; }

	/* BANNER STYLES */
	.leftColumn { float:left; width:99px; }
	.leftColumn #skyscraper { float:left; width:120px; margin: 60px 0px 10px 0px; }
	.leftColumn #logo {	float:left;	margin: 110px 0px 0px 0px; width:99px; height:99px;	}
	
	
	/*/////////////////////////*/
	div.container { background:url("/img/banner1.png") top left repeat-x; behavior:url("/style/iepngfix.htc"); text-align:center; }
	#siteHolder { width:940px; margin:0 auto; padding-right:99px; text-align:left; }
	#contentHolder { width:800px; margin-bottom:10px; }
	#header { font-size:1.2em; font-weight:bold; text-align: right;	padding: 5px 7px 2px 0px; color:#CD3100; /*border-bottom: 1px solid #CD3100;*/ }
	#header a:link, #header a:visited { color:#444; text-decoration: none; padding: 3px; }
	#header a:hover, #header a:active { color:#FFF; text-decoration: none; background-color:#CD3100; padding: 3px; }

	#top { height:62px; margin-top:10px;}
	#searchTop { height: 62px; width: 264px; background: url("/img/top_search.png") top no-repeat; behavior: url("/style/iepngfix.htc"); }
	#searchFields { margin:30px 0 0 7px;} 
	#searchFields input { }
	#nieuwbouwTop {	padding:0 auto; margin:33px 0px 0px 20px; }

	#middleContent { 
		min-height: 500px;
		background: #D1D1D1 url("/img/bg_content.jpg") top repeat-x;
		border: 1px solid #CD3100; 
		text-align:left;
	}
	#leftColumn  { width: 65%; padding: 10px 6px 10px 10px; border-right: 1px solid #CCC; height:inherit; }
	#leftColumn.white { background-color: #FFF; width: 65%; padding: 10px 6px 10px 10px; border-right: 1px solid #CCC; }
	#rightColumn { width: 30%; padding: 10px 10px 10px 0px; height:inherit;}
	#buttons { width:100px; height:16px; float:right; text-align:right; }
	/* ITEMS */
	.item, .reactie, .ruler { border-bottom: 1px solid #CCC; padding-top:1px; margin-right:5px; }
	.item h3 { text-decoration:none; color:#CD3100; font-size:1.3em; padding-bottom:3px; }
	.item h3.orange { font-size:1.6em; }
	.item h3.dark { font-size:1.6em; }
	.item img, .reactie img { padding:1px; margin:5px 2px 5px 6px; border:1px solid #CCC; float:right; }
	.item img.clean, .reactie img.clean { padding:0; border:none; float:none; }
	.item p, .reactie p { font-size:1.2em; padding:5px 0px 5px 0px; }
	.item a:link, .item a:visited, .reactie a:link, .reactie a:visited { color: #CD3100; text-decoration: none; font-size: 1em; }
	.item a:hover, .item a:active, .reactie a:hover, .reactie a:active { color: #CD3100; text-decoration: underline; 1em;  }
	.item .right { color: #888; margin: 0px 5px 0px 0px; }
	.item_over { background: url("/img/bg_hover.jpg") bottom repeat-x; cursor: pointer; }
	
	.reactie { background: #FFF url("/img/bg_comment.jpg") top repeat-x;}
	
	.itemSmall { border-bottom: 1px solid #CCC; padding: 2px 0px 2px 5px; font-size:1.2em; }
	.itemSmall small { font-size: 1em; color: #888; }
	.itemSmall_over { background: url("/img/bg_hover.jpg") bottom repeat-x; cursor: pointer; color:#CD3100; }

	.kruimelpad { margin: 0px 0px 5px 0px; font-size: 1em; }
	.kruimelpad a:link, .kruimelpad a:visited { color:#CD3100; text-decoration: none; }
	.kruimelpad a:hover, .kruimelpad a:active { color:#000000; text-decoration: none; }

	/* LIST ITEMS 
	#leftColumn div ul { list-style-position: inside; padding: 5px 0px 0px 5px; list-style-type:none;	}
	#leftColumn div ul li,  #leftColumn dl dt { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; list-style-image: url("/img/bullet.gif"); font-size:1.3em; color: #CD3100; }
	#leftColumn dl dd { color:#999; margin-left:10px; }
	#leftColumn div ul li a:link, #leftColumn div ul li a:visited, #leftColumn dl a:link,  #leftColumn dl a:visited { color: #CD3100; text-decoration:none; }
	#leftColumn div ul li a:hover, #leftColumn div ul li a:active,  #leftColumn dl a:hover, #leftColumn dl a:active { color: #000000; text-decoration:none; }
	
	#leftColumn div.list ul { list-style-type:none; padding-left:5px;}
	#leftColumn div.list ul li { border-bottom: 1px solid #CCC; font-size:1.2em; list-style-image: none; color: #CD3100; height:16px; padding:2px 0px 1px 2px;}
	#leftColumn div.list ul li:hover { background: url("/img/bg_hover_small.jpg") bottom repeat-x; cursor: pointer; color:#000; } 
	#leftColumn div.list ul li a { display:block; }
	#leftColumn div.list ul li img { margin-right:5px; }
	#leftColumn div.list ul li span { float:right; }
	#leftColumn div.list ul.agenda li span.dark { float:none; }
	#leftColumn div.list ul.file li img { float:left; }
*/
	#leftColumn dl dt { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; list-style-image: url("/img/bullet.gif"); font-size:1.3em; color: #CD3100; }
	#leftColumn dl dd { color:#999; margin-left:10px; }
	#leftColumn dl a:link,  #leftColumn dl a:visited { color: #CD3100; text-decoration:none; }
	#leftColumn dl a:hover, #leftColumn dl a:active { color: #000000; text-decoration:none; }

	.line { border-bottom: 1px solid #CCC; padding: 3px 0px 3px 0px; }
	#rightColumn ul, .list ul { list-style-type:none; padding-left:5px;}
	#rightColumn ul li, .list ul li { border-bottom: 1px solid #CCC; font-size:1.2em; color: #CD3100; height:16px; padding:2px 0px 1px 2px;}
	#rightColumn ul li:hover, .list ul li:hover { background: url("/img/bg_hover_small.jpg") bottom repeat-x; cursor: pointer; color:#000; } 
	#rightColumn ul li img, .list ul li img { float: right; }
	.noline ul li{ border: none;}

	#rightColumn ul li.clean, .list ul li.clean { border:none; }
	#rightColumn ul li.clean:hover , .list ul li.clean:hover{ background:none; }
	#rightColumn ul li a, .list ul li a { display:block; }
	#rightColumn a:link, #rightColumn a:visited, .list a:link, .list a:visited { text-decoration: none; color: #CD3100;  }
	#rightColumn a:hover, #rightColumn a:active, .list a:hover, .list a:active { text-decoration: none; color: #000; }

	.list ul.agenda li span.dark { float:none; }
	.list ul.file li img { float:left; }

	/* FORM */
	label.clean { font-size:inherit; font-weight:normal; }
	input { background: url("/img/bg_input.jpg") bottom repeat-x; border: 1px solid #CD3100; color: #666; height: 16px; padding: 1px; font-size:1.2em; }
	input.button { background: none; border: 1px solid #CD3100; width:auto; color: #CD3100; padding: 0;}
	input.clean { background: none; border: none; width: auto; padding:0; margin:0; height:auto;}
	select { margin:0; padding:1px}
	
	textarea, select { border: 1px solid #CD3100; }
	textarea { border: 1px solid #CD3100; background: url("/img/bg_input.jpg") bottom repeat-x; }
	textarea.clean, select.clean { border:none; background:none; }
	
	/* MIJNNIEUWBOUW */
	#profile { font-size: 1.2em; }
	#profile tr { vertical-align:top; }
	#profile th { width:125px; font-weight:bold; }
	#profile td p { font-size:1.0em; }
	
	#privacy { font-size: 1.2em; }
	#privacy tr { vertical-align:top; }
	#privacy th { width:125px; font-weight:bold; }
	#privacy td p { font-size: inherit; }
	
	
	/* TABLE */
	table.list { width: 100%; }
	table.list tr { height:16px; }
	table.list tr th { height:18px; font-size:12px; font-weight:bold; }
	table.list tr td { height:16px; border-bottom: 1px solid #CCC; font-size:1.2em;  padding:2px 0 1px 0; }
	table.list tr.active td { font-weight:bold; }
	
	table.list a:link, table.list a:visited { text-decoration:none; }
	table.list a:hover, table.list a:active { text-decoration:none; }
	
	#message { font-size:1.2em; }
	#message #body p { font-size:inherit; }

	#userPhotoContainer { padding-right:8px; }
	#userDetails { width: 400px; }
	#userPhoto { margin:0 10px 0 10px; }
			
	/* BESTANDEN IN PROJECT */
	ul#browser { margin:0; padding:0 0 0 5px; list-style:none; font-size:1.2em; }
	
	/* PAGINA'S IN PROJECT */
	ul#pages { margin:0; padding:0 0 0 5px; list-style:none; font-size:1.2em; }
	ul#pages li { height:15px; padding:3px 0 1px 18px; background: url("/img/filetype/filetype_html.png") no-repeat; }
	
	/* TOOLTIP */
	#tooltip { background-color:#ccc; border:1px solid #888; color:#333; width:20em;
						max-width:20em; opacity:0.85;	padding:4px; position:absolute;	z-index:3000; }
	#tooltip h3 { font-size: 1.2em;  font-weight:normal; }
	
	/* POLL */
	ul#frontpage-poll { padding: 0; margin-left: 5px; list-style-type: none; text-align: left; font-size:12px; }
	#frontpage-poll li{ list-style-type: none; padding:2px; }
	#frontpage-poll label{ font-size:11px; }
	#frontpage-poll .poll{ font-weight:bold; font-size:11px; }
	#frontpage-poll .radio{ border:0; background:none; margin: 0 5px 0 0; float:left; clear:left; }
	#frontpage-poll .poll-button{ font-weight:bold; margin:5px 0 0 0; text-align:right; }
	
	/* OLD POLL */
		.tbl_poll{width:auto; position:absolute; margin:0 15px 0 0; color: #000;}
		.tbl_poll_result {background-color: #fff; color: #000;}
		.tr_poll_header {font-size:12px; color:#CD3100; font-weight: bold;}
		.tr_poll_content {font-size:10px; height:auto;}
		.tbl_poll input{ float:left; clear:left; border:0; background:none; margin-right:2px; vertical-align:text-bottom;}
		.tr_poll_footer {height: 40px; font-size: 10px; text-align:right;}
			.tr_poll_footer a{ text-decoration:none; font-size: 12px;}
			.tr_poll_footer a:hover{ text-decoration:underline;}