html, body, #wrap {height: 100%; padding:0px; margin:0px; }

body > #wrap {height: auto; min-height: 100%;}

body {
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: url(../img/bg-new.jpg) no-repeat center top;
}

/*
#footer {
	position: relative;
	margin-top: -20px; 
	height: 20px;
	clear:both;
	background: #fff;
	font: bold 11px "Trebuchet MS";
	color: #999;
	text-align:center;
} 
#footer .spacer { text-align:center; margin-left:200px; margin-bottom:5px; }
#footer a:link, #footer a:visited {	
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;
}	
#footer a:hover {	
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#FF9900;
	text-decoration:none;
}	
*/

#adres {	
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#999;
}	

#adres a:link, #adres a:visited {	
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;
}	
#adres a:hover {	
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#FF9900;
	text-decoration:none;
}	

#design {	
	font: 11px Arial, Helvetica, sans-serif;
	color:#999;
}	

#design a:link, #design a:visited {	
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;
}	
#design a:hover {	
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:underline;
}	

#fotografie {
	position:absolute;
	margin:500px 0 0 245px;
	width:200px;
	height:25px;
	left:50%;
	text-align:right;
	z-index:100;
}
#fotografie a:link, #fotografie a:visited {	
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
}	
#fotografie a:hover {	
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:underline;
}	


.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 */



#main {
	/*padding-bottom: 20px;*/ /* must be same height as the footer */
	width:960px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}  

#navigatie {
	width:250px;
	float:left;
	text-align:left;
	margin-left:25px;
}  

#content {
	width:625px;
	float:left;
	text-align:left;
	margin-top:50px;
}  

#button {
	width:117px;
	height:115px;
	left:50%;
	position:absolute;
	margin:155px 0 0 320px;
	z-index:150;
	outline:none;
}  

#button2 {
	width:117px;
	height:115px;
	left:50%;
	position:absolute;
	margin:255px 0 0 320px;
	z-index:150;
	outline:none;
}  

#button a {
	outline:none;
	z-index:150;
}  

hr { 
	height: 1px;
	width: 100%;
	border-bottom: 1px dotted #999;
	border-top:none;
}

.bottomspace {margin-bottom:6px; outline:none; }

a { outline:none;}

#content a:link, #content a:visited {
	text-decoration: underline;
	color: #FF9900;
}
#content a:hover {
	text-decoration: none;
	color: #341A6E;
}

#content a.lijst:link, #content a.lijst:visited {
	text-decoration: underline;
	color: #FF9900;
	font-weight:bold;
}
#content a.lijst:hover {
	text-decoration: none;
	color: #341A6E;
	font-weight:bold;
}


#content a.grey:link, #content a.grey:visited {
	text-decoration: underline;
	color: #333;
}
#content a.grey:hover {
	text-decoration: none;
	color: #333;
}

h1 {
	color: #FF9900;
	font: bold 22px/24px Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	margin-top:16px;
}

h2 {
	font: 16px/17px Arial, Helvetica, sans-serif;
	color: #FF9900;
	margin-bottom:2px;
	margin-top:4px;
}


h3 {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-weight: bold;
	margin-bottom:4px;

}

h4 {
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color: #341A6E;
	font-weight: bold;
	margin-bottom:4px;

}

ol li { list-style:square; padding-bottom:4px; }
.red { color:#FF0000;}	
.imgborder { border:#ccc solid 1px; }

#sponsors {
	border-top:#999 dotted 1px;
	padding:8px 0 8px 0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
	margin-top:26px;
}

#images { float:right; padding-left:20px; z-index:1; }

#stuurgroep { width:500px; }
#stuurgroep .item1 { width:130px; float:left; }
#stuurgroep .item2 { width:370px; float:left; }

.imgright { float:right; padding-left:10px; }
.imgright2 { float:right; padding:10px 0 15px 15px; }
.imgleft { float:left; padding:10px 5px 5px 0; }
.imgleft2 { float:left; margin:10px 20px 5px 0; }
.imgleft3 { float:left; margin:0 10px 0 0; }
#imgright { float:right; padding-left:10px; }
#imgright a { outline:none;}
#imgright2 { float:right; padding-left:25px; padding-top:15px; padding-bottom:25px; text-align:right; }
#imgleft { float:left; padding-right:25px; padding-top:6px; padding-bottom:10px; }

#ondernemer { width:610px; border:#999 dotted 1px; padding:10px; background:#eee; margin-top:25px; margin-bottom:2px; height:210px; }
#ondernemer img { float:left; margin-right:20px; margin-left:10px; }

#programma { width:610px; }
#programma .year { width:604px; padding:2px; margin-bottom:0px; margin-top:8px; background: #330066; font-weight:bold; color:#fff; padding-left:4px; border:#330066 solid 1px; }
#programma .year-grey { width:604px; padding:2px; margin-bottom:0px; margin-top:8px; background: #999; font-weight:bold; color:#fff; padding-left:4px; border:#999 solid 1px; }
#programma .month { width:604px; padding:2px; margin-bottom:4px; margin-top:8px; background: #999; font-weight:bold; color:#fff; padding-left:4px; }
#programma .item1 { width:60px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#eee; }
#programma .item1-grey { width:60px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#eee; color:#999; }
#programma .item2 { width:90px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#eee; }
#programma .item2-grey { width:90px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#eee; color:#999; }
#programma .item3 { width:350px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#eee; }
#programma .item3-grey { width:350px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#eee; color:#999; }
#programma .item4 { width:80px; float:left; border:#ccc solid 1px; padding:2px; margin-bottom:2px; background:#eee; }
#programma .item4-grey { width:80px; float:left; border:#ccc solid 1px; padding:2px; margin-bottom:2px; background:#eee; color:#999; }

#programma .item1b { width:110px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#eee; }
#programma .item1b-grey { width:110px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#eee; color:#999; }
#programma .item2b { width:40px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#eee; text-align:center; }
#programma .item2b-grey { width:40px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#eee; text-align:center; color:#999; }

#programma .item1b-on { width:110px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#FF9900; }
#programma .item2b-on { width:40px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#FF9900; text-align:center; }
#programma .item3-on { width:350px; float:left; border:#ccc solid 1px; margin-right:2px; padding:2px; margin-bottom:2px; background:#FF9900; }
#programma .item4-on { width:80px; float:left; border:#ccc solid 1px; padding:2px; margin-bottom:2px; background:#FF9900; }


#founding { width:500px; }
#founding .item1 { width:150px; float:left; }
#founding .item2 { width:350px; float:left; }

#lidmaatschap { width:500px; margin-top:6px; }
#lidmaatschap .item1 { width:150px; float:left; padding-bottom:4px; }
#lidmaatschap .item2 { width:350px; float:left; padding-bottom:4px; }

#lidmaatschap-box { width:450px; border:#999 dotted 1px; padding:10px; background:#eee; margin-top:25px; margin-bottom:2px; padding-top:20px; padding-left:45px; padding-bottom:35px; }
#lidmaatschap .leftspace {padding-left:30px;}

#news { width:625px; }
#news .thumb { width:120px; float:left; }
#news .thumb img { border:#ccc solid 1px; }
#news .titel { width:490px; float:left; }
#news .small { color:#666; font-size:11px; }

#news-box { width:570px; border:#999 dotted 1px; padding:25px; background:#eee; margin-top:25px; margin-bottom:2px; }

#contact { width:610px; margin-top:6px; }
#contact-left { width:350px; float:left; }
#contact-right { width:260px; float:left; }
#contact-left .item1 { width:90px; float:left; padding-bottom:4px; }
#contact-left .item2 { width:260px; float:left; padding-bottom:4px; }

#inschrijven-box { width:580px; border:#999 dotted 1px; padding:10px; background:#eee; margin-top:25px; margin-bottom:2px; padding-top:10px; padding-left:45px; padding-bottom:35px; overflow:auto; position:relative; }

#inschrijven { width:380px; margin-top:16px; }
#inschrijven .item1 { width:100px; float:left; padding-bottom:4px; }
#inschrijven .item2 { width:270px; float:left; padding-bottom:4px; }
.foto {float:right; width:195px; }

#inschrijven2 { width:580px; margin-top:16px; }
#inschrijven2 .item1 { width:100px; float:left; padding-bottom:4px; }
#inschrijven2 .item2 { width:470px; float:left; padding-bottom:4px; }
#inschrijven2 .item3 { width:25px; float:left; padding-bottom:4px; }
#inschrijven2 .item4 { width:545px; float:left; padding-bottom:4px; }

#crumbs {
	float:right;
	margin-bottom:10px;
}

#crumbs a:link, #crumbs a:visited {text-decoration:none; color:#000; width:10px; height:14px; background-color:#FFFFFF; padding:0px 4px 4px 4px;  font-size:11px; margin-left:4px; border:#CEDCE6 solid 1px; float:left; }
#crumbs a:hover {text-decoration:none; color:#ffffff; background:#FF9900; width:10px; height:14px; padding:0px 4px 4px 4px; font-size:11px; margin-left:4px; border:#FF9900 solid 1px; float:left; }
#crumbs a.none:link, #crumbs a.none:visited, #crumbs a.none:hover {text-decoration:none; color:#ffffff; background:#FF9900; width:10px; height:14px; padding:0px 4px 4px 4px; font-size:11px; margin-left:4px; border:#FF9900 solid 1px; float:left; cursor:default; }
#crumbs a:focus {outline:none} /* will get rid of those annoying outlines the browser creates around clicked links. */



#ondernemersuniversiteit { width:610px; border:#999 dotted 1px; padding:15px 10px 15px 20px; background:#eee; margin-top:25px; margin-bottom:2px; overflow:auto; position:relative; line-height:22px; }
#ondernemersuniversiteit a:link, #ondernemersuniversiteit a:visited, #ondernemersuniversiteit a:hover { color:#333; }


/* accordion ------------------------------------------------------------------------------------------- */	

#ondernemersuniversiteit ol.menu { margin:0px; padding:0px; width:100%; list-style-type:none;}
#ondernemersuniversiteit ol.menu li { list-style-type:none; margin:0px; list-style-type:none;}

#ondernemersuniversiteit ol.menu div.panel a.accordion:link, #ondernemersuniversiteit ol.menu div.panel a.accordion:visited {
	font: normal 12px/18px Verdana, Geneva, sans-serif;
	text-decoration:underline;
	color:#779401;
	outline:none;
}

#ondernemersuniversiteit ol.menu div.panel a.accordion:hover {
	font: normal 12px/18px Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#779401;
}


#ondernemersuniversiteit div.panel {
    border: none;
    padding: 0px;
    margin-top: 1px;
	display:none; /* PREVENTS FLICKERING IN IE ! */
}

#ondernemersuniversiteit div.panel p { 
	font: normal 12px/18px Verdana, Geneva, sans-serif;

}




/* --- FORMULIER --------------------------------------------------------------------------------------------------------------------------- */

/* change background color onclick form fields */
/*input:focus, textarea:focus{
    background-color: #ccc;
	outline:none;
}

input.send:focus {
    background-color: #330066;
	outline:none;
}

input.delete:focus {
    background-color: #FF9900;
	outline:none;
}

input.none:focus {
    background-color: none;
	outline:none;
}
*/
.inputveld {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	height: 20px;
	width: 210px;
	border: 1px solid #CCCCCC;
}

.inputveld1 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	height: 20px;
	width: 240px;
	border: 1px solid #CCCCCC;
}

.inputveld2 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	height: 20px;
	width: 150px;
	border: 1px solid #CCCCCC;
}

.inputveld3 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	height: 20px;
	width: 310px;
	border: 1px solid #CCCCCC;
}

.inputveldje {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	height: 20px;
	width: 50px;
	border: 1px solid #CCCCCC;
}
.textarea {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	height:110px;
	width: 260px;
	border: 1px solid #CCCCCC;
	margin-bottom:10px;
	margin-top:8px;
}

.textarea2 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	height:110px;
	width: 310px;
	border: 1px solid #CCCCCC;
	margin-bottom:10px;
	margin-top:8px;
}

.textarea3 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	height:110px;
	width: 510px;
	border: 1px solid #CCCCCC;
	margin-bottom:10px;
	margin:8px 0 0 24px;
}

.send {
	padding: 2px;
	margin: 2px;
	width:110px;
	height:26px;
	border:none;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	cursor: pointer;
	margin-top:25px;
	background-color:#330066;
}

.delete {
	padding: 2px;
	margin: 2px;
	width:90px;
	height:26px;
	border:none;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	cursor: pointer;
	margin-top:25px;
	background-color:#FF9900;
}


/* --- NAVIGATIE --------------------------------------------------------------------------------------------------------------------------- */

* html li a {display:inline-block;} /* targets IE6 only */
* html li a {display:block;} /* targets IE6 only */

ul li a { outline:none; }

ul.menu {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
  background-color:#FFFFFF;
  margin-top:180px;
}

ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
  background-color:#fff;
}

ul.menu a {
  display: block;
  text-decoration: none;	
  font-size:11px;
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a, ul.menu ul.menu li a {
  color: #333;	
  padding: 0.5em;
  font-weight: normal;
  border:#ccc solid 1px;
  background:#eee;
}

ul.menu li a:hover, ul.menu ul.menu li a:hover {
  background: #fff;
  color:#333;
  border:#ccc solid 1px;
}

ul.menu li ul li a { /* submenu */
  background: #ccc;
  border:#ccc solid 1px;
  color: #333;
  padding-left: 20px;
  color:#666666;
  font-size:11px;
}

ul.menu ul li ul.acitem li a { /* sub submenu */
  background: #fff;
  color: #333;
  padding-left: 20px;
  color:#666666;
  font-size:11px;
}

ul.menu li ul.acitem li a { /* submenu actief */
  background: #ccc;
  border:#ccc solid 1px;
  color: #333;
  padding-left: 20px;
  color:#666666;
  font-size:11px;
  font-weight:normal;
}

ul.menu li ul li a.on:link, ul.menu ul.menu li ul li a.on:link, ul.menu li ul li a.on:visited, ul.menu ul.menu li ul li a.on:visited, ul.menu li ul li a.on:hover, ul.menu ul.menu li ul li a.on:hover { /* submenu on */
  background: #fff;
  border-left: 5px #330066 solid;
  border-bottom:#ccc solid 1px;
  border-right:#ccc solid 1px;
  border-top:#ccc solid 1px;
  padding-left: 15px;
  color:#666666;
  font-weight:bold;
}

ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover, ul.menu li.expand ul li a:hover { /* submenu hover */
  background: #fff;
  border-left: 5px #330066 solid;
  border-bottom:#ccc solid 1px;
  border-right:#ccc solid 1px;
  border-top:#ccc solid 1px;
  padding-left: 16px;
  color:#666666;
}

ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
}
ul.menu ul.menu { /* sub sub menu*/
    border-left: 5px #f00 solid;
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover { /* menu actief */
    text-decoration: none;
    background: #fff;
	color:#666;
	border:#ccc solid 1px;
	font-weight:bold;
}

ul.menu li li a.active:link, ul.menu li li a.active:visited, ul.menu li li a.active:hover { /* submenu actief */
    text-decoration: none;
    background: #fff;
	color:#666;
	border:#ccc solid 1px;
	font-weight:bold;
	border-left: 5px #330066 solid;
}

ul.menu li li li a { /* sub submenu actief */
    background: #fff;
}

ul.menu li ul.acitem li ul.acitem li a:hover, ul.menu li ul.acitem li ul.acitem li a.on:link, ul.menu li ul.acitem li ul.acitem li a.on:visited, ul.menu li ul.acitem li ul.acitem li a.on:hover { /* sub submenu hover + on */
    background: #fff;
	font-weight:normal;
	border-left:#ccc solid 1px;
	padding-left:20px;
}

ul.menu li ul.acitem li ul.acitem li a { /* sub submenu */
    background: #eee;
	/*font-weight:bold;*/
	border-left:#ccc solid 1px;
}

ul.menu a.on:link, ul.menu a.on:hover, ul.menu a.on:visited {
    text-decoration: none;
    background: #FF9900;
	color:#fff;
}

ul.menu li.expand a {background-color: #330066; color:#fff; border:#330066 solid 1px; font-weight:bold; }
ul.menu li.expand ul li a {background-color: #ccc;}

.membersTable {
	font-size:11px; 
	text-align:left; 
	width:610px;
}
.membersRow {
	height:12.75pt;
}
.membersRowAlt {
	background-color:#eeeeee;
}
