/*
Kleurenschema
- - - - - - - - - - - - - - -
 donkerblauw (vlak): #80CFE2
 donkerblauw (link): #2488A2
 lichtblauw (nav):   #E6F6F9
 lichtblauw (vlak):  #D9F1F7
 donkergrijs:        #404040
- - - - - - - - - - - - - - -
*/

body, th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.5em;
}

body  {
	width: 100%;
	background: #FFFFFF url(../assets/background.gif) center repeat-y;
	margin: 0;
	padding: 0;
 	text-align: center;
}

p {
	margin: 0 0 1em 0;
}

h1, h2, h3 { padding: 0; margin: 0; color: #404040; }
h1 { font-size: 1.25em; margin-bottom: 1em;}
h2, h3 { font-size: 1.1em; }

ul {
	padding: 0px;
	margin: 0 0 1em 1.5em;
}

a:link, a:visited {
	text-decoration: none;
	color: #2488A2;
}

a:hover, a:active {
	text-decoration: underline;
	color: #2488A2;
}

form {
	margin: 0;
	padding: 0;
}

#container { 
	background: #FFFFFF;
	width: 922px;
	margin: 0 auto;
	text-align: left;
}

/* navigatie */

#navcontainer {
	background: #404040;
	line-height: 2em;
	width: 892px;
	margin: 0 auto;
}

#navcontainer a {
	color: #FFFFFF;
}

#navcontainer img {
	color: #FFFFFF;
	float: right;
}

#navcontainer #nav {
	margin: 0px;
	padding: 6px 0 0 118px;
}

#navcontainer #subnav {
	margin: 0px;
	padding: 0 0 0 118px;
}

#nav li {
	float: left;
	width: 96px;
	background: #E6F6F9 url(../assets/nav.gif) left -25px no-repeat;
	font-weight: bold;
	text-align: center;
	list-style: none;
}

#nav a {
	float: left;
	width: 96px;
	color: #333333;
	text-decoration: none;
}

#nav a:hover, #nav a:active, #nav strong {
	display: block; 
	float: left;
	width: 96px;
	background: url(../assets/nav.gif) no-repeat;
	cursor: hand;
}

#subnav {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.75em;
	clear: both;
	display: block;
	background: #80CFE2;
}

#subnav li {
	display: inline;
	padding: 0 10px;
	list-style: none;
	background: #80CFE2;
}

#subnav strong {
	color: #000000;
}

/* logo en animatie */

#anicontainer {
	height: 96px;
	padding: 18px 0 18px 0;
}

#logo {
	float: left;
}

#animatie {
	width: 576px;
	float: left;
	padding: 0 0 0 96px;
}

#rightnav {
	height: 96px;
	width: 102px;
	float: left;
	display: block;
	background: #80CFE2;
}

#rightnav a {
	color: #000000;
	font-weight: bold;
	background: url(../assets/rightNav.gif) no-repeat;
	width: 90px;
    height: 22px;
	display: block;
	float: right;
	padding: 1px 0 1px 5px;
	margin-top: 60px;
}

/* content */

#contentcontainer {
	clear: both;
	width: 892px;
	min-height: 650px;
	_height: 650px;
	margin: 0 auto;
}

#contentleft {
	width: 671px; 
}

#contentright {
	width: 211px;
	float:right;
}

#contentdouble {
	width: 1002px;
	float:right;
}

.beeld {
	float: left;
	margin: 0 40px 0 0;
	width: 174px;
	height: 215px;
}

.refbeeld {
	width: 174px;
	margin: 0 0 1em 5px;
}

.tekstwrapper {
	float: left;
	min-height: 255px;
	_height: 255px;
}

.tekst {
	width: 425px;
	background: #D9F1F7 url(../assets/content.gif);
	overflow: hidden;
}

.double {
	width: 576px;
	background: #D9F1F7 url(../assets/double.gif);
	overflow: hidden;
}

.tekst h1, .double h1 {
	padding: 10px 0 0 15px;
	margin: 0;
}

.tekst h2, .double h2 {
	padding: 5px 0 0 35px;
	margin: 0;
}

.tekst h3, .double h3 {
	color: #2488A2;
	padding: 5px 0 0 35px;
	margin: 0;
}

.tekst ul, .double ul {
	padding: 5px 0 10px 50px;
	margin: 0;
}

.tekst p, .double p {
	padding: 5px 25px 10px 35px ;
	margin: 0;
}

.tekst iframe, .double iframe {
	margin: 5px 25px 10px 35px ;
}

.link {
	width: 400px;
	text-align: right;
	display: block;
	background: url(../assets/verder.gif) no-repeat;
	height: 22px;
	padding: 1px 25px 0 0;
	margin: 0 0 25px 0;
	font-size: 11px;
	font-weight: bold;
}

.tekstfooter {
	width: 400px;
	text-align: right;
	display: block;
	background: url(../assets/tekst-footer.gif) no-repeat;
	height: 22px;
	padding: 1px 25px 0 0;
	margin: 0 0 25px 0;
	font-size: 11px;
	font-weight: bold;
}

.link a:link, .link a:visited, .link a:hover, .link a:active {
	color: #FFFFFF;
}

/* content */

#sidepanel {
	width: 181px;
	background: #80CFE2 url(../assets/sidepanel.gif) top no-repeat;
	color:#404040;
	float: right;
	font-size: 11px;
	padding: 15px;
}

#sidepanelfooter {
	width: 211px;
	background: #80CFE2 url(../assets/sidepanel-footer.gif) bottom no-repeat;
	float: right;
	height: 5px;
	margin: 0 0 18px 0;
}

#panel {
	width: 181px;
	background: #404040 url(../assets/panel.gif) top no-repeat;
	color:#FFFFFF;
	float: right;
	font-size: 11px;
	padding: 15px;
}

#panelfooter {
	width: 211px;
	background: #404040 url(../assets/panel-footer.gif) bottom no-repeat;
	float: right;
	height: 5px;
	margin: 0 0 18px 0;
}

#panel h1, #panel h2, #panel h3 {
	color:#FFFFFF;
}

#sidepanel h1, #panel h1 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#panel a:link, #panel a:visited, #panel a:hover, #panel a:active {
	color:#FFFFFF;
}

#sidepanel a:link, #sidepanel a:visited, #sidepanel a:hover, #sidepanel a:active {
	color:#000000;
}


/* footer */
#footer {
	clear: both;
	background: #80CFE2;
	width: 886px;
	margin: 0 auto;
	padding: 3px;
	font-size: 10px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color:#404040;
}

#footnav {
	float: right;
}

#pageend {
	background: #404040;
	width: 892px;
	margin: 0 auto;
	height: 8px;
}

/* referenties */

#refcontainer {
	width: 445px;
	float: left ;
}

#contentright {
	width: 211px;
	float:right;
}

.reflogo {
	float: left;
	margin: 0 15px 0 0;
	width: 118px;
	height: 81px;
}

.refwrapper {
	float: left;
}

.ref {
	width: 298px;
	height: 175px;
	background: #D9F1F7 url(../assets/ref.gif);
	overflow: hidden;
}

.ref p {
	font-size: 12px;
	margin: 0 10px;
}

.ref h1 {
	font-size: 12px;
	margin: 10px 10px 0 10px;
}

.reflink {
	width: 272px;
	text-align: right;
	display: block;
	background: url(../assets/ref-footer.gif) no-repeat;
	height: 22px;
	padding: 1px 25px 0 0;
	margin: 0 0 45px 0;
	font-size: 11px;
	font-weight: bold;
}

.tekstfooter {
	width: 400px;
	text-align: right;
	display: block;
	background: url(../assets/tekst-footer.gif) no-repeat;
	height: 22px;
	padding: 1px 25px 0 0;
	margin: 0 0 25px 0;
	font-size: 11px;
	font-weight: bold;
}

.reflink a:link, .reflink a:visited, .reflink a:hover, .reflink a:active {
	color: #FFFFFF;
}

.middelen {
	width: 425px;
	background: #D9F1F7 url(../assets/middelen.gif);
	overflow: hidden;
	padding: 0 0 20px 0;
}

.middelenfooter {
	width: 400px;
	text-align: right;
	display: block;
	background: url(../assets/middelen-footer.gif) no-repeat;
	height: 22px;
	padding: 1px 25px 0 0;
	margin: 0 0 25px 0;
	font-size: 11px;
	font-weight: bold;
}

.midbeeld {
	width: 174px;
	padding-left: 25px;
	margin-top: 2em;
	float: left;
}

.verstuur {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	border: none;
	float:right;
	margin: 10px 5px 0 0;
	padding: 2px;
	background: url(../assets/stemknop.gif) no-repeat;
	width: 75px;
	height: 22px;
	padding: 0;
}

.vraag {
	margin: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #FFFFFF;
	border: #000000 solid 1px;
	width: 360px;
	height: 9em;
}

.email {
	margin: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #FFFFFF;
	border: #000000 solid 1px;
	width: 360px;
}