/*

Personise CSS by www.nedfinity.com  
*********************************************
* Nedfinity 2007 © All rights reserved	
* Web:		http://www.nedfinity.com 
*  			http://www.nedfinity.nl 
* E-mail: 	info(at)nedfinity.com 
* Tel:  	+31 (0)38 453 8347
* Author:	MrX
*********************************************

	CSS Logica:

	Algemeen
	Headers
	Content
	Nieuwsbrief
	Container
	Homepage vlakken-verdeling
	Standaad vlakken-verdeling
	Footer
*/

@import url("css_paging.css");

/* Algemeen 
----------------------------------------------------------- */

* 				{margin:0; padding: 0;} 								
body 			{background-color:#414042; font-size: 11px; font-family:Arial, Helvetica, sans-serif; 		
					color:#fff; text-align:center;}
					
img 			{border: 0;}


html, body {
	height:100%;
	background-image:url(../_images/background.gif);
	background-color:#414042;
	background-repeat:repeat-y;
	background-position:center;
}
img {
	border: 0;
}
ul{	margin:0 0 0 0;
	padding:0 0 0 15px;}
li{	margin:0 0 0 0;
	padding:0 0 0 0;}


/* Headers
----------------------------------------------------------- */
h1 				{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:22px;}
h2 				{color:#f08e30; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
h3				{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
h4 				{color:#f08e30; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
h5 				{color:#f08e30; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; float:left;}
h6				{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; float:left;}



/* Content
----------------------------------------------------------- */
.p1				{color:#fd4239; font-family:Arial, Helvetica, sans-serif; font-size:20px; padding: 15px 0px 0px 25px;}
.p2				{color:#fd4239; font-family:Arial, Helvetica, sans-serif; font-size:20px; padding: 5px 0px 0px 25px;}
.content1 		{padding:5px 25px 10px 25px; color:#7a7a7a; line-height:20px;}
.content2 		{padding:5px 25px 10px 40px; color:#7a7a7a;}

a { color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
a:hover { color:#fff; text-decoration:underline;}


/* Nieuwsbrief
----------------------------------------------------------- */
.verstuur			{border:1px solid #b4b4b4; background-color:; color:#000; width:85px; height:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:5px 0 0 88px;}
.nieuwsbriefbox 	{background:#fff; width:130px; height:16px; 
						border:0px; padding-top:1px; padding-left:3px; margin-left:0px;}
						
#mailform 			{
	position:absolute;
	top:15px;
	margin-left:0px;
	width:125px;
	height:150px;
	background:;
	display:block;
	z-index:200;
}

#radios 			{padding:5px 0px 5px 0px; color:#fff}
div#radios label 	{padding-right:0px;}
#nieuwsbrief_add #inputfield input { background:; width:130px; height:16px; 
						border:0px; padding-top:0px; padding-left:5px; margin-left:0px; margin:0px;}
div#radios input 	{margin-right:0px; height:16px; width:45px;}
#nieuws.vink { padding:0; margin:0; height:16px; white-space:16px;}

/* Container
----------------------------------------------------------- */	
#container 			{position:relative; 
					 width:945px;				
					 text-align:left; 
					 margin:0 auto;
					 min-height: 100%; /* For Modern Browsers */
					 height: auto !important; /* For Modern Browsers */
					 height: 100%; /* For IE */
}						
	
/* Content
----------------------------------------------------------- */	

#center {			position:relative;
					width:942px;
					float:left;
					z-index:50;
					vertical-align:inherit;
}
#balk_right {		position:absolute;
					width:76px;
					height:202px;
					background-image:url(../_images/runningman.png);
					background-repeat:no-repeat;
					right:0px;
					bottom:0px;
}
#midden_vlak {		position:relative;
					width:820px;
					left:46px;
					float:left;
}
#logo {				position:relative;
					width:820px;
					height:120px;
					left:1px;
					padding:20px 0 10px 0;
					background-image:url(../_images/logo.png);
					background-repeat:no-repeat;
					background-position:center;
}
#banner {			position:relative;
					padding: 3px 3px 3px 3px;
					width: 814px;
					height:194px;
}
#menubalk {			position:relative;
					width:814px;
					height:15px;
					margin:0px 3px 0px 3px;
					padding:3px 0 3px 0;
					border-bottom:1px solid #f08e30;
					z-index:500;
}
#content_text {		position:relative;
					width:820px;
					z-index:100;
}
#text {				position:relative;
					width:498px;
					padding: 25px 75px 50px 75px;
					float:left;
					z-index:100;
}
#text img {			position:relative;
					padding:0 10px 10px 0;
}
#nieuws {			position:relative;
					width:140px;
					float:right;
					padding:10px 15px 10px 15px;
					margin: 0 0 5px 0;
					background-image:url(../_images/background_nieuws.png);
					background-repeat:repeat-y;
}
#nieuws input {		text-align:left;
					font-family:Arial, Verdana, Helvetica, sans-serif;
					font-size:10px
}



/* Menu's
----------------------------------------------------------- */

#menu_top {			position:relative;
					width:820px;
					left:0px;
					height:15px;
					padding:10px 0 3px 48px;
					text-align:center;
					left:0px;
}
#menu_top ul		{position:relative; display:block; list-style:none; padding: 0 px 0 px;}
#menu_top li		{float:left; padding:0px 12px 0 12px; border-right:1px solid #808084; display:block; height:14px; z-index:100;}
li#last				{border-right:0px; z-index:100}
#menu_top li a:active, #menu_top li a:link, #menu_top li a:visited {color:#808084; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#menu_top li a:hover {color:#f08e30;}


#nav {				position:relative;
					width:645px;
					height:15px;
					left:48px;
					text-align:center;
					float:left;
					z-index:500;
}
#nav ul {padding:0; line-height:10px; margin:0; list-style:none; z-index:100; padding: 0 5px 0 10px; z-index:500;}
#nav li a:active, #nav li a:visited, #nav li a:link { display:block; color:#fff; text-decoration:none; font-family: Arial,Verdana, Helvetica, sans-serif; font-weight:bold; font-size:11px; line-height:10px ; z-index:500;}
#nav li a:hover {color:#f08e30; z-index:500;}

#nav li ul li a:active, #nav li ul li a:visited, #nav li ul li a:link {display:block; color:#fff; text-decoration:none; font-family: Arial,Verdana, Helvetica, sans-serif; font-weight:; font-size:11px;line-height:10px; padding:0 0 0 0; z-index:500;}
#nav li ul li a:hover {color:#fff; text-decoration:underline; z-index:500;}


#nav li {float:left; padding:0px 15px 0 15px; border-right:1px solid #fff; display:block; height:14px; z-index:500;}
#nav li ul {display:block; position:absolute; width:110; left:-999em; top:19px; background:#f08e30; padding-top:5px; z-index:500;
/* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
}	
#nav ul li ul li a:active, #nav ul li ul li a:visited, #nav ul li ul li a:hover, #nav ul li ul li a:link {
/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:9.9;
}
		
li#last {border-right:0px; z-index:500;}

#nav li ul li {display:block; width:110px; border-right:0px; float:none; padding:1px 11px 5px 5px; margin:; z-index:500;}
#nav ul a { display:block; color:#fff; text-decoration:none; padding:0px 0px 15px 0px; font-family: Arial,Verdana, Helvetica, sans-serif; font-weight:; font-size:11px; text-align:left; z-index:500;}
#nav li.over ul { display:block; left:auto; width:110px; overflow:hidden; margin-left:-13px; z-index:500;}


#nav_taal {			position:relative;
					width:150px;
					text-align:right;
					padding:0 10px 0 0;
					float:right;
					line-height:10px;
}
#nav_taal a:active, #nav_taal a:link, #nav_taal a:visited {color:#808084; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9px; text-decoration:none;}
#nav_taal a:hover {color:#f08e30;}


#nieuws a:active, #nieuws a:link, #nieuws a:visited {color:#f08e30; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; text-decoration:none; text-align:right;}
#nieuws a:hover {text-decoration:underline;}

.nieuwsLnk a:active, .nieuwsLnk a:link, .nieuwsLnk a:visited {color:#f08e30; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:8px; text-decoration:none; text-align:right;}
.nieuwsLnk a:hover { text-decoration:underline;}

.nieuwsLnkb a:active, .nieuwsLnkb a:link, .nieuwsLnkb a:visited {color:#f08e30; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.nieuwsLnkb a:hover { text-decoration:underline;}


.comments { border:1px #CCC solid; margin:0px 0 0 0px; padding: 10px; }
.PostComments { background-color:; margin: 0px 0 0 0px; padding: 0px; }
#blogmore { position:relative; width:130px; text-align:left; }
#blogmore a,
#blogmore a:link,
#blogmore a:visited,
#blogmore a:active { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; color: #f08e30; text-decoration: none; padding:px px px px;  }
#blogmore a:hover { color: #fff; text-decoration: none }

#text a {color:#f08e30; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#text a:hover {text-decoration:underline;}


				
/* Contact
----------------------------------------------------------- 
#mobile,
#office,
#contactInfo a	{color:#7a7a7a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}

#contactInfo { padding: 14px 0px 0px 47px; color:#7a7a7a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; line-height:15px; background-image:url(../_images/icons.gif); background-repeat:no-repeat;  }

#contact { text-align:right }
#contact input { position:relative; margin:10px 0 0 10px; width:200px; border:1px solid #b4b4b4; background-color:#fafafa; }
.required { border:1px solid #b4b4b4; background-color:#fafafa; background-image:url(../_images/required.gif); background-position:top right; background-repeat:no-repeat }
#contact textarea{ position:relative; width:280px;  margin:5px 0 0 10px;  border:1px solid #b4b4b4; background-color:#fafafa;}
#contact label {  }
input#submit { border:1px solid #b4b4b4; background-color:#fafafa; color:#999; width:85px; height:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
#cv { position:relative; right: 4px; margin:10px 0 0 10px; width:190px; }
label#opmerking { position:relative; padding:6px 216px 0 0; display:block; }
#contactImg {
	position:absolute;
	width:200px;
	height:400px;
	top:120px;
	left:10px;
	background-image:url(../_images/office.jpg);
}

/* Footer
----------------------------------------------------------- */					
#footer		{position:relative;
			 clear:both;
			 width:498px;
			 text-align:center;
			 padding: 10px 75px 25px 75px;
			 color:#808084; 
			 font-family:Arial, Verdana, Helvetica, sans-serif; 
			 font-size:11px;
			 vertical-align:bottom;
}
			 
#footer a 	{color:#808084; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; text-decoration:none;}

/* Vacatures
----------------------------------------------------------- 	
#nlmap  { position:absolute; top:270px; height:240px; left:8px; background-image:url(../_images/nl-map.gif); background-repeat:no-repeat; }
.vacitem {padding:0 0 5px 0;}
a.vacHead, a.moreItem, a.backItem { color:#fd4239; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding: 0  0 2px 0 ; text-decoration:none; display:block }
a.moreItem, a.backItem { font-size:12px; display:inline;}
a.moreItem { font-weight:normal } 
.vacitem span { float:right; font-size:10px; }
#vacType { float:right; padding: 10px 0 0 0; font-size:18px; color:#fd4239;}