/** Content styles **/

body
{
  font-family: Trebuchet MS, Verdana;
  font-size: 12px;
  color: black;
  margin: 0px;
  background-color: #cccccc;
}

td
{
  font-family: Trebuchet MS, Verdana;
  font-size: 12px;
  color: black;
}

b, strong
{
  color: #AA2B49;
}

a
{
  color: #AA2B49;
  font-weight: bold;
  text-decoration: none;
}

a:hover
{
  color: #AA2B49;
  text-decoration: underline;
}

.fakelink
{
  color: #AA2B49;
  font-weight: bold;
}

a.homelink
{
  font-family: Arial;
  color: #ffa442;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
}

a.homelink:hover
{
  color: #ff0000;
  text-decoration: none;
}

a.topmenu
{
  font-family: Arial;
  color: #797979;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: none;
}

a.topmenu:hover
{
  color: #ffa442;
  text-decoration: none;
}

.smallgrey
{
  font-size: 11px;
  color: #5c5c5c;
}

.headertitle
{
  font-family: Arial;
  font-size: 21px;
  /*letter-spacing: 0.1em;*/
  color: #FFFFFF;
}

.headersubtitle
{
  font-family: Arial;
  font-size: 11px;
  /*letter-spacing: 0.1em;*/
  color: #FFFFFF;
}

.tabrow1
{
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #AA2B4A;
  padding-top: 5px;
  cursor: hand;
}

.tabrow2
{
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #AA2B4A;
  padding-top: 1px;
  cursor: hand;
}

a.tablink, a.tablink:hover
{
  text-decoration: none;
}

a.tablinksel, a.tablinksel:hover
{
  color: #DA7202;
  text-decoration: none;
}

a.taboverlink
{
  text-decoration: none;
}

a.taboverlink:hover
{
  text-decoration: underline;
}

a.taboverlinksel
{
  color: #DA7202;
  text-decoration: none;
}

a.taboverlinksel:hover
{
  color: #DA7202;
  text-decoration: underline;
}

a.crumbs
{
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #ADA8A9;
  text-decoration: none;
}

a.crumbs:hover
{
  color: #ADA8A9;
  text-decoration: underline;
}

a.lastcrumb
{
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #DA7202;
  text-decoration: none;
}

a.lastcrumb:hover
{
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #DA7202;
  text-decoration: underline;
}

a.subnavlink
{
  font-family: Trebuchet MS, Verdana;
  font-size: 13px;
  color: #5C5C5C;
  text-decoration: none;
}

a.subnavlink:hover
{
  color: #5C5C5C;
  text-decoration: underline;
}

a.subnavlinksel
{
  font-family: Trebuchet MS, Verdana;
  font-size: 13px;
  color: #A1A1A1;
  text-decoration: none;
}

a.subnavlinksel:hover
{
  color: #A1A1A1;
  text-decoration: underline;
}

.homegroup
{
  color: #5c5c5c;
  font-size: 11px;
}

div.homegroup p
{
  margin: 0px 0px 15px 0px;
}

.newstitle
{
  color: #819706;
  font-weight: bold;
}

.footer
{
  font-family: Trebuchet MS, Verdana;
  font-size: 10px;
  color: #777777;
}

a.footer
{
  font-family: Trebuchet MS, Verdana;
  font-size: 10px;
  color: #525252;
  text-decoration: underline;
  font-weight: normal;
}

a.footer:hover
{
  color: #AA2B49;
}

/** BELOW IS TO CHECK *********************************************************/

.error
{
  background-color: #ffcccc;
  border: 2px solid red;
  padding: 10px 20px 10px 20px;
  font-family: Verdana;
  font-size: 16px;
  font-weight: bold;
  color: black;
  cursor: hand;
}

.debug
{
  background-color: #ccccff;
  border: 2px solid blue;
  padding: 10px 20px 10px 20px;
  font-family: Verdana;
  font-size: 16px;
  font-weight: bold;
  color: black;
  cursor: hand;
}

input
{
  color: #5c5c5c;
  font-size: 11px;
  /*border: 1px solid #D5D5D5;*/
}

select
{
  color: #5c5c5c;
  font-size: 12px;
}

button
{
  color: #5c5c5c;
  font-size: 11px;
  /*border: 1px solid #D5D5D5;*/
}

.homemenu,.homemenu:hover
{
  color: #AA2B49;
  font-weight:bold;
  font-size:8pt;
  text-decoration:none;
}

.homemenu,.homemenu:hover
{
  color: #AA2B49;
  font-weight:bold;
  font-size:8pt;
  text-decoration:none;
}

a.navHead
{
  color: #AA2B49;
  font-weight: bold;
  text-decoration: none;
}

a.navHead:hover
{
  color: #AA2B49;
  font-weight: bold;
  text-decoration: underline;
}

h1
{
  font-size: 13pt;
  font-weight: bold;
  color: #AA2B49;
  margin: 10px 0px 0px 0px;
}

h2
{
  font-size: 12pt;
  font-weight: bold;
  font-style: italic;
  color: #AA2B49;
  margin: 10px 0px 0px 0px;
}

h3
{
  font-size: 11pt;
  font-weight: bold;
  color: #AA2B49;
  margin: 10px 0px 0px 0px;
}

h4
{
  font-size: 8pt;
  font-weight: normal;
  margin: 0px;
}

h5
{
  font-size: 7pt;
  font-weight: normal;
  margin: 0px;
}

h6
{
  font-size: 6pt;
  font-weight: normal;
  margin: 0px;
}

ul,ol
{
  margin: 0px 0px 0px 35px;
}

ul.deepmenu,ol.deepmenu
{
  margin: 0px 0px 0px 17px;
}

ul.portlet,ol.portlet
{
  margin: 0px 0px 0px 17px;
  padding: 0px;
  color: #AA2B49;
}

li.portlet
{
  margin: 0px;
  padding: 0px;
}

hr
{
  height: 1px;
  color: #AA2B49;
}

.menu
{
  font-size:8pt;
  font-weight:bold;
}

a.menu:hover
{
  font-size:8pt;
  color:#AA2B49;
  font-weight:bold;
  text-decoration:none;
}

.small{
  font-size: 8pt;
}

.smaller{
  font-size: 7pt;
}


.grey
{
  color: #525252;
}

.smallergrey
{
  font-size:7pt;
  color:#5C5C5C;
}

.smallwhite
{
  font-size:8pt;
  color:#FFFFFF;
}

.smallerwhite
{
  font-size:7pt;
  color:#FFFFFF;
}

.boxtop
{
  background-image:     url('../images/box/top.gif');
  background-position:  bottom;
  background-repeat:    repeat-x;
  background-color:     #414141;

  height: 23px;

  padding-left:   10px;
  padding-right:  5px;

  border-left:  1px solid #9E9898;
  border-top:   1px solid #9E9898;
  border-right: 1px solid #9E9898;
}

.boxtopred
{
  background-image:     url('../images/box/top_red.gif');
  background-position:  bottom;
  background-repeat:    repeat-x;
  background-color:     #5C1026;

  height: 23px;

  padding-left:   10px;
  padding-right:  5px;

  border-left:  1px solid #9E9898;
  border-top:   1px solid #9E9898;
  border-right: 1px solid #9E9898;
}

.boxtopyellow
{
  background-image:    url('../images/box/top_yellow.gif');
  background-position: bottom;
  background-repeat:   repeat-x;
  background-color:    #f7f38c;

  height: 23px;

  padding-left:  10px;
  padding-right: 5px;

  border-left:  1px solid #9E9898;
  border-top:   1px solid #9E9898;
  border-right: 1px solid #9E9898;
}

.boxtitle
{
  font-weight: bold;
  color:       white;
  overflow:    hidden;
  white-space: nowrap;
}

.boxview
{
  padding-left:   5px;
  padding-right:  5px;

  border-left:  1px solid #9E9898;
  border-right: 1px solid #9E9898;
}

.boxbottomstart
{
  font-size:  7pt;
  background-image:     url('../images/box/bottom_start.gif');
  background-repeat:    no-repeat;
  background-position:  left bottom;

  height: 15px;
  width:  10px;
}

.boxbottomcenter /* also used for news-items */
{
  font-size:  7pt;

  vertical-align: top;
  /*text-align:     center;*/

  background-image:     url('../images/box/bottom_center.gif');
  background-repeat:    repeat-x;
  background-position:  bottom;

  height: 15px;
}

.boxbottom
{
  font-size:  7pt;

  vertical-align: top;
  text-align:     right;

  border-bottom:  1px solid #E7EBEE;
  border-left:    1px solid #9E9898;
  border-right:   1px solid #9E9898;
}

.boxbottomend
{
  font-size:  7pt;
  background-image:     url('../images/box/bottom_end.gif');
  background-repeat:    no-repeat;
  background-position:  right bottom;

  height: 15px;
  width:  10px;
}

/*.boxtitle:hover  dit kan helemaal niet?? hover is alleen voor links
{
  font-weight:  bold;
  color:        #FFFFFF;
  text-decoration:underline;
}*/

.schedulecel
{
  border-right:  1px solid #9E9898;
  border-bottom:  1px solid #E7EBEE;
}

.schedulecelstart
{
  border-left:  1px solid #9E9898;
  border-right:  1px solid #9E9898;
  border-bottom:  1px solid #E7EBEE;
}

a.submenu
{
  font-size: 8pt;
  font-weight: normal;
  color: #5C5C5C;
  text-decoration: none;
}

a.submenu_sel
{
  font-size: 8pt;
  font-weight: normal;
  color: #969696;
  text-decoration: underline;
}

/** Outlook portlet styles */

td.ol_col1
{
  padding: 0px 5px 0px 0px;
  border-right: 1px solid black;
}

td.ol_col
{
  padding: 0px 5px 0px 5px;
  border-right: 1px solid black;
}

td.ol_colnl
{
  padding: 0px 5px 0px 5px;
}

img.ol_icon
{
  margin-right: 5px;
}
