* {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 98%;
}

body {margin: 0px; height: 100%; background-color: #999999; }
p {margin-top: 0px; margin-bottom: 10px;}

H1 {font-size: 125%; color: #fff;}
H2 {font-size: 115%;}
H3 {font-size: 110%;}
H4 {font-size: 100%; margin-bottom: 3px;}
H5 {font-size: 98%; margin-bottom: 3px;}
H6 {font-size: 98%; margin-bottom: 3px;}

tr {vertical-align: top;}
th {text-align: left;}

a img {border: 0;}
a {color: #000000; text-decoration: none;}
a:hover {color: #ff6600; text-decoration: underline;}

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

.page {
  background: transparent url(/images/bg_tntpv.gif) no-repeat top left;
  width: 1003px;
  height: 100%;
  margin: 0;
  background-color: #fff;
  color: #333;
  border: 1px solid #999999;
}

.top {
  height: 106px;
  padding: 0px;
  background-color: transparent;
}

.info_bar {
  height: 25px;
  padding: 0px;
  color: #ffffff;
  background-color: transparent;
}

.left {
  padding-left: 20px;
  padding-right: 0px;
  width: 222px;
}

.right {
  padding-left: 0px;
  padding-right: 10px;
  width: 231px;
}

.main{
  width: 550px;
  padding-left: 15px;
  padding-right: 20px;
}

.bottom {
  margin: 0;
  padding: 0;
  height: 65px;
  background-color: transparent;
  border: 0px solid #000;
  background-image: url(images/pvtnt_box_top.gif) no-repeat bottom right;
}

small, .small{font-size: 80%;}


/*
MENU BOX
*/
.box {overflow: hidden;}
.box h3 {
  background: none;
  font-weight: bold;
  font-size: 100%;
  line-height: 24px;
  color: #fff;
}

div.box#menu  {
  width: 190px;
}

div.box#nieuws{
  width: 210px;
}

div.box#quicklogin {
  width: 190px;
  font-size: 100%;
}
div.box#quicklogin input{
  margin-left: 50px;
  font-size: 80%;
  width: 110px;
}

div.box div.module {
  margin-bottom: 15px;
}

.box div.module {
  background: transparent url(../images/grey_bottom_left.png) no-repeat bottom left;
  border: 0px solid #cccccc;
}

.box#nieuws div.module {
  background: transparent url(../images/bottom_left.png) no-repeat bottom left;
  border: 0px solid #cccccc;
}


.box div.module div {
  background: transparent url(../images/grey_bottom_right.png) no-repeat bottom right;
}

.box div.module div div {
  background: transparent url(../images/grey_top_left.png) no-repeat top left;
}

.box div.module div div div {
  background: transparent url(../images/grey_top_right.png) no-repeat top right;
  padding: 0 10px 10px 10px;
  width: auto !important;
  width: 100%;
}

.box div.module div div div div {
  background: none;
  padding: 0;
}
.colorbox {
  margin-top: 5px;
}


.colorbox div.module div div {
  background: transparent url(../images/color_top_left.png) no-repeat top left;
}

.colorbox div.module div div div {
  background: transparent url(../images/color_top_right.png) no-repeat top right;
  padding: 0 10px 10px 10px;
  width: auto !important;
  width: 100%;
}

.colorbox a {
  font-size: 100%;
  color: #000000; text-decoration: none;
}

.colorbox a:hover {
  color: #FF6600; text-decoration: none;
}

.colorbox a:active{
  color: #FF6600; text-decoration: none;
}


/*
MENUTREE
*/

#currentPage {border: 1px solid #efefef;}
.colorbox div.module div div div {
  font-size: 97%;
}

.colorbox div.module div div div div.label {
  cursor: pointer;
  cursor: hand;
  color: #000000;
  font-weight: bold;
  background: url(../images/menu_underline.png) bottom left repeat-x;
  padding-bottom: 3px;
}

.colorbox div.module div div div div.content {
  margin-left: 10px;
  color: #000000;
  border: 0px solid #000000;
}

.colorbox div.module div div div div.content div.label {
  margin-left: 0px;
  border: 0px solid #000000;
  background: none;
}

.colorbox div.module div div div div.content div.content {
  color: #000000;
  border: 0px solid #000000;
}

.colorbox div.module div div div div.content div.content div.label {
  margin-left: 0px;
  border: 0px solid #000000;
}

.colorbox div.module div div div div.content div.content div.content {
  color: #000000;
  border: 0px solid #000000;
}

.colorbox div.module div div div img {margin-right: 10px;}
.colorbox div.module div div div div.label img {margin-right: 10px;}
.colorbox div.module div div div div.label div.content img {margin-right: 10px;}


/*
LIST
*/
.list {border: 1px solid #FF6600; background-color: #fff; width: 100%;}

.list tr.header {background-color: #FF6600;}
    .list tr.header th {color: #fff;   border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #fff; border-top: 1px solid #fff; padding: 2px 5px 5px 5px;}
    .list tr.header th a {color: #fff;}
    .list tr.header th a:hover {color: #fff; text-decoration: underline;}

.list tr.row {background-color: #FFFFFF;}
    .list tr.row td {color: #000; font-size: 90%;}

.list tr.row_odd {background-color: #fff;}
    .list tr.row_odd td {color: #000;}

.list tr.row_even {background-color: #eee;}
    .list tr.row_even td {color: #000;}

.list tr.footer {background-color: #FF6600; text-align: left;}
    .list tr.footer th {text-align: right;}

.list td {
  background-color: #fff;
  color: #000;
  padding: 5px;
}

.list#block_news {width: 100%;}
.list#guestbook {width: 500px;}
.list#news {width: 500px;}
.list#reports {width: 500px;}
.list#album {width: 500px;}
.list#favorites {width: 500px;}
.list#agenda {width: 500px;}
.list#contacts {width: 500px;}

.list#album tr {vertical-align: middle;}
.list#album td {text-align: center;}
.list#album tr.footer th a {
  padding: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 80%;
}
.list#album tr.footer th a:hover {
  background-color: #FCD9BD;
  color: #FF6600;
  text-decoration: none;
}


/*
DETAIL
*/
.detail {
  width: 500px;
  border: 1px solid #FF6600;
  background-color: #fff;
}
.detail td, .detail th {
  padding: 2 5 2 5;
}
.detail th {
  width: 150px;
  background-color: #FF6600;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #fff;
}


/*
NEWS
*/
.news_label{font-size: 85%; color: #FF6600; font-weight: bold; margin-bottom: 5px;}
.news_description_short {font-size: 85%; color: #000000; line-height: 16px; margin-bottom: 5px;}
.news_more a{font-size: 85%; color: #999999;}
.news_more a:hover{font-size: 90%; color: #FF6600; text-decoration: none;}
.news_hr {height: 1px; color: #999999;}

.news_block {font-size: 85%;}
.news_block b{font-size: 90%;}
.news_block small{font-size: 90%;}

.news_detail {font-size: 95%;}
.news_detail b{font-size: 105%;}
.news_detail small{font-size: 80%;}

.news_overview {font-size: 95%;}
.news_overview b{font-size: 105%;}
.news_overview small{font-size: 80%;}


/*
TNT PV BOX
*/
.pvtnt_box h3 {
  background: none;
  font-weight: bold;
  font-size: 100%;
  line-height: 24px;
  color: #fff;
}

table.pvtnt_box {
  background: transparent url(images/pvtnt_box_bottom.gif) no-repeat bottom right;
}

table.pvtnt_box#login {
  width: 225px;
  font-size: 100%;
}

div.pvtnt_box div.module {
  margin-bottom: 15px;
}

.pvtnt_box div.module {
  background: transparent;
  border: 0px solid #cccccc;
}


.pvtnt_box div.module div div {
  background: transparent url(images/pvtnt_box_top.gif) no-repeat top left;
}

.pvtnt_box div.module div div div {
  background: transparent;
  padding: 0 10px 10px 10px;
  width: auto !important;
  width: 100%;
}

/*
BUTTONS e.d.
*/
a.button:link, a.button:visited, a.button:active, a.button:hover
{
   display: block;
   float: left;
   height: 25px;
   width: 150px;
   line-height: 25px;
   text-align: left;
   font-weight: bold;
   font-size: 11px;
   text-decoration: none;
   background-color: #efefef;
   color: #666666;
   text-align: center;
   border: 1px solid #666666;
   margin-right: 5px;
}
a.button:hover
{
   font-weight: bold;
   color: #FF6600;
   background-color: #FFFFFF;
   border: 1px solid #FF6600;
}

input.button
{
   display: block;
   float: left;
   height: 27px;
   width: 150px;
   line-height: 25px;
   text-align: left;
   font-weight: bold;
   font-size: 11px;
   text-decoration: none;
   background-color: #efefef;
   color: #666666;
   text-align: center;
   border: 1px solid #666666;
   margin-right: 5px;
}

