﻿body{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  margin:0px;
  padding:0px;
}

.wrapper{
	margin:auto;
	width:920px;
}

/* HEADER DIV */
.header{
	height:125px;
	width:auto;    
}

.headtitle{
	float:left;
	height:123px;
  width:650px;
}
.h_title{
    float:left;
    padding-top:20px;
    width:710px;
    font-size: 34px;
    font-weight: normal;
	color:#ff6600;
    text-align:center;
}
.h_title p{
    margin:0;
    padding:0;
}

.rabologo
{
  float:left;
  padding-left:10px;
  padding-top:8px;
  width:80px;
}
.leftlist li
{
  background:url('/images/arrow.gif');
}
.leftlist li:hover
{
 background:url('/images/arrow_hover.gif') no-repeat 0 7px;
}

#quickmenu
{
  float:right;
  margin:0px;
  padding:30px 0px 0px 0px;
}
#quickmenu ul
{
  margin:0px;
  padding:0px;
  list-style:none;
}
#quickmenu li
{
  list-style:none;
  margin:0px;
  padding:3px 10px 3px 10px;
  border-top: 1px solid #DDDDDD;
}
#quickmenu a
{
  text-decoration:none;
  color: #000099;
}
#quickmenu a:hover
{
	color: #ff6600;
}

/* NAVIGATIE DIV */
.navigatie{
	width:920px;
  background:url('/images/3dbalk.jpg');
  height:31px;  
  float:left;  
}
#mainnav ul, #mainnav
{
  float:left;
  list-style:none;
  margin:0px;
  padding:0px;
}
#mainnav li
{
  list-style:none;
  font-size: 14px;
  font-weight: bold;
  float: left;
  height:31px;
  padding:0px;
}
#mainnav li:hover
{
  background:url('/images/3dbalk_on.gif');
}
.current
{
  background:url('/images/3dbalk_on.gif');
}
#mainnav li img
{
  border:0px;
}
#mainnav a
{
  color:#fff;
  text-decoration:none;
  float:left;  
}
.homenav
{
  padding:7px 10px 2px 10px;
}
.homeimage
{
  padding:0px;
}
.limage
{
  padding-left:0px;
}

.homebutton{
  width: 61px;
  height: 31px;
  float: left;
}

.normbutton, .normbutton_v2{
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  height: 23px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
}

.normbutton a, .normbutton_v2 a{
	color:white;
	text-decoration:none;
}

.normbutton_v2:hover
{
  background:url('/images/3dbalk_on.gif');
}

.normspacer{
  float: left;
}

/* START OF FOOTER */
.footer{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	color:#000099;
	font-size:11px;
	margin-top:20px;
	float:left;
	width:99.5%;
	border-top: 1px solid #DDDDDD;
	padding:3px;
}
.footer .left{
	float:left;
	padding-left:20px;
}
.footer .left p{
	padding-right:10px;
}
.footer .right{
	float:right;
	font-weight:bold;
}

.footer a{
    text-decoration : none;
	color:#000099;
}

.footer a:hover {
    text-decoration : none;
	color: #ff6600;
}
/* END OF FOOTER */

/* LEFT NAVIGATION */
.left_middle{
	float:left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
  font-weight: normal;
	color: #000099;		
	margin-top:20px;
	border:0px solid black;
	width:180px;
}

.left_middle p{
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding-top:2px;
	padding-bottom:2px;
  margin:0px;
}

.left_middle ul{
  margin:0px 0px 8px 0px;
	padding-left:20px;
	list-style: none;	
}

.left_middle a{
    text-decoration : none;
	color:#000099;
}
.left_middle a:hover {
    text-decoration : none;
	color: #ff6600;
}

.left_middle li{
	margin-top: 3px;
	padding-left: 10px;
	padding-top: 3px;
	background-repeat: no-repeat;
	background-position: 0 .5em;	
}

.left_middle .lnk{
	padding-top:2px;
	padding-bottom:2px;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #DDDDDD;
}
/* END OF LEFT MENU */

.textline{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: normal;
	color: #000099;
	padding-top:3px;
}

.rightarea{
	margin-top:20px;
	float:left;
	width:182px;
}

/* OLD SETTINGS (global)*/
span.pageTitel {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #000099;
    font-weight: bold;
}
span.title_small {
    color: #FF6600;
    font-weight: bold;
    font-size: 12px;
}
span.bodytext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000099;
    font-size: 11px !important;
    font-weight: normal;
    line-height: 17px;
}
span.bodytext strong {
    color: #FF6600;
}
span.bodytext a {
    color: #000099;
}

span.introtext {
    color: #FF6600;
    font-size: 11px !important;
    font-weight: normal;
    line-height: 17px;
}
span.introtext a:link,span.introtext a:visited,span.introtext a:active{
	text-decoration:none;
	color:#FF6600;
}
span.introtext a:hover{
	text-decoration:underline;
}

span.SubHeadBlue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000099;
    font-weight: bold;
}
span.SubHeadOrange {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #FF6600;
    font-weight: bold;
    text-transform : lowercase;
}

span.boldbodytext {
    color: #000099;
    font-size: 11px !important;
    font-weight: bold;
    line-height: 17px;
    display: block;    
}
span.boldbodytext a:visited, span.boldbodytext a:link, span.boldbodytext a:active{
	text-decoration:none;
	color: #000099;
}
span.boldbodytext a:hover{
	text-decoration:underline;
}
span.boldbodytextLarge {
    color: #000099;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 17px;
    display: block;    
}

/* tr colors */
tr.head td { font-size: 12px; font-weight: bold; }
tr.first td { background: white; }
tr.second td { background: transparent; }

/* FAQ style elements */
div.FaqQuestion {
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	padding-right: 5px;
}
.FaqSquare {
	height: 9px;
	width: 6px;
	background-color: #FF6600;
}

/* news overview style */
table.newsoverview {
    padding: 4px;
    margin: 0px;
    border : 1px solid #FF6600;
    width: auto;
}
div.newsOverviewItem {
	padding: 5px;
}
span.newstitel {
    color: #FF6600;
    font-size: 14px;
    font-weight: bold;
    font-style : italic;
    display: block;
}
span.newsinleiding {
    color: #FF6600;
    font-size: 12px;
    font-weight: normal;
    font-style : italic;
    line-height: 17px;
    display: block;
}

.MainContentTdRed {
	font-family:arial;
	margin-top:20px;
	margin-left:20px;
	float:left;
	width:520px;	
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFEFE5;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;	
	padding-top:8px;
}

/* CONTENT TEMPLATE SETS */
.MainContentTdRed .container{
	width:49%;
	float:left;
}
.contentdefault{
  margin-left:20px;
  float:left;
  width:510px;
  padding:8px;
  margin-top:4px;
  font-size:11px;
  color:#000;
}
.youtube
{
    margin-left:0px;
    width:530px;
}

.contentdefault h1
{
  font-size:14px;
  color:#FF6600;
  margin:0px 0px 20px 0px;
}
.contentdefault h2, .contentdefault h3, .contentdefault h4, .contentdefault h5, .contentdefault h6
{
  color:#000;  
  font-size: 11px !important;
  line-height: 17px;
  margin:4px 0px 0px 0px;
  font-weight:bold;
}
.contentdefault ol
{
    line-height: 17px;
    padding:0px;
    margin:0px 0px 0px 19px; /* NON-IE fix */
    #margin:-17px 0px 0px 23px; /* IE fix */
}
.contentdefault p
{
  -x-system-font:none;
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:1em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.5em;
  line-height:1.5em;
  font-size:1em;
  color:#000;
  margin:0px;
  padding-bottom:15px;
}
.contentdefault a
{
  background:url('/images/arrow.gif') no-repeat 0 3px;
  color:#0000CC;
  text-decoration:underline;
  padding-left:10px;
}
.contentdefault a:hover
{
  background:url('/images/arrow_hover.gif') no-repeat 0 4px;
  color:#FF6600;
}
.contentdefault img
{
  border:0px;
}

.custom-001 a
{
    text-decoration:none;
}
.custom-001 ul
{
    list-style:none;
    padding:10px 0px 0px 0px;
    margin:0px;
}
.custom-001 li
{
    padding:2px 0px 2px 0px;
}

/* Login Scheme */
.loginscheme input, form, .loginscheme button
{
    margin:0px;
    padding:0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
}
.loginscheme input
{
    width:90px;
    margin-right:10px;
}
.loginscheme
{
    text-align:left;
    border:1px solid #000099;
    background:#f9f9f9;
    padding:5px;
}

/* Banner Boxes */
.bannerbox {
  border-bottom:1px solid #AAAAAA;
  border-left:1px solid #AAAAAA;
  border-right:1px solid #AAAAAA;
  width:180px;
  float:left;
  margin-bottom:10px;
}
.bannerbox h3
{
  color:#FF6600;
  font-family:'Myriad Bold',Verdana,Helvetica,Arial,sans-serif;
  font-size:1.4em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  height:23px;
  line-height:normal;
  width:172px;
  margin:0px;
  padding:0px;
  border-top:1px solid #AAAAAA;
  border-bottom:1px solid #AAAAAA;
  padding-top:3px;
  padding-left:8px;
}
.bannerbox p
{
  line-height:1.5em;
  margin:0px;
  padding:8px 8px 0px 8px;
}
.bannerbox ul
{  
  list-style:none;
  margin:8px;
  padding:0px;
}
.bannerbox li
{
  background:url('/images/arrow.gif') no-repeat 0 3px;
  margin:0px;
  padding:0px;
  padding-left:10px;
}
.bannerbox li:hover
{
  background:url('/images/arrow_hover.gif') no-repeat 0 4px;
}
.bannerbox a
{
  text-decoration:none;
  color:#0000CC;
}
.bannerbox a:hover
{
  color:#FF6600;
}
.bannerbox img
{
  margin:0px;
}

/* Login Scheme */
#login
{
}
#login input, #login button
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#logTitle
{
  float:left;
  width:120px;
}
#logValue
{
}
#logValue input
{
  padding:0px;
  margin:0px 0px 5px 0px;
  width:40px;
}
#loggedIna, #loggedInb, #loggedOff, #userName
{
 display:none;
}
#userName
{
 background:none;
 font-weight:bold;
}

/* Project Scheme */
#projects
{
}
#projects a, #projects a:hover
{
  background:none;
}

/* Project Overview */
#ProjectOverview
{
  width:550px;
  float:left;
  list-style:none;
  padding:0px;
  margin:0px;
}

#ProjectOverview li
{
  background:none;
  list-style:none;
  float:left;
  border-top:1px solid #000;
  border-right:1px solid #000;
  border-left:1px solid #000;
}
#ProjectOverview a
{
  background:none;
  margin:0px;
  padding:0px;
}
#ProjectOverview input
{
  margin:0px;
  padding:0px;
  float:left;
}
#ProjectOverview #checkbox
{
  float:left;
  width:21px;
  text-align:center;
  padding-top:15px;
}
#ProjectOverview #image
{
  float:left;
  text-align:center;
  border-right:1px solid #000;
  border-left:1px solid #000;
  padding:0px;
  margin:0px;
}
#ProjectOverview #text
{
  float:left;
  width:400px;
  vertical-align:middle;
  padding:2px 2px 2px 10px;
}
#ProjectSave
{
  width:180px;
}

.bigImage   { width: 426px; height:270px; text-align:center; }
#imgTitle { display:none; }
#bigImage { height:270px; border:1px solid #fff; }

.thumbStripArea { background:url('/images/foto_gallery_background.gif'); overflow:hidden; position: absolute; top: 320px; left: 39px; width: 426px; height: 67px; font-weight: bold; }
#messageImage { text-align:center; }

.scrollLeftStart  { position: relative; cursor:pointer; text-align:center; padding-top: 25px; top: 0px; width: 25px;  height: 65px; float: left; }
.scrollLeft       { position: relative; cursor:pointer; text-align:center; padding-top: 25px; top: 0px; width: 15px;  height: 65px; float: left; }
.thumbs           { position: relative; top: 0px; width: 340px; height: 67px; overflow: hidden; float: left; }
.thumb            { text-align:center;cursor:pointer;display:block;height:55px;overflow:hidden;float:left;margin:5px; background:#000; border: 1px solid #dddddd;}
.selectedthumb    { border: 1px solid #000000;}
.thumb img { height:55px; }
.scrollRight      { position: relative; cursor:pointer; text-align:center; padding-top: 25px; top: 0px; width: 15px;  height: 65px; float: left; }
.scrollRightEnd   { position: relative; cursor:pointer; text-align:center; padding-top: 25px; top: 0px; width: 25px;  height: 65px; float: left; }
.MaxPicture 	  { text-align:center; display:none; position: fixed; left:0px; top:50px; z-index:1000; width:100%; height:100%; }
.MaxPicture img   { display:none; margin:auto; border:2px solid #fff; }
