BODY
{
font-family: Arial; 
font-size: 12px;
}

.datum				{ color: #000000; font-size: 11px; font-family: Arial; font-weight: bold;}

.menu {
color: #EFEFEF; 
text-align: center; 
font-weight: bold;
text-decoration: none;
}

A:hover {
text-decoration: underline;
}

.kop, H1			{ 
color: #000000; 
font-size: 19px; 
font-family: Arial; 
font-weight: bold; 
text-align: center;
margin: 7px 0px ;
}

P {
margin: 9px 0px;
}

.caption			{ color: #000000; font-size: 11px; font-family: Arial; font-style: italic; text-align: left; }

.smallkop, H2			{ text-align: center; margin: 3px 0px; color: #000000; font-size: 16px; font-family: Arial; font-weight: bold; }

.link, .content A	{ color: #006600; font-family: Arial; font-weight: bold; text-decoration: none; }

.poll_votes			{ font-size: 12px; }

.small { font-family: Arial; font-size: 11px; color: #000000; }
TD {
font-family: Arial;
font-size: 12px;

}

INPUT, SELECT, TEXTAREA {
border: 1px bevel;
font-size: 11px;
font-family: Verdana;
}

.alignRight 	{ text-align: right; }
.alignLeft 		{ text-align: left; }
.alignCenter 	{ text-align: center; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.mTop15 {
margin-top: 15px;
}

.mBot10 {
margin-bottom: 10px;
}

@media screen {
.screenHidden {
visibility: hidden; display: none;
}
}

@media print {
.printHidden { 
visibility: hidden; display: none;
}

.printVisible {
visibility: visible; display: block;
}
}

/* Reacties */
.comment .header {
font-size: 11px;
background-image: url(/media/gfx/react_header.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
padding-top: 12px;
padding-left: 27px;
clear: both;
}

.comment .body {
padding: 10px 0;
}

.reactions .comment {
padding-left: 20px;
background-image: url(/media/gfx/react_arrow.gif);
background-repeat: no-repeat;
background-position: 5px 6px;
}

.comment-form 
{
width: 375px;
margin-bottom: 10px;

}

.comment-form .header {
background-image: url(/media/gfx/react_form_header.gif);
background-position: top;
background-repeat: no-repeat;
padding-top: 14px;
font-size: 12px;
}

.comment-form .body {
border: 1px solid #666;
border-width:  0px 1px 1px 1px;

margin-bottom: 10px;
padding: 7px;
padding-top: 10px;

width: 359px;
}

.comment-form P.label {
margin: 0px;
}

.comment-form UL {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.comment-form LI {
margin-top: 5px;
margin-bottom: 10px;
}

.comment-form .buttons {
text-align: right;
width: 350px;
}

.comment-form LABEL {
display: block;
font-weight: bold;
margin-bottom: 2px;
}

.comment-form .form-naam {
width: 350px;
}

.comment-form .form-reactie {
width: 350px;
height: 90px;
}

/* Poll */
.poll-main
{
text-align: left;
}

.poll
{
text-align: left;
}

.poll LABEL {
float: right;
width: 126px;
margin-top: 3px;
}

.poll UL {
margin: 0px;
list-style-type: none;
padding: 0px;
}

.poll UL LI {
clear: both;
}

.poll P.buttons {
text-align: center;
}

.poll FORM {
margin: 0px;
}

/* Login box */
.login-box FORM * {
font-size: 11px;
}

.login-box .field {
width: 144px;
}

.login-box DIV.submit {
text-align: right;
padding-top: 5px;
}

.login-box UL, .login-box FORM {
margin-top: 7px;
margin-bottom: 7px;
}

.login-box UL {
margin-left: 20px;
padding: 0;
}

/* Forms */
.form {

}

.error-message {
color: #CC0000;
}

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

.form H3 {
margin: 5px 0;
font-size: 14px;
}

.form-contents {
border-style: dotted;
border-width: 1px 0 1px 0;
border-color: gray;
background-color: #DEDEDE;
padding: 5px 10px;
}

.form-contents .property {
margin: 8px 0;
clear: both;
}

.form-contents LABEL {
padding-left: 20px;
padding-top: 2px;
font-weight: bold;
float: left;
width: 140px;
margin-bottom: 3px;
}


.form-contents LABEL.label-required {
background-image: url(/media/gfx/bullet_star.png);
background-repeat: no-repeat;
background-position: middle left;
}

.form-contents LABEL.no-float {
float: none;
}

.form .clear {
clear: both;
}


.box {
width: 150px;
border: 1px solid #000000;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 14px;
text-align: left;
}


.box-no-border
{
border: 1px solid #EFEFEF;
}

.box .title
{
text-align: center;
}

.center
{
text-align: center;
}


/* Reacties */
.reacties-header
{
padding-top: 7px; 
padding-bottom: 5px; 
border-top: 1px solid gray; 
margin: 10px 0px;
}

#reactOptions
{
border: 1px solid #86D51C;
background-color: #DBF5BA;
padding: 0 12px;
margin: 12px 0;
}

#reactOptions HR
{
border: 0;
height: 1px;
color: #86D51C;
background-color: #86D51C;
}

H4
{
margin: 7px 0;
}

.thumbs-up
{
background-image: url(/media/gfx/react/thumb_up.gif);
}

.thumbs-up.hover
{
background-image: url(/media/gfx/react/thumb_up_hover.gif);
}

.thumbs-up.disabled
{
background-image: url(/media/gfx/react/thumb_up_disabled.gif);
cursor: default;
}

.thumbs-down
{
background-image: url(/media/gfx/react/thumb_down.gif);
}

.thumbs-down.hover
{
background-image: url(/media/gfx/react/thumb_down_hover.gif);
}

.thumbs-down.disabled
{
background-image: url(/media/gfx/react/thumb_down_disabled.gif);
cursor: default;
}

.score-bar
{
float: right;
margin-right: 5px;
}

.score-bar .score
{
padding-top: 3px;
padding-right: 5px;
padding-left: 5px;
font-weight: bold;
color: #666666;

display: block;
float: left;
}

.score-bar .score-negative
{
color: #CC0000;
}

.score-bar .score-positive
{
color: green;
}

.score-bar BUTTON
{
width: 16px;
height: 18px;
border: 0 none;
background-color: transparent;
cursor: pointer;
padding: 0;
}

.no-reactions
{
text-align: center; color: gray;
}

blockquote {
margin: 7px;
padding: 7px;
border-style: dotted;
border-width: 1px 0 1px 0;
border-color: gray;
font-family: Georgia ;
font-size: 13px;
text-align: center;
}

.poll-form UL {
list-style-type: none;
margin: 7px 0;
padding: 0;
}

.poll-form UL LI {
margin: 5px 0;
}