/*--- Bukom kleuren 
Donkerblauw:	#00529f;
Aquablauw:	#4fe2b6;
Donkergrijs:	#3c3c3c;
---*/

* {margin:0px; padding:0px;}
html {height: 100%; width: 100%; overflow: hidden;}

body{
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: black;
  background-color: #ffffff;
  background-image: url('/site_background.gif') repeat-y center;
}

/*--- Standaard Text elements ---*/
H1 {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #00519c;}
H2 {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #00519c;}
H3, H4, {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #00519c;}
H5, H6 {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #00519c;}
.body {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black;}
.underScription {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #b2b2b2;}
a {text-decoration: underline; color: #00529f;}
a:hover {color:#4fe2b6; text-decoration: underline;}
img {border:0px;}
img.imgTopLeft {position:relative; float:left; margin: 2px 10px 10px 0px;}
img.imgBottomRight {position:relative; float:right; margin: 2px 0px 10px 10px;}
hr{color:#00529f; margin-bottom:10px;}
p {margin:10px 0px 10px 0px;}
strong, b {color:#00529f;}
form {}
form input.inputTextMedium {width:300px;}
form textarea {width:302px; height:125px;}
#fotos {position:relative; width:160px; height:120px; border: 1px solid #00529f; float:left;}

/*--- Site Basic elements ---*/
#siteContainer{ height: 100%; margin: 0px auto 0px auto; padding: 0px; width: 962px; overflow: hidden; background:url('/site-background.gif') repeat-y 0px 0px}

#siteContainer #header{ /*
  background: url('/header-background.png') repeat-x left top !important;
  background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/header-background.png', sizingMethod='image');
  _background-repeat: repeat-x;*/
  background:url('/header-background.jpg') repeat-x 0px 0px;
  position:relative; width:950px; height:97px; top:0px; left:5px; border-left: 1px solid #00529f; border-right: 1px solid #00529f; text-align:left;}

#siteContainer #leftMenu{ position:absolute; width:204px; top:92px; bottom:28px;  margin-left:5px; float:left; overflow:hidden; background-color:#4fe2b6; border-left: 1px solid #00529f;}

#siteContainer #content{ position:absolute; width:705px; top:92px; bottom:28px; margin-left:210px; border-left: 1px solid #00529f; border-right: 1px solid #00529f; float:left; overflow-y:auto; overflow-x:hidden; padding: 20px 20px 0px 20px;}
#siteContainer #content img{border:1px solid #00529f; width:160px; height:120px;}
#siteContainer #content img.bannerVacatures {border: 0px; width:204px; height:384px;}
#siteContainer #content a:hover img{border:1px solid red; width:160px; height:120px;}
#siteContainer #content a:hover img.bannerVacatures {border:0px; width:204px; height:384px;}
#siteContainer #content img.logo{border:0px; width:223px; height:43px;}
#siteContainer #footer{ 
  background: url(/footer-background.png) repeat-x left top !important;
  background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/footer-background.png', sizingMethod='scale');
  background-repeat: repeat-x;
  position:absolute; bottom:-1px; height:34px; width:950px; margin-left:5px; border-left: 1px solid #00529f; border-right: 1px solid #00529f; clear:both; float:none; text-align:center; line-height:34px; color:#00529f; font-size:11px;}


/*--- Site 2nd Level elements --- */
#siteContainer #header img.logo {position:absolute; float:left; margin-left:-6px; border:0px;}
#siteContainer #header img.headerImage {position:absolute; float:right; right:-6px;}

#leftMenu ul#menu {position:relative; width:204px; height:auto; left:0px; top:20px; padding:0px; margin:0px; list-style:none;}
#leftMenu ul#menu li {position:relative; text-align:left; width:204px; font-size: 14px; font-weight: bold; color:#FFFFFF; line-height:25px; text-indent:15px; margin-bottom:6px;}

#leftMenu ul#menu li.inActive {position:relative; background:#62ddc0; border-top:1px solid #3ec6b2; border-bottom:1px solid #3ec6b2;}
#leftMenu ul#menu li.active {position:relative; top:0px; background:url('/menu-item-active.jpg') no-repeat 0px 0px; height:auto; min-height:27px;}
#leftMenu ul#menu li.inActiveBig {text-indent:0px; width:204px; position:relative; background:#62ddc0; border-top:1px solid #3ec6b2; border-bottom:1px solid #3ec6b2; height:52px;}
#leftMenu ul#menu li.activeBig {text-indent:0px; padding-left:15px; width:189px; position:relative; top:0px; background:url('/menu-item-activeBig.jpg') no-repeat 0px 0px; height:auto;}

#leftMenu ul#menu li a {display:block; position:relative; color:#FFFFFF; text-decoration:none; width:204px; height:27px;}
#leftMenu ul#menu li a:hover { background:#83ecd4;}

#leftMenu ul#menu li.active a, #leftMenu ul#menu li.activeBig a {display:block; position:relative; color:#FFFFFF; text-decoration:none; width:204px; height:25px; border-top:1px solid #00529f; border-bottom:1px solid #00529f;}
#leftMenu ul#menu li.activeBig a {height:50px; left:-15px; padding-left:15px; width:189px;}
#leftMenu ul#menu li a:hover, #leftMenu ul#menu li.activeBig a:hover { background:#83ecd4;}


#leftMenu ul#menu li.inActiveBig a {display:block; position:relative; color:#FFFFFF; text-decoration:none; padding-left:15px; width:189px; height:52px;}
#leftMenu ul#menu li.inActiveBig a:hover {background:#83ecd4;}

#leftMenu ul#menu li ul#subMenu,
#leftMenu ul#menu li.activeBig ul#subMenu  {position:relative; background: url(/submenu-background.jpg) repeat-y left top; position:relative; width:184px; height:auto; left:10px; top:0px; padding:0px; margin:0px; list-style:none;}
#leftMenu ul#menu li.activeBig ul#subMenu {left:-5px;}

#leftMenu ul#menu li ul#subMenu li {position:relative; text-align:left; height:auto; width:160px; left:10px; font-size:11px; font-weight:lighter; color:#3c3c3c; line-height:15px; text-indent:0px; margin:0px;}
#leftMenu ul#menu li ul#subMenu li.subPart {left:20px; width:150px;line-height:12px;font-weight:lighter; }
#leftMenu ul#menu li ul#subMenu li a {display:list-item; color:#3c3c3c; width:auto; height:auto; border:0px;}
#leftMenu ul#menu li ul#subMenu li a:hover {text-decoration:underline; background:none; color:#737373;}
#leftMenu ul#menu li ul#subMenu li.bottomSide img {position:absolute; margin: 0px 0px -5px -10px; *margin: 0px 0px -10px -10px;}

#content #pageTitle {}
#content ul {margin:0px 15px 0px 35px;}
#content ul ul {margin:0px 15px 0px 15px;}

#siteContainer #footer a:hover {color:#FFFFFF;}

/*--- Table imageContainer ---*/
table#imageContainer {position:relative; top:20px; margin:0px; padding:0px; width:708px;}
table#imageContainer tr {}
table#imageContainer tr td.image {width:160px;}
table#imageContainer tr td.space {display:block; position:relative; width:20px; margin:0px;}
table#imageContainer tr td img {border:1px solid #00529f; width:160px; height:120px margin:0px;}

/*--- Tabel voor formulieren ---*/
table#formTable {}
table#formTable tr td {padding:10px 0px 0px 0px; text-align:left; vertical-align:top;}