/*************************************************************
  
  author:         Miel Vandevelde (I-Folks)
  company:        abesco.be
  version:        1.0
  created on:     25.08.2008
  
  CONTENT
  -------
  01. PAGE STRUCTURE
  02. HEADING
  03. NAVIGATION
  04. CONTENT
  05. FOOTER

*************************************************************/



/*============================================================
  @ COLORS

  green     #a6a914
  blue      #005c7e

============================================================*/



/*============================================================
  01. PAGE STRUCTURE
============================================================*/
html { overflow: -moz-scrollbars-vertical } /* vertical scrollbar for Firefox */

body { background: #a6a914; font-size: 16px }

#wrapper { font: normal 0.69em/1.45em Arial, Helvetica, sans-serif; margin: 12px auto 0; width: 790px }

.clear { clear: both; font-size: 0; height: 0 } /* clears floating elements */



/*============================================================
  02. HEADING
============================================================*/
#heading { background: url(../img/header.jpg); height: 195px }
#heading a { display: block; float: right; height: 53px; margin: 8px 8px 0 0; text-indent: -9999em; width: 118px }
#heading img { display: none }



/*============================================================
  03. NAVIGATION
============================================================*/
#navigation { background: #005c7d; color: #fff; height: 31px; line-height: 2.82em; text-transform: uppercase }
#navigation a       { color: #fff; text-decoration: none }
#navigation a:hover { color: #a6a914 }
#navigation ul { }
#navigation ul li { float: left; position: relative }
#navigation ul li a { padding: 0 4px }
#navigation ul li ul { display: none; left: 0; position: absolute; text-transform: none; top: 31px }
#navigation ul li ul.hover { display: block } /* shows the subnavigation */
#navigation ul li ul.hover li { width: 180px }	
#navigation ul li ul.hover li a { background: #005c7d; border-top: 1px solid #fff; display: block; line-height: 17px; padding: 2px 23px 5px 7px }



/*============================================================
  04. CONTENT
============================================================*/
#content { color: #000 }
#content p { margin: 12px 0 }
#content a { color: #005c7e }
#content ul { list-style: disc outside; margin: 12px 0 12px 25px }
#content ul li { margin: 5px 0 }
#content ol { list-style: decimal outside; margin: 12px 0 12px 25px }
#content ol li { margin: 5px 0 }



/* @ LANGUAGEBAR
===========================================================*/
#language {
 background: #fff url(../img/corner-lang.gif) left top no-repeat;
 color: #a6a914;
 height: 32px;
 padding: 7px 18px 0 0;
 text-align: right 
}


#language a        {
 color: #a6a914;
 margin: 0 5px;
 text-decoration: none 
}


#language a:active {
 font-weight: bold 
}



/* @ TEXTAREA
===========================================================*/
#text {
 background: #fff;
 padding: 0 19px 23px 32px 
}


#text h1 {
	color: #005c7e;
	margin: 0 0 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}


#text h2 {
 color: #005c7e;
 font: bold 14px/16px Arial, Helvetica, sans-serif;
 margin: 12px 0 
}


#text h3 {
 color: #a6a914;
 font: bold 14px/16px Arial, Helvetica, sans-serif;
 margin: 12px 0 
}



/* @ SEARCHBAR
===========================================================*/
#zoekwaarde {
 background: #f2f2f2;
 border: 1px solid #005c7e;
 color: #005c7e;
 display: inline;
 float: right;
 margin: 0 0 10px 10px;
 padding: 10px;
 width: 163px 
}


#zoekwaarde input.textfield {
 background: #fff;
 border: 1px solid #a6a914;
 color: #000;
 font: 11px/14px Arial, Helvetica, sans-serif;
 height: 14px;
 margin: 2px 0;
 padding: 2px;
 width: 159px 
}


#zoekwaarde input.button {
 background: #fff;
 border: 1px solid #005c7e;
 color: #a6a914;
 float: right;
 width: 19px 
}



/* @ QUICK LINKS on the index page
===========================================================*/
#pages {
 margin: 5px 0 0 
}


#pages .training    {
 background: #fff;
 float: left;
 height: 237px;
 margin: 0 5px 0 0;
 padding: 2px 21px 21px;
 width: 218px 
}


#pages .environment {
 background: #fff;
 float: left;
 height: 237px;
 margin: 0 5px 0 0;
 padding: 2px 21px 21px;
 width: 218px 
}


#pages .safety 		{
 background: #fff url(../img/corner-pages.gif) right bottom no-repeat;
 float: left;
 height: 237px;
 padding: 2px 21px 21px;
 width: 218px 
}




#pages h1 {
 background: #005c7e url(../img/bullet-h1.gif) 21px 10px no-repeat;
 color: #fff;
 font: normal 12px/30px Arial, Helvetica, sans-serif;
 margin: 0 -21px;
 padding: 0 0 0 38px 
}



#content .pagesCorner {
 background: #fff url(../img/corner-pages.gif) right bottom no-repeat;
 padding-bottom: 60px 
}

 /* changes the 'text' background in every page except the index page */

/* @ SIDEBAR
===========================================================*/
#sidebar {
 float: right;
 margin: 0 0 10px 15px;
 width: 183px 
}


#sidebar .blokje {
 border: 1px solid #a6a914;
 padding: 9px 
}


#sidebar .marges {
 margin: 10px 0 0;
}


#sidebar h1 {
 background: #005c7e url(../img/bullet-h1.gif) 10px 7px no-repeat;
 color: #fff;
 font: normal 11px/24px Arial, Helvetica, sans-serif;
 margin: -10px -10px 9px -10px;
 padding: 0 0 0 27px 
}





/*============================================================
  05. FOOTER
============================================================*/
#footer { color: #005c7d; margin: 10px 0; text-align: center }
#footer a       { color: #005c7d; text-decoration: none }
#footer a:hover { text-decoration: underline }.data_padding {
	padding-left: 20px;
}