@charset "utf-8";

/* ------------------------- */
/* ----- GLOBAL STYLES ----- */
/* ------------------------- */

html{
	overflow-y:scroll;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	background-color: #FFFFFF;
        background-image: url('/images/background.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
}

em {
    font-style: italic;
}

img{
	margin:0px;
}
p{
	margin-bottom:0px;
}
a, .btn{
	color:#85C624;
	text-decoration:none;
}
a:hover, .btn:hover{
	color:#638534;
	cursor:pointer;
}

table {
    width:100%;
    border-top:1px solid #999999;
    margin:10px 0px;
}
th {
    /*
    font-weight:bold;
    color:#FFFFFF;
    background:#666666;
    padding:2px;
    */
}

.dataTable{
    margin-top:40px;
}

input[type=checkbox] {
    width:auto;
}

/* -------------------------- */
/* ----- BREADCRUMBS -------- */
/* -------------------------- */

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


/* -------------------------- */
/* ----- GENERAL LAYOUT ----- */
/* -------------------------- */

form {
    display: none;
}

#projectPage{
	position:relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	/*border:1px solid #000000;*/
}

#panelLeft{
	position:relative;
        float:left;
        /*
	top:0px;
	left:0px;
        */
}
#panelLeft .portlet{
	width:180px;
}
#panelRight{
        display: none;
	position:relative;
        float:right;
        /*
	top:100px;
	right:0px;
        */
}
#panelRight .portlet{
	width:300px;
}

.portlet{
	/* border: 1px solid #85C624;*/
        /*background:#f5f5f5;*/
	margin-bottom:10px;
	overflow:hidden;
}

.portlet .portletFooter
{
    text-align: right;

}

.portlet .portletFooter a
{
    text-transform: uppercase;
    font-size: 90%;
}

.portlet .portletContent
{
    padding: 5px;
}
.portlet h1{
        display: inline;
	font-size:14px;
	color:#FFFFFF;
	background: #85C624 no-repeat;
        /*background-image:url(/images/000_S.png);*/
        background-position:2px 9px;
	padding:5px;
        padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}
.portlet p{
	margin-left:5px;
	margin-right:5px;
	font-size:11px;
}
.portlet ul{
        list-style-image: url(/images/list-icon.png);
	list-style-type: disc;
        list-style-position: inside;
        /*font-size:10px;*/
        /* margin:3px 0px 3px 5px;*/
}

.portlet li a
{
    color: #333;
}

.portlet ul li {
        display: list-item; 
        list-style-image: url(/images/list-icon.png);
}

.portletDate{
        display:inline-block;
	width:35px;
}

#advertisementPortlet{
    position:relative;
    height:150px;
}
#advertisementPortlet img{
    max-height:120px;
    position:absolute;
    top:0px;
    left:0px;
}

.slideshow{
	height:80px;
	overflow:hidden;
}
.slideshow img{
	position:absolute;
	top:0px;
	left:0px;
}

#login{
        float:right;
        margin-top:0px;
        padding-left:15px;
	background:no-repeat;
        background-image:url(/images/login.png);
}

/* --------------------------- */
/* ----- Horizontal menu ----- */
/* --------------------------- */
#horizontalMenu {
    display: none;
}


#horizontalMenu li.hlHorizontalMenu
{
    border-bottom: 2px solid #85C624;
    margin-bottom: 0px;
}

#horizontalMenu {
    margin-bottom: 10px;
}

#horizontalMenu li:hover
{
    border-bottom: 2px solid #85C624;
    margin-bottom: 0px;
}

#horizontalMenu li a
{
    font-size: 150%;
    color: #000;
}


#projectVerticalMenu
{
    margin-top: 30px;
    float: right;

}

#projectVerticalMenu li
{
    list-style-type: none

}
#projectVerticalMenu ul
{
    width: 300px;
    text-align: right;

}

/* ----------------------- */
/* ----- PROJECT NAV ----- */
/* ----------------------- */
#projectNav {
	width: 200px;
}
#projectNav ul{
	margin: 0px;
	/*margin-left: 20px;*/
}
#projectNav li{
        background:no-repeat;
	background-image:url(/images/0_green.png);
        padding-left:15px;

}
#projectLogo{
	margin:5px;	
}


/* -------------------------- */
/* ----- PROJECT HEADER ----- */
/* -------------------------- */

#projectHeader{
	display: none;
}
#newsHeadlines {
        display: none;
}
#projectBanner{
	position:relative;
	width: 910px;
	/*height: 230px;*/
        height:100px;
	/*border: 1px solid #000000;*/
        background:no-repeat;
	background-image:url(/images/header.png);
	overflow:hidden;
}
#projectBanner h1{
        position:absolute;
        right:0px;
        bottom:0px;
        color:#FFFFFF;
        font-size:20px;
        padding-right:10px;
}

#newsHeadlines{
	/*width: 680px;*/
	height: 4px;
	/*border: 1px dashed #000000;*/
	background:#333333;
	border:1px solid #333333;
}
#newsHeadlines  span a {
    color: #fff;
}
#newsHeadlines span{
	padding-left:10px;	
}
#newsHeadlines a:hover{
    color:#FFFFFF;
}

#projectFooter{
    clear: both;
    width:100%;
    border-top:1px solid #000000;
    margin:20px 0px;
    padding-top:5px;
    font-size:14px;
}


/* --------------------------- */
/* ----- PROJECT CONTENT ----- */
/* --------------------------- */



#projectContent{
	position:relative;
        float:left;
        /*
	top:100px;
	right:200px;
        */
        margin-left:10px;
	/*border:1px solid #CCCCCC;*/
}
#projectContent h2{
	font-weight:bold;
        font-size:16px;
        margin-top:20px;
        margin-bottom:20px;
	border-bottom:1px solid #5E5E5E;
}
#projectContent p{
    margin:10px 0px;
    text-align:justify;
}
#projectContent ul, ol{
    margin-left:20px;
}


#pageToc{
}
#pageToc ul, #pageToc ol{
	float:left;
	list-style-type:none;
	border:1px solid #CCCCCC;
	padding:10px;
        margin-bottom:20px;
        margin-left:0px;
}
#pageToc ul li ul, #pageToc ol li ol{
	list-style-type:none;
        border:none;
        float:none;
        padding:0px;
        padding-left:15px;
        margin-bottom:5px;
}

#contentTitle, .contentTitle{
        padding:0px;
        margin:0px;
	/*border-bottom:1px solid #85C624;*/
        margin-bottom:1px;
}
#contentTitle h1, .contentTitle h1{
	font-size:18px;
	background-color:#85C624;
        color: #fff;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 1px;
        padding-bottom: 0px;
        display: inline;
	border-bottom:none;
        margin-top:0px;
        margin-bottom:0px;
}
#contentNavPath{
	color:#666666;
        margin-left: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
}
#contentNavPath ul{
    margin-left:0px;
}

.contentItem{
	width:100%;	
	margin-bottom:20px;
        margin-left: 10px;
        padding: 2px;
}

.clickableItem{
        cursor: pointer;
}
.clickableItem:hover {
    background-image: url('/images/transp-green.png');
}

.itemIntro {

}

.itemLink {
    text-transform: uppercase;
    text-align: right;
    font-size: 90%;
}
.contentItem h1{
	font-weight:bold;	
}
.contentItem h2{
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
}
.contentItem p{
	margin-bottom:5px;	
}
.contentItem img{
    /*border:1px solid #000000;*/
}
.contentItem td{
	padding-right:10px;	
	border-bottom:1px solid #999999;	
}

.itemHeader, .itemFooter{
	/* border-bottom:1px solid #5E5E5E;	 */
}
.itemHeader{
        text-align: right;
        margin-bottom: 4px;
}
.itemHeader h1{
	font-size:14px;
}
.itemDate{
	position:relative;
	float:right;
	font-size:10px;
	font-style:italic;
	color:#B7B7B7;
	margin-top:-14px;
}

.itemBody{	
        text-align:justify;
}
.itemBody img{
	float:left;
	margin-right:8px;
	margin-bottom:3px;
}
.itemLong{
	margin-bottom:10px;
	text-align:justify;
	/*display:none;*/
}
.itemReadMore{
	/*float:right;*/
        text-align: right;
}
.itemComments{	
	/*display:none;*/
}
.itemComment{
	border:1px dashed #CCCCCC;
	margin-bottom:10px;
	padding:5px;
	text-align:justify;
}
.itemComment input, form input{
    display:block;
    width:100%;
    clear:both;
    margin-bottom:2px;
}
form select{
    margin-bottom:5px;
}
.itemComment textarea, form textarea{
    width:100%;
}
.itemComment table, form table{ 
    border-top:none;
}
.itemComment table td, form table td{
    vertical-align:top;
    border:none;
}
.itemComment table ul{
    list-style:none;
    margin-left:0px !important;
    color:#FF0000;
    font-size:10px;
}

.itemFooter{	
	margin-top:10px;
}
.itemTags{
	position:relative;
	float:left;
}
.itemReact{
	position:relative;
	float:right;
	cursor:pointer;
}
.itemReactBtn{
	position:relative;
	float:right;
	background: #5E5E5E;
	color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;	
}

/* -------------------------- */
/* ----- INNOVATIEKAART ----- */
/* -------------------------- */

#mapControls{
    list-style: none;
    margin-top:10px;
}
#mapControls li{
    float:left;
    width:170px;
    font-weight:bold;
}
#mapControls input{
    display:inline;
    width:auto;
}


/* SEARCHBOX */
.searchbox input {
    width: auto;
    display: inline;
}

.searchThumbnail {
    float: left;
    width: 110px;
    height: 100px;
}


.searchDesc {
    float: left;
    width: 400px;
}

.searchTitle h2 a {
    color: #000;
}
.searchTitle h2 a span.searchCatagory {
        color: #85C624 !important;
}

.searchTitle h2 a:hover span.searchCatagory {
        color: #333 !important;
}

.searchTitle h2 a:hover{
    color: #000;
    background-color:#85C624;
}

.projectAdmin ul
{
    list-style-image: url("/images/list-icon.png");
    list-style-position: inside;
}
.projectAdmin
{
    clear: both;
}

ul.error_list {
    display: inline;
    color: red;
    border-width: 2px;
    border-style: dotted;
    border-color: red;
    padding: 2px;
    margin-left: 10px !important;
    margin-bottom: 10px;
    list-style-type: none;
}

ul.error_list li {
    display: inline;
}