/* ===  CSS Document for FAG ============================================= */

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

html {
	overflow-y		: scroll;
	overflow		: -moz-scrollbars-vertical;
}

html, body {
	width			: 100%;
	height			: 100%;
}

body {
	color			: #FFFFFF;
	font			: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin			: 0px;
	background		: url(../images/header-bg-lijnen.jpg) repeat-x}


.clear{
	clear			: both;
	margin			: 10px 0px 0px 0px;
	height			: 10px;
	width			: 728px;
}

a {
	text-decoration	: none;
}

a:hover {
	color			: #00589C;
}

.textfield_error {
	border			: 1px solid #FF0000;
	padding			: 0px 0px 2px 3px;
	font-size		: 12px;
	width			: 300px;
}

#container {
	width			: 1000px;
	margin			: 0px auto 0px auto;
}

#header {
	width			: 1000px;
	height			: 98px;
	padding			: 2px 0px 0px 0px;
}

#logo {
	float			: left;
	margin			: 10px 0px 0px 0px ;
}

#content {
	float			: left;
	width			: 750px;
	line-height		: 17px;
	color			: #333;
	border-right	: 7px solid #0069E5;
	margin			: 10px 0px 10px 0px;
	padding			: 0px 10px 0px 0px;
	min-height		: 500px;
	display:block;
}

#content li{
	list-style:inside;
	
}

#right{
	color			: #333;
	float			: left;
	width			: 200px;
	padding			: 0px 0px 0px 10px;
	margin			: 13px 0px 10px 0px;
}

#right h3{
	color:#666;
	font-size		: 9px;
}

#right .trust{
	clear			: both;
	height			: 70px;
	border-top		: 1px solid #0069E5;
	padding			: 5px 0px 5px 0px;
}

#footer {
	clear			: both;
	width			: 100%;
	height			: 25px;
	background		: url(../images/footer-bg.jpg);
	color			: #FFFFFF;
	padding			: 10px 0px 0px 0px;
}

#footer .left{
	float			: left;
	padding			: 0px 0px 0px 5px;
}

#footer .right{
	float			: right;
	margin			:  0px 0px 10px 0px;
	height			: 10px;
	display:block;
}

#newsmenu li {
	list-style:disc inside;
}

.mainmenu{
	margin				: 55px 0px 0px 20px;
	float				: left;
	height				: 42px;
	width				: 750px;
	background			: url(../images/top-menu-bg.png) no-repeat;
}

#menu-top {
	padding				: 13px 0px 0px 10px;
}


#menu-top li {
	display				: inline;
	position			: relative;
	float				: left;
	margin				: 3px 12px 0px 0px;
	list-style			: none;
	font-weight			: bold;
	height				: 26px;
	font-size			: 13px;
	z-index				: 100;
}

#menu-top li:hover {
	background			: #FFF;
	border				: 1px solid #0069E5;
	border-bottom		: none;
	height				: 26px;
	margin				: 3px 9px 0px 1px;
	padding				: 0px;
	display				: block;
	z-index				: 100;
}
	
#menu-top li a {
	text-transform		: uppercase;
	color				: #FFFFFF;
	padding				: 3px 8px 0px 8px;
	margin				: 0px;
	height				: 23px;	
}

#menu-top li:hover a	{
	color				: #333;
}

#menu-top li:hover ul li:hover{
	border				: none;
	margin				: 0px 0px 0px 0px;
	}


#menu-top li.active a{
	color				: #B1BCC4;
	
}

#menu-top li.active ul li a{
	color				: #333;
}

#menu-top li ul {
	display				: none;
	position			: absolute;
	width				: 195px;
	top					: 26px;
	z-index				: 99;
	left				: -1px;

}

#menu-top li ul li, #menu-top li ul li.last {
	height				: 38px;
	margin				: 0px;
	padding				: 0px;
	float				: none;
}

#menu-top li ul li:hover, #menu-top li ul li.last:hover {
	height				: 38px;
	background			: #FFF;
	padding				: 0px;
	cursor				: pointer;
}

#menu-top li ul li a, #menu-top li ul li.last a {
	height				: 29px;
	width				: 188px;
	display				: block;
	background			: url(../images/bg-li-2nd.png) #FFF no-repeat;
	text-transform		: none;
	font-weight			: normal;
	font-size			: 11px;
	color				: #333333;
	cursor				: pointer;
	padding				: 10px 0px 0px 8px;
	border-left			: 1px solid #0069E5;
	border-right		: 1px solid #0069E5;
}

#menu-top li ul li a:hover, #menu-top li ul li.last a:hover {
	color				: #0069E5;
	background			: url(../images/bg-li-2nd-hover.png) #fff no-repeat;
	border-left			: 1px solid #0069E5;
	border-right		: 1px solid #0069E5;
}

#menu-top li ul li.last a {
	 	border-bottom	: 1px solid #0069E5;
 }


#menu-top li:hover ul, #menu-top li.hover ul {
	display				: block;
}

#menu-top li.last {
	float				: left;
	margin				: 5px 0px 0px 22px;
}

#menu-top li.last:hover{
	border				: none;
	background			: none;
}

#menu-top li.last a{
	color				: #0069E5;
	}

#menu-top li.last a:hover{
	color				: #333;
}

#menu-top li:hover ul li ul {
	display				: none;
	border-top			: 1px solid #0069E5;
}

#menu-top li:hover ul li:hover {
	position			: relative;
	border-right		: none;
}

#menu-top li:hover ul li:hover ul {
	display				: block;
	position			: absolute;
	top					: -10px;
	left				: 197px;
}

#menu-top li:hover ul li:hover ul li.first a{
	padding: 8px 0px 0px 8px;
}


H1, .single-blog-title {
	text-transform		: uppercase;
	font-size			: 14px;
	width				: auto;
	font-weight:bold;
	padding				: 0px 0px 4px 0px;
	border-bottom		: 1px solid #0069E5;
	margin				: 10px 0px 10px 0px;
}

.blog-date{
	margin: 0px 0px 10px 0px;
	font-size:10px;
	color:#999;

}
.textfield{
	border				: 1px solid #0069E5;
	padding				: 0px 0px 2px 3px;
	font-size			: 12px;
	width				: 300px;
}

.button{
	background			: #0069E5;
	color				: #FFFFFF;
	height				: 24px;
	font-size			: 10px;
	padding				: 0px 5px 3px 5px;
	cursor				: pointer;
	border				: 1px solid #0069E5;
}

.button:hover{
	background			: #FFF;
	color				: #00589C;
	border				: 1px solid #0069E5;
}

#content img{
	margin				: 0px 5px 0px 5px;
}

#moduleSlideShow595 img{
	padding		: 0px;
	margin		: 0px;
	
}

table.icons td{
	width				: 105px;
	vertical-align		: top;
	text-align			:center;
}

table.icons td a img{
	padding				: 0px 0px 0px 0px;
	margin				: 0px;
}

table.icons td a{
	font-weight			: bold;
	font-size			: 11px;
	color				: #333;		
}

table.icons td a:hover{
	color				: #0069E5;
}

.newsbox{
	width				: 220px;
	position			: relative;
	line-height			: 14px;
}

.newsbox li{
	font-size			: 10px;
	font-weight			: bold;

}

.newsbox li .blog-title{
	margin				: 0px 0px 10px 0px;
}

li.news{
	float				: left;
	width				: 93px;
	padding				: 2px 0px 0px 5px;
	height				: 219px;
	display				: block;
	background			: url(../images/bg-news.png) no-repeat;
}

.news li{
	list-style			: none;
	position			: absolute;
	color				: #666;	
	font-weight			: normal;
	font-size			: 11px;
	top					: 17px;
	left				: 0px;
	width				: 184px;
	height				: 192px;
	padding				: 15px 13px 5px 5px;
	background			: url(../images/bg-news-active.png) no-repeat;
}

.news li h1, .vacatures li h1,.news li .blog-date,.vacatures li .blog-date{
	display				: none;}

li.vacatures{
	
	font-weight			: normal;
	float				: left;
	text-align			: right;
	padding				: 2px 15px 0px 0px;
	height				: 20px;
	width				: 89px;
	display				: block;
	background			: url(../images/bg-vacatures.png) no-repeat;
}

li.vacatures:hover{
	cursor				: pointer;
	color				: #FFF;
}

li.vacatures:hover li{
	cursor:default;
}

li.news:hover{
	cursor				: pointer;
	color				: #666;
}

li.news:hover li{
	cursor:default;
}

.vacatures li {
	font-weight			: normal;
	color				: #FFF;
	font-size			: 11px;
	text-align			: left;
	position			: absolute;
	width				: 184px;
	height				: 177px;
	padding				: 15px 13px 5px 5px;
	top					: 17px;
	left				: 0px;
	background			: url(../images/bg-vacature-active.png) no-repeat;
	z-index				: 10;
	display				: none;
}

.blog-text .readon{
	position			: absolute;
	bottom				: 20px;
	right				: 20px;
	padding				: 0px 10px 0px 3px;
	background			: url(../images/arrow-readon.png) no-repeat bottom right;
	border-bottom		: 1px solid #0069E5;
}

.news li .blog-text .readon{
	bottom				: 35px;
}

a.readon,  a.readon:hover, .blog-title a {
	color				: #0069E5;
	}
.vacatures a.readon,.vacatures  a.readon:hover,.vacatures .blog-title a {
	color				: #EEE;
}

.right{
	margin				: 2px 0px 0px 0px;
	font-size			: 10px;
	color				: #0069E5;
	text-align			: right;
}

.right a{
	color				: #0069E5;
}

.blue {
	color				: #C9DFF9;
}

.dropdown{
	font-size			: 10px;
	height				: 18px;
	width				: 180px;
	border				: 1px solid #0069E5;
}

.dropdown option{
	padding				: 5px 3px 3px 3px;
}
#myMap{
	position			: relative; 
	width				: 760px; 
	height				: 400px;
	z-index				: -10;
}
#myMap img{
	border				: none;
}

#routeform{
	background			: none repeat scroll 0% 0%; 
	color				: #333; 
	width				: 700px; 
	height				: 30px; 
	padding				: 10px 0px 1px 0px;
}

#routealerttext li{
	list-style: inside;
}

.employee {
	border: 1px solid #0069E5;
	float	: left;
	width	: 350px;
	height	: 190px;
	margin	: 0px 10px 10px 0px;
	padding: 10px 0px 0px 10px;
	font-size:10px;
}

.employee ul{
	margin		: 0px 0px 0px 10px;

}

.image {
	float			: right;
	margin			:  0px 5px 5px 0px;
}

h3{
	text-transform	: uppercase;
	font-size		: 12px;
	color			: #0069E5;
	height			: 10px;
	margin			: 0px 0px 0px 0px;
}

#content #navigation{
	visibility:hidden;
	}
	
#geofag-results table td{
	padding: 13px 0px 0px 0px;
	font-size		: 10px;
}

#geofag-results table {
	clear			: both;
	width			: 180px;
	margin			: 0px 0px 10px 0px;
}

.textfieldgeo{
	font-size			: 9px;
	border				: 1px solid #0069E5;
	padding				: 3px 0px 2px 3px;
}


/* === Slideshow Module === */
.slideshowPreviousSlide{
	margin 		: 0px;
	width		: 10px;
	height		: 10px;
	top			: 305px;
	left		: 5px;
	background	: url( ../images/previous.png );
	z-index		: 99;
}



.slideshowNextSlide{
	margin		: 0px;
	width		: 10px;
	height		: 10px;
	top			: 305px;
	left		: 25px;
	background	: url( ../images/next.png );
	z-index		: 99;
}

.slideshowNextSlide:hover{
	background	: url( ../images/next-hover.png )no-repeat;
}

.slideshowPreviousSlide:hover{
	background	: url( ../images/previous-hover.png ) no-repeat;
}

.slideshow{
	display		: block;
	width		: 750px;
	height		: 320px;
}

.slideshowDescription {
	margin		: 0px auto auto 0px;
	bottom		: -35px;
	right		: 0px;
	width		: 200px;
	color		: #999;
	height		: 50px;
	z-index		: 99;
	font-family : Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size	: 11px;
	background	: none;
	text-align:right;
}

#content li {
	list-style-position	: outside;
	margin				: 0px 0px 0px 12px;
}