/* globale site style */

body
{
	background: url(../images/site_background.jpg) repeat-x ;	
}

#main
{
	width:1000px;

}


/* header style */

#header
{
	width:1000px;
	height:310px;
}

/* content style */

#content
{
	float:left;
	width:550px;
	margin-left:40px;
}

.blue_box
{
	height:140px;
	width:510px;
	background-color:#8ab1d3;
	margin-top:20px;
	float:left;
	padding:10px; 
	text-align:left;
	font-size:14px;
	color:#003566;
	font-family:Myriad Pro,Arial, Verdana;
	font-weight:italic;
}

.content_box
{
	height:410px;
	width:510px;
	background-color:#8ab1d3;
	margin-top:20px;
	float:left;
	padding:10px;
	text-align:left;
	font-size:14px;
	color:#003566;
	font-family:Myriad Pro,Arial, Verdana;
	font-weight:italic;
	overflow:auto;

}

#banner
{
	height:100px;
	width:530px;
	background-color:#ffffff;
	margin-top:20px;
	float:left;
	border:solid 1px #000000;
	cursor:pointer;
}

#text_holder
{
	height:410px;
	text-align:left;
	padding:10px;
	width:510px;
	background-color:#8ab1d3;
	margin-top:20px;
	float:left;
	/*border:solid 1px #000000;*/
	overflow:auto;
}

/* globale menu style */

#nav
{
	float:left;
	width:400px;
}


#menu
{
	text-align:right;
	font-size:16px;
	font-family:Myriad Pro,Arial, Verdana;
	font-weight:italic;
}

ul#menu, ul#menu ul 
{
  list-style-type:none;
  margin: 0;
  padding: 0;
  width:400px;
}

ul#menu a 
{
  display: block;
  text-decoration: none;	
  padding-top:25px;
  padding-right:10px;
  padding-bottom:5px;
  font:italic  18px Myriad Pro;
  letter-spacing: 1px
}

ul#menu li 
{
  margin-top: 20px;
  cursor:pointer;
}

ul#menu li a 
{
  background: #003566;
  color: #fff;	

}

ul#menu li a:hover 
{
  background: #1a5e9c;

}

.submenu
{
	float:left;
	margin-left:-3px;
	z-index:100; 
	position:absolute;
	visibility:hidden; 
	background-color:#8ab1d3;
}

.subMenuItem
{
	font-size:13px;
	padding-top:5px;
	padding-left:3px;
	height:21px;
	width:200px;
	text-align:left;
	float:left;
	clear:both;
	cursor:pointer;
	background: url(../images/subMenu_background_blur.jpg) repeat-x ;	
}


.subMenuItem:hover
{
	height:21px;
	width:200px;
	padding-top:5px;
	padding-left:3px;
	text-align:left;
	float:left;
	clear:both;
	cursor:pointer;
	background: url(../images/subMenu_background_focus.jpg) repeat-x ;	
}

/* afwijkende menu style */

ul#menu li.spec a 
{
  background: #97be0d;
  color:#003566;
  font-weight:bold;
}

ul#menu li.spec a:hover 
{
  background: #acd913;
  color:#003566;
  font-weight:bold;
}

ul#menu li.about a 
{
  background: #c5c6c8;
  color:#003566;
  font-weight:bold;
}

ul#menu li.about a:hover 
{
  background: #d1d1d1;
  color:#003566;
  font-weight:bold;
}

ul#menu li.home a 
{
  background: #8ab1d3;
  width:100px;
  padding-top:10px;
  padding-right:5px;
  float:left;
  color:#003566;
  font-weight:bold;
}

ul#menu li.home a:hover 
{
  background: #aecde8;
  width:100px;
  padding-top:10px;
  padding-right:5px;
  float:left;
  color:#003566;
  font-weight:bold;
}

.invalidInput{
	border:1px dotted #F00;
	background-color: #FFECE6;
}

.validInput{
	border: 1px dotted #FF0000;
}

#info_form label
{
	width:100px;	
	float:left;
}

#info_form input
{

}


#contact_form label
{
	width:100px;
	float:left;
}


.contact_button
{
	margin-left:100px;
}