/*** Just for Looks ***/

#header, #footer {
	
	text-align: center;
	padding: 0.3em 0;
	color: gray;
	font-size: 0.7em;
}


#center {
	background: #FFFFFF;
}


#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;
}



/*------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 {
}

#right {
	min-width: 100%;             /* RC width */
	display: block;
	border: 1px
	solid lightgray;
	padding: 5px;
	margin-top: 5px;
}

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

#right a:link,
#right a:visited
{
	color: #555;
}
#right a:hover,
#right a:active
{
	color: #555;
}

#navlist {
	font-size: 12px;
	border: 1px black;
	width: 100%;
}

#navlist ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navlist ul li
{
	display: inline;
	margin: 0; 
}

#navlist  ul li a
{
	text-decoration: none;
	padding: .2em 1em;
	color: #555;
	background-color: transparant;
	font-family: Verdana;  
}

#navlist li a:hover
{
	color: #EA3834;
	background-color: transparant;
}

.rechterulli
{
	padding: 0 0px 1px;
}


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

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

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

.centerulli
{
	padding: 0 0px 1px;
}

.centerulli ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}


.centerulli li
{
	list-style: none;
	margin: 0;
	border-bottom: 1px solid lightgray;
	text-align: left;
}
	
.centerulli li a
{
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid lightgray;
	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
{
	display: block;
	border-bottom: 1px solid lightgray;
	font: bold 12px Verdana, sans-serif;

	
}

.graybuttonl
{
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	margin: 0;
	
}
.title
{
	  font: bold 1.15em Verdana, Arial, Helvetica;
	  margin: 0 0 0.3em 0;
	  padding: 0 0 5px 0;
	  color:#555;
}

.subtitel
{
	color: #555;
	margin-bottom: 2px;
	margin-top: 2px;
}

.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
{
}

.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;
}


.subkader
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.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;
}


.subtitel_menu {
	border: 1px black;
	width: 100%;
}

.subtitel_menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

.subtitel_menu ul li
{
	display: inline;
	margin: 0; 
}

.subtitel_menu  ul li a
{
	text-decoration: none;
	padding: .2em 1em;
	background-color: transparant;
	font-family: Verdana;  
}

.subtitel_menu li a:hover
{
	color: #EA3834;
	background: transparant;
}


/*
** 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;
}

.red
{
	color: #FF0000:
}
.black
{
	color: #000000;
}

.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;
}


/* new end */

.rTable {
	display: block;
	width: 100%;
 }
 .rTableHeading, .rTableBody, .rTableFoot, .rTableRow{
	clear: both;
 }
 .rTableHead, .rTableFoot{
	background-color: #DDD;
	font-weight: bold;
 }
 .rTableCell, .rTableHead {
	border: 1px solid #999999;
	float: left;
	height: 17px;
	overflow: hidden;
	padding: 3px 1.8%;
	width: 28%;
 }
 .rTable:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
 }





.table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

.thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit;
}

.table > .tr {
    vertical-align: middle;
}

/*.col {
    display: table-column;
}*/

.colgroup {
    display: table-column-group
}

.tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit
}

.td, .th {
    display: table-cell;
    vertical-align: inherit
}

.th {
    font-weight: bold
}

.caption {
    display: table-caption;
    text-align: -webkit-center
}

.tooltips {
	position: relative;
	display: inline-block;
	border-bottom: 1px tranparant;
  }
  
  .tooltips .tooltipstext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
  }
  
  .tooltips .tooltipstext::after {
	content: \"\";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
  }
  
  .tooltips:hover .tooltipstext {
	visibility: visible;
	opacity: 1;
  }

  /* new begin */
/* Hack nodig voor bug in IE */
.fullwidth {
	width : 100%;
	text-align: justify;
	margin-bottom: 5px;
}