@charset "utf-8";
/* CSS Document */

/*------------------------------- CSS reset ---------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {
	margin: 0;
	padding: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal; 
}
q:before,q:after {
	content:'';
}
abbr,acronym,iframe {
	border: 0;
}
a, object {
	outline: none;
}
.clear {
	clear: both;
}


/*------------------------------- Body ---------------------------------*/

body {
	font-family: Tahoma, Geneva, sans-serif;
	background: url(../images/bg.gif) repeat-x #FFF;
}

html, body, #container { height: 100%;}

body > #container { height: auto; min-height: 100%;}


/*------------------------------- Headings ---------------------------------*/

h1 { color: #443F45; font-size: 26px;}
h2 { color: #443F45; font-size: 26px;}
h3 { color: #443F45; font-size: 13px;}
h4 { color: #443F45; font-size: 13px;}
h5 { color: #443F45; font-size: 13px;}
h6 { color: #443F45; font-size: 9px;}


/*------------------------------- Container ---------------------------------*/

#container {
	margin: 0 auto;
	width: 998px;
	background: url(../images/containerBg.png) repeat-y right;
}


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

#header {
	width: 975px;
	height: 122px;
	margin: 0 11px 0 12px;
	background: url(../images/bg.gif) repeat-x;
}

/* logo */
#logo {
	float: left;
	width: 500px;
	height: 107px;
	margin: 15px 0 0 -36px;
	text-indent: -9999px;
}
	#logo a { display: block; height: 100%;}

/* language */
#language {
	float: right;
	margin: 100px 0 0 0;
	color: #808080;
	font-size: 11px;	
}
	#language a { color: #808080; text-decoration: none;}
	#language a:hover { color: #A8B99C;}


/*------------------------------- Menu ---------------------------------*/

#menu {
	width: 955px;
	height: 27px;
	margin: 0 11px 0 12px;
	padding: 0 0 0 20px;
	background: #7F9271;
	font-family: Arial, Helvetica, sans-serif;
}
#menu li {
	float: left;
	display: block;
	height: 27px;
	font-size: 10px;
	line-height: 27px;	
}
#menu li a {
	display: block;
	padding: 0 10px;
	color: #FFF;
	text-decoration: none;	
}
#menu li a:hover, #menu li.active a {
	color: #7F9271;
	background: #FFF;	
}



/*------------------------------- Banner ---------------------------------*/

#banner {
	width: 975px;
	height: 316px;
	padding: 0 11px 0 12px;
	background: url(../images/bannerBg.png) no-repeat;	
}

/* content */
#banner .content {
	float: left;
	width: 285px;
	height: 300px;
	padding: 16px 15px 0 25px;
	color: #FFF;
	font-size: 11px;
	line-height: 20px;
	overflow: hidden;
	
}
	#banner .content a { color: #FFF; text-decoration: none;}
	#banner .content a:hover { color: #FFF; text-decoration: underline;}
#banner .content h1 { margin: 0 0 10px 0; color: #FFF; font-size: 26px;}

/* banner */
#banner .fadein {
	float: left;
	position: relative;
	width: 650px;
	height: 316px; 
}
#banner .fadein img { position: absolute; top: 0; left: 0;}


/*------------------------------- Wrapper ---------------------------------*/

#wrapper {
	width: 987px;
	padding: 0 11px 165px 0;
}


/*------------------------------- Main ---------------------------------*/

.main {
	float: left;
	width: 661px;
	margin: 0 0 50px 0;
	padding: 25px 0 0 0;
	*padding: 25px 0 50px 0;
	background: url(../images/mainBg.gif) no-repeat top;
	color: #666;
	font-size: 11px;
}
	.main a { color: #7F9271; text-decoration: none;}
	.main a:hover { color: #666;}
	
.main p { line-height: 18px;}
.main td { line-height:18px;}
.main hr { height: 1px; border: 0; border-top: 1px dotted #A8B99C; margin: 15px 0;}
	
/* button */
.button {
	width: 220px;
	height: 30px;
	margin: 15px 0;
	padding: 0 10px;
	background: url(../images/arrow.gif) no-repeat 215px #A8B99C;	
	color: #FFF;
	line-height: 30px;
}
	.button a { color: #FFF !important; text-decoration: none;}
	.button a:hover { color: #666;}

/* column */	
.main .column {
	float: left;
	width: 270px;
	margin: 0 0 0 37px;
	padding: 0 30px 0 0;
	border-right: 1px dotted #DEDEDE;
}	
.main .column.last {
	width: 280px;
	margin: 0 0 0 20px;
	padding: 0 23px 0 0;
	border: none;
}	
.main .column.last h2 { margin: 0 0 10px 0;}
.main .column.last h3 { color: #7F9271; font-size: 12px; font-weight: bold;}
.main .column.last p { margin: 5px 0 11px 0;}


/*------------------------------- Main nobg ---------------------------------*/

.main.nobg { background: none;}

/* aside */
#aside {
	float: left;
	width: 156px;
	margin: 0 0 0 12px;
}
	#aside a { color: #666; text-decoration: none; font-weight: normal;}
	#aside a:hover, #aside li.active a{ color: #7F9271;}
	

	
#aside h2 { font-size: 20px; margin: 0 0 10px 0;}
#aside ul li { padding: 5px 0;}

/* line 
.line {
	float: left;
	width: 1px;
	margin: 30px 0 0 0;
	border-left: 1px dotted #DEDEDE;
}*/

/* content */
#content {
	float: left;
	width: 452px;
	padding: 0 20px;
	border-left: 1px dotted #DEDEDE;
	min-height: 300px;
}
	#content a { color: #7F9271; text-decoration: none; font-weight: bold;}
	#content a:hover { color: #666;}
	#content ul { list-style:square;color:#7F9271;margin:0 0 0 15px;line-height:20px;}

#content h1 { margin: -15px 0 0 0; *margin: 0; font-size: 34px;}


/*------------------------------- Sidebar ---------------------------------*/

#sidebar {
	float: left;
	width: 300px;
	padding: 15px 11px 0 15px;
	color: #666;
	font-size: 11px;
}
	#sidebar a { color: #7F9271; text-decoration: none;}
	#sidebar a:hover { color: #666;}

#sidebar h2 { margin: 10px 0;}
	
/* nieuws */
#sidebar .nieuws { margin: 0 0 0 11px;}

/* recent */
#sidebar .recent { margin: 0 0 0 11px; border-top: 1px dotted #A8B99C;}
#sidebar .recent h2 { margin: 15px 0;}

/* item */
#sidebar .item { margin: 0 0 20px 0;}
#sidebar .item small { color: #B2B2B2; font-size: 10px;}
#sidebar .item h3 { color: #7F9271; font-size: 12px; font-weight: bold;}
#sidebar .item p { margin: 5px 0 11px 0; line-height: 18px;}
#sidebar .more { text-align: right; margin: 5px 0 11px 0; padding: 0 15px 0 0; font-weight: bold; background: url(../images/arrowGreen.gif) no-repeat right;}


/*------------------------------- Footer ---------------------------------*/

#footer {
	position: relative;
	clear: both;
	width: 100%;
	height: 165px;
	margin: -165px 0 0 0;
	padding: 0 0 10px 0;
	background: #A8B99C;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 25px;
	overflow: hidden;
}
	#footer a { color: #FFF; text-decoration: none;}
	#footer a:hover { color: #FFF; text-decoration: underline;}

/* wrapper */
#footer .wrapper {
	width: 975px;
	height: 130px;
	margin: 25px auto 10px auto;
	line-height: normal;
}

/* wrapper left */
#footer .wrapper .left { float: left; width: 649px; height: 130px;}
#footer .wrapper .left ul { float: left; height: 130px; margin: 0 25px 0 0; padding: 0 39px 0 0; border-right: 1px dotted #F4F4F4;}
#footer .wrapper .left ul li { padding: 0 0 6px 0;}
#footer .wrapper .left ul.last { border: none;}

/* wrapper right */
#footer .wrapper .right { float: left; width: 326px; height: 130px;}
#footer .wrapper .right ul { float: left; height: 130px; padding: 0 0 0 25px;}
#footer .wrapper .right ul li { padding: 0 0 6px 0;}
#footer .wrapper .right ul.first { border-left: 1px dotted #F4F4F4;}
#footer .wrapper .right ul.last { float: right; text-align: right;}


/*------------------------------- Clearfix ---------------------------------*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*------------------------------- Form elements ---------------------------------*/

input[type=text] {
	width: 300px;
	height: 15px;	
	padding: 2px;
	margin: 0px;
	border: 1px solid #DFDFDF;
	color: #7D7D7D;
	font-size: 11px;	
	font-family: Arial, Helvetica, sans-serif;
}

.textarea {
	width: 300px;
	height:100px;	
	padding: 2px;
	margin: 2px;
	border: 1px solid #DFDFDF;
	color: #7D7D7D;
	font-size: 11px;	
	font-family: Arial, Helvetica, sans-serif;
}


.submit_button  {
	background-color: #7F9271;
	color: #FFF;
	border : none;
	font-size: 10px;
	width :auto;
	height: 21px;
	text-align:left;
	padding: 2px 15px 2px 5px;
	margin: 0 0 0 5px;
	
	background: url(../images/arrow.gif) no-repeat 50% #A8B99C;

	cursor: pointer;
	font-family : Arial, Helvetica, sans-serif;
}
 .submit_button:hover  {background: no-repeat 50% #7F9271;	}



	
	
.paging{
	
	min-width:14px;
	height:14px;
	color: #ffffff;
	background-color:#7F9271;
	float:left;
	text-align:center;
	padding:4px;
	cursor:pointer;
	margin:2px;
	
	
}
.paging:hover {
		background-color:#A8B99C;
}