@charset "utf-8";
/* default.css voor geldof */

body {
	margin:0;
	padding:0;
	}

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

a, a:visited { color:#0073af; text-decoration:none; }
a:hover {  }

.Banner a img { border:none; }

/* algemene terugkerende classes */

.Holder { clear:both; }

.Center { text-align:center; position:relative; }	
.Centered { margin:0 auto; text-align:left; position:relative; }

.Column { float:left;}
.ColumnRight { float:right;}

.Span-14	{ width:820px; }
.Span-10	{ width:662px; }
.Span-9		{ width:455px; }
.Span-8		{ width:514px; }
.Span-7		{ width:390px; }
.Span-6		{ width:410px; }
.Span-4		{ width:236px; }
.Span-5		{ width:321px; }
.Span-45	{ width:221px; }
.Span-3		{ width:215px; }
.Span-35	{ width:225px; }

.Padding { padding:0 20px; }

.Padding2 { padding:15px 20px 20px; }

.Padding3 { padding: 10px 0 20px 25px; }

.Padding4 { padding:15px 10px 0 10px; }

.MarginLeft { margin-left:10px; }

.MarginRight { margin-right:20px; }
.MarginRight2 { margin-right:16px; }

.MarginBottom { margin-bottom: 20px; }

.BorderRight { border-right:1px dashed #455560; }

/* Basic horizontal menu */

.Horizontal ul {
	list-style:none;
	margin:0;
	padding:0;
	}

.Horizontal ul li {
	position:relative;
	float:left;
	}

.Horizontal ul li a {
	display:block;
	}

.Horizontal ul li a span {
	display:block;
	float:none;
	}

.Horizontal ul li ul {
	display:none;
	position:absolute;

	}

.Horizontal ul li:hover ul, .Horizontal ul li.Hover ul {
	display:block;
	}

/* basic vertical menu */

.Vertical ul {list-style:none; margin:0;}

.Vertical ul li {clear:both; padding:0; }

.Vertical ul li a {
	display:block;
	position:relative;
	width:auto;
	clear:both;
	float:left;
	/* width:custom */
	}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	
}
.Clearfix{display: inline-block;}
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}

/* algemene lijsten voor in tiny */

ul.List {
	margin-left:0;
	list-style:none;
	}

ul.List li {
	background:url(img/bullet.gif) 0 5px no-repeat;
	padding:3px 0 3px 20px;
	} 

/************* wax */

a.Wax {
	display:block;
	width:28px;
	height:23px;
	background:url(img/wax_logo.gif);
	text-indent:-9999px;
	float:right;
	}
	
a.Wax:hover { background-position: 0 -23px; }

/*************************** BEGIN DESIGN */

body {
	color:#3c505a;
	background:#fff;
	}

a.MoreLink { padding:5px 0 5px 20px; background:url(img/bullet.gif) center left no-repeat; }

/**************** Top */

#Top { height:164px; }

a.Logo {
	display:block;
	height:131px;
	text-indent:-9999px;
	width:128px;
	background:url(img/logo.gif) top left no-repeat;
	cursor:pointer;
	position:absolute;
	top:23px;
	left:40px;
	}

/**************** Header */

#HeaderHolder {
	height:282px;
	}

#Header {
	height:282px;
	position:relative;
	}

#Header { background-position:top left; background-repeat: no-repeat; }

#Home #Header { background-image:url(img/header_home.gif) }

#Page #Header { background-image:url(img/header_other.gif) }

.Big { position:absolute; top:7px; left:44px; width:425px; height:254px; overflow: hidden; }
.Quote { position:absolute; right:67px; top:30px; font-size:1.6em; color:#0073af; text-align:center !important; width:243px; }
.Quote p { text-align:center; line-height:1.2em; }
.Small { position:absolute; right:67px; bottom:-2px; width:243px; height:184px; overflow: hidden; }

/**************** FlashHeader */

.Images { width:435px; }

.Images a {  float:left; border:none; display:block; }.Images a img { border: 2px solid #F8F8F8; margin:0 10px 10px 0; }
.Images a:active img, .Images a:focus img,.Images a.active img{ border: 2px solid #ad2f24; }


/*************** Content*/

#Home #Content { background:url(img/back_content_home.gif) top right repeat-y; }

.Other #Content{ background:url(img/back_content_other.gif) top right repeat-y; }

#RealContent { margin-left: 43px; }
	
#HomeText { background:#f0f0f0; }

.MainText { position:relative; }

#ExtraContent {margin:25px 0; }

#ExtraContent ul { margin:0 0 13px 13px; }

.Banner { background:#fff; }

.Banner img { margin:10px 0 0 10px; }

/************** Realisations */

a.Realisation { display:block; margin-bottom:15px; }
a.Realisation:hover { text-decoration:none; }

.Realisation .Image { float:left; margin:0 10px 10px 0 ; width:90px; height:60px; overflow:hidden; }

.Realisation .Image img { border:none; }

.Realisation h2 { color:#0073af; margin:0 0 2px 0; text-transform:uppercase; }

.Realisation ul { color:#455560; text-align:left; list-style:none; margin:0; padding:0; }

/************** Menu */

ul.MainNav { 
	font-size:1.1em; 
	left:215px;
	position:absolute;
	top:121px; 
	}

ul.MainNav li a, ul.MainNav li a:visited { 
	text-decoration: none; 
	color: #455560;
	padding:5px ;
	margin:0 20px 0 0;
	}

ul.MainNav li.Current a { font-weight:bold; }

ul.SubNav { 
	margin:0; 
	position:absolute; 
	right:40px;
	top:105px;
	width:264px;
	}
	
ul.SubNav li a, ul.SubNav li a:visited{
	font-size:1.1em;
	color:#666;
	text-decoration:none;
	font-weight:bold;
	padding:3px 0;
	}

ul.SubNav li a:hover, ul.SubNav li a:focus, ul.SubNav li.Current a, ul.SubNav li.Current a:visited {
	color:#0073ae;
	}

ul.SubNav li.Current ul li a { color:#666; }

ul.SubNav li.Current ul li.Current a { color:#0073ae; }

/*** menu_extra */

ul.ExtraNav { position:absolute; right:0; top:35px; }

ul.ExtraNav li a { display:block; margin:0 0 0 5px; text-decoration:none; color:#455560; }


/****** News, agenda, search */

#News ul li, #Agenda ul li, #Listing ul li { margin-bottom:0.5em; }

#News ul li a, #Agenda ul li a, #Listing ul li a { color:#3c505a; width:auto; clear:both; }

#News ul li a:hover, #Agenda ul li a:hover, #Listing ul li a:hover { text-decoration:underline; }

#Search { margin-bottom:20px; }

/****** Forms, Contact */

#frmContact fieldset, #frmNews fieldset {
	border:0;
	padding:0;
	margin:0;
	}

.row { padding-top:10px; }

input.Button { 
	background:#59438e; 
	border:1px solid #a598c4;
	border-bottom-color: #211245;
	border-right-color: #211245;
	padding:0 6px 3px; 
	font-size:1.1em; 
	font-weight:bold; 
	color:#FFFFFF; 
	cursor:pointer; 
	}

input.Button:hover { background:#a598c4; }

input.formfield_text, textarea  {
	border:none;
	background:#EAEAEA;
	padding:6px;
	width:187px;
	font:1.0em normal Tahoma, Arial, sans-serif;
	clear:both;
	color:#666;
	}



input.Short { width:87px; }
input.Medium { width:137px; }

textarea {
	height:158px;
	overflow:auto;
	width:299px;
	}

input.formfield_submit {
	background:#0072ae; 
	border:1px solid #cbdce5;
	border-bottom-color: #003653;
	border-right-color: #003653;
	padding:1px 6px 4px; 
	font-size:1.1em; 
	font-weight:bold; 
	color:#FFFFFF; 
	cursor:pointer; 
	}

#Jobs input.formfield_submit { 
	background:#8ab43f;
	border:1px solid #66882a;
	border-top-color:#a1c365;
	border-left-color:#a1c365;
	}

input.formfield_radio { width:auto; }
	
label { margin-left:7px; clear:both; display:block; }

.Radios label { clear:right; float:left; }
input.Radio, input.checkbox { float:left; clear:left; margin:3px 0 0 0; }

.Radios ul { margin:0 15px 15px 0; padding:0; list-style:none; float:left; }

.Radios p { margin:0 0 10px 0; }

/******* footer */

#Footer { padding:20px 0; }

#Footer p { text-transform:lowercase; }

#Footer .Padding { padding-left: 50px; }

ul.FooterNav li a { margin-right:10px; color:#455560; }

/************ variabele kleuren */

#Realisations #Header { background-image:url(img/header_real.gif) }

body#Realisations h1 { color:#ad2f24; }

#Realisations ul.SubNav li a:hover, #Realisations ul.SubNav li a:focus, #Realisations ul.SubNav li.Current a, #Realisations ul.SubNav li.Current a:visited {
	color:#ad2f24;
	}
	
#Realisations ul.List li { background-image:url(img/bullet_real.gif) }

#Home #Realisations a.Realisation h2 { color:#666666; }

#Home #Realisations a.Realisation:hover h2 { color:#0073af; }

#Realisations a.Realisation h2 { color:#666666; }

#Realisations a.Realisation:hover h2, #Realisations a.Realisation.Active h2, #Realisations a.Realisation:focus h2 { color:#ad2f24; }

#Company #Header { background-image:url(img/header_comp.gif) }

#Company h1 { color:#e78a3c; }

#Company ul.SubNav li a:hover, #Company ul.SubNav li a:focus, #Company ul.SubNav li.Current a, #Company ul.SubNav li.Current a:visited {
	color:#e78a3c;
	}

#Company ul.SubNav li.Current ul li a { color:#666 !important; }

#Company ul.SubNav li.Current ul li a:hover { color:#e78a3c !important; }

#Company ul.List li { background-image:url(img/bullet_comp.gif) }

#Jobs #Header { background-image:url(img/header_jobs.gif) }

#Jobs h1 { color:#8ab43f; }

#Jobs a.Realisation h2 { color:#666666; }

#Jobs a.Realisation:hover h2, #Jobs a.Realisation.Active h2, #Jobs a.Realisation:focus h2 { color:#8ab43f; }

#Jobs ul.SubNav li a:hover, #Jobs ul.SubNav li a:focus, #Jobs ul.SubNav li.Current a, #Jobs ul.SubNav li.Current a:visited {
	color:#8ab43f;
	}
	
#Jobs ul.List li { background-image:url(img/bullet_jobs.gif) }
	
#Jobs #Content a { color:#8ab43f; }

#Contact #Content a { color:#666; font-weight:bold; }

#Contact #Content a:hover { color:#59438e; }

#Contact #Header { background-image:url(img/header_contact.gif) }

#Contact h1, #Contact h2 { color:#59438e; }

#Contact ul.SubNav li a:hover, #Contact ul.SubNav li a:focus, #Contact ul.SubNav li.Current a, #Contact ul.SubNav li.Current a:visited {
	color:#59438e;
	}

#Contact ul.List li { background-image:url(img/bullet_contact.gif) }


#Library #Header { background-image:url(img/header_library.gif) }

#Library h1 { color:#a02f62; }

#Library ul.SubNav li a:hover, #Library ul.SubNav li a:focus, #Library ul.SubNav li.Current a, #Library ul.SubNav li.Current a:visited {
	color:#a02f62;
	}

#Library #Content a { color:#a02f62; }

#Library ul.List li { background-image:url(img/bullet_library.gif) }

/*.Color11 #Header { background-image:url(img/header_other_11.gif) }
.Color6 #Header { background-image:url(img/header_other_6.gif) }
.Color9 #Header { background-image:url(img/header_other_9.gif) }
.Color7 #Header { background-image:url(img/header_other_7.gif) }*/

/****** pdfs */

a.PDF { display:block; padding:0 0 0 45px; background:url(img/pdf.gif) top left no-repeat; min-height:30px; }


.Show 
{
display: block;
}

.Hide
{
display: none;
}