html, body{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	background-image:url(http://www.qdelft.nl/templates/images/bg_top.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#mainContainer{
	width:979px;
	min-height:100%;
	padding:0px;
	margin:0px auto -94px auto;
	background-image:url(http://www.qdelft.nl/templates/images/bg_main.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
}
* html #mainContainer{ height:100%; }

#contentContainer{
	padding:20px 10px 10px 10px;
	width:959px;
}

/** HEADER ****************************************************************************************************************************************/

#header{
	height:80px;
	width:959px;
	background-image:url(http://www.qdelft.nl/templates/images/bg_header.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#FFFFFF;
}

	#header #logo{
		float:left;
		height:80px;
		width:130px;
		padding-left:80px;
	}
	#header #logo img{ border:none; }
	
	#header #headerLinks{
		float:left;
		height:80px;
		width:749px;
	}

/** TOP *******************************************************************************************************************************************/

#topHolder{
	clear:both;
	height:180px;
	width:959px;
}

	#topHolder .colL{
		float:left;
		height:140px;
		width:210px;
		padding:20px 0px 20px 0px;
		background-image:url(http://www.qdelft.nl/templates/images/bg_menu.jpg);
		background-repeat:no-repeat;
	}
	
	#topHolder .colM{
		float:left;
		height:180px;
		width:450px;
		background-image:url(http://www.qdelft.nl/templates/images/bg_sfeer.jpg);
		background-repeat:no-repeat;
	}
	
	#topHolder .colR{
		float:left;
		height:180px;
		width:299px;
		background-image:url(http://www.qdelft.nl/templates/images/bg_statement.jpg);
		background-repeat:no-repeat;
	}

	#topHolder .colBig{
		float:left;
		height:180px;
		width:749px;
		overflow:hidden;
		background-image:url(http://www.qdelft.nl/templates/images/bg_sfeer_big.jpg);
		background-repeat:no-repeat;
	}
	
	#topHolder #headerText{
		position:absolute;
		clear:left;
		height:40px;
		width:729px;
		padding:140px 0px 0px 20px;
	}
	
/** CONTENT ***************************************************************************************************************************************/

#contentHolder{
	clear:both;
	width:959px;
	overflow:hidden;
}

	#contentHolder .colL{
		float:left;
		width:182px;
		padding:20px 0px 20px 28px;
	}
	
	#contentHolder .colLHome{
		float:left;
		width:182px;
		margin:20px 0px 0px 0px;
		padding:86px 0px 20px 28px;
		background-image:url(http://www.qdelft.nl/templates/images/icons_white.gif);
		background-repeat:no-repeat;
		background-position:top;
	}
	
	#contentHolder .colM{
		float:left;
		width:410px;
		padding:20px;
	}
	
	#contentHolder .colR{
		float:left;
		width:259px;
		padding:20px;
	}

/** VERVOLG TEMPLATES *****************************************************************************************************************************/

#contentHolder #colVervolg1, #contentHolder #colVervolg2{
	float:left;
	width:749px;
}

#crumbHolder{
	clear:both;
	width:729px;
	padding:18px 0px 2px 20px; 
}

	#colVervolg1 .colContentL{
		float:left;
		width:410px;
		padding:0px 20px 20px 20px;
	}

	#colVervolg1 .colContentR{
		float:left;
		width:259px;
		padding:0px 20px 20px 20px;
	}

	#colVervolg2 .colContentL, #colVervolg2 .colContentR{
		float:left;
		width:344px;
	}
	#colVervolg2 .colContentL{ padding:0px 10px 20px 20px; }
	#colVervolg2 .colContentR{ padding:0px 20px 20px 10px; }

/** FOOTER ****************************************************************************************************************************************/

#footerHolder{
	height:94px;
	background-image:url(http://www.qdelft.nl/templates/images/bg_footer.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#clearfooter{ height:94px; }

#footer{
	height:94px;
	width:939px;
	margin:0px auto 0px auto;
}

	#footer .footerL{
		float:left;
		height:34px;
		width:672px;
		padding:60px 0px 0px 0px;
		background-image:url(http://www.qdelft.nl/templates/images/icons_dark.gif);
		background-position:0px 14px;
		background-repeat:no-repeat;
	}
		
	#footer .footerLHome{
		float:left;
		height:34px;
		width:672px;
		padding:60px 0px 0px 0px;
	}
	
	#footer .footerR{
		float:left;
		height:34px;
		width:267px;
		padding:60px 0px 0px 0px;
		text-align:right;
		background-image:url(http://www.qdelft.nl/templates/images/footer_statement.gif);
		background-repeat:no-repeat;
		background-position:top;
	}
	
/** MAIN MENU *************************************************************************************************************************************/

#menuMain {
	margin:0px;
	padding:0px;
	list-style:none;
}
#menuMain li { 
	padding:0px 0px 0px 44px; 
	margin:0px; 
	background-image:url(http://www.qdelft.nl/templates/images/menu_arrow.gif);
	background-repeat:no-repeat;
	background-position:28px 8px;
}
#menuMain li.active{ background-image:url(http://www.qdelft.nl/templates/images/menu_arrow_active.gif); }

/** SUB MENU **************************************************************************************************************************************/

#menuSub, #menuSubSub {
	margin:0px;
	padding:0px;
	list-style:none;
}
#menuSub li, #menuSubSub li{ 
	padding:0px 0px 0px 16px; 
	margin:0px; 
}

#menuSub li#starter{ 
	background-image:url(http://www.qdelft.nl/templates/images/menu_arrow_active.gif); 
	background-repeat:no-repeat;
	background-position:0px 8px;
}

/** ACTIONS BLOCK *********************************************************************************************************************************/

#actionsBlock{
	width:148px;
	background-color:#FFFFFF;
	padding:20px 0px 0px 560px;
}

.imageBtn{
	float:left;
	width:36px;
}
.imageBtn img{ border:none; }

.language{
	float:left;
	width:40px;
}

#search{
	clear:both;
	width:148px;
	padding:6px 0px 0px 0px;
}
#search img{ vertical-align:bottom; cursor:pointer; }
#search div{ float:left; }

#searchOn{ 
	width:130px; 
	height:13px;
	padding:0px;
	margin:0px;
	border:none;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-left:1px solid #969393;
	border-top:1px solid #969393;
	border-bottom:1px solid #969393;
}

/** PROJECT / NIEUWS ******************************************************************************************************************************/

div.projectBlock, div.nieuwsBlock { padding:0px 0px 10px 0px; }
div.projectBlock p, div.nieuwsBlock p { padding:0px; }
div.projectBlock p.read, div.nieuwsBlock p.read { padding:0px; text-align:right; }
div.projectBlock p.read a, div.nieuwsBlock p.read a { font-weight:bold; }

/** FONT ******************************************************************************************************************************************/

div,span,p{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:20px;
	text-decoration:none;
	font-weight:normal;
}
p{ padding:0px 0px 10px 0px; margin:0px; }
p.clear{ padding:0px; margin:0px; }

a, a:link, a:active, a:visited, a:hover{
	color:#333333;
	text-decoration:underline;
}
a:hover{ text-decoration:none; }

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#8cc045;
	line-height:normal;
	text-decoration:none;
	padding:0px 0px 10px 0px; margin:0px;
}
#headerText h1{ padding:0px; }

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#8cc045;
	padding:0px 0px 10px 0px; margin:0px;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
	color:#8cc045;
	padding:0px; margin:0px;
}

#footer div, #footer div a { color:#FFFFFF; font-weight:normal; text-decoration:none; }
#footer div a:hover { text-decoration:underline; }
#menuMain li, #menuMain li a { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; font-weight:bold; list-style-image:none; text-decoration:none; }
#menuMain li a:hover { text-decoration:underline; }
#menuMain li.active, #menuMain li.active a { color:#343534; text-decoration:none; }
#menuMain li.active a:hover { text-decoration:undeline; }

#menuSub li, #menuSub li a { font-weight:normal; list-style-image:none; color:#333333; text-decoration:none; }
#menuSub li a:hover { text-decoration:underline; }
#menuSub li #menuSubSub li, #menuSub li #menuSubSub li a { font-weight:normal; list-style-image:none; color:#333333; text-decoration:none; }
#menuSub li #menuSubSub li a:hover { text-decoration:underline; }
#menuSub li #menuSubSub li { background-image:url(http://www.qdelft.nl/templates/images/menu_arrow_sub.gif); background-repeat:no-repeat; background-position:0px 8px; } 
#menuSub li#starter, #menuSub li#starter a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; font-size:12px; text-decoration:none; }
#menuSub li#starter a:hover { text-decoration:underline; }
#menuSub li.active, #menuSub li.active a { font-weight:bold; color:#8cc045; text-decoration:none; }
#menuSub li.active a:hover { text-decoration:underline; }
#menuSub li #menuSubSub li.active, #menuSub li #menuSubSub li.active a { font-weight:bold; color:#8cc045; text-decoration:none; }
#menuSub li #menuSubSub li.active a:hover { text-decoration:underline; }

#crumbHolder, #crumbHolder a { color:#999999; font-weight:normal; text-decoration:none; }
#crumbHolder a:hover { text-decoration:underline; }
#actionsBlock div.language, #actionsBlock div.language a{ font-size:10px; line-height:normal;  text-decoration:none; }
#actionsBlock div.language a:hover{ text-decoration:underline; }

ul{ padding:0px; margin:0px 0px 10px 20px; }
#sitemapHolder {margin:-10px 0px 0px 0px;} 
ul.ulSitemap{ padding:0px; margin:0px 0px 0px 15px; list-style:none; line-height:normal; text-transform:capitalize; }
ol{ padding:0px; margin:0px 0px 10px 25px; }
ul li{ list-style-image:url(http://www.qdelft.nl/templates/images/li_image.jpg); }
ul li.header{ list-style-image:none; list-style:none; }
ul li.header h2{ margin:0px 0px 0px -10px; padding:10px 0px 4px 0px; text-transform:capitalize; }