/*
--------------------------------------------------------------------------------
Yellow: #F9E55B (PMS 113)
#FFF0AB
--------------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------------------
STRUCTURE
--------------------------------------------------------------------------------
*/
body {
  font-family: "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.95em;
  line-height: 18px;
  color: #000000;
  background-color: #FFF9D7;
}

div#wrapper {
  margin: 30px auto;
  width: 700px;
}

div#pageNav {
  width: 550px;
  padding-left: 150px;
}

div#pageHeader {
  padding-top: 8px;
  width: 100%;
  height: 27px;
  background: #000000;
  text-align: center;
}

div#pageContent {
  padding: 20px 20px 30px 20px;
  background-color: #FFF0AB;
  border: 1px solid #F9E55B;
  border-top: 0px;
}

div#col1 {
  margin: 0 20px 0 0;
  float: left;
  width: 200px;
}

div#col2 {
  float: left;
  width: 420px;
}

div.smallBox {
  padding: 10px 5px 10px 10px;
  margin: 0 0 10px 0;
  width: 175px;
  background-color: #FFFFFF;
  font-size: 0.85em;
}

/*
--------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------------------
NAV
--------------------------------------------------------------------------------
*/
ul#nav {
  float: left;
}

ul#nav li {
  float: left;
  display: inline;
  list-style: none;
}

ul#nav li a:link, ul#nav li a:visited {
  margin: 0 1px;
  padding: 0 9px;
  float: left;
  line-height: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #999999;
}

ul#nav li a.selected:link, ul#nav li a.selected:visited, ul#nav li a:hover {
  border-bottom: 4px solid #333;
  padding-bottom: 2px;
  color: #333;
}

/*
--------------------------------------------------------------------------------
HEADINGS
--------------------------------------------------------------------------------
*/
h1 {
  color: #FFFFFF;
  font-family: "Georgia", "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 10px;
}

h2 {
  color: #000000;
  font-family: "Georgia", "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
  line-height: 1.1em;
}

h3 {
  margin-bottom: 20px;
  color: #000000;
  font-family: "Georgia", "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  font-style: italic;
  text-align: center;
  line-height: 25px;
}

h4 {
  color: #000000;
  font-family: "Georgia", "Book Antiqua", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  text-align: center;
}

/*
--------------------------------------------------------------------------------
LISTS
--------------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------------------
FORMS
--------------------------------------------------------------------------------
*/
form {
  margin-top: 20px;
}


label {
  font-weight: bold;
}

input {
  width: 200px;
  border: 1px solid #CCCCCC;
}

input#personen {
  width: 50px;
}

input.betaling {
  width: 20px;
  border: 0px;
}

input#input {
  width: 100px;
  background-color: #000000;
  color: #FFFFFF;
  font-weight: bold;
  border: 0px;
}

textarea {
  width: 300px;
  border: 1px solid #CCCCCC;
}

/*
--------------------------------------------------------------------------------
LINKS
--------------------------------------------------------------------------------
*/
a:link {
  color: #3333CC;
}

a:visited {
  color: #3333CC;
}

a:hover {
  color: #FF0000;
}

a:active {
  color: #3333CC;
}

a img {
  border: 0px;
}

/*
--------------------------------------------------------------------------------
MISC
--------------------------------------------------------------------------------
*/
* { margin: 0; padding: 0; }
.clear { clear: both; margin: 0; padding: 0; }
p { margin-top: 10px; }

p.error {
  color: #FF0000;
  font-weight: bold;
}

/*
--------------------------------------------------------------------------------
Table Programma
*/
table#programma {
  width: 100%;
}

table#programma tbody tr td {
  padding: 10px 0 10px 0;
  vertical-align: top;
}

table#programma tbody tr td.left {
  width: 80px;
  vertical-align: top;
}