/* CSS */

/* Main declarations */

body.main {
	background-image:url(../img/bg.gif);
	background-repeat:repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	font-size: 11px;
	line-height:16px;
	color: #333333;
}
body.popup {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin:20px;
	font-size: 11px;
	line-height:16px;
	color: #333333;
	background-color:#CAD1DA;
}
body.gmap {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size: 11px;
	line-height:16px;
	color: #333333;
}
body.basic {
	margin:2px;
	line-height:16px;
}
body.basic table {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
h1 {font-size:14px;color:#333;}
h2 {font-size:12px;color:#333;line-height:16px;}
fieldset 	{border:1px solid #DEDEDE;}
legend 		{font-weight:bold;color:#555555;}
form 			{margin:0px;padding:0px;}
img 			{margin:0px;border:0px;}
hr 				{display:none;}
input, textarea, select {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #333333;
	border:1px solid #CACACA;
	padding: 2px;
}
a:link, a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #cc0000;
	text-decoration: underline;
}
a.none:link, a.none:visited {
	color: #333333;
	text-decoration: none;
}
a.none:hover {
	color: #CC0000;
	text-decoration: none;
}
a.bold:link, a.bold:visited {
	color: #333333;
	font-weight:bold;
	text-decoration: none;
}
a.bold:hover {
	color: #cc0000;
	font-weight:bold;
	text-decoration: none;
}

a.footer:link, a.footer:visited, a.footer:hover {font-weight:normal;text-decoration:none;}
a.small:link, a.small:visited, a.small:hover {font-size:0.9em}
a.white:link, a.white:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Classes, please order by className */

.abs {position:absolute;}
.ac {text-align:center}
.al {text-align:left}
.ar {text-align:right}
.arrow {margin-top:-16px;height:16px;text-align:right;}
.bgNewsletter {
	background:url(../img/bg_downloads.jpg) no-repeat;
	width:230px;height:96px;margin:10px 0px 0px 0px;line-height:18px;
}
/* 230 x 84 box bij nieuwsbrief / homepage */
.block1 {float:left;background:url(../img/bg_box.gif);width:230px;height:84px;}
.block1 .margin {margin:12px 5px 0px 5px;}
.block1 .button {width:90px;float:right;}
/* 230 x 158 box bij laatste nieuws homepage */
.block2 {float:left;background:url(../img/bg_box_news.gif) no-repeat;width:230px;height:158px;font-weight:bold}
.block2 .margin {margin:4px}
.block2 #image {width:230px;height:114px;overflow:hidden}
/* 462 x * box bullets */
.block3 {
	float:left;background:url(../img/box_col2_bg.gif) repeat-x #DEDEDE;
	width:458px;margin-top:20px;
	border-left:2px double #E7E7E7 #FFFFFF;border-right:2px double #FFFFFF #E7E7E7 ;
}
.block3 .margin {margin:15px 20px 15px 20px;}
/* multimedia box voor video en photos */
.block4 {float:left;border:1px solid #D0D0D0;background:url(../img/bg_box_mm.jpg) repeat-x;width:225px;}
.block4 .video {width:220px;margin:4px;} .block4 .text {margin:12px 5px 0px 5px;}
.block4 .photo {float:left;margin:4px;display:inline}
.block4 .titel {float:left;width:175px;} .block4 .qty {float:left;width:42px;text-align:right}
.block4 .margin {margin:0px;}
/*Intro block op profile pagina*/
.block5 {float:left;background:url(../img/bg_profile.jpg) no-repeat bottom;width:462px;}
.block5 .margin {margin:15px;}
.block5 #col_1 {float:left;width:115px;}
.block5 #col_2 {float:left;width:317px;}
/* block met gradient google maps 2 kolommen */
.block6 {float:left;width:460px;background:url(../img/bg_block6.jpg) repeat-x bottom #F5F5F5;border:1px solid #D0D0D0;margin-top:5px;}
.block6 .margin {margin:8px;}
.bullets {float:left;} .bullets .bullet {float:left;}
.bullets #col_1 {float:left;width:20px;}
.bullets #col_2 {float:left;width:185px;}
.button {
	background:#B33030;
	border-top:1px solid #C86A6A;border-right:1px solid #872424;
	border-bottom:1px solid #6E1D1D;border-left:1px solid #BE4D4D;
	color:#ffffff;font-size:10px;
}
.buttonblack {
	background:#000000;
	border-top:1px solid #6D6D6D;border-right:1px solid #272727;
	border-bottom:1px solid #1F1F1F;border-left:1px solid #505050;
	color:#ffffff;font-size:10px;
}
.c {
	margin-left:8px;
}
.center {
	width:980px;
	margin:0 auto;
}
.content {
	width:100%;
	float:left;
	margin-top:10px;
	display:inline;
}
.fl {float:left;}
.flLine {
	float:left;background-color:#D7D7D7;
	width:460px;height:1px;
	margin:0px 0px 10px 5px;
	display:inline;
}
.footer {
	color:#BBBBBB;
	width:960px;
	margin:0 auto 60px;
	overflow:hidden;
}
.footer div {float:left;width:auto}
.footer .line {width:955px;margin:15px 0px 15px 0px;}
.footer .text {width:320px;text-align:right}
.footer a:link, .footer a:visited {color:#BBBBBB;text-decoration:none} .footer a:hover {color:#cc0000;text-decoration:none}
.form 							{float:left;width:460px;}
.form #col_1 				{float:left;width:180px;height:24px;}
.form #col_2 				{float:left;width:280px;height:24px;}

.form_small 				{float:left;width:300px;}
.form_small #col_1 	{float:left;width:140px;height:24px;}
.form_small #col_2 	{float:left;width:160px;height:24px;}

.form_mail 							{float:left;width:460px;}
.form_mail #col_1 				{float:left;width:60px;height:24px;}
.form_mail #col_2 				{float:left;width:400px;height:24px;}

.fourc {float:left;margin-top:14px;}
.fr {float:right;}

.guestbook {margin-top:10px;}
.guestbook .item {float:left;width:460px;}
.guestbook .item #col_1 {float:left;width:60px;margin:2px 0px 2px 0px}
.guestbook .item #col_2 {float:left;width:400px;line-height:16px;}
.guestbook .paging {float:left;width:460px;}

.hc {
	position:relative;
	width:300px;
	height:95px;
}
.hc #logo 	{position:absolute;top:20px;left:0px;}
.hc #banner {float:left;width:auto}
.image {float:left;}
.image #overlay {background:center no-repeat;}
img.border {border:1px solid #3B3333}
.incident {float:left;width:680px;}
.incident #col_1 {float:left;width:450px;}
.incident #col_2 {float:left;width:230px;}
.lc {
	background-image:url(../img/bg_top_left.gif);
	background-repeat:no-repeat;
	float:left;
	width:143px;
	display:inline;
	min-height:400px;
	font-size: 10px;
}
.lc {margin:8px}
.lc #margin {margin:0px 5px 0px 5px}
.leftmenu {height:400px;}
.leftmenu div {margin:0px 0px 8px 0px;height:18px;}
.leftmenu2 div {margin:0px 0px 0px 0px;}
.leftmenu #col_1 {width:15px;float:left;}
.leftmenu #col_2 {width:205px;float:left;}
.leftmenu #col_3 {width:220px;float:left;}
.line {
	height:1px;
	background-color:#E2E2E2;
}
.listing {float:left;}
.listing div {float:left;width:460px;line-height:20px;}
.listing #col_1 {width:200px;}
.listing #col_2 {width:260px;}
.listing #col_3 {width:15px;}
.listing #col_4 {width:445px;}
.m10 {margin:10px;}
.mc {
	background-image:url(../img/bg_top_middle.gif);
	background-repeat:no-repeat;
	width:487px;
	float:left;
}
.mc {margin:0px 8px 0px 9px}
.mc #margin {margin:0px 4px 0px 4px}
.medewerkers {margin-top:10px;}
.medewerkers div {line-height:20px;}
.memos {margin-top:10px;}
.memos div {line-height:20px;}

.menu {float:left;width:960px;height:28px;}
.menu #align {float:right;width:auto;}
.menu div {float:left;width:auto;}
.message {float:left;width:560px;}
.message .header #col_1 {float:left;width:70px;margin:2px 0px 2px 0px}
.message .header #col_2 {float:left;width:490px;line-height:16px;}
.mb10 {float:left;margin-bottom:10px !important;display:inline;}
.ml2 {margin-left:2px;}
.ml10 {float:left;margin-left:10px !important;display:inline;}

.mt5 {margin-top:5px;}
.mt10 {float:left;margin-top:10px !important;display:inline;}
.mt16 {float:left;margin-top:16px !important;display:inline;}
.mt20 {float:left;margin-top:20px !important;display:inline;}
.mttop {margin-top:16px !important;}
.nav {
	float:left;margin-top:2px;background:#ACB5BD;
	color:#E2E2E2;font-size:10px;
	border-top:1px solid #C3CAD0;border-right:1px solid #82898F;
	border-bottom:1px solid #696F74;border-left:1px solid #B8BFC6;
}
.nav #margin {
	float:left;margin:2px;display:inline;
}
.nav #margin div {float:left;width:109px;height:18px;}
.nav a:link, .nav a:visited, .nav a:hover {text-decoration:none}
.noborder {border:0px;}

.oned {float:left;width:235px;}
.oned #margin {margin:0px 0px 0px 5px;}
.oned #content {margin:10px 0px 0px 0px;line-height:20px;}
.oned .line {width:235px !important;margin:0px !important;}

.onec {float:left;width:240px !important;}
.onec #margin {margin:0px 10px 0px 0px;}
.onec #content {margin:10px 0px 0px 0px;line-height:20px;}
.onec .line {width:230px !important;margin:0px !important;}
.paging {width:460px;font-size:10px;}
.paging #margin {float:none;text-align:center}
.popupc {float:left;width:560px;}
.popupc .close {position:absolute;top:5px;right:5px;}

.photoc {float:left;width:420px;}
.photoc .close {position:absolute;top:5px;right:5px;}
.photoc .paging {float:left;width:400px;}
.photoc .paging div {float:left;width:200px;}

.photos {float:left;width:560px}
.photos .photo {float:left;width:155px;}

.photos_user {float:left;width:470px}
.photos_user .photo {float:left;width:155px;}

.quotes {margin:20px;}
.quotes table {width:310px;}
.quotes img#open {margin:0px 10px;}
.quotes img#close {margin:0px 0px 0px 10px;}
.rc {
	background-image:url(../img/bg_top_right.gif);
	background-repeat:no-repeat;
	float:left;
	width:360px;
	font-size:10px;
}
.rc {background-image:url(../img/bg_right.gif);background-repeat:repeat-y;margin:0px 8px 8px 8px;}
.rc #margin {margin:0px 20px 8px 23px;}

.rel {position:relative;}
.senderThumb {border:1px solid #cccccc;}
.sifr {width:100%}
.sitemap {float:left;width:460px;line-height:18px;margin:0px;}
.sitemap #level_0 {list-style-image:url(../img/icon_black.png);margin-left:0px}
.sitemap #level_1 {list-style-image:url(../img/icon_white.png);margin-left:15px}
.sitemap #level_2 {list-style-image:url(../img/icon_white.png);margin-left:30px}
.sitemap a:link, .sitemap a:visited {text-decoration:none}
.sitemap a:hover {text-decoration:underline}
.small {font-size:10px;}
.smoelenboek {float:left;display:inline;}
.smoelenboek .sm_photo {float:left;width:180px; height:170px;}
.sm_usertitle{height:20px; width:170px;}
.spacer {margin:8px;}
.subnav {position:relative;width:960px;}
.subitems {
	width:168px;height:auto;background:#ACB5BD;
	border-top:1px solid #C3CAD0;border-right:1px solid #82898F;
	border-bottom:1px solid #696F74;border-left:1px solid #B8BFC6;
}
.subitems div {float:left;width:auto}
.tb {color:#333333;}
.tbl {color:#1463A3;}
.tg {color:#999999;}
.threec {float:left;width:720px;}
.threec .line {float:left;width:720px;margin:10px 0px 10px 0px;}
.topnav {position:absolute;top:0px;left:0px;height:0px;color:#FFFFFF;}
.topnav .blue {background:url(../img/nav/topnav_bg_blue.gif) repeat-x;height:64px;overflow:hidden}
.topnav .btns {position:absolute;top:0px;right:0px;} .topnav .btns div {float:left;width:auto;margin-left:1px;}
.topnav .red {background:url(../img/nav/topnav_bg_red.gif) repeat-x;height:64px;overflow:hidden}
.topnav .center {width:960px;margin:0 auto;text-align:right;}
.topnav div {line-height:26px;}
.topnav #col {float:right;text-align:left}
.topnav a:link, .topnav a:visited {color:#FFFFFF;text-decoration:none}
.topnav a:hover {color:#FFFFFF;text-decoration:underline}
.tr {color:#cc0000;}
.twoc {float:left;width:470px;}
.twoc #margin {margin:0px 10px 0px 0px !important;}
.twoc #content {margin:10px 0px 0px 0px;line-height:20px;}

.calendarCont{border:1px solid #d7d7d7;border-top:none;}
.today {background-color:#e00025;color:#FFFFFF;font-weight:bold;}
.day   {color:#e5e5e5;}
.selected   {color:#e00025;}
.day a:link,.day a:visited{text-decoration:underline;color:#333333;}
.day a:hover{text-decoration:underline;color:#333333;}
.day.selected a{color:#e00025 !IMPORTANT;}
a.more {background: url("../img/more.gif") no-repeat;height:21px; width:90px; border:none; cursor:pointer;}



/* Parkamangement specific */
#subheader									{ width:960px; height:120px; background:url(../img/parkmanagement/subheader_bg.gif) no-repeat 0 20px; padding:23px 3px 3px; position:relative; clear:both; }
#subheader.subheader-big					{ height:180px; background-image:url(../img/parkmanagement/subheader_big_bg.gif);}
#subheader .logospace, #subheader .logo 	{ position:absolute; top:32px; left:12px; height:100px; width:240px; }
#subheader .logospace 						{ filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; background:#fff; }

#subheader  h1 								{ display:block; text-indent:-9999px; }
#subheader .logo .image						{ position:absolute; top:0; left:0; width:240px; height:100px; overflow:hidden; }



#breadcrumbs 								{ margin:5px 0 10px 3px; overflow:hidden; }
#breadcrumbs ul 						{ list-style:outside; list-style:none; margin:0; padding:0; }
#breadcrumbs ul li 					{ float:left; height:20px; text-transform:uppercase; }
#breadcrumbs ul li a 				{ font-size:10px; color:#ababab; font-weight:bold; line-height:normal; padding-right:14px; margin-right:6px; line-height:20px; 
															text-decoration:none; background:url(../img/parkmanagement/breadcrum_arrow.gif) right center no-repeat; }

#breadcrumbs ul li.active  { font-weight:normal; color:#303030; background:none;font-size:10px;line-height:20px; }

#subsection 								{ padding:30px 0 220px; overflow:hidden; background-position:left bottom; background-repeat:no-repeat; }
#subsection.nosubsectionbottom{ padding:30px 0 60px; }
#subsection #divider				{ background:url(../img/parkmanagement/subsection_bg.gif) repeat-x; position:absolute; width:100%; height:20px; left:0; margin-top:-30px; }
#subsection .twoc						{ width:470px; padding:0 10px; }
#subsection h2							{ margin:7px 0; padding:1px 0; }
#subsection p								{ margin:20px 0; line-height:20px; }
#subsection ul							{ margin:0; padding:0; padding-left:20px; }

#regiomenu ul								{ list-style:outside; list-style:none; margin:0; padding:0; }
#regiomenu ul li						{ margin-bottom:5px; }
#regiomenu ul li a					{ display:block; width:230px; height:30px; }
#regiomenu ul li a:hover		{ background-position: 0 -30px; }
#regiomenu ul li.active a		{ background-position: 0 -60px; }
#regiomenu ul li ul 				{ display:none; }
#regiomenu ul li.active ul 	{ display:block; }
#regiomenu ul li ul li.active a{ background-position:0 -30px; }
#regiomenu ul li ul a:hover	{ background-position: 0 -30px; }
#regiomenu ul li a span			{ display:none; }

input.active		{background:url(../img/parkmanagement/form_active.gif) bottom right;}

.greyblock 									{ width:228px; border:1px solid #d4d4d4; }
.greyblock .greyblock-header{ background:url(../img/parkmanagement/greyblock_header_bg.gif) repeat-x; height:27px; position:relative; padding:9px 0 0 15px;
															border-bottom:1px solid #d4d4d4; }
#subsection .greyblock .greyblock-header h2{ padding:1px 0; margin:0; }
.greyblock .greyblock-body	{ background:url(../img/parkmanagement/greyblock_body_bg.gif) #e2e2e2; height:188px; position:relative; padding:15px; }
.greyblock label 						{ font-size:11px; font-weight:bold; line-height:20px; height:20px; }
.greyblock input 						{ border:1px solid #c6c6c6; width:194px; height:14px; }
.greyblock select						{ width:198px; height:18px; border:1px solid #c6c6c6; font-size:12px; padding:0; }
.greyblock .submit 					{ width:95px; height:20px; margin-top:10px; float:right; padding:0; }

#subsection .downloadlist ul{ list-style:outside; list-style:none; margin:10px 0 25px; padding:0; }
.downloadlist ul li a				{ font-size:11px; font-weight:bold; color:#777; text-decoration:none; padding-left:15px; line-height:30px;
															background:url(../img/parkmanagement/downloadlist_arrow.gif) no-repeat left center; }

.enquete-vraag						{ margin-bottom:20px; overflow:hidden; background-position:450px top; background-repeat:no-repeat; width:470px; }
.enquete-vraag.wrong			{ background-image:url(../img/parkmanagement/form_wrong.png); }
.enquete-vraag.correct			{ background-image:url(../img/parkmanagement/form_correct.png); }
.enquete-vraag .vraag				{ font-weight:bold; font-size:12px; line-height:30px; }
.enquete-vraag label				{ line-height:25px; }
.radio input								{ border:0; }
.radio .radio							{ width:14px !important; }
.checkbox input							{ border:0; }
.select select							{ border:1px solid #d4d4d4; padding:0; width:214px; height:18px; }
.score input								{ border:0; }
.naw input									{ border:1px solid #d4d4d4; width:214px; }
.naw label									{ width:225px; margin-right:10px; float:left; }
.submit											{ clear:both; }
.submit input								{ width:110px; height:20px; padding:0; border:0; }
.enquete-vraag .anders			{ border:1px solid #d4d4d4; width:214px; }
.enquete-vraag.errormessage	{ background:url(../img/parkmanagement/form_message_bg.gif) left bottom no-repeat #f8d6d6; font-size:12px; font-weight:bold; 
															margin:-10px 0 10px 0; width:440px; padding:10px 10px 20px; }
.enquete-vraag.errormessage.inactive	{display:none;}															
.enquete-vraag.errormessage.active	{display:block;}	
.adspace										{ width:230px; height:380px; margin-top:20px; background:none; overflow:hidden }

#subsection #cursusblock		{ list-style:outside; list-style:none; padding:0; margin:0; border-top:1px solid #e2e2e2; width:460px; }
#cursusblock .cursusrow h2	{ margin:0; }
#cursusblock .cursusrow			{ width:445px; height:29px; background:url(../img/parkmanagement/cursusrow_back.gif); padding:11px 0 0 15px; }
#cursusblock .cursusrow:hover{ background:url(../img/parkmanagement/cursusrow_back_hover.gif); }

.back	a											{ font-size:12px; background:url(../img/parkmanagement/back_arrow.gif) no-repeat left center; padding:0 0 0 20px; line-height:40px; }

.adinfo 						{ margin-top:20px; overflow:hidden; clear:both; }
.adinfo .adspace 				{ float:left; margin:0 10px 10px 0; }
#subsection .adinfo p 			{ margin:10px 0; }
#subsection .adcontact .title 	{ margin:10px 0 0; }
.adcontact 						{ clear:both; margin:0; }
#subsection .adcontact .title 	{ font-weight:bold; font-size:12px; line-height:30px; margin:0; }
#subsection .adcontact .subtitle{ margin:0 0 10px; }
.adcontact .enquete-vraag 		{ margin:0 0 5px 0; }
.adcontact .vraag 				{ font-weight:normal; font-size:11px; }
.adcontact textarea 			{ width:448px; height:100px; }
.information textarea 			{ width:448px; height:100px; }
.adcontact .submit 				{ padding:0; border:0; }
.adcontact .wrong, .adcontact .correct { background-position:443px 10px; }


IMG.btn{cursor:pointer;}
label.wrong{background:url(../img/parkmanagement/form_wrong.png) 210px 7px no-repeat;}
label.correct{background:url(../img/parkmanagement/form_correct.png) 210px 7px no-repeat;}

.greyblock-body label.wrong{ display:block; background:url(../img/parkmanagement/form_wrong.png) 187px 7px no-repeat;}
.greyblock-body label.correct{ display:block; background:url(../img/parkmanagement/form_correct.png) 187px 7px no-repeat;}

.pm_bestuurders{float:left;}
.pm_bestuurders div.item{width:150px;float:left;display:inline;margin:0px 10px 0px 0px;}
.clear{clear:both}


.footer .line								{ margin:0 0 15px; }