body {
	background: #BBD0B1 url(../../../static/images/bg_gradient.gif) repeat-x top left fixed;
	font-size: 62.5%;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial;
	color: #2E2E2E;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.5em;
	line-height: 2.1em;
}

p {
	font-size: 1.1em;
	line-height: 1.6em;
}

a {
	color: #D15600;
	text-decoration: none;
	font-weight: bold;
}

#wrapper {
	width: 934px;
	margin: 0 auto;
	padding: 12px;
	overflow: hidden;
}

#header-wrapper {
	background: url(../../../static/images/header_shadow.png) no-repeat;
	width: 100%; height: 192px;
	}
	#header-wrapper .header {
		background: #999 url(../../../data/media/db_images/original/22001642_57ecd0.jpg);
		width: 924px; height: 187px;
		top: 5px; left: 5px;
		position: relative;
		border-bottom: 1px solid #454545;
		}
		#header-wrapper .header h1 {
			background: url(../../../static/images/logo.png) no-repeat center center;
			width: 92px; height: 61px;
			display: block;
			text-indent: -9999px;
			padding: 5px;
			float: left;
			}
			#header-wrapper .header h1 a {
				width: 92px; height: 61px;
				display: block;
			}
			
		#header-wrapper .header h2 {
			text-transform: uppercase;
			top: 17px; left: 61px;
			position: relative;
			float: left;
		}
		
		#header-wrapper .header .tab {
			background: url(../../../static/images/bg_tab.png) no-repeat;
			width: 180px; height: 26px;
			float: right;
			margin-top: 45px;
			}
			#header-wrapper .header .tab form {
				width: 142px; height: 16px;
				margin: 2px 0px 0px 11px;
				display: inline;

				float: left;
				}
				#header-wrapper .header .tab form fieldset input {
					border: 0;
				}

				#send {
					top: 3px; left: 3px;
					position: relative;
				}
				
			#header-wrapper .header .tab a {
				background: url(../../../static/images/rss_button.gif) no-repeat;
				width: 16px; height: 16px;
				text-indent: -9999px;
				display: inline;
				float: right;
				margin: 5px 5px 0px 0px;
			}

		#header-wrapper .header .foto-banner {
			background: #FFF;
			width: 901px; height: 67px;
			margin: 11px;
			padding: 1px 0px 1px 0px;
			}
			#header-wrapper .header .foto-banner img {
				float: left;
				margin: 0px 0px 0px 1px;
			}
	
#navigation {
	background: url(../../../static/images/bg_menu.gif) repeat-x;
	width: 924px; height: 27px;
	clear: both;
	}
	#menu {
		height: 100%;
		font-size: 1.5em;
		text-transform: uppercase;
		}
		#menu .main {
			height: 100%;
			float: left;
			display: inline;
			}
			#menu .main.first {
				padding: 0px 10px 0px 20px;
			}
			#menu .main a {
				height: 100%;
				line-height: 1.5em;
				display: block;
				padding: 0px 10px 0px 10px;
				}	
				#menu .main a:hover, #menu .main a.current {
					background: #454545;
					height: 25px;
					color: #FFF;
					line-height: 1.4em;
					padding: 0px 9px 0px 9px;
					border: 1px solid #433939;
				}
				
		#menu .main ul {
			background: #2E2E2E;
			padding: 3px;
			position: absolute;
			border: 1px #454545 solid;
			display: none;
			z-index: 100;
			}
			#menu .main ul li {
				float: none;
				}
				#menu .main ul li a {
					padding: 0px 5px 0px 5px;
					display: block;
					}
					#menu .main ul li a:hover {
						height: 24px;
						line-height: 1.5em;
						padding: 0px 5px 0px 5px;
						border: none;
					}
					
		#menu .main.active ul {
			display: block;
		}

#content {
	background: url(../../../static/images/content_shadow.png) repeat-y;
	padding: 35px 45px 5px 45px;
	overflow: hidden;
	}
	#content .column-studiedagen-iaml, #content .column-uitgelicht-cursussen {
		width: 250px;
		float: left;
		}
		#content .column-studiedagen-iaml img, #content .column-uitgelicht-cursussen img {
			width: 120px; height: 90px;
			padding: 10px;
			float: right;
		}
		#content .column-studiedagen-iaml p, #content .column-uitgelicht-cursussen p {
			padding: 0px 0px 0px 10px;
		}
		#content .column-studiedagen-iaml .first, #content .column-uitgelicht-cursussen .first {
			padding-bottom: 40px;		
		}
		
	#content .column-nieuws {
		width: 263px;
		float: left;
		margin: 0px 40px 0px 40px;
		display: inline;
		text-align: right;
		}
		#content .column-nieuws h3 {
			font-size: 2em;
			font-weight: bold;
			line-height: normal;
			text-align: left;
		}
		#content .column-nieuws a {
			font-size: 1.3em;
		}
		#content .column-nieuws ul {
			text-align: left;
			padding: 0px 0px 10px 18px;
			}
			#content .column-nieuws ul li {
				font-size: 1.2em;
				line-height: 1.3em;
				list-style-image: url(../../../static/images/bullet.gif);
				margin: 10px 0px 0px 0px;
				}
				#content .column-nieuws ul li a {
					font-size: 1em;
					line-height: 1em;
				}
				
	#content .item {
		margin: 0px 0px 28px 0px;
		clear: both;
		overflow: hidden;
		}
		#content .item h3  {
			font-size: 1.4em;
			line-height: 1.9em;
		}
		#content .item h4  {
			font-size: 1.3em;
			line-height: 1.7em;
			color: #91B57D;
		}
		#content .item h5  {
			font-size: 1.2em;
			line-height: 1.3em;
		}
		#content .item em {
			color: #999;
			font-size: 1.3em;
			line-height: 1.7em;
			padding: 0px 0px 0px 10px
		}
		#content .item img {
			float: right;
		}
		#content .item p {
			width: 592px;
			padding: 0px 0px 0px 10px
			}
			
			#content .item p em {
				color: #2E2E2E;
				font-size: 1.0em;
				padding: 0;
			}
			#content .item p a {
				font-size: 1.0em;
				margin: 0;
			}
			
		#content .item a {
			font-size: 1.3em;
			margin: 0px 0px 0px 508px;
			display: inline;
		}
		
		#content .item.detail table img { 
			padding: 0px 0px 10px 0px;
		}
		
		#content .item.detail table tr td { 
			text-align: center;
		}
		
		#content .item.detail .downloads {
			padding: 10px 0px 0px 10px;
		}
		
	#content .archief {
		overflow: hidden;
		}	
		#content .archief h3 {
			font-size: 1.8em;
		}
		#content .archief h4 {
			font-size: 1.4em;
			clear: both;
			}
			#content .archief dl {
				width: 592px;
				margin: 20px 0px 40px 0px;
				display: block;
				overflow: hidden;
				}
				#content .archief dl dt {
					width: 120px;
					font-size: 1.4em;
					font-style: italic;
					color: #999;
					float: left;
					clear: left;
					margin: 4px 0px 4px 10px;
					display: inline;
				}
				#content .archief dl dd {
					width: 422px;
					font-size: 1.5em;
					float: left;
					margin: 4px 0px 4px 40px;
					display: inline;
					}
					#content .archief dl dd a {
						color: #2E2E2E;
						font-weight: normal;
						clear: right;
					}
		
	#content .sub-navigatie {
		font-weight: bold;
		float: right;
	}

	#content .contact {
		width: 100%;
		}
		#content .contact .form {
			width: 345px;
			float: left;
			}
			#content .contact .form table tr td {
				font-size: 1.2em;
				margin: 0px 0px 0px 10px;
				display: inline;
			}
			#content .contact .form table tr td, #content #content .contact .form table tr td input, #content .contact .form table tr td textarea, #content .contact .form table tr td select {
				font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial;
				color: #2E2E2E;
			}
			#content .contact .form table tr td input.form_field, #content .contact .form table tr td input.form_field_err, #content .contact .form table tr td select {
				background: url(../../../static/images/bg_form.gif) #FFF repeat-x top left;
				width: 320px;
				font-size: 0.9em;
				border: 1px solid #454545;
				margin: 10px 0px 20px 10px;
			}
			#content .contact .form table tr td textarea.form_field, #content .contact .form table tr td textarea.form_field_err {
				background: url(../../../static/images/bg_form.gif) #FFF repeat-x top left;
				width: 320px; height: 180px;
				font-size: 1em;
				border: 1px solid #454545;
				margin: 10px 0px 20px 10px;				
			}	
			#content .contact .form table tr td input.form_button {
				font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial;
				font-size: 1em;
				vertical-align: middle;
				float: right;
			}

		#content .contact p {
			width: 450px;
			float: left;
			margin: 0px 0px 0px 40px;
			display: inline;
		}
		
		#content .contact .form p {
			width: 330px;
			padding: 0px 0px 0px 20px;
			margin: 0;
			}
			#content .contact .form p.form_error_style {
				font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial;
				font-size: 1.2em;
				font-style: italic;
				color: #999;
				padding: 0px 0px 10px 20px;
				}
				#content .contact .form p.form_error_style strong {
					font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial;
					font-style: normal;
					color: #2E2E2E;
				}
	
#footer {
	background: url(../../../static/images/footer_shadow.png) no-repeat;
	width: 100%; height: 5px;
}

.border {
	border: 1px solid #454545;
}