body{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: small;
	color: #000;
	background: url(../images/backgrounds/body.gif) #666 top left repeat-x;
}

a{
	text-decoration: none;
	color: #d60084;
}

a:hover{
	text-decoration: underline;
}

/*
 * Autoclearing
 */
#top:after,
#header:after,
#contentwrap:after,
#mainwrap:after,
#shortcuts:after,
.activity-log .activity:after,
#tools ul.downloads li:after,
#menubar ul:after,
#menubar li:after{
	content: ".";
	visibility:  hidden;
	clear: both;
	display: block;
	height: 0px;
}


#mainwrap{
	width: 752px;
	margin: 0 auto;
	font-size: 85%;
}

/*******
	 TOP
 *******/
#top{
	position: relative;
}

#top img.title{
	float:left;
}

#top #search{
	width: 146px;
	float:right;
	padding-top: 15px;
	padding-left: 3px;
}

#top input{
	border: 1px solid #ebede9;
	float:left;
}

#top input.text{
	width: 108px;
	padding: 2px 3px;
	color: #000;
	font-family: verdana, helvetica, arial, sans-serif;
	background: url(../images/backgrounds/input-text.gif) #fff left top no-repeat;
	margin-right: 5px;
}


/**********
	 HEADER
 **********/
#header{
	height: 117px;
	background-color: #fff;
}

#header h1{
	padding: 15px 0 0 58px;
	float:left;
	width: 327px;
}

#header ul{
	float:right;
	display:block;
	padding: 14px 14px 7px 14px;
	width: 128px;
}

#header span{
  font-weight: bold;
}

#header li{
	display:block;
	margin-bottom: 5px;
}



/***********
   CONTENT
 ***********/
#menubar,
#content,
#midbar,
#sidebar{
	float:left;
	padding-bottom: 21px;
}

#contentwrap{
	background: url(../images/backgrounds/menubar.gif) #fff 7px top repeat-y;
	padding-left: 7px;
}

#home #contentwrap{
	background-image: none;
	position: relative;
}


/***********
   Menubar
 ***********/
#homelink{
  position: absolute; 
  top: -16px; 
  left: 6px; 
  color: #54a9de; 
  font-weight: bold; 
  font-size: 90%;
}
 
#menubar{
  position: relative;
	width: 142px;
}

#menubar ul{
	padding: 0;
	color: #fff;
	background-color: #54a9de;
}

#home #menubar ul{
	padding-bottom: 2px;
	margin-bottom: 6px;
}

#menubar ul li,
#menubar ul li.selected,
#menubar ul li.hover{
	background: url(../images/backgrounds/menu-root.gif) left bottom no-repeat;
	padding-bottom: 1px;
	position: relative;
	float:left;
}

#menubar ul li.selected,
#menubar ul li.hover,
#menubar ul li:hover{
	background-color: #98caeb;
}

#menubar ul li a,
#menubar ul li span{
	font-weight: bold;
	padding: 4px 3px 3px 6px;
	display:block;
	font-size: 90%;
	color: #fff;
	width: 133px;
}

#menubar ul li li a,
#menubar ul li li span{
  width: 119px;
}

#menubar ul li a:hover{
	text-decoration: none;
	color: #000;
	background-color: #98caeb;
}

#menubar ul li.selected span,
#menubar ul li.hover span,
#menubar ul li:hover span{
	background-color: #98caeb;
	color: #000;
}

#menubar ul li.selected a.border,
#menubar ul li.selected span.border,
#menubar ul li.hover a.border,
#menubar ul li.hover span.border,
#menubar ul li:hover a.border,
#menubar ul li:hover span.border{
	background: url(../images/backgrounds/menu-root-selected.gif) #98caeb left bottom no-repeat;
}

#menubar ul li.selected a,
#menubar ul li.hover a,
#menubar ul li:hover a{
	color: #000;
}

#menubar ul li.selected li{
	background: url(../images/backgrounds/menu-level1.gif) #98caeb left bottom no-repeat;
}


#menubar ul li ul.float{
  display:none;
  position: absolute;
  top: 0;
  left: 142px;
  width: 160px;
  height: auto;
  padding-bottom: 0;
}

#menubar ul li ul.float li a{
  width: 159px;
}

#menubar ul li.hover ul.float,
#menubar ul li:hover ul.float{
  display: block;
}

#menubar ul ul.float li,
#menubar ul ul.float li.selected,
#menubar ul ul.float li.hover{
	background: url(../images/backgrounds/menu-root-182px.gif) left bottom no-repeat;
}

#menubar ul li.hover ul.float li,
#menubar ul li:hover ul.float li{
	background: url(../images/backgrounds/menu-root-selected-182px.gif) #98caeb left bottom no-repeat;
}


#menubar ul li.hover li a,
#menubar ul li:hover li a{
  color: #000;
  height: auto;
}

#menubar ul li.hover li a:hover,
#menubar ul li:hover li a:hover{
  color: #fff;
}

#menubar ul li.selected li a{
	padding-left: 20px;
	color: #fff;
	height: auto;
}

#menubar ul li.selected li span{
	padding-left: 20px;
	height:auto;
}

#menubar ul li.selected li a.selected,
#menubar ul li.selected li a:hover{
	color: #000;
}

#menubar ul li.last,
#menubar ul li.selected li.last,
#menubar ul li.hover li.last,
#menubar ul li:hover li.last{
	background-image: none;
}

#menubar ul li.last a:hover{
	background-color: #98caeb;
}

#quicklinks{
	margin-top: 100px;
}

#quicklinks h3{
	font-size: 110%;
	color: #fff;
	padding: 2px 6px 2px;
}

#quicklinks ul li{
	background: none;
}

#quicklinks ul li a{
	color: #fff;
	font-weight: bold;
	height: auto;
	text-decoration: none;
}

#quicklinks ul li a:hover{
	color: #000;
	text-decoration: none;
	background: none;
}


/****************
   Main content
 ****************/
#content{
	width: 440px;
	padding-left: 7px;
	padding-right: 7px;
}

#content h3{
	font-size: 125%;
	font-weight: bold;
	padding-top: 14px;
	padding-bottom: 1em;
	color: #d60084;
}

#home #content h3{
	font-size: 120%;
	padding-bottom: 0.2em;
	color: #000;
}

#actueel #content h3{
	padding-left: 90px;
}

#content h4{
	font-weight: bold;
	font-size: 100%;
}

#content h5{
  color: #d60084;
}

#content p{
	padding-bottom: 1em;
}
#content p.light{
  color: #8c8c8c;
}

ul.linklist li{
	padding: 2px 0;
}

ul.linklist li a{
	font-weight: bold;
	color: #000;
	background: url(../images/icons/linklist-arrow.gif) 2px 50% no-repeat;
	vertical-align: middle;
	padding-left: 18px;
	display:block;
}

#actueel #content li img{
	float:left;
	padding-bottom: 1em;
}

#actueel #content ul.bookmarks li a,
#actueel #content li h4,
#actueel #content li p,
#actueel #content li ul{
	margin-left: 90px;
}

#actueel #content ul.bookmarks {
    margin-bottom: 20px;
}

#actueel #content li ul{
  list-style: disc outside;
  padding-left: 2em;
  margin-bottom: 1em;
}

ul.breadcrumb{
	padding: 7px;
	padding-left: 0;
}

ul.breadcrumb li{
	display:inline;
	color: #d60084;
	padding-right: 3px;
}

div.highlight{
	background-color: #eef5fb;
	padding: 7px 10px 0px 10px;
	margin-bottom: 17px;
}

div.fixed.highlight em{
	font-style: normal;
	font-weight: bold;
	color: #d60084;
}

#personals{
	display:block;
	background-color: #f7f7f7;
	margin-top: 7px;
	padding: 20px 10px 10px 10px;
}

#personals dl{
	margin: 5px 0;
}

#personals dt{
	margin-top: 5px;
}

#personals input{
	border: 1px solid #cdd3c7;
}

#personals input.text{
	width: 200px;
	padding: 2px 3px;
	color: #000;
	font-family: verdana, helvetica, arial, sans-serif;
	background-color: #fff;
}

#conditions{
	background-color: #f7f7f7;
	padding: 10px;	
}

#shortcuts{
	background-color: #eef5fb;
	padding: 5px;
}

#tools #shortcuts ul{
	margin: 0;
	float:right;
}

#tools #shortcuts li{
	float:left;
	padding: 0 0 0 5px;
	margin: 0;
}

#tools #shortcuts a{
	display:block;
	float:left;
	border: 1px solid #ebede9;
}

#tools #shortcuts img{
	display:block;
}

#tools p{
	padding: 0;
}

#tools ul.downloads,
#tools ul.downloads li{
	margin-bottom: 1em;
}

#tools ul.downloads li img{
	float:right;
	padding-left: 7px;
	padding-bottom: 7px;
}

#content div.highlight h3{
	padding-top: 0;
	padding-bottom: 0.3em;
}

#content div.paragraphs{
	padding-left: 10px;
	padding-right: 10px;
}

#content div.paragraphs ul{
  padding-bottom: 1em;
  list-style: disc outside;
} 

#content div.paragraphs li{
  margin-left: 2em;
} 

#zoeken #content input{
	border: 1px solid #ebede9;
	float:left;
	margin-top: 10px;
}

#zoeken #content input.text{
	width: 330px;
	margin-right: 5px;
	padding: 2px 3px;
	color: #000;
	font-family: verdana, helvetica, arial, sans-serif;
	background: url(../images/backgrounds/input-text.gif) #fff left top no-repeat;
}

#zoeken #content ol{
	display:block;
	background-color: #f7f7f7;
	color: #d60084;
	font-weight: bold;
	margin-top: 7px;
	list-style: decimal outside;
	padding: 35px 20px 35px 0;
}

#zoeken #content li{
	margin-left: 25px;
	margin-bottom: 1em;
}

#zoeken #content li h4,
#zoeken #content li p{
	color: #000;
}

#zoeken #content li p{
	font-weight: normal;
	padding-bottom: 0;
}

/*---------*
	 Blocks
 *---------*/
div.memo,
div.block{
	width: 142px;
	height: 142px;
	margin-bottom: 7px;
}

div.memo{
	color: #fff;
}

div.memo p{
	padding: 70px 7px 0px 41px;
	line-height: 1.4;
	font-size: 90%;
	font-weight:bold; 
}

#home div.memo h2,
#topmemo h1{
	padding: 14px 7px 0px 7px;
	font-size: 142%;
	font-weight: bold;
	float:left;
}

#topmemo.general h1{
	font-size: 160%;
}

#topmemo{
	position: absolute;
	top: 7px;
	right: 156px;
}


div.memo	{ background: url(../images/backgrounds/memo-general.gif) #c5c5c5 bottom left no-repeat;  } 
div.memo.purple	{ background: url(../images/backgrounds/memo-visie.gif) #d60084 bottom left no-repeat;		}
div.memo.green	{ background: url(../images/backgrounds/memo-materiaal.gif) #9c0 bottom left no-repeat;			}
div.memo.blue   { background: url(../images/backgrounds/memo-kwaliteit.gif) #54a9de bottom left no-repeat;}
div.memo.orange { background: url(../images/backgrounds/memo-beleid.gif) #fe7418 bottom left no-repeat;	  }

div.poll{
	border: 1px solid #d8d8d8;
	width: 126px;
	height: 136px;
	padding: 2px 7px;
	color: black;
}

div.poll h3{
	font-family: "Arial Narrow", "Trebuchet MS", arial, verdana;
	font-size: 250%;
	padding-bottom: 5px;
	color: #d8d8d8;
}

div.poll li a{
	background: url(../images/icons/poll-circle.gif) left 2px no-repeat;
	padding-left: 15px;
	display:block;
	color: #000;
}

div.poll li a:hover{
	background: url(../images/icons/poll-circle-selected.gif) left 2px no-repeat;
	text-decoration: none;
}

div.poll ul,
div.poll dl{
	padding: 5px 0;
}

div.poll dt{
	float:left;
	width: 95px;
}

div.poll dd{
	margin-left: 95px;
	font-weight: bold;
	color: #d60084;
}

div.poll em{
	color: #d60084;
	font-style: normal;
}


/**************
   Middle bar
 **************/
#midbar,
#sidebar{
	width: 142px;
	padding-right: 7px;
}
#home #midbar{
  position: absolute;
  left: 454px;

}
/***********
   Sidebar
 ***********/
 
#sidebar{
}

/***********
    Footer
 ***********/

#footer {
  margin-top: 5px;
  text-align: right;
  color: #ddd;
}
#footer a {
  color: #ddd;
}

#footer .menu{
  text-align: left;
  float: left;
  margin-top: 10px;
}

#header .menu{
  padding: 8px 7px 4px 7px;
  width: 142px;
  
}

#header .menu .label,
#footer .menu .label{
  background-color: #404040;
  padding: 5px 5px 4px 25px;
  font-weight: bold;
  color: #fff;
  background-repeat: no-repeat;
  background-position: 3px 3px;
}

#header .menu .label{
  display: block;
  font-size: 10px;
  line-height: 21px;
  background-position: 5px 8px;
}

.menu .label.slideshare{ background-image: url(../images/icons/slideshare-16x16.png); }
.menu .label.twitter{ background-image: url(../images/icons/twitter-16x16.png); }
.menu .label.linkedin{ background-image: url(../images/icons/linkedin-16x16.png); }


/* ========= */
/* = Forms = */
/* ========= */

div.error{
	background-color: #fff;
	padding: 7px 10px 0px 10px;
	margin-bottom: 17px;
	color: #f00;
	font-weight: bold;
	border: 1px solid #f00;
}

.form input,
.form textarea{
	border: 1px solid #ebede9;
	margin-top: 10px;  
}

.form input.submit{
  border: 1px solid #000;
}

.form input.text,
.form textarea.text{
	width: 200px;
	margin-right: 5px;
	padding: 2px 3px;
	color: #000;
	font-family: verdana, helvetica, arial, sans-serif;
	background: url(../images/backgrounds/input-text.gif) #fff left top no-repeat;  
}

.form textarea.text{
  height: 80px;
}

.form select.text{
	margin-right: 5px;
	padding: 2px 3px;
	margin-top: 10px;  	
}

.form th {
  width: 160px;
  text-align: left;
}

.form .highlight th{
  width: 150px;
}

.form ul.opties{
  margin-bottom: 2em;
  list-style: none;
}

.form ul.opties li{
  margin-left: 20px;
  margin-bottom: 6px;
}

.form ul.opties li input{
  margin-left: -20px;
  float: left;
  margin-top: 0;
}

.form ul.opties li input.text{
  margin-left: 0;
  float: none;
  margin-top: 0;
}

.form .deelnemer h5{
  margin-left: 2px;
}
.form .deelnemer .highlight{
  padding-bottom: 5px;
}

.form th.error,
.form p.error,
#content .form .quickscan h5.error{
  color: #f00;
}
.form .fieldWithErrors textarea,
.form .fieldWithErrors input{
  border: 1px solid red;
}

.form ul.error li{
  color: #f00;
}

.form .quickscan h2{
  margin-bottom: 1em
}

.form .quickscan h5{
  margin: 4px 0 4px 0;
}

.form .beleidsplan textarea.text,
.form .kenniskringen textarea.text,
.form .quickscan textarea.text{
  width: 420px;
}

.beleidsplan ul,
.quickscan ul,
.bijeenkomsten ul{
  padding-bottom: 1em;
  list-style: disc outside;
} 

.quickscan li,
.bijeenkomsten li{
  margin-left: 2em;
} 

#content div.paragraphs ul.opties{
  list-style: none;
}

#logos {
  margin-left: -6px;
}
#logos div{
 float: left;
 margin-left: 0px;
 margin-bottom: 4px;
}


.section{
  padding: 0 10px;
  margin-top: 14px;
}

.section .section_intro{
  margin-bottom: 13px;
}

.section .section_item h5{
	padding-left: 15px;
	margin-bottom: 5px;
	cursor: pointer;
}

.section .opened h5{
	background: url(../images/icons/section-min.gif) left 1px no-repeat;
}

.section .closed h5{
	background: url(../images/icons/section-plus.gif) left 1px no-repeat;
}

.section .closed .content {
  display: none;
}

.section .content {
  margin-top: 1px;
  margin-bottom: 6px;
  margin-left: -10px;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
}

.section .inner-content {
  padding: 10px;
  background-color: #efefef;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.logo-project-innovatieplaform-vo {
  margin-left: 151px;
}

.logo-project-innovatieplaform-vo img{
  padding-top: 2px;
}


#sitemap #content div.paragraphs ul{
  list-style: none;
  padding-bottom: 0;
}

#sitemap #content div.paragraphs li{
  margin-top: 2px;
  margin-bottom: 2px;
}


/* ================ */
/* = activity-log = */
/* ================ */

/* body id for */

#home h1{
  font-size: 130%;
  margin: 4px 0px 6px 0;
  color: #00abe1;
}

.activity-log{
  border-top: 3px solid #00abe1;
}

.activity{
  border-bottom: 1px solid #7fd5f0;
  margin-bottom: 2px;

  background: url(/images/backgrounds/activity-log.png) repeat-y;
  background: -moz-linear-gradient(left, #bfeaf8 0%, #bfeaf8 40px, #ffffff 40px, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#bfeaf8), color-stop(40px,#bfeaf8), color-stop(40px,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(left, #bfeaf8 0%,#bfeaf8 40px,#ffffff 40px,#ffffff 100%);
  background: -o-linear-gradient(left, #bfeaf8 0%,#bfeaf8 40px,#ffffff 40px,#ffffff 100%);
  background: -ms-linear-gradient(left, #bfeaf8 0%,#bfeaf8 40px,#ffffff 40px,#ffffff 100%);
}

.activity.important{
  background: -moz-linear-gradient(left, #a6e2f5 0%, #a6e2f5 40px, #ffffff 40px, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a6e2f5), color-stop(40px,#a6e2f5), color-stop(40px,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(left, #a6e2f5 0%,#a6e2f5 40px,#ffffff 40px,#ffffff 100%);
  background: -o-linear-gradient(left, #a6e2f5 0%,#a6e2f5 40px,#ffffff 40px,#ffffff 100%);
  background: -ms-linear-gradient(left, #a6e2f5 0%,#a6e2f5 40px,#ffffff 40px,#ffffff 100%);
}

.activity .icon{
  width: 40px;
  height: 40px;
  padding-top: 5px;
  float: left;
}
.activity .icon a{
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
}

.activity .activitywrap{
  background: #fff;
  width: 380px;
  float: left;
  padding: 5px 10px 10px;
}

.activity.important .activitywrap{
  background: #e6f7fc;
}

.activity .message{
  font-size: 110%;
}

.activity .meta{
  margin-bottom: 4px;
}

.activity .link{
  font-size: 110%;
  line-height: 1.4;
  text-decoration: underline;
  font-weight: bold;
  display: block;
  margin-bottom: 4px;
}

.activity .readmore{
  text-decoration: underline;
}

.activity .link:visited{
  color: #B40070;
}