@charset "utf-8";
/* CSS Document */

/* Algemeen */
* {margin: 0; padding: 0; outline: none; border: none;}

body, html {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow-x: hidden;
	background: #edf4f6;
	color: #858585;
}

.clear {clear: both; line-height: 1px;}

/* Website */

#mainContainer {width: 1254px; position: absolute; left: 50%; margin-left: -627px; background: url(../img/layout/bg-maincontainer.jpg) no-repeat top left; }
#siteContainer {width: 962px; margin: 0 auto;}

	/* Top */
	#top {width: 960px; height: 129px;}
		#top #logo {margin-top: 50px; float: left;}
		#top #taalkeuze  {float: right; margin-top: 65px;}
		#top p {color: #595959; font-size: 11px;}
		#top p a {color: #595959; text-decoration: none;}
		#top p a:hover {text-decoration: underline;}
	
	/* Content */
	#contentContainer {width: 100%; background: white url(../img/layout/content-bg.gif) repeat-y top right;}
		.content-top, .content-bottom {width: 100%; height: 20px;}
		.content-top {background: url(../img/layout/content-top.gif) no-repeat top;}
		.content-bottom {background: url(../img/layout/content-bottom.gif) no-repeat bottom;}
		
		/* Menu */
		#left {width: 246px; float: left; margin-left: 5px; display: inline;}
			#left #menu {width: 100%; list-style: none;}
			#left #menu li {font-weight: bold; text-transform: uppercase; margin-bottom: 2px;}
			#left #menu li a{width: 226px; padding: 5px 10px 4px 10px; color: white; text-decoration: none; background: #4b89c0; display: block;}
			#left #menu li a:hover {background: #3b75a8;}
			#left #menu li ul {list-style: none; margin-top: 2px;}
			#left #menu li ul li {font-weight: normal; text-transform: none; font-size: 12px;}
			#left #menu li ul li a {width: 206px; padding: 4px 20px 3px 20px; color: #265f91; background: #aec8df;}
			#left #menu li ul li a:hover {background: #97b6d1;}
			
			#left #menu li.first a {background: #4b89c0 url(../img/layout/menu-first-item.gif) no-repeat right 0;}
			#left #menu li.first a:hover {background: #3b75a8 url(../img/layout/menu-first-item.gif) no-repeat right -27px;}
			#left #menu li.last a {background: #4b89c0 url(../img/layout/menu-last-item.gif) no-repeat right 16px;}
			#left #menu li.last a:hover {background: #3b75a8 url(../img/layout/menu-last-item.gif) no-repeat right -11px;}
			
			#left a.innovaties-nl, #left a.innovaties-uk {width: 169px; height: 169px; display: block; margin: 20px 0 0 35px; }
			#left a.innovaties-nl {background: url(../img/layout/button-innovaties.jpg) 0 0;}
			#left a.innovaties-nl:hover {background: url(../img/layout/button-innovaties.jpg) 0 -169px;}
			#left a.innovaties-uk {background: url(../img/layout/button-innovaties-uk.jpg) 0 0;}
			#left a.innovaties-uk:hover {background: url(../img/layout/button-innovaties-uk.jpg) 0 -169px;}
		
		/* Header */
		#header {width: 699px; height: 137px; margin: 0 0 20px 5px; float: left; position: relative;}
			#header .overlay {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/layout/bg-header.png);}
		
		/* Teksten */
		#contentText {width: 343px; margin: -5px 15px 0 15px; float: left;}
			#contentText h1 {font-size: 16px; text-transform: uppercase; color: #024a89; margin-bottom: 20px;}
			#contentText h2 {font-size: 12px; color: #024a89; margin-bottom: 15px;}
			#contentText p {line-height: 16px; margin-bottom: 12px;}
			#contentText a {color: #6c6c6c;}
			#contentText a:hover {text-decoration: none;}
			
			#contentText ul {margin: 0 0 12px 40px; color: #b7ced7;}
			#contentText ul li a{color: #6c6c6c; text-decoration: none;}
			#contentText ul li a:hover {text-decoration: underline;}
			#contentText ul li p {margin: 0; color: #858585;}
			#contentText ul li ul{margin: 0 0 0 20px;}
			#contentText ul li ul li a{color: #959595; text-decoration: none;}
			
			#contentText form .item {width: 100%; margin-bottom: 5px;}
			#contentText form .item .left {float: left; width: 130px;}
			#contentText form .item .right {float: left; width: 203px;}
			#contentText form .item .right input, #contentText form .item .right textarea {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
				font-size: 12px;
				border: 1px solid #b7ced7; 
				width: 190px;
			}
			#contentText form .item .right input.submit {width: 80px;}
			
			#contentText #awg-tabel {width: 100%;}
			#contentText #awg-tabel tr.top {background: #406f99; color: white;}
			#contentText #awg-tabel tr.top select {border: 1px solid #0a2b49; font-size: 11px; color: #858585;}
			#contentText #awg-tabel tr.top option {padding-left: 2px;}
			#contentText #awg-tabel tr.namen {background: #7197b8; color: white;}
			#contentText #awg-tabel tr.namen td.lighter {background: #a8c4dc;}
			#contentText #awg-tabel tr.content {color: #2c5d88; background: #bfd2e2; font-size: 11px;}
			#contentText #awg-tabel tr.content td.lighter {background: #dbe8f3;}
			#contentText #awg-tabel tr td {padding: 3px;}
			
		/* Foto */
		.contentFoto {float: left; width: 150px; height: 185px;}
		
		/* Right */
		#rightContent {width: 176px; float: left; margin-left: 5px;}
			#rightContent #downloads {width: 156px; background: #f2f6f9 url(../img/layout/bg-downloads.gif) no-repeat top right; padding: 10px;}
				#rightContent #downloads h2 {font-size: 12px; margin-bottom: 15px; color: #024a89;}
				#rightContent #downloads ul {color: #0a364e; margin-left: 17px;}
				#rightContent #downloads ul li a {color: #858585; text-decoration: none;}
				#rightContent #downloads ul li a:hover {text-decoration: underline;}
				
			#rightContent p {width: 156px; padding: 10px; color: #b4b4b4;}
			#rightContent img {padding: 0 0 10px 10px;}
		
	/* Bottom */
	#bottom {width: 960px; height: 44px; position: relative; margin-top: 10px; position: relative;}
		#bottom a {width: 180px; height: 100%; display: block; position: absolute; right: 0;}
		#bottom p {float: right; padding-top: 10px; font-size: 11px; color: #858585;}
		#bottom img {float: right; margin-right: 10px;}