/*** The Essential Code ***/

body {
	min-width: 798px;      /* 2x (LC fullwidth + CC padding) + RC fullwidth */
}

#container {
	padding-left: 260px;      /* LC fullwidth */
	padding-right: 268px;     /* RC fullwidth + CC padding */
}

#container .column {
	position: relative;
	float: left;
}

#center {
	padding: 10px 20px;       /* CC padding */
	width: 100%;
	border-top: 10px solid #cdf7cd;
}

#left {
	width: 250px;             /* LC width */
	padding: 0 10px;          /* LC padding */
	right: 300px;             /* LC fullwidth + CC padding */
	margin-left: -100%;
	border-top: 10px solid #cdf7cd;
	border-left: 10px solid #cdf7cd;
}

#right {
	width: 208px;             /* RC width */
	padding: 0 10px;          /* RC padding */
	margin-right: -100%;
	border-top: 10px solid #cdf7cd;
}

#footer {
	clear: both;
}

/*** IE Fix ***/
* html #left {
	left: 208px;              /* RC fullwidth */
}

/*** Equal-height Columns ***/

#container {
	overflow: hidden;
}

#container .column {
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
}

/*** Footer Fix ***/

* html body {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #FFF;         /*** Same as body background ***/
}

/*** Just for Looks ***/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica;
	font-size:80%;
	color: #000;
}

#header, #footer {
	
	text-align: center;
	padding: 0.3em 0;
	color: gray;
	background: #cdf7cd;
	font-size: 0.7em;
	border-left: 10px solid #cdf7cd;
}

#left {
	background: #FFFFFF;
}

#center {
	background: #FFFFFF;
}

#right {
	background: #cdf7cd;
}

#container .column {
	padding-top: 1em;
	text-align: justify;
}

#logo1
{
	width: 270px;
	height: 202px;
	margin:0; padding:0;
	z-index: 1;
}


#logo3
{
	width: 218px;
	height: 148px;
}
/* ---------- main link colors --------------*/
a:link, a:visited, a
{
	font-weight: bold;
	text-decoration: none;
	color: #11BF35;
}

a:hover, a:active
{
	text-decoration: underline;
	color: #11BF35;
}

/* ------- main list settings--------------*/

ul
{
	padding: 0;
	margin: 0;
	list-style-type:none;
}

li
{
	padding: 0;
	margin: 0;
}

/*------specified list and link settings------------------*/

agendacolor1 
{
	z-index: 2;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	
}
.agendacolor1 ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.agendacolor1 ul li {
	
	list-style: none;
	
}
.agendacolor1 a:link
{
	vertical-align: top;
	display: block;
	padding-left: 2px;
	padding-right: 2px;
}
.agendacolor1 a:visited {
	vertical-align: top;
	display: block;
	padding-left: 2px;
	padding-right: 2px;
}


.agendacolor1 a:hover {

}
.agendacolor1 ul li:hover {
}

agendacolor2
{
	z-index: 2;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	
}
.agendacolor2 ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.agendacolor2 ul li {
	
	list-style: none;
	
}
.agendacolor2 a:link
{
	vertical-align: top;
	display: block;
	padding-left: 2px;
	padding-right: 2px;
}
.agendacolor2 a:visited {
	vertical-align: top;
	display: block;
	padding-left: 2px;
	padding-right: 2px;
}


.agendacolor2 a:hover {

}
.agendacolor2 ul li:hover {
}

#left a:link,
#left a:visited
{
	color: #11BF35;
}

#left a:hover, #left a:active 
{
	color: #11BF35;
}

#right a,
#right a
{
	font-weight: normal;
}

#right a:link,
#right a:visited
{
	color: #722A0F;
}
#right a:hover,
#right a:active
{
	color: #EA3834;
}

#navlist
{
	padding: 0 0px 1px;
	margin-left: -22px;
	font: bold 12px Verdana, sans-serif;
	width: 266px;
}

#navlist li
{
	list-style: none;
	margin: 0;
	border-bottom: 1px dotted lightgreen;
	text-align: left;
}

#navlist li a
{
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #cdf7cd;
	background: #FFFFFF;
	text-decoration: none;
}

#navlist li a:link {}
#navlist li a:visited {}

#navlist li a:hover
{
	border-color: #FFFFFF;
	color: #006600;
	background: #cdf7cd;
}

.rechterulli
{
	padding: 0 0px 1px;
	margin-left: -10px;
	font: bold 12px Verdana, sans-serif;
	width: 208px;
}


.rechterulli li
{
	list-style: none;
	margin: 0;
	border-bottom: 1px dotted lightgreen;
	text-align: left;
}
	
.rechterulli li a
{
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #cdf7cd;
	text-decoration: none;
}

.rechterulli li a:link {}
.rechterulli li a:visited {}

.rechterulli li a:hover
{
	border-color: #FFFFFF;
	color: #006600;
	background: #cdf7cd;
}

.centerulli
{
	padding: 0 0px 1px;
	font: bold 12px Verdana, sans-serif;
	width: 400px;
}

.centerulli li
{
	list-style: none;
	margin: 0;
	border-bottom: 1px dotted lightgreen;
	text-align: left;
}
	
.centerulli li a
{
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #cdf7cd;
	text-decoration: none;
}

.centerulli li a:link {}
.centeulli li a:visited {}

.centerulli li a:hover
{
	border-color: #FFFFFF;
	color: #006600;
	background: #cdf7cd;
}

/*------Header, content and footer settings of the content-----*/

.rechterkop
{
	padding: 0 20px;
	display: block;
	border-bottom: 1px dotted lightgreen;
	margin-left: -10px;
	font: bold 12px Verdana, sans-serif;

	
}

.graybuttonl
{
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	margin: 0;
	border-bottom: 1px dotted lightgreen;
}
.title
{
	  font: bold 1.15em Verdana, Arial, Helvetica;
	  margin: 0 0 0.3em 0;
	  padding: 0 0 5px 0;
	  color:#4EAF21;
}

.subtitel
{
	color: #4EAF21;
	margin: 0 0 0 0.3em 0;
	font: normal 1.4em Verdana, Arial, Helvetica;
}

.smalla
{
	font-size: 0.7em;
	color:#aaa;
	margin: 0;
	padding:0;
}
img.foto
{
	border: 0px;
	float: left;
	margin: 0.3em;
	text-align: center;
	vertical-align: top;
}
img.noborder
{
	border: 0px;
}
.kadercontent
{
	margin:  0 0 1em 0;
}

.textcontent
{
}

p
{
	margin: 0px;
	padding: 0px;
	text-align: justify;
	vertical-align: top;
}

.whitetograyrk
{
	margin-bottom: 2em;
}


.graybuttonltext
{
	z-index: 4;
	padding-left: 5px;
	
}

.graybuttonl 
{
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 1;
	margin-left: 0px;
	margin-right: 0px;
}

.contenttitle
{
	margin-bottom: 15px;
}

.subtitel
{
	margin-bottom: 10px;
}


.subkader
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: black solid 1px;
}
.border
{
	color: red;
	border: black solid 3px;
	padding: 5px;
	margin: 5px;
}
.bold
{ 
	font-weight: bold;
}
.cursief
{
	font-style: italic
}
.italic
{
	font-style: italic
}

.underline
{
   	text-decoration: underline;
}

.subkader
{
	padding-left: 3em;
	margin-top: 1em;
}

.space
{
	padding-left: 0.5em;
	padding-right: 2em;
	padding-bottom: 1em;
	font-size: 10px;
}

.left
{
	text-align: left;
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}

.subtitel_menu
{
	font-size: 80%;
}


h
{
	font: bold 1.15em Verdana, Arial, Helvetica;
	margin: 0 0 0.3em 0;
	padding: 0 0 5px 0;
	color:#712a0e;
}

/* H1, H2 and H3 settings*/
h1
{
	font:  normal 1.2em Verdana, Arial, Helvetica;
	margin: 0;
	padding: 0 0 5px 0;
}
h2
{
	font: bold 1.15em Verdana, Arial, Helvetica;
	margin: 0 0 0.3em 0;
	padding: 0 0 5px 0;
	color:#712a0e;
}
h3
{
	font: bold 1.1em Verdana, Arial, Helvetica;
	margin: 0.3em 0 0.3em 0;
	padding: 0 0 5px 0;
	color:#712a0e;
}

*/ HTML elements*/
th.active img {
  display: inline;
}
tr.even, tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}
td.active {
  background-color: #ddd;
}
tbody {
  border-top: 1px solid #ccc;
}
tbody th {
  border-bottom: 1px solid #ccc;
}
thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

/*
** Menus
*/
.menu
{
	padding: 0px;
	margin: 0px;
}
.menu ul li
{
	list-style: none; 
	text-align:left;
}

.menu li {
	
	background: green;
	border-top: 1px white solid;
	padding: 2px 2px 2px 2px;
	margin: 1px;
}

.hidden
{
	visibility: hidden;
}

td
{
	text-align: left;
}
/* new begin */
/* Hack nodig voor bug in IE */
.fullwidth {
	width : 100%;
	text-align: justify;
	margin-bottom: 5px;
}
.red
{
	color: #FF0000:
}
.black
{
	color: #000000;
}

.button
{
	background: lightgreen;
	color: white;
	width: auto;
	height: 30px;
	padding: 5px;
	margin: 5px;
}
.button a:link
{
	color: white;
}
.button a:visited
{
	color: white;
}
.button a:hover
{
	color: red;
}
.button a:active
{
	color: white;
}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background: lightgreen; border-bottom:1px solid #ddd;color:#fff;
    color: white;
}
.qq-upload-button-hover {background:#11BF35; color: #000000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("../img/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

#otherField {
  display: none;
}

.dropdown {
  width: 215px;
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background:none repeat scroll 0 0 #cdf7cd;
    border:1px dotted lightgreen;
    border-top:1px dotted lightgreen;
    border-left:1px dotted lightgreen;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#11BF35;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#cdf7cd;
    border:1px dotted lightgreen;
    color:#006600;
}
.buttons a:active{
    background-color:#cdf7cd;
    border:1px dotted lightgreen;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

article
{
	display: block;
	border: 1px
	dotted lightgreen;
	padding: 5px;
	margin: 5px;
}
section.boxed
{
	display: block;
	border-top: 1px dotted lightgreen;
	border-bottom: 1px dotted lightgreen;
	margin: 5px;
}
/* new end */