/* CSS Document 
Colors:

Groen: #7ac142;
Groen 5%: #f7fbf4;
Zwart: #000000;

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, clear {
        margin: 0;
        padding: 0;
        /*border: 0;*/
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
		font-family: Arial, Helvetica, sans-serif;
}

body.color { /*background: #f7fbf4;*/
             background:white url('../images/backgrounds/bg.png') repeat 0 0; }

body   {
        background:white;       
        line-height: 1.4em;
		font-size: 80%; }

form {
        position:relative;
        text-align: center;
        }
*html form { position:static; }

ol, ul {
        list-style: none;
}

blockquote, q {
        quotes: none;
}

blockquote:before, 
blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

:focus {
        outline: 0;
}

ins {
        text-decoration: none;
}

del {
        text-decoration: line-through;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}

SMALL, SUB, SUP { font-size: .83em }
sub {vertical-align: sub}
sup {vertical-align: super;}

blockquote { margin: 1.33em 0; margin-left: 40px; margin-right: 40px }

/* ------------------------------------------------------------------------------------ General Styles */

a img,
a img:link,
a img:visited { border:0; }

strong {font-weight:bold;}
em {font-style:italic;}

ul, 
ol { margin: 0 0 0 25px;}

ul li 
{
    list-style-type:disc;
    }
ol li 
{
    list-style-type:decimal;
    }

a,
a:link,
a:visited {
	text-decoration: none;
	color: white;
	background: #7ac142;
}

a:hover,
a:active,
a:focus {
	color: #7ac142;
	background:white;
}

h1.Bg { 
	float:left;
	display:inline;
	color:#000000;
	font-size:140%;
	background: white url('../images/buttons/MenuBackGround.gif') no-repeat 0 0;
	text-decoration:none;
	font-weight:normal;
	height:40px;
	width:auto;
	padding:12px 12px 12px 12px;
	margin: 0 0 0 -5px;	
	}

	.RightH1 {
		float:left;
		display:inline;
		background: url('../images/buttons/MenuBackGroundRight.gif') no-repeat 0 0;
		height:40px;
		width:15px;
		padding:12px 0 0 0;
		margin: 0 10px 0 0;
		}
	
h2 {font-size:140%; font-weight:bold; color: #7ac142; margin: 5px 0 10px 0;}

h3 {font-size:90%; font-weight:bold; color: #000000; margin: 15px 0 5px 0; }

h4 { font-size:90%; font-weight:normal; margin: 0 0 3px 0; color: #f9981d;}

p, p a {}

.clear {clear:both; height:0px;}

/* ------------------------------------------------------------------------------------ Specific Styles */

.container {
	width:870px;
	background: #fff;
	border: solid 1px black;
	height:auto;
	margin: 20px auto 0 auto;
	text-align:left;
	padding:15px;		
	}

/* ------------------------------------------------------------------------------------ Header Styles */

.headerHome {height:80px;}
.header {height:115px;}

.header ul,
.headerHome ul {margin:0;}

.header ul li,
.headerHome ul li {
	float:left;
	display:inline;
	width:auto;
	font-size:140%;
	margin: 0 0 10px 0;
	list-style-type:none;
	}
	
a .MenuItm,
a:link .MenuItm,
a:visited .MenuItm {
	float:left;
	display:inline;
	background: white url('../images/buttons/MenuBackGround.gif') no-repeat 0 0;
	text-decoration:none;
	height:28px;
	width:auto;
	color:white;
	margin:0;
	padding:12px 12px 12px 12px;
	}
	
	a:hover .MenuItm,
	a:active .MenuItm,
	a:focus .MenuItm,
	a.selectedItm .MenuItm,
	a.selectedItm:link .MenuItm,
	a.selectedItm:visited .MenuItm{ 
		background: white url('../images/buttons/MenuBackGroundHover.gif') no-repeat 0 0; 
		color: #7ac142;
		cursor:hand;
		}

a .right,
a:link .right,
a:visited .right {	
	float:right;
	background: white url('../images/buttons/MenuBackGroundRight.gif') no-repeat 0 0;
	height:28px;
	width:15px;
	padding:12px 0 12px 0;
	margin: 0 10px 0 0;
	}
	
	a:hover .right,
	a:active .right,
	a:focus .right,
	a.selectedItm .right,
	a.selectedItm:link .right,
	a.selectedItm:visited .right  { 
		background: white url('../images/buttons/MenuBackGroundRightHover.gif') no-repeat 0 0;
		color: #7ac142;
		cursor:hand;
		}
		
	*+html a .right { float:none;}
	*+html a:link .right { float:none;}
	*+html a:visited .right { float:none;}
	*html a .right { float:left; display:inline; }
	*html a:link .right { float:left; display:inline; }
	*html a:visited .right { float:left; display:inline; }

/* ------------------------------------------------------------------------------------ SubMenu */
.header ul li ul {margin:0;}

.header ul li ul li { 
	font-size:80%;
	list-style-type:none;
	}

a .SubMenuItm,
a:link .SubMenuItm,
a:visited .SubMenuItm {
	float:left;
	display:inline;
	background: white url('../images/buttons/SubMenuBackGround.gif') no-repeat 0 0;
	text-decoration:none;
	height:24px;
	width:auto;
	color:white;
	padding:6px 0px 6px 10px;
	}
	
	a:hover .SubMenuItm,
	a:active .SubMenuItm,
	a:focus .SubMenuItm,
	a.selectedItm .SubMenuItm,
	a.selectedItm:link .SubMenuItm,
	a.selectedItm:visited .SubMenuItm { 
		background: white url('../images/buttons/SubMenuBackGroundHover.gif') no-repeat 0 0; 
		color: #7ac142;
		cursor:hand;
		}

a .Subright,
a:link .Subright,
a:visited .Subright {	
	float:right;
	background: url('../images/buttons/SubMenuBackGroundRight.gif') no-repeat -5px 0;
	height:24px;
	width:10px;
	padding:6px 0 0 0;
	margin: 0 5px 0 0;
	}
	
	a:hover .Subright,
	a:active .Subright,
	a:focus .Subright,
	a.selectedItm .Subright,
	a.selectedItm:link .Subright,
	a.selectedItm:visited .Subright  { 
		background: url('../images/buttons/SubMenuBackGroundRightHover.gif') no-repeat -5px 0;
		color: #7ac142;
		cursor:hand;
		}
		
	*+html a .Subright,
	*+html a:link .Subright,
	*+html a:visited .Subright { float:none; }
	*html a .Subright,
	*html a:link .Subright,
	*html a:visited .Subright { float:left; display:inline; }

/* ------------------------------------------------------------------------------------ End Submenu */

/* ------------------------------------------------------------------------------------ Content Styles */

.LeftColumn {
	float:left;
	display:inline;
	width:505px;
	padding: 0 0 0 5px;
	}
	.LeftColumn.home { padding: 0; }
	
	.homeSummary {
	    background: #7ac142;
	    color:White;
	    font-weight:bold;
	    padding: 15px 15px 25px 15px;
	    }
	
	.Map { 
		height:185px;
		width:505px;
		margin:17px 0;
		}
		
		.Poll {
			width:325px; 
			height:185px;
			margin: 5px 0 0 0; 
			position:absolute; 
			z-index:99;
			}
			
		.PollOptions {
			height:140px;
			overflow:hidden;
			}
			
		.PollResults {
			height:180px;
			overflow:hidden;
			}
		
		.PollOptions label.pollLabel,
		.PollResults label.pollLabel { 
			display:block;
			font-weight:bold; 
			padding: 18px 0 4px 18px;
			}
			
		.PollResults .PollDetails {padding: 15px 0 0 15px;}
		
		.PollResults label.pollLabel {padding: 0 0 0 15px;}
		
		.Question {padding: 0 0 0 15px;}
		
		.Vote {
			float:right;
			display:inline;
			padding: 0 2px 0 0;
			}

	h1.home,
	h1.Forum {
		font-size: 100%;
		text-transform:uppercase;
		}
	
	h1.home {float:left; display:inline;}
	
	a.RssLogo,
	a.RssLogo:link,
	a.RssLogo:visited {
		background: transparent url('../images/icons/RSSLogo.gif') no-repeat 0 1px; 
		padding: 0 0 0 18px;
		font-size:95%;
		float:right;
		display:inline;
		color: #7ac142;
		}
	
	.NewsHome {width:505px;}
	
	dl.News {
		width:235px;
		padding: 0 15px 0 0;
		float:left;
		display:inline;
		font-size:90%;
		}
		
	dl.News dt {
		color: #7ac142;
		font-weight:bold;
		}
	
	
/* ------------------------------------------------------------------------------------ Nieuws categorie */
	dl.NewsOverview,
	dl.ArticleOverview { 
		float:left;
		display:inline;
		margin: 0 0 15px 0;
		}
		 
		.date {
			clear:both;
			font-size: 80%;
			color: #7ac142;
			background: url('../images/icons/block.gif') no-repeat 0 4px;
			padding: 0 0 0 15px;
		}
		dd.image {
		        float:left;
		        display:inline;
		        margin: 5px 5px 0 0;
		        }
		dd.summary {margin: 5px 0 0 0;}
		
		a.title,
		a.title:link,
		a.title:visited {
			color: #7ac142;
			text-decoration:none;
			font-weight:bold;
			background: url('../images/icons/arrow.gif') no-repeat 0 3px ;
			padding: 0 0 0 20px;
		}
		
		a.title:hover,
		a.title:active,
		a.title:focus {
			color: white;
			background: #7ac142 url('../images/icons/arrowHover.gif') no-repeat 0 3px;
		}
		
/* ------------------------------------------------------------------------------------ End Nieuws categorie */
	
/* ------------------------------------------------------------------------------------ Article categorie */
	
		a.BackToOverview,
		a.BackToOverview:link,
		a.BackToOverview:visited {
			float:right;
			display:inline;
			color: #7ac142;
			text-decoration:none;
			background: url('../images/icons/arrowBack.gif') no-repeat 0 4px ;
			padding: 0 0 20px 20px;
		}
		
		a.BackToOverview:hover,
		a.BackToOverview:active,
		a.BackToOverview:focus {
			text-decoration:underline;
		}
	
	ul.Attachment { margin: 0 0 10px 0;}
	ul.Attachment li { 
		background: url('../images/icons/pdf.gif') no-repeat 0 0; 
		padding: 0 0 0 20px;
		list-style-type:none;
		}
	
	
/* ------------------------------------------------------------------------------------ End Article categorie */
	
	
/* ------------------------------------------------------------------------------------ Forum categorie */

	dl.Forum {
		width:505px;
		font-size:90%;
		}
		
		.PollDetails { font-style:italic; font-size:85%; margin: 5px 0; }
		.ForumSubjects { margin: 15px 0 25px 0; }
		.ForumComments { padding: 10px 0 0 0; }
		
		.ForumSubjects dl.Forum,
		.ForumComments dl.Forum,
		.NewsHome,
		dl.Forum  {
			background: white url('../images/backgrounds/ShadowTop.gif') repeat-x 0 0;
			padding: 10px 0 0 0;
			height: auto;
			}
		
		h1.Forum,
		h1.PollQuestion {
			float:left; 
			display:inline;
			width:250px;
			}
		h1.PollQuestion {width:410px;}
		
		.ForumComments h3 {color: #7ac142;}
		
		.User,
		.Clock,
		.AmountIcon,
		.EditIcon,
		.StatsIcon,
		.DeleteIcon { 
			width:15px;
			height:15px;
			float:left; 
			display:inline;
			}
			
		.User {	background: url('../images/icons/User.gif') no-repeat 0 0; }
		    .ForumUser {background: url('../images/icons/User.gif') no-repeat 0 0; padding: 0 0 0 20px; }
		.Clock { background: url('../images/icons/Clock.gif') no-repeat 0 0; }
		.EditIcon { background: url('../images/icons/EditIcon.gif') no-repeat 20px 0; padding: 0 0 0 20px; }
		.StatsIcon { background: url('../images/icons/StatsIcon.gif') no-repeat 0 0; }
		.DeleteIcon { background: url('../images/icons/DeleteIcon.gif') no-repeat 0 0; }
		.AmountIcon {background: url('../images/icons/Amount.gif') no-repeat 0 0;  }
		
			.User {width:180px;}
			.ForumSubjects .User {width:110px;}
			.ForumComments .User {width:35px;}
			.ForumSubjects .AmountIcon {width:80px;}

			.ForumSubjects .EditIcon {width:85px;}
			.ForumSubjects .StatsIcon {width:85px;}
			.ForumSubjects .Votes {width:100px;}
			.ForumSubjects .DeleteIcon {width:85px;}
		
		dl.Forum dt, 
		dl.Forum dd { float:left; display:inline; }
		
		dl.Forum dt {
			background: url('../images/icons/arrow.gif') no-repeat 0 6px ;
			padding: 2px 0 2px 20px;
			width: 230px;
			}
		
			
		dl.Forum dd { padding: 2px 5px 2px 0; width:150px; overflow:hidden; }
		
		dl.Forum dd.Comment { width:505px; }
		
		dl.Forum dd.time,
		dl.Forum  dd.timeNewletter { width: 90px; }
		dl.Forum dd.time {padding: 2px 10px 2px 0;}
		
			.ForumSubjects dl.Forum dt { width: 230px; }
			.ForumSubjects dl.Forum dt.PollAnswer {width:375px;}
			.ForumSubjects dd.Amount {width: 35px;}
			.ForumSubjects dd.UserName {width: 110px;}
			.ForumSubjects dd.time {width: 95px;}
			.ForumSubjects dd.editNewsletter {width: 65px; padding: 2px 5px;}
			.ForumSubjects dd.deleteNewsletter,
			.ForumSubjects dd.statsNewsletter {width: 75px; padding: 2px 5px;}
			.ForumSubjects dd.timeNewletter {color: #7ac142; }

		
		fieldset.stTopicQuote { 
			border: solid 1px #ccc; 
			background: #f7fbf4; 
			padding: 5px; 
			margin: 0 0 5px 0; 
			font-style:italic;
			}
			
		fieldset.stTopicQuote legend { font-style:italic; }
		
		.ForumSubjects a,
		.ForumSubjects a:link,
		.ForumSubjects a:visited,
		.Forum a,
		.Forum a:link,
		.Forum a:visited {
			background: #7ac142;
			text-decoration:none;
			width:auto;
			color: #7ac142;
			}
			
			.ForumSubjects a:hover dt,
			.ForumSubjects a:hover dd,
			.ForumSubjects a:active,
			.ForumSubjects a:focus,
			.Forum a:hover dt,
			.Forum a:hover dd,
			.Forum a:active,
			.Forum a:focus {
				color: white;
				background: #7ac142;
				cursor:hand;
				}
			.ForumSubjects a:hover dt,
			.Forum a:hover dt { background: #7ac142 url('../images/icons/arrowHover.gif') no-repeat 0 6px ; }
		
		.Shadow {
			width:505px;
			display:block;
			margin: 10px 0 5px 0;
			background: url('../images/backgrounds/ShadowBottom.gif') repeat-x 0 0;
			height:5px;
			}
			
/* ------------------------------------------------------------------------------------ End Forum categorie */

/* ------------------------------------------------------------------------------------ Paginering */
		
		.Paging a,
		.Paging a:link,
		.Paging a:visited {
			background: #000000;
			text-decoration:none;
			display:block;
			float:left;
			text-align:center;
			font-weight:bold;
			margin: 5px 5px 15px 5px;
			padding: 5px 0;
			width:25px;
			height:15px;
			color: white;
			}
			
			.Paging a:hover,
			.Paging a:active,
			.Paging a:focus,
			.Paging a.selectedItm {
				color: white;
				background: #7ac142;
				cursor:hand;
				}
	
/* ------------------------------------------------------------------------------------ End Paginering */
	
/* ------------------------------------------------------------------------------------ FAQ categorie */
	
	.faqAnswers { margin: 15px 0;}
	dl.faqList dd { padding: 10px 0 10px 20px; }
	
	ul.faqList {margin:0;}
	ul.faqList li {list-style-type:none;}
	
/* ------------------------------------------------------------------------------------ End FAQ categorie */
	
/* ------------------------------------------------------------------------------------ Contact categorie */
	
	.ContactRight { 
		width:320px;
		padding: 15px;
		color: white;
		background: #7ac142;
		margin: 0 0 15px 0;
	}
	.ContactRight img {
		float:right;
		display:inline;
		margin: 15px 0 0 0;
		}
	
/* ------------------------------------------------------------------------------------ End Contact categorie */
	
	.RightColumn { 
		float:right;
		display:inline;
		}
	
	.PhotoHome,
	.Banner {
		margin: 0 0 15px 0;
		}
	
	.Banner { 
		background: #7ac142;
		width:350px;
		height:75px;
		 }
		
/* ------------------------------------------------------------------------------------ Footer Styles */
	
.footer { 
	width:840px;
	height: 35px;
	background: #000000;
	padding:15px;
	}
	
	.footer .CorporateTitle {
	text-transform:uppercase;
	color: #7ac142;
	font-size: 100%;
	margin: 0 0 5px 0;
	}
	
	.CorporateAlliantie,
	.CorporateDudok,
	.CorporateGemeente {
		border-right: 1px solid white;
		float:left;
		display:inline;
		padding: 0 15px;
		}
	
	.CorporateAlliantie { padding: 0 15px 0 0; }
	.CorporateDudok { border:none; }
	
	.Login {
		float:right;
		display:inline;
		text-transform:uppercase;
		font-size: 70%;
		color:white;
		margin: 25px 0 -10px 0;
		}
		
		.Login a,
		.Login a:link,
		.Login a:visited {
			text-decoration:none;
			color: white;
			background: none;
		}
		
		.Login a:hover,
		.Login a:active,
		.Login a:focus {
			background:white;
			color: #000000;
		}

/* ------------------------------------------------------------------------------------ End Footer Styles */