body {
	background-image:url(../images_pages/background.jpg);
	background-repeat:repeat-x;

}


/* //////  FORM CLASSES //////// */

#google_banner {
	
	position: absolute;
	margin-left:450px;
	left:50%;
	z-index:1;
	height:600px;
	width:120px;
	top:200px;
}


#content_home {
	width: 450px;
	margin: 0 0 0 30px;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#content_home a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414ee4;
	text-decoration:none;
	font-weight:bold;
}
#content_home a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414ee4;
	text-decoration:underline;
}
#content_left {
	width: 450px;
	margin: 0 0 0 20px;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#content_left a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414ee4;
	text-decoration:none;
	font-weight:bold;
}
#content_left a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414ee4;
	text-decoration:underline;
}
#content_left th {
	font-weight:bold;
	text-align:left;
}
#content_left td {
	height: 20px;
}
.bg_home {
	width: 500px;
	height:auto;
	background-image:url(../images/bg_hardlopen.jpg);
	background-repeat:no-repeat;
	padding-left: 30px;
}
.blauw {
	color: #044a90;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}
	
.bg_home td, tabel, tr {
	border: 0;
}

.wit {
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px;
	color: #fff;
}
#content fieldset {
  padding: 1em;
  font-family: Arial;
  font-size: 11px;
  color:#0000AE;
  width: 45em;
  border: none;
  }

#content label {
  float:left;
  width:33%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:normal;
  }

 #content input {
	margin: 0px;
  }

#content legend {
  font-family: Arial;
  font-size: 14px;
  font-weight:bold;
  color:#ff0000;
  padding-top: 10px;
  padding-right:267px;
}

#content input.btn{
   color:#0000AE;
   font-family:Arial;
   font-size: 11px;
   font-weight:bold;
   border: 1px solid #cccccc;
   margin-top: 10px;
   margin-left: 184px;   
     }


textarea {
 border: 1px solid #cccccc;
 background-color: #ffffff;
}



.texta {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCCC;
	border: 1px solid #cccccc;
}


/* Menu Styles */

/* This is the highlight class for the main menu items - we use it to define

   the inset item border when a sub menu is displayed.

   Take a look at the last paragraph of section 4.5 in the SmartMenus User's Manual

   if you would like to know how the "MMO" class name is generated. */



a.MMO {

	border-color: 1px solid #ffffff #ffffff #ffffff #ffffff !important;
}

/* The "clearFix" class is used for clearing the main menu items because they

   are left-floated for horizontal main menus and we have to clear them if our main

   menu is relatively positioned (as in this example) so that the main menu box

   takes its place correctly on the page. We have to apply this class to the parent

   DIV of the root UL of our menu tree. Please take a look at section 6.1 in the

   SmartMenus User's Manual for a detailed explanation if you like. */


.clearFix:after { /* for modern browsers */

    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;

}

.clearFix { /* for IE7/Win */
    min-height:1px;
}

* html .clearFix { /* for IE5-6/Win */
    height:1px;
}

* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;

}



#menubalk a {
	font-family: Arial;
	font-size: 14px;
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 12px;
}

#menubalk a:hover {
	font-family: Arial;
	font-size: 14px;
	color: #0000AE;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.menubalk {
	font-family: Arial;
	font-size: 13px;
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}





.clearFix {
	width:100%;
	background:#ff0000;
	height: 30px;
}



#welkom {
	position:relative;
	top: -16px;
	width: 400px;
	height: 35px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	text-align: right;

}

#welkom a {
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding-right: 10px;

}

#welkom a:hover {
	font-family: Arial;
	font-size: 12px;
	color: #0000AE;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

/* einde menu styles */


.profileChange {
	text-indent: 11px;
}
.profile_banner_left1, .profile_banner_left2 td {
	height: 80px;
}
.profile_banner_left1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000066;
	vertical-align:top;
	height: 80px;
	width: 200px;
	text-align:left;
}

.profile_banner_left2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000066;
	vertical-align:top;
	height: 80px;
	width: 200px;
	background-color:#FFD9D9;
	text-align:left;
}

#profile{
	width: 300px;
	padding-top: 8px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0000AE;
	text-align:left;
}



#profile2{
	width: 470px;
	padding-top: 8px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0000AE;
}



.profileKopje {
  	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#000066;
}

#profileUser {

	width: 250px;
}


#profileUser2{
	width: 470px;;
}


#imageUser {
	position: absolute;
	margin-left: 298px;
}

/* //////  CLASSES loginFrontpage //////// */

#loginFrontpage {
background-color:#FF8888;
}


#loginFrontpage fieldset {
  font-family: Arial narrow;
  font-size: 11px;
  color:#0000AE;
  width: 200px;
  }


#loginFrontpage label {
	text-align:left;
	font-weight:normal;
}

#loginFrontpage legend {

  float: none;
  padding-top: 5px;
  padding-right:0px;
  font-family: Arial;
  font-size: 14px;
  font-weight:bold;
  color:#ff0000;
}


#loginFrontpage input{
	width: 115px;
}

#loginFrontpage input.btn{
	margin: 3px 0px 0px 0px;
	width: 65px;
}

a img {
padding: 3px 0px 2px 10px;
border:0px;
}

/* //////  END FORM CLASSES //////// */




/* //// BEGIN DIVS in HEADER ///// */

#wrapper {
	position: relative;
	left: 50%;
	margin-left: -430px;
	background-color:#FFFFFF;
	border-left: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
	top: 10px;
	width: 850px;
}


#header {
	height: 1000px;
	width: 100%;
	text-align: center;
}



#logo {
	background-color:#FFFFFF;
	width: 100%;
	height: 50px;
	border-bottom: 1px dotted #ff0000;
	padding-left: 3px;
	margin-right: 2px;
}

#logo2 {

	background-color:#FFFFFF;
	text-docoration: none;
}


#titelbalk {
	background-color:#FFFFFF;
	width:100%;
	height:125px;
	visibility: visible;
}

#search {

	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#414EB4;
	padding-left: 5px;
	padding-top: 10px;
	width: 845px;
	height:73px;
	font-size: 11px;
	text-align: left;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #FFE8E8;

}



#search input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	padding-right: 8px;
	border: 1px solid #FFCECE;
}

#search select {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;	

}

#search .first {
	border-right: 1px solid #FFBBBB;
	padding: 5px 5px;
}


#search .second {
	border-right: 1px solid #FFBBBB;
	padding: 5px 5px;
	}

#search .btn{
   color:#0000AE;
   font-family:Arial;
   font-size: 11px;
   font-weight:bold;
   border: 1px solid #6699cc;
   margin-left: 5px;
}



#resultSearch{
	height: 420px;
	width: 500px;
	overflow: auto;
}


/*///// Titelplaatjes /////*/

#titel4 {
	background-color: #FFFFFF;
	width: 212px;
	height: 122px;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;

}

#titel3 {
	background-color: #FFFFFF;
	width: 212px;
	height: 122px;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;	

}

#titel2 {
	background-color: #FFFFFF;
	width: 212px;
	height: 122px;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

#titel1 {
	background-color: #FFFFFF;
	width: 212px;
	height: 122px;
	border-bottom: 1px solid #ffffff;

}

/* //// BEGIN CONTENT ///// */


#content {
	width: 100%;
}


#banner_left{
	width: 215px;
	min-height: 500px;
	background-color:#FFE6E6;
	float:left;
}


#content_form {
	padding: 10px 110px 10px 40px;
	float:right;
	min-height: 500px;
	width: 470px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #0000AE;
	background-image:url(../images_pages/achtergrondlogo.jpg);
}

.answer {
	width: 150px;
	height: 100px;
	padding: 20px;
	background-color:#FFCCCC;
	border: 1px solid #ff0000;
	top: 530px;
	left: 640px;
	visibility:hidden;
	position:absolute;

}

/* //// BEGIN FOOTER ///// */

#nav_footer {
	background-color:#ff0000;
	width:100%;
	height: 25px;
	text-align:right;

}


#nav_footer a {
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 4px 4px 0px 4px;
	border-left: 1px solid #ffffff;

}

#nav_footer a:hover {
	font-family: Arial;
	font-size: 11px;
	color: #0000AE;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;

}

.clearBoth {

	clear: both;
	height: 0;
	line-height: 0%;
	font-size: 0;
	visibility: hidden;
}



/* //// EINDE FOOTER ///// */


a {
	font-family: Arial;
	font-size: 12px;
	color: #0000AE;
	font-style: normal;
	font-weight: normal;
	text-decoration:underline;
}

a:hover {
	font-family: Arial;
	font-size: 12px;
	color: #ff0000;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}


/* //// EINDE CONTENT ///// */




.tekstboldRood {
	font-family: Arial;
	font-size: 16px;
	color: #FF3300;
	font-weight: bold;
}