/* defaults */
*												{ margin: 0; padding: 0; }
html, body										{ height: 100%; }
body											{ margin: 0; padding: 0; font-family: "Arial", Lucida Grande, Verdana, sans-serif; font-size: 0.9em;
												  color: #003399; background: url('../img/back.gif') repeat; }
												  
a img											{ border : none; }
a												{ outline: none; }

p												{ font-size: 0.9em; line-height: 1.5em; color: #003399; }

a												{ text-decoration: underline; color: #003399; }
a:hover											{ text-decoration: none; color: #6699cc; }

h1, h2, h3, h4, h5, h6							{ font-family: "Trebuchet MS", Lucida Grande, Verdana, sans-serif; font-weight: bold;
												  line-height: 49px; font-style: normal; }
h3, h4											{ font-weight: normal; color: #fff; }
h1												{ font-size: 1.5em; } 
h2												{ font-size: 1.4em; }
h3												{ font-size: 1.3em; }
h4												{ font-size: 1.1em; }
h5												{ font-size: 1.0em; }
h6												{ font-size: 1.0em; }
										  
#page											{ width: 100%; min-height: 100%; height: auto !important; height: 100%;
												  background: url('../img/back_bottom.jpg') repeat-x left bottom; }
												 
#wrapper										{ margin: 0 auto; width: 920px; position: relative; }

h1#logo											{ display: block; width: 83px; height: 125px; text-indent: -9999px;
												  background: url('../img/logo.png') no-repeat 0 0; position: absolute; top: 25px; left: 35px;
												  z-index:1; }
h1#logo a										{ display: block; width: 100%; height: 100%; outline: none; }

#header											{ padding: 65px 0 0 0; }
#navigation										{ font-size: 0.9em; margin: 0 0 0 120px; }

ul#navigation									{ list-style: none; float: left; }
ul#navigation li								{ display: inline; }
ul#navigation a									{ display: block; float: left; font-size: 1.1em; font-weight: bold; text-transform: uppercase;
												  line-height: 35px; color: #ed1b2d; text-decoration: none; padding: 0 10px 0 10px; }
ul#navigation a:hover							{ color: #003399; background: url('../img/pijltje_top.gif') no-repeat center bottom; }
#navigation .jobs a								{ color: #003399; background: url('../img/pijltje_top.gif') no-repeat center bottom; }

ul#languages									{ margin: 0; padding: 5px 30px 10px 0; list-style: none; float: right; }
ul#languages li									{ display: inline; }
#languages .dutch a								{ display: block; width: 20px; height: 20px; text-indent: -99999px; float: left;
												  background: url(../img/flag_nl.gif) no-repeat left top; text-decoration: none; padding: 0 5px 0 0; }
#languages .dutch a:hover						{ background: url('../img/flag_nl.gif') no-repeat left bottom; text-decoration: none; }
#languages .french a							{ display: block; width: 20px; height: 20px; text-indent: -99999px; float: left;
												  background: url(../img/flag_fr.gif) no-repeat left top; text-decoration: none; }
#languages .french a:hover						{ background: url('../img/flag_fr.gif') no-repeat left bottom; text-decoration: none; }

#languages .active a							{ background-position: left bottom; }

#main											{ border: 1px solid #fff; position: relative; width: 918px; }
#opacity										{ position: absolute; left: 0; top: 0; width: 918px; background: #fff; filter: alpha(opacity = 50);
												  -moz-opacity: 0.5; opacity: 0.5; }
#content										{ position: absolute; top: 0; left: 0; width: 918px;
												  background: url('../img/content_back.gif') no-repeat left bottom;  }

#subNav											{ height: 49px; margin: 0 0 25px 119px; display: block; }
#subNav ul										{ list-style: none; float: left; }
#subNav ul li									{ display: inline; }
#subNav ul a									{ display: block; float: left; font-size: 1em; font-weight: bold; line-height: 40px; color: #ed1b2d;
												  text-decoration: none; padding: 0 10px; }
#subNav ul a:hover								{ color: #003399; background: url('../img/pijltje_bottom.gif') no-repeat center top; }

#contentContainer								{ margin: 0 0 148px 25px; }
#contentNav										{ float: left; width: 420px; }
ul#categories									{ list-style: none; margin: 0 auto; }
ul#categories li								{ margin: 0 auto 10px; line-height: 38px; width: 320px; text-align: center;
												  font-family: "Trebuchet MS", Lucida Grande, Verdana, sans-serif; }
ul#categories li a								{ display: block; text-decoration: none; background: #fff; color: #003399; }
ul#categories li a:hover						{ background: #fec658; color: #ed1b2d; }

#contentNav h2									{ margin: 0 auto; padding: 10px; background: #fff; text-align: center;
												  font-family: "Trebuchet MS", Lucida Grande, Verdana, sans-serif; font-size: 1.3em;
												  font-weight: bold; color: #ed1b2d; line-height: normal; margin-bottom: 10px; width: 300px; }
#contentMain									{ float: right; width: 421px; margin: 0 25px;  }
#contentMain.jobdesc							{ float: none; width: 868px; margin: 0 25px 0 0; }
#contentMain h2									{ margin: 0; padding: 0 10px; background: #fff; text-align: center;
												  font-family: "Trebuchet MS", Lucida Grande, Verdana, sans-serif; font-size: 1.3em;
												  font-weight: bold; color: #ed1b2d; line-height: 42px; margin-bottom: 10px; }

#slogan											{ position: absolute; bottom: 0; width: 893px; padding: 0 0 0 25px; height: 49px; background: #ED1B2D;
												  border-top: 1px solid #fff; border-bottom: 5px solid #FEC658; }
#slogan h3										{ font-size: 1.2em; float: left; }

.poweredBy										{ clear: none !important; margin: 9px 25px 0 0 !important; }
a.button										{ display: block; width: 125px; font-family: "Trebuchet MS", Lucida Grande, Verdana, sans-serif;
												  font-size: 1.0em; color: #ed1b2d; background: #fec658; border: 3px solid #fff;
												  text-decoration: none; padding: 10px; margin: 0; text-align: center; margin: 0 auto; }
a.button:hover									{ color: #003399; background: #fff; }

ul.jobList 										{ list-style: none; }
ul.jobList li									{ line-height: 30px; padding: 0 25px; }
ul.jobList li a									{ color: #000000; font-size: 0.8em; }
ul.jobList li a:hover							{ color: #ed1b2d; text-decoration: none; }
ul.jobList p									{ text-align:center; }
li.itemStyleA									{ background: #ecf6ff; border-bottom: 1px solid #c7dae8; }
li.itemStyleB									{ background: #fff; border-bottom: 1px solid #c7dae8; }

span.highlight									{ font-weight: bold; color: #ed1b2d; }

/* JobDescription */
.jobdescription									{ color: #003399; }
.jobdescription h1, .jobdescription h2,
.jobdescription h3, .jobdescription h4,
.jobdescription h5, .jobdescription h6			{ color: #003399 !important; font-weight: bold !important;
												  font-family: "Trebuchet MS", Lucida Grande, Verdana, sans-serif !important;
												  font-weight: bold !important; font-style: normal !important; padding: 0 0 10px !important;
												  line-height: 1.2em !important; }
												  
.jobdescription h1								{ font-size: 1.8em; }
.jobdescription h2								{ font-size: 1.6em !important; background: none !important; text-align: left !important;}
.jobdescription h3								{ font-size: 1.4em; }
.jobdescription h4								{ font-size: 1.3em; }
.jobdescription h5								{ font-size: 1.2em; }
.jobdescription h6								{ font-size: 1.1em; }
.jobdescription p								{ font-size: 0.9em;  padding: 0 0 10px; }
.jobdescription ul, .jobdescription ol			{ padding: 0 0 10px; }
.jobdescription ul ul							{ padding: 0; }
.jobdescription ul								{ margin: 0 0 0 25px; }
.jobdescription ol								{ margin: 0 0 0 30px; }
.jobdescription li								{ font-size: 0.9em; }
.jobdescription a								{ font-size: 0.9em; color: #000;}
.jobdescription a:hover							{ color: #ed1b2d; text-decoration: none; }

/* JobNavigation */
ul#JobNav										{ margin: 20px 0 0; }
ul#JobNav li									{ list-style: none; float: left; padding: 0 25px 0 0; }
ul#JobNav li a									{ display: inline-block; width: 125px; font-family: "Trebuchet MS", Lucida Grande, Verdana, sans-serif;
												  font-size: 1.0em; color: #ed1b2d; background: #fec658; border: 3px solid #fff;
												  text-decoration: none; padding: 10px; margin: 0; text-align: center; margin: 0 auto; }
ul#JobNav li a:hover							{ float: left; color: #003399; background: #fff; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after									{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix										{ display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix								{ height: 1%; }
.clearfix										{ display: block; }
/* close commented backslash hack */