body {
margin: 0; padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
color: #570E83;
background: #fff url(img/logo_201_nieuwekleur.gif) no-repeat 0 0;
}



#box { background: transparent url(img/achtergrond_lichter_801.gif) repeat-y 88% 0; height: 100%; margin: 0; padding: 0; }

/*#headline {
font-size: .65em;
padding-top: 30px;
padding-left: 150px;
padding-right: 150px;
text-align: justify;
line-height: 1.5em;}*/

/* For the byline on the pullquote. */

/*p.byline {
text-align: right;
}*/


blockquote { font-style:italic; font-size:1.1em; color:#F22F94;  margin: 20px 10px 10px 10px; padding: 7px 17px; border: 1px solid #FDE8EF;
background: /* #fbf0f4 */ #f7f7f7 url(img/quote.gif) no-repeat 0 5px; text-align:justify;
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }

blockquote span { background:url(img/unquote.gif) no-repeat bottom right; padding: 0 10px; width:30px; }


#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
font-size: 0.8em;
letter-spacing: 5px;
text-align: right;
margin-top: 0;
padding-bottom: 3px;
font-weight: bold;
padding-top: 3px;
padding-right: 50px;
background-color: #fff;
color: #222;
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
}



#header-image {
background: url(images/header_imagee.jpg) no-repeat 0 0;
height: 75px;
}



#navbar { height: 70px;
margin: 0 0 0 20%;
font: bold  17px tahoma, verdana, arial, sans-serif;
text-align: left;
padding: 0;
background: transparent;
color: #333;
word-spacing: 4px; }

#navbar a, #navbar a:visited { margin: 0px 20px 20px 0px; color: #570E83; /*background: url(img/nav_dark.gif) no-repeat 50%  25px;*/ word-spacing: 0; height:50px; padding: 0 0 0px 0; }

#navbar a.current { /*background: url(img/nav_lite.gif) no-repeat 50% 25px;*/ text-decoration: underline;  }

#navbar a:hover {  /*background: url(img/nav_lite.gif) no-repeat 50% 25px;*/
color: #F22F94;
word-spacing: 0;
text-decoration: underline; height:50px 
}


h1 { position: relative; top:-200px; 
margin: 0px;
padding: 0px;
background: url(img/sublogo_groter01.GIF) no-repeat 0 0; 
height: 77px;
}

h1 a, h1 a:visited, h1 a:hover { border: none; text-decoration: none; z-index: 10; }

#main-text { z-index:1;margin: 0 20%;font-size: .80em;line-height: 1.7em;
}

h2 { font: bold 16px tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0;padding: 1px;color: #570E83;}

p, ul, ol, table {margin: 0 0 20px 16px; }

.fl { float: left; padding: 5px; margin-right: 15px; border:1px solid #eee; }

ol, ul {margin-left: 25px;margin-right: 25px;}

a:link, a:visited { text-decoration: none; color:#F22F94;}
a:hover { font-weight: bold;text-decoration: underline;}

#footer {text-align: center;margin: 0;padding: 0;font-size: .65em;color: #570E83;font-weight: normal;}

#footer a:link, #footer a:visited { color: #570E83; margin: 0 15px;}
#footer a:hover { text-decoration: underline;color: #666; }

#container {	padding:20px;}

input, textarea {	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#404040;}

label {color:#999;cursor:pointer;padding-left:2px;line-height:15px;	vertical-align:top;}
label.chosen {color:#333;}


.textinput, .textinputHovered {	width:236px;height:15px;background:url(img/input.gif) no-repeat left top;border:none;padding:4px 8px;}
.textinputHovered {	background-position:left bottom;}

.textarea, .textareaHovered {width:336px;height:125px;background: #f0f url(img/textarea.gif) no-repeat left top;	border:none;padding:4px 8px;}

.buttonSubmit, .buttonSubmitHovered {width:69px;	height:26px;color:#570e83;font-weight:bold;	padding:2px 5px;background:url(img/button.gif) no-repeat left top;cursor:pointer;border:none;}
.buttonSubmitHovered {background-position:left bottom;}

#stylesheetTest {position:absolute;	left:-999px;width:10px;	height:10px;}

.hide {display: none; position: absolute; left: -9999px; top: -9999px}
.reset {display: block;width: 1px;height: 1px;clear: both;font-size: 1px;margin: 0px;padding: 0px;line-height: 1px;}