/*************************************************************************************************************************/
/* BEGIN OVERRIDE STYLES                                                                                                 */
  html, body
  {
  	background-color: #3b3b3b;
  	background-image: url('./../images/background.gif');
	background-repeat: repeat;
	background-attachment: fixed;

  	color: #ffffff;

  	font-family: Arial, Century Gothic, Verdana, Helvetica, Sans-Serif;
  	font-size: 11px;	
  	
    scrollbar-face-color: #131b1e;
    scrollbar-shadow-color: #383838;
    scrollbar-3dlight-color: #131b1e;
    scrollbar-arrow-color: #fa7911;
    scrollbar-highlight-color: #383838;
    scrollbar-track-color: #3b3b3b;
    scrollbar-darkshadow-color: #383838;
  }

  a:link { text-decoration: none; color: #009ee0; }
  a:visited { text-decoration: none; color: #009ee0; }
  a:hover { text-decoration: none; color: #ffae16; }
  
/* BEGIN MENU_LINKS                                                                                                        */
  a.contact_rollover {
    display: block;
    width: 99px;
    height: 52px;
    background: url('./../images/top_btn_contact.gif') 0 0 no-repeat;
  }
  a:hover.contact_rollover { background-position: -99px 0; }
  a.active_contact_rollover { background-position: -198px 0; }
  
  a.referenties_rollover {
    display: block;
    width: 98px;
    height: 52px;
    background: url('./../images/top_btn_referenties.gif') 0 0 no-repeat;
  }
  a:hover.referenties_rollover { background-position: -98px 0; }
  a.active_referenties_rollover { background-position: -196px 0; }

  a.team_rollover {
    display: block;
    width: 98px;
    height: 52px;
    background: url('./../images/top_btn_team.gif') 0 0 no-repeat;
  }
  a:hover.team_rollover { background-position: -98px 0; }
  a.active_team_rollover { background-position: -196px 0; }
  
  a.equipment_rollover {
    display: block;
    width: 98px;
    height: 52px;
    background: url('./../images/top_btn_equipment.gif') 0 0 no-repeat;
  }
  a:hover.equipment_rollover { background-position: -98px 0; }
  a.active_equipment_rollover { background-position: -196px 0; }
  
  a.producties_rollover {
    display: block;
    width: 101px;
    height: 52px;
    background: url('./../images/top_btn_producties.gif') 0 0 no-repeat;
  }
  a:hover.producties_rollover { background-position: -101px 0; }
  a.active_producties_rollover { background-position: -202px 0; }
/* END MENU_LINKS                                              															 */

/* END OVERRIDE STYLES                                                                                                   */
/*************************************************************************************************************************/

/*************************************************************************************************************************/
/* BEGIN DIV STYLES                                                                                                     */

  #bodycontainer
  {
    width: 751px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('./../images/shadow_fill.gif');
	background-repeat: repeat-y;
  }

  #header {
	height: 352px;
	width: 751px;
	clear: both;
  }

  #left_menu {
  	padding-left: 6px;
    width: 245px;
	float: left;
  }

  #sub_menu {
    padding-right: 6px;
    width: 494px; /*works now in IE6, IE7 and Firefox*/
    float: right;
  }

  #content {
    min-height: 450px;
  	padding-right: 6px;
    width: 494px; /*works now in IE6, IE7 and Firefox*/
	float: right;
  }
  
  .min-height { /*to add a min-heigt to de mid-section*/
    float:right;
    width:0px;
    height: 450px; /*=min-height*/
  }
  
  #affiliates {
  	margin-right: 6px;
	background: #383838;
	height: 113px;
	width: 484px; /*strange, why not 494px? Table?*/
	padding-left: 8px; /*for affiliate outline*/
  }

  #footer {
	height: 119px;
	width: 751px;
	clear: both;
  }
  
  #designby {
    width: 739px;
  	margin-left: auto;
    margin-right: auto;
	text-align: right;
	font-size: 10px;
	color: #8f8f8f;
  }

/* END DIV STYLES                                                                                                        */
/*************************************************************************************************************************/

/*************************************************************************************************************************/
/* BEGIN CLASS STYLES                                                                                                    */

  .affiliate {
  	position: relative; 
  	float: left;
  	padding-top: 11px;
  	padding-left: 7px;
  }

  .blue { color: #009ee0; }

  .borderDottedTopBottom
  {
    border-top: 1px dotted #ffffff;
    border-bottom: 1px dotted #ffffff;
  }

  .borderSolid { border: 1px solid #ffffff; }

  .content
  {
    pading: 15px 15px 10px 15px;
    margin: 15px 10px 10px 13px; /*normaal margin: 15px 15px 10px 15px; maar dan springt ie6 naar onderen*/ 
    font-size: 11px;
    text-align: justify;
    width: 464px; /*normaal width: 464px; maar dan springt ie6 naar onderen*/
  }
  
  .eventDescription
  {
    padding-left: 5px;
    padding-right: 5px;
  }

  .eventTitle
  {
    color: #000000;
    font-weight: bold;
    padding: 2px 3px 2px 5px;
  }

  .eventTime, .eventViews
  {
    color: #000000;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .gradient { FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffae16', EndColorStr='#fedb9a'); }

  .gradientInverted { FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#fedb9a', EndColorStr='#ffae16'); }

  .headline {
  	width: 231px;
  	float: left;
  	padding-left: 1px;
    padding-bottom: 3px;
	font-size: 12px;
	font-weight: bold;
  }
  .headline a:link { text-decoration: none; color: #009ee0; }
  .headline a:visited { text-decoration: none; color: #009ee0; }
  .headline a:hover { text-decoration: none; color: #ffae16; }
  .headline a:active { text-decoration: none; color: #ffae16; }
  
  .icon
  {
    margin: 5px 5px 5px 5px;
    border: 1px solid #000000;
  }
  
  .left_menu_desc {
    color: #aca69b;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 18px;
  }

  .left_menu_item
  {
  	width: 138px;
  	position: relative;
    color: #ffae16;
    font-size: 13px;
    font-weight: bold;
    float: left;
  }  
  .left_menu_item a:link { text-decoration: none; color: #ffae16; }
  .left_menu_item a:visited { text-decoration: none; color: #ffae16; }
  .left_menu_item a:hover { text-decoration: none; color: #009ee0; }
  .left_menu_item a:active { text-decoration: none; color: #ffae16; }  
  
  .left_menu_logo_img {
  	position: relative;
  	padding-left: 18px;
  	padding-right: 18px;
  	float: left;
  }
  
  .left_menu_titel_img {
  	position: relative;
  	margin-top: 18px;
  	margin-bottom: 18px;
  	margin-left: 18px;
  }
  
  .newsItem
  {
  	font-size: 12px;
	padding-bottom: 4px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
  }
 
  .orange { color: #ffae16; }
  
  .planning
  {
	border-style: solid;
	border-color: #000000;
	border-width : 1px;
  }

  .planning_head
  {
  	font-size: 13px;
	font-weight: bold;
  }

  .sub_menu {
    margin: 13px 15px 10px 15px;
    font-size: 13px;
    font-weight: bold;
    color: #ffae16;
	line-height: 2;
  }

  .sub_menu_item { float: left; }
  .sub_menu_item a:link { text-decoration: none; color: #ffae16; }
  .sub_menu_item a:visited { text-decoration: none; color: #ffae16; }
  .sub_menu_item a:hover { text-decoration: none; color: #009ee0; }
  .sub_menu_item a:active { text-decoration: none; color: #009ee0; }

  .title
  {
  	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: left;
  }

/* END CLASS STYLES                                                                                                      */
/*************************************************************************************************************************/

/*************************************************************************************************************************/
/* BEGIN MENU STYLES                                                                                                     */

  /*.mnItem
  {
  	padding-top: 3px;
  	padding-bottom: 5px;
    color: #ffae16;
    font-family: Arial, Century Gothic, Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
    filter: alpha(opacity=70);
    float: left;
  }
  
  .mnItem a:link { text-decoration: none; color: #ffae16; }
  .mnItem a:visited { text-decoration: none; color: #ffae16; }
  .mnItem a:hover { text-decoration: none; color: #ffae16; }
 
  .mnItemOver { filter: alpha(opacity=100); }*/
  
  .mnHand { cursor: pointer; }
  
/* END MENU STYLES                                                                                                       */
/*************************************************************************************************************************/


/*************************************************************************************************************************/
/* BEGIN PRIVATE STYLES                                                                                                  */



/* END PRIVATE STYLES                                                                                                    */
/*************************************************************************************************************************/

/*************************************************************************************************************************/
/* BEGIN PUBLIC STYLES                                                                                                   */



/* END PUBLIC STYLES                                                                                                     */
/*************************************************************************************************************************/

/*************************************************************************************************************************/
/* BEGIN FORM STYLES                                                                                                     */

  input.formInput, textarea.formInput, option.formInput
  {
  	background-color: #EAF3EB;
  	border: 1px solid #0D3603;
  	color: #0D3603;
  	font-family: Verdana, Arial, Helvetica, Sans-Serif;
  	font-size: 11px;
  }
  input.formInputError, textarea.formInputError, option.formInputError
  {
  	background-color: #f29e9e;
  	border: 2px solid #BA1319;
  	color: #000000;
  	font-family: Arial, Century Gothic, Verdana, Helvetica, Sans-Serif;
  }

/* END FORM STYLES                                                                                                       */
/*************************************************************************************************************************/