html, body, div, form
{
  margin: 0px;
  padding: 0px;
}

div
{
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -khtml-box-sizing: border-box;
}

body
{
}

div.wrapper
{
  margin: 0px auto 0px auto;
  position: relative;
  width: 970px;
}

div.logo
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 600px;
  height: 143px;
}

div.search
{
  position: absolute;
  top: 0px;
  left: 600px;
  width: 370px;
  height: 113px;

  padding: 24px 0px 0px 94px;
}

div.search td
{
  color: #F89334;
  font-family: Verdana;
  font-size: 9px;
  font-weight: normal;
}

div.search .textfield
{
  border: #F89334 solid 1px;
  width: 185px;
}

div.search .button
{
  background: #F89334;
  border: #F89334 solid 1px;
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  width: 75px;
}


div.bookmark
{
  position: absolute;
  
  padding: 0px 10px 0px 0px;
  text-align: right;

  top: 126px;
  left: 600px;
  width: 370px;
  height: 17px;
}

div.menu0
{
  background-image: url('http://www.jost.nl/templates/default/images/menu0_background.png');
  background-position: top left;
  background-repeat: no-repeat;

  position: absolute;
  top: 143px;
  left: 0px;
  width: 970px;
  height: 32px;

  padding: 4px 0px 0px 24px;
}

div.content_wrapper
{
  background-image: url('http://www.jost.nl/templates/default/images/content_wrapper_background.png');
  background-position: top left;
  background-repeat: repeat-y;

  position: absolute;
  top: 175px;
  left: 0px;
  width: 970px;
}

div.content
{
  float: left;
  width: 720px;
  padding: 46px 16px 40px 24px;
}

div.content_small
{
  width: 720px;
}

div.content_large
{
  width: 970px;
}

div.login
{
  float: left;
  height: 46px;
  width: 228px;
  padding: 16px 12px 0px 0px;

  color: #626166;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
}

div.login a
{
  color: #F89334;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
}

div.extra
{
  background: #FFE2C6;
  border: #F89334 solid 1px;

  float: left;
  width: 228px;
  margin: 11px 0px 13px 0px;
  padding: 0px 18px 13px 18px;
}

div.extra .textfield
{
    width: 185px;
}

div.extra ul
{
  color: #626166;
  list-style: square;
  margin: 0px 0px 0px 16px;
  padding: 0px;
}

div.extra ul li
{
  margin: 0px 0px 2px 0px;
  padding: 0px;
}

div.extra h3
{
  margin: 0px;
  padding: 13px 0px 12px 0px;

  color: #626166;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
}

div.extra p
{
  margin: 0px;
  padding: 0px 0px 12px 0px;

  color: #626166;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
}

div.extra td
{
  color: #626166;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
}


div.extra td ul li
{
    padding-top: 4px;
}

div.extra a
{
  color: #F89334;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

div.extra a:hover
{
  text-decoration: underline;
}

div.sponsors
{
  background-image: url('http://www.jost.nl/templates/default/images/sponsor_background.png');
  background-position: top left;
  background-repeat: no-repeat;

  padding: 8px 20px 0px 20px;
  position: relative;

  clear: both;
  height: 123px;
  width: 970px;
  white-space: nowrap;
}

div.sponsors h3
{
  display: block;
  position: absolute;
  top: -20px;
  left: 24px;
  height: 20px;

  margin: 0px;
  padding: 0px;

  color: #F89334;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;

  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -khtml-box-sizing: border-box;
}

div.sponsors img
{
  margin: 0px;
  padding: 0px;
}

div.sponsors a
{
  margin: 0px 8px 0px 5px;
  padding: 0px;
}

div.footer
{
  background: #FFFFFF;
  clear: both;
  height: 46px;
  width: 970px;

    color: #333333;
  font-family: Verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}


div.footer a
{
    color: #333333;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

div.footer a:hover
{
    color: #F89334;
    text-decoration: underline;
}

div.footer a.zoplus
{
    color: #F89334;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

div.footer a.zoplus sup
{
    font-weight: normal;
}

div.footer a.zoplus:hover
{
    color: #007ACC;
}

div.footer a.zoplus:hover sup
{
    color: #FF3300;
}

div.footer_left
{
  background: #FFFFFF;

  float: left;
    padding: 4px 0px 0px 20px;
    position: relative;
    text-align: left;
    width: 250px;
}

div.footer_center
{
  background: #FFFFFF;

  float: left;
    padding: 4px 0px 0px 0px;
    position: relative;
    text-align: center;
    width: 470px;
}

div.footer_right
{
  background: #FFFFFF;

    padding: 0px 20px 0px 0px;
  float: left;
    position: relative;
    text-align: right;
    width: 250px;
}



/* DEFAULT MENU STYLING (NO JAVASCRIPT) */
div.menu0
{
    overflow: hidden;
    white-space: nowrap;
}

div.menu0 ul
{
    height:  28px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.menu0 ul li
{
    display: inline;
    float: left;
    height: 28px;
    line-height: 28px;
    margin: 0px;
    padding: 0px;
}

div.menu0 ul li a
{
    color: #FFFFFF;
    display: block;
    font-family: Verdana, sans-serif;
    font-style: normal;
    font-size: 14px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    padding: 0px 20px 0px 0px;
    text-align: center;
    text-decoration: none;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
}

div.menu0 ul li a:hover, div.menu0 ul li a.active
{
  color: #626166;
  text-decoration: underline;
}

div.menu0 ul ul
{
    display: none;
}


/* DROP DOWN MENU STYLING (WITH JAVASCRIPT) */
html body div.dropdownmenu_main
{
}

html body div.dropdownmenu_main div.dropdownmenu_item
{
}

html body div.dropdownmenu_main div.dropdownmenu_item a
{
    color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-style: normal;
    font-size: 14px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
  margin: 0px;
    padding: 0px 20px 0px 0px;
    text-align: center;
    text-decoration: none;
}

html body div.dropdownmenu_main div.dropdownmenu_item a:hover, html body div.dropdownmenu_main div.dropdownmenu_item a.active
{
  color: #626166;
  text-decoration: underline;
}

html body div.dropdownmenu_layer
{
    background: #F89334;
    border: #FFFFFF solid 1px;
}

html body div.dropdownmenu_layer div.dropdownmenu_item a
{
    color: #FFFFFF; 
    font-family: Verdana, sans-serif;
    font-size: 12px; 
    font-weight: normal;
    text-decoration: none;
    padding: 0px 0px 0px 8px;
}

html body div.dropdownmenu_layer div.dropdownmenu_item a:hover, html body div.dropdownmenu_layer div.dropdownmenu_item a.active
{
  color: #626166;
  text-decoration: underline;
}


/* Content styling */
div.content div.homepage
{
  clear: both;
}

div.content div.homepage div.date
{
	margin: 0px;
	padding: 0px;
	float: right;

	color: #626166;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

div.content h1 div.date
{
	float: right;
	top: 0px;

	color: #626166;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

div.content h1.title
{
  color: #626166;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;

  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
}

div.content h1 
{
  color: #626166;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;

  margin: 0px 0px 3px 0px;
  padding: 12px 0px 12px 0px;
}

div.content h1 em
{
  background: #F89334;
  color: #FFFFFF;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  padding: 1px 3px 1px 3px;
}

div.content h2
{
  color: #626166;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;

  margin: 0px 0px 3px 0px;
  padding: 12px 0px 0px 0px;
}

div.content h3
{
  color: #626166;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;

  margin: 0px 0px 3px 0px;
  padding: 12px 0px 0px 0px;
}
div.content h4
{
  color: #626166;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;

  margin: 0px 0px 3px 0px;
  padding: 12px 0px 0px 0px;
}
div.content h5
{
  color: #626166;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;

  margin: 0px 0px 3px 0px;
  padding: 12px 0px 0px 0px;
}
div.content h6
{
  color: #626166;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;

  margin: 0px 0px 3px 0px;
  padding: 12px 0px 0px 0px;
}

div.content p 
{
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;

  margin: 0px 0px 0px 0px;
  padding: 0px 0px 12px 0px;
}

div.content td, div.content li
{
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

div.content td, .label2 {
          padding: 4px 0px 0px 0px;
}

div.content a
{
  color: #F89334;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
}

div.content a:hover
{
  color: #F89334;
  text-decoration: underline;
}

div.content img, div.content iframe
{
  border: #E5E5E5 solid 4px;
}

div.pagination
{
  color: #000000;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;

  margin: 0px 0px 12px 0px;
}



/*
  Module specifieke styling
*/
div.profile_item
{
}

div.profile_item a
{
  color: #F89334;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;

  display: block;
  padding: 3px 0px 3px 0px;
}

div.profile_item a:hover
{
  background: #F89334;
  color: #FFFFFF;
  padding: 3px 0px 3px 3px;
  text-decoration: undrline;
}


/* FORM FIELDS */
.button
{
  background: #F89334;
  border-top: #FFFFFF solid 1px;
  border-right: #999999 solid 1px;
  border-bottom: #999999 solid 1px;
  border-left: #FFFFFF solid 1px;

  color: #FFFFFF;
  font-family: Verdana;
  font-size: 11px;

  height: 21px;
  /* padding-right: 6px; */
  /* padding-left: 6px; */
}

.select
{
  color: #000000;
  font-family: Arial, Serif;
  font-size: 11px;

  margin: 0px;
  padding: 0px;

  height: 21px;
  width: 240px;
}

.file
{
  color: #000000;
  font-family: Arial, Serif;
  font-size: 11px;

  margin: 0px;
  padding: 1px 0px 0px 3px;

  height: 21px;
  width: 240px;
}

.textfield
{
  color: #000000;
  font-family: Arial, Serif;
  font-size: 11px;

  margin: 0px;
  padding: 1px 0px 0px 3px;

  height: 21px;
  width: 240px;
}

.textfield_disabled
{
  font-size: 11px;

  margin: 0px;
  padding: 1px 0px 0px 3px;

  height: 21px;
  width: 240px;
}

.textfield_with_icon
{
  color: #000000;
  font-family: Arial, Serif;
  font-size: 11px;

  margin: 0px;
  padding: 1px 0px 0px 3px;

  height: 21px;
  width: 220px;
}

.textfield_small
{
  color: #000000;
  font-family: Arial, Serif;
  font-size: 11px;

  margin: 0px;
  padding: 1px 0px 0px 3px;

  height: 21px;
  width: 150px;
}

.textfield_small_with_icon
{
  color: #000000;
  font-family: Arial, Serif;
  font-size: 11px;

  margin: 0px;
  padding: 1px 0px 0px 3px;

  height: 21px;
  width: 130px;
}

.textarea
{
  color: #000000;
  font-family: Arial, Serif;
  font-size: 11px;

  margin: 0px;
  padding: 1px 0px 0px 3px;

  height: 150px;
  width: 240px;
}

.hint
{
  cursor: pointer;
}




/* TABLE.LIST */
table.list
{
  margin-bottom: 16px;
}

table.list tr
{
}

table.list tr td
{
  border: #FFFFFF  solid 1px;
  font-family: Verdana, sans-serif;
  font-size: 11px; 
}

table.list tr td a
{
  color: #F89334;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

table.list tr td a:hover
{
  /* color: #808080; */
}

table.list tr.head td
{
  background: #F89334;
  color: #FFFFFF; 
}

table.list tr.odd td
{ 
  background: #E8E8E8; 
  color: #333333; 
} 

table.list tr.even td
{ 
  background: #F8F8F8; 
  color: #333333; 
} 

table.list tr.hover td
{ 
  background: #C8C8C8; 
  color: #333333; 
} 

table.list tr.highlight td
{ 
  background: #F46F21; 
}

table.list tr td.icon
{
  padding: 5px 3px 3px 5px;
  width: 22px;

  /* Catch possible alt text */
  white-space: nowrap;
  font-size: 9px;
}

table.list tr td.icon img
{
  border: none;
}

table.list tr td.icon a
{
  /* Catch possible alt text */
  font-size: 9px;
}

table.list tr td.input
{
  padding: 3px 3px 3px 3px;

  /* Catch possible alt text */
  font-size: 9px;
}

table.list tr td.input a
{
  /* Catch possible alt text */
  font-size: 9px;
}

table.list tr td.label
{
  padding: 5px 8px 5px 8px; /* Additional padding */
  font-weight: bold;
}

table.list tr td.text
{
  padding: 5px 8px 5px 8px; /* Additional padding */
  font-weight: normal;
}

table.list tr td table
{
  margin: 0px 0px 0px 3px;
  padding: 0px;
}

table.list tr td table tr td
{
  border: none;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
}

table.list tr td table tr td.label, table.list tr td table tr td.text
{
  padding-left: 0px;
}




/* TABLE.FORM */
table.form
{
  margin-bottom: 16px;
}

table.form tr td
{
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

table.form tr td em
{
  color: #FF0000;
  font-family: Verdana, sans-serif;
  font-size: 11px; 
  font-style: normal;
}

table.form tr td a
{
  color: #F89334;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

table.form tr td a:hover
{
  /* color: #808080; */
}

table.form tr.head td
{
  background: #333333;
  color: #000000; 
}

table.form tr.odd td
{ 
  background: #E8E8E8; 
  color: #333333; 
} 

table.form tr.even td
{ 
  background: #F8F8F8; 
  color: #333333; 
} 

table.form tr.error td
{ 
  color: #FF0000;
}

table.form tr.error td .file, table.form tr.error td .select, table.form tr.error td .textarea, table.form tr.error td .textfield, table.form tr.error td .textfield_with_icon, table.form tr.error td .textfield_small, table.form tr.error td .textfield_small_with_icon
{
  background: #FFE0E0;
}

table.form tr.highlight td
{ 
  color: #F46F21;
}

table.form tr.highlight td.text
{ 
  color: #F46F21;
}

table.form tr.highlight td.label
{ 
  color: #F46F21;
}

table.form tr td.icon
{
  padding: 3px 0px 0px 2px;

  /* Catch possible alt text */
  font-size: 9px;
}

table.form tr td.icon img
{
  border: none;
}

table.form tr td.icon a
{
  /* Catch possible alt text */
  font-size: 9px;
}

table.form tr td.image
{
  padding: 2px 0px 2px 0px;

  /* Catch possible alt text */
  font-size: 9px;
}

table.form tr td.image a
{
  /* Catch possible alt text */
  font-size: 9px;
}

table.form tr td.input
{
  padding: 2px 0px 2px 0px;

  /* Catch possible alt text */
  font-size: 9px;
}

table.form tr td.input a
{
  /* Catch possible alt text */
  font-size: 9px;
}

table.form tr td.label
{
  padding: 4px 4px 4px 0px; /* Additional padding */
  font-weight: bold;
}

table.form tr td.table
{
  padding: 0px; /* Additional padding */
  font-weight: normal;
}

table.form tr td.text
{
  padding: 4px 4px 4px 0px; /* Additional padding */
  font-weight: normal;
}