/* body { behavior:url("css/csshover.htc"); } */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color: #000000;	
}

body {
	border-top:1px solid #535353;
	padding:0;
	background-color:#f3f5f6;
}

body, html {
	text-align: center;
}

b {
	font-weight: bold;
}

a:link {
	color: #154273;
	text-decoration: underline;
}

a:visited {
	color: #696969;
	text-decoration: underline;
}

a:hover {
	color: #0162cd;
	text-decoration: underline;
}

a:active{
	color: #0162cd;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,p {
	margin:0px;
	padding:0px 0px 1em 0px;
}

h1 {
	margin:0;
	color: #000;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height:26px;
	padding:0px 0px 0.5em 0px;
}

h2{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height:20px;
}

.kolom_1 h2 {
	background: url(../img/bg_h2.gif) no-repeat bottom #e4efdf;
	width: 100%;
	height:40px;
	margin: 0;
	text-indent: 10px;
	padding: 0 0 15px 0;
	line-height:40px;
}

.kolom_1 .empty {
	background: none;
}

#heading2 {
	background: #e4efdf;
	width: 100%;
	height:25px;
	float: left;
	margin: 0;
	text-indent: 10px;
	padding: 0 0 15px 0;
	line-height:40px;
	text-decoration: none;
	color: #000;
	margin-bottom:10px;
}

#heading2 h2 {
	margin: 0;
	text-indent: 10px;
	float: left;
	padding: 0 0 15px 0;
	line-height:40px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}

#heading2 a, #heading2 a:visited {
	float: right;
	margin: 12px 10px 0 0;
}

.kolom_1 h2 a, .kolom_1 h2 a:visited {
	text-decoration: none;
	color: #000;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}

h3{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:15px;
}

img {
	border:none;
}

.left{ float:left; }
.right{ float:right; }
.hidden{ display:none; }

img.left{ margin:5px 10px 10px 0px; }
img.right{ margin:5px 0px 10px 10px; }

*{ outline:none; }

form{
	margin:0px;
	padding:0px;
}

.error{
	border:1px solid #e5322c;
	color:#e5322c;
	font-weight:bold;
	margin-bottom:15px;
	padding:5px;
}

.alert{
	border:1px solid #F9DD34;
	color:#000000;
	font-weight:bold;
	margin-bottom:15px;
	padding:5px;
	background-color:#FCF7DC
}
.clear{ clear:both; }

.clearfix:after{
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
*+html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/*--------------------- */
/* WRAPPERS				*/
/*--------------------- */

#wrapper{
	width:956px; /* 824px */
	margin:0px auto;
	padding:0 0 20px 0;
	margin:0 auto;
	text-align: left;
}

#header{
	background:url(../img/top.gif) no-repeat;
	height:86px;
	width:956px;
	text-align: center;
	padding-top: 9px;
}

#content{
	background:url(../img/kolom_bg.gif) repeat-y;
	padding:0px 0px 0px 8px;
	line-height:17px;
	position:relative;
}

#bottom {
	background:url(../img/bottom.png) no-repeat #fff;
	height:107px;
	width:956px;
}

#nav{
	width:940px;
	height:50px;
	background:#39870c;
	border-bottom:#c3dbb6 solid 10px;
}

#contact_menu{
	width:956px;
	margin:0px auto;
	height:15px;
	text-align:right;
	bottom:0px;
}

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

#content ul{
	margin-top:0px;
}


/*--------------------- */
/* Kolommen				*/
/*--------------------- */

.kolom_1{
	float:left;
	width:232px;
	display:inline;
}

.kolom_2{
	float:left;
	width:403px;
	margin: 0 40px;
	display:inline;
}

.kolom_3{
	float:left;
	width:225px;
	display:inline;
}

.kolom_3 img {
	margin: 40px 0 0 65px;
}

.kolom_2_full {
	float:left;
	width:628px;
	margin: 0 40px;
	display:inline;
}

/*--------------------- */
/* NAV					*/
/*--------------------- */

#nav ul{
	list-style:none;
	margin:0px;
	float: left;
	padding:28px 0px 0px 20px;
}

#nav li{
	float:left;
	display:block;
}

#nav li a{
	display:block;
	padding:3px 10px 5px 10px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#nav li a:hover, #nav li a.active{
	background:#c3dbb6;
	color:#000;
}
/*--------------------- */
/* Zoek_formulier			*/
/*--------------------- */

#searchBox {
	float: right;
	margin: 15px 20px 0 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

#searchBox input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

#searchBox div {
	float: left;
}

#searchBox input#term {
	border: 1px solid #000;
	margin: 0px;
	padding: 0 0 0 3px;
	width: 150px;
	height: 19px;
	line-height: 19px;
}

#searchBox div.submit input {
	border: 1px solid #000;
	background-color: #c3dbb6;
	margin: 0px;
	height: 19px;
	line-height: 13px;
}

/*--------------------- */
/* Contact_menu			*/
/*--------------------- */

#contact_menu ul{
	padding:0px 20px 0px 0px;
	margin:0px;
	list-style:none;
}

#contact_menu li{
	float:right;	
	padding:0px 0px 0px 15px;
}

#contact_menu a{
	color:#535353;
	text-decoration:none;
}

#contact_menu a:hover{
	color:#535353;
	text-decoration:underline;
}

/*--------------------- */
/* Bread_crumbs					*/
/*--------------------- */

#breadCrumbs {
	height: 43px;
	line-height:43px;
}

#breadCrumbs ul {
	margin: 0;
	padding: 0 0 0 15px;
}

#breadCrumbs ul li {
	display: inline;
	list-style-type: none;
}

/*--------------------- */
/* Manen								*/
/*--------------------- */

.items {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align:center;
}

.items li {
	list-style-type: none;
	display:inline;
}

.items li a, .items li a:visited {
	display: inline-block;
	width: 85px;
	*width: 165px;
	height: 38px;
	*height: 63px;
	margin: 22px 12px;
	padding: 27px 40px 0 40px;
	font-size: 10px;
	line-height:11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #fff;
	font-weight: bold;
}

.maan1 { background: url(../img/maan01.jpg); }
.maan2 { background: url(../img/maan02.jpg); }
.maan3 { background: url(../img/maan03.jpg); }
.maan4 { background: url(../img/maan04.jpg); }
.maan5 { background: url(../img/maan05.jpg); }
.maan6 { background: url(../img/maan06.jpg); }
.maan7 { background: url(../img/maan07.jpg); }
.maan8 { background: url(../img/maan08.jpg); }
.maan9 { background: url(../img/maan09.jpg); }
.maan10 { background: url(../img/maan10.jpg); }
.maan11 { background: url(../img/maan11.jpg); }
.maan12 { background: url(../img/maan01.jpg); }

/*--------------------- */
/* Categorien						*/
/*--------------------- */

#catContainer {
	width: 940px;
	float: left;
}

#catContainer ul {
	margin: 0px;
	padding: 0px;
}

#catContainer p {
	margin: 0 20px;
}

/* Categorie */

.cat {
	width: 252px;
	float: left;
}

.cat ul li, .subCat ul li, .links ul li {
	list-style-type: none;
}

.cat a, .cat a:visited {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 3px 0;
	text-indent: 40px;
	width: 100%;
}

.cat a span, .cat a:visited span, .subCat a span, .subCat a:visited span {
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
}

.cat ul.selected li {
	opacity: 0.4;
}

.cat ul.selected li.active {
	opacity: 1;
}

/* Sub Categorie */

.subCat {
	width: 235px;
	float: left;
}

.subCat a, .subCat a:visited {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 3px 0;
	text-indent: 40px;
	margin-left: 6px;
	width: 229px;
}

.subCat.admin a, .subCat.admin a:visited {
	width: auto;
}

.subCat ul li a span, .subCat ul li a:visited span {
	color: #889780;
}

.subCat ul li a, .subCat ul li a:visited {
	text-indent: 25px;
}

.subCat li.pop1 a, .subCat li.pop1 a:visited { background: url(../img/bg_list.png) no-repeat 0px 0px; }
.subCat li.pop2 a, .subCat li.pop1 a:visited { background: url(../img/bg_list.png) no-repeat 0px -23px; }
.subCat li.pop3 a, .subCat li.pop1 a:visited { background: url(../img/bg_list.png) no-repeat 0px -46px; }
.subCat li.pop4 a, .subCat li.pop1 a:visited { background: url(../img/bg_list.png) no-repeat 0px -69px; }

.subCat li.pop1.active a, .subCat li.pop1.active a:visited, .subCat li.pop1 a:hover { background: url(../img/bg_list_active.png) no-repeat 0px 0px; }
.subCat li.pop2.active a, .subCat li.pop1.active a:visited, .subCat li.pop2 a:hover { background: url(../img/bg_list_active.png) no-repeat 0px -23px; }
.subCat li.pop3.active a, .subCat li.pop1.active a:visited, .subCat li.pop3 a:hover { background: url(../img/bg_list_active.png) no-repeat 0px -46px; }
.subCat li.pop4.active a, .subCat li.pop1.active a:visited, .subCat li.pop4 a:hover { background: url(../img/bg_list_active.png) no-repeat 0px -69px; }

.subCat.admin li.pop4.active a, .subCat.admin li.pop1.active a:visited, .subCat.admin li.pop4 a:hover { background: none }
.subCat.admin li.pop4.active { background: url(../img/bg_list_active.png) no-repeat 0px -69px; height: 25px; margin-left: 6px;}


/* Links */

.links a, .links a:visited {
}

.links {
	width: 453px;
	float: left;
}

.links ul li {
	padding: 3px 0;
	text-indent: 40px;
	width: 433px;
	margin: 0 10px;
	border-bottom: 1px solid #d9d9d9;
	padding: 2px 0 3px;
	text-indent: 10px;
	color: #636363;
}

.links ul li a, .link ul li a:visited {
	text-decoration: none;
	color: #636363;
}

.links ul li span.like {
	position: absolute;
	color: #b8c1b3;
	margin-right: 25px;
	right: 0px;
}

.links ul li ul {
	position: relative;
	color: #636363;
	height: 130px;
}

.links ul li ul li {
	width: 433px;
	border-bottom: none;
	margin-left: 0px;
}

.links ul li ul li.activeTitle {
	color: #464646;
	width: 280px;
	float: left;
	margin-top: 3px;
}

.links ul li ul li.activeNuttig {
	float: right;
	width: auto;
	margin-top: 3px;
}

.links ul li ul li.activeNuttig span {
	opacity: .4;
	color: #000;
	font-size: 10px;
}

.links ul li ul li.activeImage {
	float: left;
	width: 110px;
	height: 77px;
	clear: left;
}

.links ul li ul li.activeImage img {
	width: 110px;
	height: 77px;
	-webkit-box-shadow: #999 1px 1px 1px;
	-moz-box-shadow: #999 1px 1px 1px;
	box-shadow: #999 1px 1px 1px;
}

.links ul li ul li.activeDescription {
	float: right;
	text-indent: 0px;
	width: 290px;
	height: 70px;
	overflow: hidden;
}

.links ul li ul li.activeLink {
	float: left;
	width: 240px;
	clear: left;
	margin-bottom: -2px;
}

.links ul li ul li.activeSocial {
	float: right;
	width: auto;
}

.links ul li ul li.activeSocial span {
	opacity: .4;
	color: #000;
	font-size: 10px;
}

.links ul li ul li.clearList {
	clear: both;
}

/* 1 huisvesting */

#catContainer.cat1 { background: url(../img/bg_catContainer_huisvesting.png) repeat-y; }
#catContainer.cat1 .links ul li ul {background-color: #d8f2de}
.cat ul li.cat1 a:hover,
.cat ul.selected li.cat1.active a,
.cat ul.selected li.cat1.active a:visited,
#bottom.cat1  {
	background-color: #9edfad;
}

/* 2 mobiliteit */

#catContainer.cat2 { background: url(../img/bg_catContainer_mobiliteit.png) repeat-y; }
#catContainer.cat2 .links ul li ul {background-color: #d9f3f2}
.cat ul li.cat2 a:hover,
.cat ul.selected li.cat2.active a,
.cat ul.selected li.cat2.active a:visited,
#bottom.cat2  {
	background-color: #9fe2df;
}

/* 3 energie */

#catContainer.cat3 { background: url(../img/bg_catContainer_energie.png) repeat-y; }
#catContainer.cat3 .links ul li ul {background-color: #d9edf3}
.cat ul li.cat3 a:hover,
.cat ul.selected li.cat3.active a,
.cat ul.selected li.cat3.active a:visited,
#bottom.cat3 {
	background-color: #9fd2e2;
}

/* 4 inkopen */

#catContainer.cat4 { background: url(../img/bg_catContainer_inkopen.png) repeat-y; }
#catContainer.cat4 .links ul li ul {background-color: #f3efd9}
.cat ul li.cat4 a:hover,
.cat ul.selected li.cat4.active a,
.cat ul.selected li.cat4.active a:visited,
#bottom.cat4  {
	background-color: #e2d69f;
}

/* 5 gedrag */

#catContainer.cat5 { background: url(../img/bg_catContainer_gedrag.png) repeat-y; }
#catContainer.cat5 .links ul li ul {background-color: #fdebdb}
.cat ul li.cat5 a:hover,
.cat ul.selected li.cat5.active a,
.cat ul.selected li.cat5.active a:visited,
#bottom.cat5  {
	background-color: #f9cda6;
}


/* 6 ict */

#catContainer.cat6 { background: url(../img/bg_catContainer_ict.png) repeat-y; }
#catContainer.cat6 .links ul li ul {background-color: #ffe6ed}
.cat ul li.cat6 a:hover,
.cat ul.selected li.cat6.active a,
.cat ul.selected li.cat6.active a:visited,
#bottom.cat6  {
	background-color: #fec0d1;
}

/* 7 besparen */

#catContainer.cat7 { background: url(../img/bg_catContainer_besparen.png) repeat-y; }
#catContainer.cat7 .links ul li ul {background-color: #e7eaff}
.cat ul li.cat7 a:hover,
.cat ul.selected li.cat7.active a,
.cat ul.selected li.cat7.active a:visited,
#bottom.cat7  {
	background-color: #c3cafe;
}

/* 8 grondstoffen */

#catContainer.cat8 { background: url(../img/bg_catContainer_grondstoffen.png) repeat-y; }
#catContainer.cat8 .links ul li ul {background-color: #f8e6f8}
.cat ul li.cat8 a:hover,
.cat ul.selected li.cat8.active a,
.cat ul.selected li.cat8.active a:visited,
#bottom.cat8  {
	background-color: #eec1ee;
}

/* 9 facilitair */

#catContainer.cat9 { background: url(/img/bg_catContainer_facilitair.png) repeat-y; }
#catContainer.cat9 .links ul li ul {background-color: #f0eecd}
.cat ul li.cat9 a:hover,
.cat ul.selected li.cat9.active a,
.cat ul.selected li.cat9.active a:visited,
#bottom.cat9 {
	background-color: #d9d482;
}

/* 10 communicatie */

#catContainer.cat10 { background: url(../img/bg_catContainer_communicatie.png) repeat-y; }
#catContainer.cat10 .links ul li ul {background-color: #d2faf1}
.cat ul li.cat10 a:hover,
.cat ul.selected li.cat10.active a,
.cat ul.selected li.cat10.active a:visited,
#bottom.cat10  {
	background-color: #8df3db;
}

/* 11 hetnieuwewerken */

#catContainer.cat11 { background: url(../img/bg_catContainer_hetnieuwewerken.png) repeat-y; }
#catContainer.cat11 .links ul li ul {background-color: #f4f2d9}
.cat ul li.cat11 a:hover,
.cat ul.selected li.cat11.active a,
.cat ul.selected li.cat11.active a:visited,
#bottom.cat11  {
	background-color: #e2de9f;
}

/* 12 beleid */

#catContainer.cat12 { background: url(../img/bg_catContainer_beleid.png) repeat-y; }
#catContainer.cat12 .links ul li ul {background-color: #d9f3df}
.cat ul li.cat12 a:hover,
.cat ul.selected li.cat12.active a,
.cat ul.selected li.cat12.active a:visited,
#bottom.cat12  {
	background-color: #9fe1ae;
}


/*--------------------- */
/* Formulier						*/
/*--------------------- */

.kolom_2_full form fieldset {
	border: 1px solid #c8c8c8;
	padding: 10px;
	margin: 10px;
	border-radius: 4px;
}

.kolom_2_full form#zoeken fieldset {
	background: url(../img/bg_form.gif) repeat-y;
}

.kolom_2_full form p {
	width: 100%;
	clear: both;
}

.kolom_2_full form#zoeken p {
	width: 255px;
	clear: both;
}

.kolom_2_full form #zoeken legend {
	font-weight: bold;
	color: #252525;
}

.kolom_2_full input[type=text], .kolom_2_full input[type=password], #add {
	width: 235px;
	background: #ededed;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	color: #acacac;
	padding: 8px 5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
}

.kolom_2_full input[type=submit] {
	background: #ededed;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	color: #acacac;
	padding: 8px 15px;
	float: right;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin-right: 8px;
}

.kolom_2_full textarea {
	width: 235px;
	background: #ededed;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	color: #acacac;
	padding: 8px 5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
}

.kolom_2_full select {
	width: 235px;
}

.checkbox {
	float: left;
}

.radio {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.radio li {
	display: inline;
	padding-right: 7px;
	width: auto;
}

#topSites, #topSites li {
	list-style: none;
}

#topSites a, #topSites a:visited {
	color: #666;
	text-decoration: none;
}

#topSites a:hover {
	color: #000;
	text-decoration: underline;
}

#topSites li ul.header {
	background: #f6faf4;
	font-weight: bold;
}

#topSites li ul {
	float: left;
	width: 900px;
	margin-left: 20px;
}

#topSites li ul li {
	float: left;
	height: 25px;
	line-height: 25px;
}

#topSites li ul li.position {
	width: 25px;
	text-align: center;
}

#topSites li ul li.title {
	width: 250px;
}

#topSites li ul li.beschrijving {
	width: 400px;
}

#topSites li ul li.categorie {
	width: 150px;
	overflow: hidden;
}

#topSites li ul li.waardering {
	width: 50px;
	float: right;
	text-align: center;
}
#topSites.approve li ul {
	width: 630px;
	margin: 0px;
}

#topSites.approve li ul li.adSiteTitle { width: 200px; overflow: hidden; }
#topSites.approve li ul li.adBeschrijving { width: 200px; overflow: hidden; }
#topSites.approve li ul li.adCat { width: 160px; overflow: hidden; }
#topSites.approve li ul li.adActies { width: 50px; overflow: hidden; }

#helper {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 7px;
	margin-top: -15px;
	background: #c3dbb6;
}

#add {
	width: 585px;
	margin-top: 2px;
}

#add td {
	width: 200px;
	line-height: 18px;
	padding-bottom: 15px;
	overflow: hidden;
}

.confirmText {
	text-align: right;
	color: #ACACAC;
	margin: -3px 10px 5px 0;
}

.pop4 a, .pop4 a:visited {
	float: left;
}

#LinkAdminAddForm fieldset {
	float: left;
}