
/*
	The body definitions define how the page should globally look:
	- a 10pt verdana, arial or font from the sans-serif family
	- black text on a white background
*/

body {
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	background-color: #111;
	background-image: url(bgr.jpg);
	color: #000;
	margin: 0px;
	padding: 20px;
}

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

a.special {
 font-weight: bold;
}

hr {
  background-color: #EEE;
}

.container {
  text-align: left;
  background-color: #222;
}

/* definitions applying to the logo */
.logo {
  margin: 0px;
  padding: 0px;
  border: 1px solid #FFF;
}

.logo img {
  display: block;
  border: 0px;
}

.menu {
  margin: 0px;
  padding: 5px;
  border-left: 1px solid #FFF;
  text-align: center;
  color: #FFF;
  font-size: 8pt;
  background-color: #384454; /*#223241;*/
  max-width: 110px;
}

.contents {
  margin: 0px;
  padding: 0px;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  color: #FFF;
  max-width: 436px;
}

.rightbar {
  margin: 0px;
  padding: 5px;
  border-right: 1px solid #FFF;
  color: #FFF;
  font-size: 8pt;
  background-color: #384454; /*#223241;*/
  background-image: url(rechts2.jpg);
  background-repeat: no-repeat;
  max-width: 224px;
}

.form-input {
 color: #FECD06;
 background: #436381;
 border: 1px solid #A9BFD3;
}
.loginform, .loginform td {
  color: #FFF;
  font-size: 8pt;
}
label {
  color: #FFF;
  font-size: 8pt;
}

.tv-head1 {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 11pt;
  color : #A9BFD3;
  font-weight: bold;
  vertical-align : top;
}
.tv-head2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
	color : #A9BFD3;
	font-weight: bold;
}
.tv-head3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
	color : #7B919D;
	font-weight: bold;
}
img.tvg {
  border: 1px solid #000;
  margin-top: 2px;
  margin-bottom: 2px;
}

.footer {
  background-color: #617F99;
  border: 1px solid #FFF;
  font-size: 9px;
}

h1 {
	text-align: center;
}

.menu h2, .rightbar h2 {
	font-size: 10pt;
}
.menu a, .rightbar a {
  font-size: 8pt;
}

.contents h2 {
	background-color: #617F99; 
	padding: 5px;
	font-size: 14pt;
	margin-bottom: 5px;
	visibility: none;
}

.contents h1 {
  background-color: #617F99;
  padding: 5px;
  font-size: 10pt;
  margin-bottom: 5px;
  visibility: none;
}

/* item title */
h3.item {
  background-color: #617F99;
  font-size: 12pt;
  color: #FFF;
  font-weight: bold;
  padding: 5px;
  border-left: 5px solid #FECD06;
}

.itembody {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 10pt;
}
.itembody a {
	font-size: 10pt;
}

.iteminfo {
	font-size: 7pt;
	margin-left: 10px;
	color: #FECD06;
}

.iteminfo a {
 	font-weight: bold;
 	font-size: 7pt;
	margin-left: 10px;
	color: #FECD06;
	text-decoration: none;
}

/* comment title */
h3.comment {
	font-size: 10pt;
	margin-left: 10px;
  margin-right: 10px;
}

.commentbody {
  margin: 10px;
  font-size: 10pt;
	text-align: justify;
}

.commentinfo {
	font-size: 7pt;
	color: #CCC;
  margin-left: 10px;
}
.commentinfo a {
  font-size: 7pt;
  font-weight: normal;
  color: #FECD06;
}

/* waar worden deze gebruikt ? */
.leftbox, .rightbox {
  margin: 3px;
  padding: 3px;
}
.leftbox {
	float: left;
}
.rightbox {
	float: right;
}

img {
	border: none;
}

.skip {
	display: none;
}

ul.nobullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.highlight {
	background-color: #AAF;
}

/* toegevoegd voor reactie velden */
.reactieblok {
  margin-left: 10px;
}

.tekstblok {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 10pt;
  color: #fff;
}
.tekstblok a {
  font-size: 10pt;
}

.inspring {
  padding-left: 10px;
}

.tekstblok dt {
  display: list-item;
  list-style-type: disc;
  margin-left: 15px;
}
