/*
======================================================================
====================  INTERFACE
======================================================================
*/
* {
padding:0;
margin:0;
}

html, body {
height: 100%;
color: #000;
padding: 0px;
margin: 0px;
background: #c1bfc4;
text-align: center;
}
body {
scrollbar-3dlight-color: white;
scrollbar-arrow-color: #df3132;
scrollbar-base-color: #efefef;
scrollbar-darkshadow-color: #c1bfc4;
scrollbar-face-color: #efefef;
scrollbar-highlight-color: white;
scrollbar-shadow-color: white;
}
#container {
width: 976px;
margin: 0 auto;
text-align: left;
position: relative;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 80%; /* voor IE */
background: #ffffff;
}
#header{
	height:120px;
}
#footer {
background: #ffffff;
position: absolute;
bottom: 0px; /* heel belangrijk */
width: 100%;
height: 0px;
}
FORM {
padding: 0px;
margin: 0px;
}

a{
	color:#000000;}
.mainTxt li {
margin-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
}


/*
======================================================================
====================  TOP
======================================================================
*/
.logo {
float: left;
width: 89px;
height: 104px;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin-left: 20px;
padding-top: 18px;
}
.topImages {
margin-top: 16px;
margin-right: 1px;
float: right;
background-image:url(../images/topimages.jpg);
background-repeat:no-repeat;
width: 823px;
height: 106px;
}
/*
======================================================================
====================  MENU
======================================================================
*/
.menu {
float: left;
margin-top: 33px;
width: 132px;
margin-right: 20px;
}
.menuItem {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #db3135;
font-weight: bold;
padding-left: 6px;
border-top: dotted 1px #db3135;
}
.menuItem a {
padding-top: 6px;
padding-bottom: 6px;
display: block;
text-decoration: none;
color: #db3135;
padding-left: 14px;
}
.menuItem a:hover {
text-decoration: none;
color: #db3135;
padding-left: 14px;
background-image:url(../images/menuItemIcon.gif);
background-repeat:no-repeat;
background-position:left;
}
.menuSubItem {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
}
.menuSubItem a {
padding-top: 6px;
padding-bottom: 6px;
display: block;
text-decoration: none;
color: #db3135;
padding-left: 30px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
border-top: dotted 1px #db3135;
}
.menuSubItem a:hover {
background-color:#EFEFEF;
color: black;
text-decoration: none;
}
/*
======================================================================
====================  MAIN
======================================================================
*/
.main {
background: #ffffff;
height: 100%;
float: left;
margin-top: 16px;
width: 593px;
}
.mainCrumpath {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2e2e2e;
font-weight: bold;
border-bottom: dotted 1px #db3135;
padding-bottom: 5px;
}
.mainCrumpath a {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2e2e2e;
font-weight: bold;
text-decoration: none;
}
.mainCrumpath a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2e2e2e;
font-weight: bold;
text-decoration: underline;
}
.mainTitle {
margin-bottom: 5px;
margin-top: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #df3132;
}
.mainBg {
height: 440px;
background-image:url(../images/bg.gif);
background-repeat:no-repeat;
background-position:center center;
}
.mainTxt {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2e2e2e;
line-height: 22px;
text-align:justify;
}
.mainTxt2 {
height: 100%;
min-height: 380px;
background-image:url(../images/bg.gif);
background-repeat:no-repeat;
background-position:center 50px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2e2e2e;
line-height: 22px;
text-align:justify;
}
.mainTxt a, .mainTxt2 a {
color: black;
text-decoration: underline;
}
.mainTxt a:hover, .mainTxt2 a:hover {
color: black;
text-decoration: none;
}
/*
======================================================================
====================  BOTTOM (NAW + POWERED BY)
======================================================================
*/
.naw {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 22px;
padding-left: 15px;
background-color: #efefef;
height: 140px;
width: 117px;
position: absolute;
bottom: 0px;
left: 0px;
}
.powered {
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
color: #565656;
height: 15px;
width: 166px;
margin-left: 40px;
position:absolute;
bottom: 0px;
right: 0px;
}
.powered a {
text-decoration: none;
color: #565656;
}
.powered a:hover {
text-decoration: underline;
color: #565656;
}
/*
======================================================================
====================  SEARCHBOX
======================================================================
*/
.searchBox {
width: 206px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #303030;
line-height: 32px;
height: 32px;
border-bottom: dotted 1px #db3135;
}

.searchTxt {
padding-left: 14px;
float: left;
}
.searchInput {
margin-top: 7px;
float: left;
width: 120px;
font-weight: normal;
margin-left: 3px;
margin-right: 3px;
border: #cfcfcf 1px solid;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
padding: 2px;
}
.sendBtn {
margin-top: 7px;
float: left;
background-image:url(../images/sendBtn.gif);
background-repeat:no-repeat;
height: 15px;
width: 15px;
border: 0px;
cursor: pointer;
}
/*
======================================================================
====================  SUBMENU
======================================================================
*/
.rightMenu {
width: 206px;
float: right;
}
.subMenu {
width: 206px;
}
.subMenuItem_evenRow {
background-color: #efefef;
height: 33px;
line-height: 33px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #656565;
border-bottom: 1px solid white;
}
.subMenuItem_evenRow a {
display: block;
background-image:url(../images/subMenuItemIcon.gif);
background-position: 5px;
background-repeat:no-repeat;
padding-left: 23px;
background-color: #efefef;
height: 33px;
line-height: 33px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #656565;
text-decoration:none;
}
.subMenuItem_evenRow a:hover {
background-color:#c9c9c9;
text-decoration: none;
color: #df3132;
}
.subMenuItem_oddRow {
background-color: #dedede;
height: 33px;
line-height: 33px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #656565;
border-bottom: 1px solid white;
}
.subMenuItem_oddRow a {
display: block;
background-image:url(../images/subMenuItemIcon.gif);
background-position: 5px;
background-repeat:no-repeat;
padding-left: 23px;
background-color: #dedede;
height: 33px;
line-height: 33px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #656565;
text-decoration:none;
}
.subMenuItem_oddRow a:hover {
background-color:#c9c9c9;
text-decoration: none;
color: #df3132;
}
/*
======================================================================
====================  CONTACT
======================================================================
*/
.contactInput {
width: 200px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #656565;
border: 1px solid #df3132;
background-color: white;
padding: 2px;
}
.contactInputPC {
width: 50px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #656565;
border: 1px solid #df3132;
background-color: white;
padding: 2px;
}
.contactInputCity {
margin-left: 4px;
width: 140px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #656565;
border: 1px solid #df3132;
background-color: white;
padding: 2px;
}
.contactSend {
margin-top: 10px;
background-color: #df3132;
width: 65px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: white;
border: 0px;
padding: 2px;
}
/*
======================================================================
====================  VACATURES
======================================================================
*/
.VacatureTD {
margin-bottom: 10px;
margin-top: 10px;
}
.vacatureSubTitle {
vertical-align:top;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #2d2d2d;
text-align: left;
padding-right: 5px;
}
.vacatureTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #df3132;
}
.vacatureReadMore {
border-bottom: 1px solid #e03231;
padding-right: 25px;
text-align:right;
}
.vacatureReadMore a {
color: #2e2e2e;
text-decoration: none;
background-image:url(../images/linkIcon.gif);
background-repeat:no-repeat;
background-position:right;
padding-right: 15px;
}
.vacatureReadMore a:hover {
background-image:url(../images/linkIcon.gif);
background-repeat:no-repeat;
background-position:right;
color: #2e2e2e;
text-decoration: underline;
}
.vacatureGoBack {
border-top: 1px solid #e03231;
}
.vacatureGoBack a {
color: #2e2e2e;
text-decoration: none;
}
.vacatureGoBack a:hover {
color: #2e2e2e;
text-decoration: underline;
}
/*
======================================================================
====================  PROJECTEN
======================================================================
*/
.projectenLine {
border-bottom: 1px solid #e03231;
}
.projectTitle {
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #df3132;
}
.projectSubTitle {
line-height: 18px;
vertical-align:top;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #2d2d2d;
text-align: right;
padding-right: 5px;
}
.projectTxt {
text-align:justify;
vertical-align:top;
line-height: 18px;
}
.projectTxt2 {
text-align:justify;
margin-right: 20px;
vertical-align:top;
line-height: 18px;
}


/* 
 * ========================================
 * search results page
 * ========================================
 */
div.TabView div.Tabs
{
  height: 22px;
  overflow: hidden;
  margin-left: 20px;
}

div.TabView div.Tabs a
{
  float: left;
  display: block;
  width: 151px;
  text-align: left;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  background: url('../images/tabs.jpg') no-repeat -0px -1px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #000000;
  padding-left: 4px;
}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
  background: url('../images/tabs.jpg') no-repeat -0px -32px;
  color: #ffffff;
  font-weight: normal;
}

div.TabView div.Pages
{
 /* clear: both;*/
  border: 1px solid #FFFFFF;
  border-top: 1px solid #CCCCCC;
  background: #FFFFFF;
  overflow: hidden;
}

div.TabView div.Pages div.Page
{
  height: 100%;
  padding: 0px;
  overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad
{
  padding: 3px 5px;
}

/* 
 * ========================================
 * redirect page
 * ========================================
 */

.redirectBox {
height: 146px;
width: 400px;
}
.redirectBoxTop {
text-indent: 16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: white;
background-image:url(../images/homebutton-top3.gif);
background-repeat:no-repeat;
height: 24px;
line-height: 24px;
}
.redirectBoxBottom {
padding-left: 16px;
padding-right: 16px;
padding-top: 7px;
color: #ee908e;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
background-image:url(../images/homebutton-bottom3.gif);
background-repeat:no-repeat;
height: 115px;
}
.redirectBoxBottom a {
color: white;
text-decoration: none;
}
.redirectBoxBottom a:hover {
color: white;
text-decoration: underline;
}

/************************************************************************************************/
/* SEARCHRESULTS */
/************************************************************************************************/
.searchTitle {color: #143d8d; font-family:"Times New Roman", Times, serif; font-size: 14px; font-weight: bold; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; padding-right: 20px;}
.searchResults {text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; padding-top: 5px; padding-bottom: 10px; padding-right: 20px; line-height: 14px;}
.searchResultsItem {font-size: 10px;}
.searchItem {width: 553px; border-bottom: 1px solid #dedede; margin-left: 20px;}
.searchItemTitle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #143d8d; margin-right: 20px; margin-top: 10px; font-weight: bold;}
.searchItemTitle a {color: #db3135; text-decoration: none;}
.searchItemTitle a:hover {color: #db3135; text-decoration: underline;}
.searchItemTxt {clear: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: black;}
.searchItemReadMore {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #db3135; text-align: right; margin-right: 7px; margin-bottom: 5px;}
.searchItemReadMore a {text-align: right; color: #db3135; background-image:url(../images/ReadMoreIcon.gif); background-repeat:no-repeat; background-position:right; padding-right: 10px; text-decoration:none;}
.searchItemReadMore a:hover {text-decoration: underline; color: #db3135;}

.searchItem2 {width: 553px; margin-left: 20px;}
.searchItemTxt2 {clear: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: black;}

/* 
 * ========================================
 * content slide
 * ========================================
 */

.slideLayer {
	visibility: hidden;
}
 
.overflow {
width: 593px;
padding-right: 24px;
overflow: auto;
height: 435px;
}

/* 
 * ========================================
 * debug
 * ========================================
 */

div.parseTime {
	border-top: #A7A7A7 1px solid;
	border-bottom: #A7A7A7 1px solid;
	border-left: #A7A7A7 1px solid;
	border-right: #A7A7A7 1px solid;
	margin-top: 10px;
	padding: 6px;
	width: 200px;
	background-color: #f8f8f8;
	color: #000000;
}