* { margin: 0; }

body {
	background: url(../t01_images/bg/body.gif) repeat-x #ec008c;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	}

a { color: #ec008c; text-decoration: none; }
a:hover { text-decoration: underline; color: #000; }

h1 { height: 33px; padding: 0 0 10px 42px; background: url(../t01_images/bg/h2.gif) no-repeat 0 2px; font-size: 24px; }
h1, h2, h3 { margin: 0 0 15px; text-transform: uppercase; font-weight: normal; color: #ec008c; line-height: normal; clear: both; }
h2 { height: 33px; padding: 0 0 0 42px; background: url(../t01_images/bg/h2.gif) no-repeat 0 2px; font-size: 24px; }
h3 { padding: 0 0 5px; font-size: 20px; }
h4 { font-size: 12px; color: #ec008c; }
address { font-style: normal; line-height: 16px; }

#container {
	width: 960px;
	margin: 0 auto;
	}

#top {
	width: 960px;
	height: 71px;
	}
	#top a.logo { width: 355px; height: 39px; margin: 16px 0 0; background: url(../t01_images/bg/logo.gif); text-indent: -9999px; float: left; }
	#top h1.ms { width: 283px; height: 10px; margin: 27px 0 0; background: url(../t01_images/bg/mission-statement.gif) no-repeat; text-indent: -9999px; float: right; overflow: hidden;}

#mainmenu {
	width: 960px;
	height: 30px;
	margin: 0 0 10px;
	}
	#mainmenu li:hover a, #mainmenu li.sfHover a { color: #fff; text-decoration: none; }
	#mainmenu li:hover ul a, #mainmenu li.sfHover ul a { width: 160px; padding: 7px; color: #fff; font-size: 12px; }
	.nav, .nav ul { list-style: none; padding: 0; }
	.nav { z-index: 100; position: relative; }
	.nav li { float: left; position: relative; }
	.nav li a { height: 23px; padding: 7px 10px 0; display: block; color: #000; float: left; border-right: 1px solid #81004c; }
	.nav li a:hover { color: #fff; }
	.nav li ul li { float: none; }
	.nav li ul li a { width: 160px; height: auto; padding: 5px; float: none; border: 0; border-bottom: 1px solid #ec008c; }
	.nav li ul li a:hover { background: #81004c; }
	.nav ul { list-style: none; background: #d4007e; position: absolute; top: -9999px; left: 0px; }
	.nav li:hover ul, .nav li.sfHover ul { top: 30px; }

#header {
	width: 960px;
	height: 375px;
	margin: 0 0 10px;
	color: #fff;
	}
	#header a { color: #fff; }
	#header .left { width: 223px; padding: 0 11px 0 0; height: 375px; float: left; }
	#header .left .info { width: 208px; height: 167px; padding: 15px 0 0 15px; background: url(../t01_images/bg/header-left-big.gif); }
	#header .left .info:hover, #header .left a:hover.box { background-position: bottom; }
	#header .left .info p { margin: 0 0 10px; font-size: 15px; }
	#header .left .info a { text-decoration: underline; }
	#header .left a.box { width: 208px; height: 71px; padding: 15px 0 0 15px; margin: 11px 0 0; display: block; background: url(../t01_images/bg/header-left-small.gif); font-size: 16px; }
	#header .right { width: 696px; height: 32px; padding: 343px 15px 0 15px; background: url(../t01_images/bg/header.jpg); float: left; }
	#header .right p { float: right; }
	#header .right blockquote { font-size: 17px; }
	
#header_vervolg {
	width: 960px;
	height: 182px;
	margin: 0 0 10px;
	color: #fff;
	}
	#header_vervolg a { color: #fff; }
	#header_vervolg .left { width: 223px; padding: 0 11px 0 0; height: 182px; float: left; }
	#header_vervolg .left .info { width: 208px; height: 167px; padding: 15px 0 0 15px; background: url(../t01_images/bg/header-left-big.gif); }
	#header_vervolg .left .info:hover, #header_vervolg .left a:hover.box { background-position: bottom; }
	#header_vervolg .left .info p { margin: 0 0 10px; font-size: 15px; }
	#header_vervolg .left .info a { text-decoration: underline; }
	#header_vervolg .left a.box { width: 208px; height: 71px; padding: 15px 0 0 15px; margin: 11px 0 0; display: block; background: url(../t01_images/bg/header-left-small.gif); font-size: 16px; }
	#header_vervolg .right { width: 696px; height: 34px; padding: 147px 15px 0 15px; background: url(../t01_images/bg/header_vervolg.jpg); float: left; }
	#header_vervolg .right p { float: right; }
	#header_vervolg .right blockquote { font-size: 17px; }

#content {
	width: 922px;
	padding: 19px 19px 0;
	background: url(../t01_images/bg/content-top.gif) no-repeat #fff;
	line-height: 20px;
	}
	#content p { margin: 0 0 20px; }
	#content .bottom { width: 960px; height: 15px; margin: 0 -19px; background: url(../t01_images/bg/content-bottom.gif); clear: both; overflow: hidden; }

#left {
	width: 600px;
	padding: 0 22px 0 0;
	float: left;
	}
    #left ul { padding: 0 0 0 20px; margin: 0 0 10px 10px;}
	#left li { list-style: outside; padding: 0 0 10px 10px; list-style-image: url(../t01_images/vinkje.gif);}
	#left ol { padding: 0 0 0 20px; margin: 0 0 10px; }
    #left .column { float:left; width:280px;}

#right {
	width: 270px;
	padding: 15px 15px 0;
	background: url(../t01_images/bg/right-top.gif) no-repeat #e5e5e5;
	float: left;
	position: relative;
	}
	#right .item { width: 270px; margin: 0 0 20px; overflow: hidden; }
	#right .item  { margin: 0; }
	#right .item .date { width: 30px; padding: 0 15px 0 0; background: url(../t01_images/bg/date.gif) no-repeat; text-align: center; font-weight: bold; font-size: 15px; line-height: 30px; color: #fff; float: left; }
	#right .item .date span { color: #666; }
	#right .item .text { width: 225px; float: left; }
	#right .bottom { width: 300px; height: 10px; margin: 0 -15px; background: url(../t01_images/bg/right-bottom.gif); clear: both; overflow: hidden; }
    #right { margin: 0 0 250px; }
    #right img.twitter { position: absolute; bottom: -230px; left: 35px; }

#footer {
	width: 960px;
	padding: 20px 0;
	color: #fff;
	text-align: center;
	font-size: 11px;
	}
	#footer a { color: #fce; }
	#footer a:hover { color: #fff; }

.floatright { float: right; }
.imgleft { margin: 0 15px 0 0; float: left }

/*---------------------------------------------------- Formulieren ----------------------------------------*/
.formfield {
border:1px solid #A5ACB2;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#353535;
font-size:12px;
height:14px;
letter-spacing:1px;
padding:3px;
width:253px;
}

.formfield:focus {
border:1px solid #353535;
}

.formarea {
border:1px solid #A5ACB2;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#353535;
font-size:12px;
height:180px;
letter-spacing:1px;
line-height:150%;
padding:0 2px;
width:360px;
}

.formarea:focus {
border:1px solid #353535;
}

.submit {
color:#353535;
font-size:11px;
letter-spacing:1px;
padding:2px;
}
/*---------------------------------------------------- Formulieren ----------------------------------------*/
