/* 
CSS Document
Eise van der Spoel www.xzaz.nl
 */

* {
margin: 0;
padding: 0;
}

html,body {
width: 100%;
}

html {
overflow-y: scroll;
}

blockquote
{
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}



#container {
width: 800px;
margin: 0 auto;
}

#header {
background-image: url(/img/header1.png);
width: 800px;
height: 258px;
display: block;
background-color: black;
border-left: 1px solid black;
border-right: 1px solid black;
}
/* Menu */
#menu_main{
width: 800px;
background-color: #B8F73E;
height: 50px;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}

ul {
margin-left: 20px;
}


#menu_main ul li a,a:active {
text-decoration: none;
color: white;
display: block;
height: 100%;
width: 100%;
}

#menu_main ul li a:visited {
color: white;
}

#menu_main ul li .active a {
color: #439400;
}

#menu_main ul li a:hover {
color: #439400;
}

#menu_main li {
margin-left: 5px;
margin-right: 5px;
text-align: center;
float: left;
height: 50px;
width: 160px;
display: block;
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.2em;
color: white;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
background-color: #003333;
}

#menu_main li a {  line-height: 50px; } 
#menu_main li:hover {
background-color: white;
color: #439400;
}

#menu_main li.active {
background-color: white;
text-align: center;
padding-top: 12px;
float: left;
height: 37px;
width: 160px;
display: block;
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.2em;
color: #439400;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid white;
}


#menu_main li.last {
border-right: 1px solid black;
}

#menu_main li.last_active {
background-color: white;
text-align: center;
padding-top: 12px;
float: left;
height: 37px;
width: 150px;
display: block;
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.2em;
color: #439400;
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid white;
}

#content {
width: 800px;
font: Verdana;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
float: left;
}

#content_left {
width: 550px;
float: left;
margin-right: 10px;
margin-left: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
}

#content_left li
{
margin-left: 50px;
}

#content_left_full li
{
margin-left: 50px;
}

#content_left_full a, #content_left_full a:hover, #content_left_full a:active, #content_left_full a:visited
{
	color: green;
	text-decoration: none;
	display: inline;
}

#content_left a, #content_left a:hover, #content_left a:active, #content_left a:visited
{
	color: green;
	text-decoration: none;
	display: inline;
}

#content_right a, #content_right a:hover, #content_right a:active, #content_right a:visited
{
	color: green;
	text-decoration: none;
	display: inline;
}


#content_left_full {
width: 780px;
float: left;
padding: 10px;
margin-right: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
}

#content_left_full li span { float: right; margin-right: 20px; }

.reactielijst { width: 100%; }

#content_right {
width: 200px;
float: right;
padding-left: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
border-left: 1px solid black;
border-bottom: 1px solid black;
padding: 5px;
}

h1 {
color: #439400;
font-size: 2.0em;
letter-spacing: 2px;
line-height: normal;
padding: 20px;
}

h2 {
color: black;
font-size: 13px;
letter-spacing: 2px;
line-height: normal;
padding: 15px;
}

h3 {
color: black;
font-size: 12.5px;
letter-spacing: 2px;
line-height: normal;
padding: 15px;
}

.reactie {
	color:#03F;
}

#wrapper {
	clear: both;
}

.red { color: red; font-weight: bold; }

.left_margin { margin-left: 30px; margin-bottom: 20px; margin-top: 20px;}
.left_margin_double { margin-left: 80px; margin-bottom: 20px; margin-top: 20px;}
.left_margin_simple { margin-left: 30px; margin-bottom: 2px; margin-top: 2px;}

.accent { color: #E36C0A }

.highlight_blue { color: #06C; font-weight: bold; }
/* Dit is veranderd na de email eind December 2011 */
.highlight_red { color: black;}
.highlight_red_new { color: red; font-weight: bold; }
.hightlight_darkred { margin-left: 10px; color: #C00000 }
span.highlight { background-color: yellow; }

.twocolumns {
	margin: 0 auto;
 padding:10px;
  width:80%;
  -moz-column-count: 2;
  -moz-column-gap: 10px;
  -webkit-column-count: 2;
  -webkit-column-gap: 10px;
  column-count: 2;
  column-gap: 10px;
}

.reactieopreactie {
	margin-left: 10px; 
	border: 1px solid gray;
	background-color: #FF8585;
	padding: 10px;
}

span.geelaccent { background-color: yellow; }