/*		    CSS by iCREW			*/
/*          www.icrew.nl			*/
/*									*/
/*       © iCREW 2000-2007			*/
/*      All rights reserved 		*/

/* global settings */
body {background: #d9dee5; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 62.5%; color: #666666;}
h1 {font-size: 1.4em; font-weight: bold; margin: 0 0 0.5em 0; color: #005dbf;}
h2 {font-size: 1.2em; font-weight: bold; margin: 0 0 0.5em 0;}
h3, h4, h5 {font-size: 1em; font-weight: bold;}
* {margin: 0; padding: 0;}
img	{border: 0;}
.imageLeft img {border: 1px solid #999999;} 
a {-moz-outline-style: none; text-decoration: none; color: #005dbf;}
a:hover {text-decoration: underline;}
p {padding: 0 0 1em 0;}
#ctrContentSub ul, #ctrContentSub ol, #ctrContentPortal ul, #ctrContentPortal ol {clear: both; margin: 0 0 1em 1em; padding: 0 0 0 20px; list-style-position: outside;}

hr {border:1px solid #d6d6d6; margin:5px 0}

#fs_normal	{font-size: 100%;}
#fs_medium	{font-size: 120%;}
#fs_large	{font-size: 130%; font-weight: bold;}

.sidebarBox h2 {font-size: 1.2em; font-weight: bold; color: white; margin: 0;}
.sidebarBox a {color: white;}
.date {font-size: 1em; font-style: italic; font-weight: bold;}
.leesmeer {float: right; font-style: italic;}

.inputbox {width: 120px; height: 20px; padding: 3px 0 0 3px; background: white; border: 1px solid #999999; color: #666666;}
.inputBoxLogin {float: left; padding: 3px; width: 92%; background: white; border: 0px; color: #666666; font-family: Verdana,Arial,Helvetica,sans-serif;}
.buttonLogin {float: left; padding: 3px 0; width: 100%; text-align: center; background: #ff0000; border: none; color: white; font-family: Verdana,Arial,Helvetica,sans-serif;}
.buttonZoek {padding: 3px; color: #666666; font-family: Verdana,Arial,Helvetica,sans-serif;}
.arrowSidebar {float: right;}

/* containers */
#ctrRoot {width: 910px; height: 760px; margin: 0 auto; padding: 0 60px; background: #d9dee5 url('/media/bg_body_shadow.gif') no-repeat;}
	#ctrMain {float: left; width: 860px; padding: 25px; background: white url('/media/bg_content_borders.gif') repeat-y; border-bottom: 1px solid #666666; font-size: 1.2em;}
		#ctrHeader {float: left; width: 860px; height: 200px; overflow: hidden; background: url('/media/bg_kerk.gif') no-repeat right bottom;}
			#hdrCtrls {float: left; height: 35px; margin: 0 0 25px 0; overflow: hidden;}
			#hdrCtrls td {font-size: 1em; padding: 0 3px;}
			#hdrCtrls a {color:#666666}
			.banner {float: left; width: 637px; height: 140px; overflow: hidden;}
		#ctrPath {float: left; width: 628px; padding: 25px 0 25px 232px; font-style: italic;}
			#ctrPath a {color:#666666}
		#ctrNav {float: left; width: 207px; overflow: hidden;}
			#subNav {display: block; clear: both; color: #666666; list-style: none; list-style-position: outside;}
			#subNav a {margin: 0; padding: 0; text-decoration: none; color: #666666;}
			#subNav li {margin: 0; padding: 5px 0; border-bottom: 1px solid #cccccc; list-style-type: none; font-weight: bold;}
			#subNav li a {margin: 0; padding: 0 0 0 20px; list-style-type: none; font-weight: bold; background: url('/media/bg_menubar_grey.gif') repeat-y;}
			#subNav li a:hover, #subNav li a:active, #subNav li a:focus, #subNav li a.pressed, #subNav li a.pressed:link {margin: 0; list-style-type: none; font-weight: bold; background: url('/media/bg_menubar_blue.gif') repeat-y;}
			#subNav li ul {display: block; margin: 0; padding: 0 0 0 20px; list-style-position: outside;}
			#subNav ul li {display: block; border: 0; font-weight: normal;}
			#subNav a:hover, #subNav a:active, #subNav a:focus, #subNav a.pressed, #subNav a.pressed:link {text-decoration: none; color: #005dbf;}
			#subNav ul ul li a {margin: 0; padding: 0 0 0 20px; list-style-type: none; font-weight: normal; background: none;}
			#subNav ul ul li a:hover, #subNav ul ul li a:active, #subNav ul ul li a:focus, #subNav ul ul li a.pressed, #subNav ul ul li a.pressed:link {margin: 0; list-style-type: none; font-weight: normal; background: none;}
			
		#ctrContentPortal {float: left; width: 405px; margin: 0 25px 0 0; padding: 0 0 0 25px; overflow: hidden;}
			.ctrPortalItem {float: left; width: 405px; margin: 0 0 25px 0;}
			.imageLeft {float: left; width: 127px; margin: 0 23px 0 0; overflow: hidden;}
			.txtRight {float: left; width: 255px; overflow: hidden;}
		#ctrContentSub {float: left; width: 628px; margin: 0; padding: 0 0 0 25px; overflow: hidden;}
		#ctrSidebar {float: left; width: 198px; overflow: hidden; color: white;}
			.sidebarBox {float: left; width: 198px; margin: 0 0 10px 0; overflow: hidden;}
				.newsTop {float: left; width: 198px; background: #96cd00 url('/media/bg_green_top.gif') no-repeat;}
				.newsBot {float: left; width: 178px; padding: 10px; background: url('/media/bg_green_bot.gif') bottom no-repeat; overflow: hidden;}
					.itemNews {float: left; width: 178px; margin: 10px 0 0 0; background: #449000;}
					.itemNews a {float: left; text-decoration: none; background: #449000; padding: 5px;}
					.itemNews a:hover, .itemNews a:active, .itemNews a:focus, .itemNews a.pressed, .itemNews a.pressed:link {float: left; text-decoration: none; background: #4b9e00; padding: 5px;}
				.activityTop {float: left; width: 198px; background: #00b5e7 url('/media/bg_blue_top.gif') no-repeat;}
				.activityBot {float: left; width: 178px; padding: 10px; background: url('/media/bg_blue_bot.gif') bottom no-repeat; overflow: hidden;}
					.itemActivity {float: left; width: 178px; margin: 10px 0 0 0; background: #0065c3;}
					.itemActivity  a {float: left; text-decoration: none; background: #0065c3; padding: 5px;}
					.itemActivity  a:hover, .itemActivity  a:active, .itemActivity  a:focus, .itemActivity  a.pressed, .itemActivity  a.pressed:link {float: left; text-decoration: none; background: #0170d7; padding: 5px;}					
				.loginTop {float: left; width: 198px; background: #ff7070 url('/media/bg_red_top.gif') no-repeat; overflow: hidden;}
				.loginBot {float: left; width: 178px; padding: 10px; background: url('/media/bg_red_bot.gif') bottom no-repeat; overflow: hidden;}
					.loginBot table {float: left; width: 178px; overflow: hidden;}
					.loginBot tr {}
					.loginBot td {width: 50%; overflow: hidden;}
	#ctrFooter {float: left; width: 885px; padding: 10px 25px 10px 0; text-align: right; font-size: 1em;}
#message {color:#FF0000;font-weight: bold}	
			
input.button 	{background:#00b5e7;border:1px solid #96d1d9;color:white;/*cursor:hand;cursor:pointer;*/padding:0 12px 0 12px;font-weight:bold}
input.inputbox	{color:#666666; height:14px;font:11px verdana;}