/**
 * OLE 2.0 hoofd-stylesheet
 * 
 * Description
 * 
 * @license		GNU General Public License
 * @author		Davey Yzermans
 * @link		http://www.daveyyzermans.nl/
 * @email		ik@daveyyzermans.nl
 * 
 * @file		style.css
 * @version		1.0
 * @date		22-05-2009
 * 
 * Copyright (c) 2009
 */

html,body {
  font-family:"Arial";
  font-size:13px;
  margin:0;
  padding:0;
}

div.container {
  position: relative;
  width: expression(document.body.clientWidth < 950 ? "950px" : "auto");
  min-width: 950px;
}

div.header {
  background:#4e88d6;
  color:white;
  height:50px;
  text-align:right;
}

div.headertext {
  height:50px;
  margin:0 13%;
  padding:0;
}

div.nav {
  float:left;
  font-size:16px;
  padding:16px 0 0;
}

div.headertext ul.icon_tray {
  float:right;
  height:auto;
  list-style:none;
  margin:17px 8px 0 0;
  padding:0;
  width:auto;
}

div.headertext ul.icon_tray li {
  float:left;
  height:12px;
  margin:0 0 0 6px;
  *margin:0 0 0 3px;
  padding:0;
  width:12px;
}

div.underheader {
  background:url(../images/underheader.gif) repeat-x;
  clear:both;
  height:5px;
  text-align:center;
}

div.content {
  margin:0 13%;
  padding:14px 0 35px;
}

div.tablepager-links {
  margin-top:7px;
  text-align:right;
}

/* content */
h1 {
  font-size:28px;
  font-weight:bold;
  margin-top:15px;
}

h2 {
  font-size:24px;
  font-weight:bold;
  margin-top:15px;
}

h3 {
  font-size:20px;
  font-weight:bold;
  margin-top:15px;
}

/* anchors */
div.nav a,td.overzicht_button a,td.overzicht_button_red a,div.klok a,ul.icon_tray a {
  color:white;
  text-decoration:none;
}

div.nav a:visited,td.overzicht_button a:visited,td.overzicht_button_red a:visited,div.klok a:visited,ul.icon_tray a:visited {
  color:white;
}

div.nav a:hover,div.nav a:active,td.overzicht_button a:hover,td.overzicht_button a:active,td.overzicht_button_red a:hover,td.overzicht_button_red a:active,div.klok a:hover,div.klok a:active,ul.icon_tray a:hover,ul.icon_tray a:active {
  color:white;
  text-decoration:underline;
}

a,a:active {
  color:black;
  text-decoration:underline;
}

a:hover {
  color:black;
  text-decoration:none;
}

a:visited {
  color:black;
}

hr {
  background:none;
  border:none;
  border-top:1px solid black;
  color:black;
  height:1px;
  margin:18px 0 7px;
}

div.fout,div.info {
  padding:6px;
  position:absolute;
}

div.fout {
  background:#fffecc url(images/icons/cross_box.gif) top right no-repeat;
  border:1px solid black;
  color:#910000;
  font-weight:bold;
  left:30%;
  right:30%;
  top:10px;
  width:40%;
}

div.fout ul,li {
  margin:0 0 0 18px;
  padding:0;
}

div.info {
  color:white;
  left:30%;
  right:30%;
  text-align:center;
  top:11px;
  width:40%;
}

table.pad_table {
  border-collapse:collapse;
  border-color:#000;
  border-style:solid;
  border-width:1px;
}

table.pad_table td {
  border-style:dotted;
  border-width:1px;
  padding:3px;
  vertical-align:top;
}

table.pad_table tr.top,table.pad_table tr.top td {
  border-collapse:collapse;
  border-color:#000;
  border-style:solid;
  border-width:1px;
  font-weight:700;
}

img {
  border:none;
}

td.overzicht_button,td.overzicht_button_red {
  background:repeat-x url(../images/overzicht_button_bg.gif);
  color:white;
  height:45px;
  text-align:left;
  width:auto;
}

td.overzicht_button_red {
  background:repeat-x url(../images/overzicht_button_bg_red.gif);
}

div.badge {
  height:auto;
  margin-right:-30px;
  position:absolute;
  right:13%;
  top:20px;
  width:auto;
}

/* page specific-css  */
/* index */
div.klok {
  font-size:11px;
  height:auto;
  left:50%;
  margin-left:-120px;
  position:absolute;
  text-align:center;
  top:18px;
  width:240px;
}

/* home */
div.ole_features ul {
  margin:0;
  padding:0;
}

div.ole_features ul li {
  background:url(../images/icons/bullet.gif) left no-repeat;
  font-size:120%;
  list-style:none;
  padding:10px 0 0 19px;
}

/* lvs */
table.titles {
  border-collapse:collapse;
  border-color:black;
  border-width:1px;
  font-size:11px;
  width:244px;
}

table.titles td {
  height:24px;
}

div.lvs_overflower {
  overflow-x:auto;
}

table.data {
  border-collapse:collapse;
  border-color:black;
  border-width:1px;
  font-size:11px;
}

table.data td {
  height:24px;
  text-align:center;
  width:22px;
}