/************** Default Elements *******************/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	background: #363E49;
	font: 100.01%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

/************** Layout Elements *******************/

#wrapper {
	width: 948px;
	margin: 0 auto 0px;
	text-align: left;
	background: #2A2E39;
	position: relative;
} 
#header {
	height: 41px;
	background: url(../gfx/headerBgx.jpg) no-repeat;
	font: normal 70% "Trebuchet MS", Verdana, Arial;
	letter-spacing: 0.1em;
	padding-top: 50px;
}
#headerRight {
	float: right;
}

#innerwrapper {
	padding: 45px 35px 15px 40px;
	background-color: #fff;
	background-image: url(../gfx/cirkels.gif);
	background-repeat: no-repeat;
	background-position: center 1px;
}

#image {
	margin: 0 auto;
}
#LeftCol {
	float: left;
	width: 275px;
	min-height: 200px;
}
#RightCol {
	float: right;
	width: 265px;
	min-height: 200px;
}
#RightCol2 {
	float: right;
	width: 265px;
	min-height: 200px;
}
#RightCol img {
	display: block;
	margin: 10px auto;
	border: 1px solid #0e2111;
}

#RightCol2 img {
    padding-top: 30px;
}

#content {
	width: inherit;
	margin: 0 285px 0 305px;
	min-height: 200px;
	padding-top: 1px;
}
#content2 {
	float: left;
	width: 550px;
	min-height: 200px;
}
#footer {
	background-color: #242831;
}

/************** Text Elements *******************/

h1, h2, h3, h4, h5, h6 {
	color: #040404;
	font-family: Tahoma, "Trebuchet MS", Verdana;
	font-size: 100%;
	font-weight: bold;
}
h1 {
	background: url(../gfx/h1Bg2.gif) repeat-x -10px;
	height: 35px;
	font-size: 80%;
}

h2 {
	font-size: 80%;
	margin-bottom: 10px;
}

h3 {
	font-size: 80%;
	padding-bottom: 10px;
}

h4 {
	font-size: 80%;
}

h5 {
	font-size: 85%;
	margin-bottom: 10px;
}
p {
	margin: 0px 0 15px;
}
#LeftCol p {
	font-size: 75%;
}
#LeftCol ul li {
	font-size: 95%;
	color: #107ED3;
	padding-left: 15px;
	list-style-position: outside;
	list-style-image: url(../gfx/dot.gif);
	list-style-type: disc;
}
#content p {
	font-size: 75%;
	margin-right: 20px;
}
#content ul {
	font-size: 55%;
	color: #107ED3;
	list-style: url(../gfx/dot.gif) none inside;
}
#content2 p {
	font-size: 75%;
}
#content2 ul {
	font-size: 75%;
	padding-bottom: 10px;
	padding-left: 15px;
	list-style-position: outside;
	list-style-image: url(../gfx/dot.gif);
	list-style-type: none;
}
#RightCol p {
	font-size: 75%;
}

#RightCol2 p {
	font-size: 75%;
	color: #107ED3;
}
#RightCol2 ul {
	font-size: 75%;
	color: #107ED3;
	padding-left: 15px;
	list-style-position: outside;
	list-style-image: url(../gfx/dot.gif);
	list-style-type: disc;
}
#footer  p {
	margin: 0;
	padding: 10px;
	color: #F3F3F3;
	font-size: 55%;
	text-align: center;
}
.footerLines {
	color: #107ED3;
}

/************** Generic Classes *******************/

.right {
	float: right;
	margin-left: 8px;
}

.left {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear: both;
   height: 0;
   font-size: 0;
   line-height: 0;
}
.citaat {
	color: #CF3104!important;
	font-family: Tahoma, "Trebuchet MS";
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}
.auteurCitaat {
	color: #107ED3!important;
	font-family: Tahoma, "Trebuchet MS";
	font-size: 100%;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	padding-bottom: 10px;
}

a img {
	border: none;
}

#LeftCol ul {
	font-size: 75%;
	color: #107ED3;
	padding-left: 15px;
	list-style-position: outside;
	list-style-image: url(../gfx/dot.gif);
	list-style-type: disc;
}

#LeftCol a {
	color: #107ED3;
	text-decoration: none;
}

#LeftCol a:hover, #LeftCol a:focus {
	color: #CF3104;
	text-decoration: none;
}
#content2 a {
	color: #107ED3;
	text-decoration: none;
}
#content2 a:hover {
	color: #CF3104;
	text-decoration: none;
}
#RightCol2 a {
	color: #107ED3;
	text-decoration: none;
}
#RightCol2 a:hover {
	color: #CF3104;
	text-decoration: none;
}
#footer a {
	color: #F3F3F3;
	text-decoration: none;
}
#footer a:hover  {
	color: #107ED3;
	text-decoration: none;
}
#content2 table {
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}
.RightAlignTd {
	text-align: right;
}
.MiddleAlignTd {
	text-align: center;
}
.rightAlignLink {
	text-align: left;
}

/* 
  -----------------------------------
  Accordion Panel Magic
  by Project Seven Development
  ------------------------------------*/
  
.p7AB {
	background-color: #FFF;
	padding: 0 0 12px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.p7ABtrig {
	margin: 0;
	padding: 0;
	background-color: #D5E0E6;
}
.p7ABtrig h3, .p7ABtrig h4 {
	margin: 0;
	padding: 0;
	font-size: 80%;
}
#p7ABW1 .p7ABtrig a, #p7ABW2 .p7ABtrig a,
#p7ABW3 .p7ABtrig a, #p7ABW4 .p7ABtrig a,
#p7ABW5 .p7ABtrig a, #p7ABW6 .p7ABtrig a,
#p7ABW7 .p7ABtrig a, #p7ABW8 .p7ABtrig a,
#p7ABW9 .p7ABtrig a, #p7ABW10 .p7ABtrig a {
	display: block;
	text-decoration: none;
	padding: 4px 8px 4px 18px;
	color: #107ED3;
	font-weight: normal;
	background-image: url(../gfx/p7ap_east_black.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 1px solid #BDD3F2;
	border-bottom: 1px solid #286CD2;
}
#p7ABW1 .p7ABtrig a:hover, #p7ABW2 .p7ABtrig a:hover,
#p7ABW3 .p7ABtrig a:hover, #p7ABW4 .p7ABtrig a:hover,
#p7ABW5 .p7ABtrig a:hover, #p7ABW6 .p7ABtrig a:hover,
#p7ABW7 .p7ABtrig a:hover, #p7ABW8 .p7ABtrig a:hover,
#p7ABW9 .p7ABtrig a:hover, #p7ABW10 .p7ABtrig a:hover {
	color: #333;
}
.p7ABtrig a:active, .p7ABtrig a:focus {
	outline: 1px dotted #ccc;
}
#p7ABW1 .p7ABtrig .p7ABtrig_down, #p7ABW2 .p7ABtrig .p7ABtrig_down,
#p7ABW3 .p7ABtrig .p7ABtrig_down, #p7ABW4 .p7ABtrig .p7ABtrig_down,
#p7ABW5 .p7ABtrig .p7ABtrig_down, #p7ABW6 .p7ABtrig .p7ABtrig_down,
#p7ABW7 .p7ABtrig .p7ABtrig_down, #p7ABW8 .p7ABtrig .p7ABtrig_down,
#p7ABW9 .p7ABtrig .p7ABtrig_down, #p7ABW10 .p7ABtrig .p7ABtrig_down {
	color: #333;
	letter-spacing: 0.1em;
	background-image: url(../gfx/p7ap_south_black.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7ABcontent {
	padding: 20px;
	font-size: 85%;
	line-height: 1.5em;
	color: #333;
	background-color: #FFF;
	background-image: url(../gfx/p7ap_light_gray_bevel.jpg);
	background-repeat: repeat-x;
}

.p7ABcontent p {
	margin: 6px 0 12px 0;
}
.p7ap_currentmark {
	font-weight: bold;
}
#content2 .rightAlignLink {
	font-size: 70%;
}
/* the following selectors are the form styles */
#content2 form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 10px; /* creates 10px of padding at the bottom of the form */
	width: 550px; /* this is set to avoid float drop (to the same width as the Flash slideshow on the home page) */
	float: left; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}	
#content2 fieldset {
	border: 1px solid #040404; /* defines a border around each fieldset */
	margin: 0 0 10px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 15px 0 15px 15px;
}
#content2 label {
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
	width: 180px; /* All the labels have the same width, so their right edges line up vertically. */
	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: 80%;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
	}
#content2 input {
	color: #000; /* creates the text color */
	border: 1px solid #999999; /* gives the input and textarea a border */
	padding: 1px; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 250px; /* creates a consistent width */
	float: left;
	font: 80% Arial, Helvetica, sans-serif;
}
#content2 textarea {
	color: #000; /* creates the text color */
	border: 1px solid #999999; /* gives the input and textarea a border */
	padding: 1px; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 300px; /* creates a consistent width */
	float: left;
	font: 80% Arial, Helvetica, sans-serif;
}

/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#content2 input.sminp {
	width: 250px; /* for shorter input boxes. */
	margin-right: 10px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
}
#content2 input.sminp2 {
	width: 110px; /* for shorter input boxes. */
	/* margin-right: 160px; this keeps the shorter boxes aligned on the left with the wider ones. */
	background: transparent;
	border-style: none;
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#content2 input:focus, #content2 input:active, #content2 textarea:focus, #content2 textarea:active {
	color: #000;
	background: #BFD1DD;
}
.brclear { /* Use a break with this class to clear float containers on both sides */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.defaultErr {
	font-weight: bold;
	color: #107ED3;
}
#content2 input.sminp3 {
	width: 110px; /* for shorter input boxes. */
	margin-right: 10px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
	background: #FFFFFF;
}

/* om accenten in de bodytekst aan te brengen */ 
.blue{
	color: #107ED3;
}

.space{
	margin-left: 14px;
}

/* txt beneden footer */ 
.copyText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8997A9;
	margin-right: 150px;
	margin-left: 512px;
}
.copyText a{
	color: #B0BAC6;
	text-decoration: none;
}

.copyText a:hover{
	color: #107ED3;
}
/* end txt beneden footer */