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

/* start group body background */

body {
	background-color: #e6edf2;
}

/* end group body background /*



/* start group typography */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; 
/*	http://clagnut.com/blog/348/
	brings font size back to 10px, so that 1.2em becomes 12px, etc */
}

p, ul, ol, #partneroverzicht td, label {	
	color: #818e98;
	font-size: 1.2em;
	line-height: 1.75em;
	margin-bottom: 25px;
}


p.teaser {
	color: #203240;
	margin-bottom: 25px;
	font-size: 1.6em;
}

p.tab {
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom:10px;
}

ul { 
	margin-left: 50px;
	list-style:circle;
}

ol {
	margin-left: 50px;
	list-style: decimal;
}

#navigation-top ul,
#navigation-bottom-left ul,
#navigation-bottom-right ul {
	height: 50px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#navigation-top ul {
	padding-top:15px;
}

#navigation-top ul li,
#navigation-bottom-left ul li,
#navigation-bottom-right ul li {

}

#navigation-bottom-right ul {
	text-align: right;
}

#navigation-top ul li,
#navigation-bottom-left ul li {
	height: 50px;
	display: inline;
	list-style: none;
	margin-right: 2.5em;

}

#navigation-bottom-left ul li {
	margin-right: 0;
}

img.logo {
	width: 50px; height: 50px; 
}


#navigation-bottom-right ul li {
	line-height: 50px;
	display: inline;
	list-style: none;
	margin-left: 2.4em;
}


#navigation-bottom-left ul li {
	line-height: 50px;
	display: inline;
	list-style: none;
}


#navigation-top ul li a,
#navigation-bottom-left ul li a,
#navigation-bottom-right ul li a {
	color: #a3b3bf;
	text-decoration: none;
}

#navigation-top ul li a:hover,
#navigation-top ul li a.active, 
#navigation-bottom-left ul li a:hover,
#navigation-bottom-right ul li a:hover,
#navigation-bottom-left ul li a.active,
#navigation-bottom-right ul li a.active {
	color: #FFFFFF;
}





a {
	}


h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 4em;
	font-weight: normal;
	color: #203240;
	margin: 75px auto 25px 0;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	font-weight: normal;
	color: #203240;
	margin: 50px auto 10px 0;
}

h2.tab {
	font-size: 2em;
	margin: 3px auto 15px auto;
	color: #e6edf2;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #203240;
	margin: 0px auto 10px 0;
}




/* end group typography */



/* start group layout */

/* start code for sticking footer to bottom

	 For sticking the footer to the bottom, I've used a technique described here:
	 - http://ryanfait.com/resources/footer-stick-to-bottom-of-page
	 
	 An alternative technique could have been:
	 - http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page */

		html, body {
			height: 100%;
		}
		
		#wrapper-top {
			min-height: 100%;
			height: auto !important;
			height: 100%;
			margin: 0 auto -150px auto;
		}
		
		.push, #wrapper-bottom {
			height: 150px;
		}

/* end code for sticking footer to bottom */

#wrapper-top {
	width: 100%; 
	background: transparent url(../images/background-wrapper-top.gif) top left repeat-x;
}

#canvas {
	width: 980px; 
	margin-left: auto; margin-right: auto;
	background: transparent url(../images/background-canvas.jpg) top left no-repeat;
}

#header {
	width: 980px; height: 50px;
}

#navigation-top {
	width: 540px; height: 50px;
	margin-left: 440px;
}

#content {
	width:980px;
}

#content-right-column {
	width: 540px;
	margin-left: 440px;
}

#content-full-width {
	width: 980px;
	margin-top:35px;
}

#content-full-width-tabs1 {
	width: 980px;
	background-image:url(../images/background-tabs1.jpg)
}

#content-full-width-tabs2 {
	width: 980px;
	background-image:url(../images/background-tabs2.jpg)
}

#content-full-width-logos {
	width: 980px;
}

.note {
	display: inline;
	width:410px;
	margin: 0;
}

.icon {
	display: inline;
	width: 135px;
	margin: 0;
}

#wrapper-bottom {
	background: transparent url(../images/background-wrapper-bottom.gif) bottom left repeat-x;
}

#footer {
	width: 980px; height: 150px; 
	margin-left: auto; margin-right: auto; 
	background: transparent url(../images/background-footer.gif) top left no-repeat;
}

#navigation-bottom {
	width: 980px; height: 50px; position: relative; top: 100px;

}

#navigation-bottom-left {
	position: absolute; left: 0px; width: 490px; height: 50px;
}

#navigation-bottom-right {
	position: absolute; left: 490px; width: 490px; height: 50px;
}




hr {
height: 2px;
border: 0;
border-top: 1px solid #ced4d9;
border-bottom: 1px solid #FFFFFF;
}