@charset "UTF-8";
/* CSS Document */

/* #########  BASE  ######### */
body { 
	margin: 0 auto;
	padding: 0px;
	background: url('/vars/img/header/bg.png');
	background-repeat: repeat-x;
	background-position: top;
}

#wrap {
	background: url('/vars/img/header/main_bg.png');
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
	width: 1000px;
	margin: 0 auto;
}

#container {
	width: 100%;
}	

#left-content {
	float: left;
	width: 200px;
}

#middle-content {
	margin-left: 10px;
	float: left;
	width: 580px;
}

#right-content {
	margin-left: 10px;
	float: left;
	width: 200px;
}

#footer {
	clear: both;
	padding: 5px;
	line-height: 15px;
	height: 35px;
	border-top: 1px dotted;
	text-align: center;
}

div, form {
	padding: 0px;
	margin: 0px;
}

/* #########  HEADING  ######### */
#header {
	width: 100%;
	height: 120px;
}

#topmenu {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}

#messagebar {
	height: 25px;
	line-height: 25px;
	margin-bottom: 3px; 
	margin-top: 3px;
}

/* #########  MENU & SUBMENU  ######### */
/* ######### ddsubmenustyle ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	border: 1px dotted;
	border-bottom-width: 0;
	visibility: hidden;
	line-height: 15px;
	z-index: 100;
}

.ddsubmenustyle li a {
	display: block;
	width: 160px;
	text-decoration: none;
	padding: 4px 5px;
	border-bottom: 1px dotted;
}

* html .ddsubmenustyle li a { /*IE6 CSS hack*/
	display: inline-block;
}

.downarrowpointer { /*CSS for "down" arrow image added to top menu items*/
	padding-left: 0;
	border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
	position: absolute;
	padding-top: 0;
	left: 100px;
	border: 0;
}

.ddiframeshim{
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}

/* ######### mattblackmenu  ######### */

.mattblackmenu ul {
	border: 1px solid;
}

.mattblackmenu ul{
	margin: 0;
	padding: 0;
	line-height: 15px;
	list-style-type: none;
	overflow: hidden;
	width: 100%;
	background-image: url('/vars/img/browser_normal.png');
}

.mattblackmenu li{
	background-image: url('/vars/img/browser_normal.png');
	display: inline;
	margin: 0;
}

.mattblackmenu li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 4px 7px; /*padding inside each tab*/
	background-image: url('/vars/img/browser_spacer.png');
	background-position: right;
	background-repeat: no-repeat;
}

.mattblackmenu li a:hover{
	background-image: url('/vars/img/browser_hover.png');
	background-position: right;
	background-repeat: no-repeat;
}

/* #########  POSTS & BLOKKEN  ######### */

.post, #postmessage, #postnews, #editnews, #editmsg, #smileys, #addnewscomment, #newscomments, #addevent, #addphotocomment {
	border: solid 1px;
	margin-bottom: 10px;
	background-image: url('/vars/img/box_bottom.png');
	background-position: bottom;
	background-repeat: repeat-x;
}

.post-opties {
	text-align: right;
	float: right;
	vertical-align: middle;
	padding-top: 3px;
	width: 200px;
}

.rubriek_head, .middle-content-head {
	padding: 5px 12px 5px 12px;
	margin: 0px;
	height: 18px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: bold;	
}

.rubriek_head {
	border: solid 1px;
	background-image: url('/vars/img/box_header.png');
}

.middle-content-head {
	border-bottom: solid 1px;
	background-image: url('/vars/img/box_header.png');
}

.rubriek_main {
	border-left: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	margin: 0px;
	padding: 5px 6px 5px 6px;
	margin-bottom: 10px;
	background-image: url('/vars/img/box_bottom.png');
	background-position: bottom;
	background-repeat: repeat-x;
}

.middle-content-main {
	padding: 10px 8px 10px 8px;
}

.middle-content-main td {
	margin: 0px; padding: 3px;
}

.middle-content-main hr {
	border: 1px solid;
	height: 1px;
}

.nicEdit p {
	margin: 0px;
	padding: 0px;
}

/* #########  LINKS  ######### */

a {
	text-decoration: none;
}

/* #########  TEKSTEN  ######### */

p {
	margin: 0px;
	padding: 0px;
}

h1, h2 {
	font-size: 120%;
	margin: 10px 0 5px 5px;
}

/* #########  ALERT BOXES  ######### */

.info {
	padding: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}

.info {
	border: 1px solid #FFCC00;
	background-color: #FFF7AE;
	color: #555555;
}

.info a {
	text-decoration: none;
	text-transform: uppercase;
	color: #555555;
}

#redbox {
	padding: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #990000;
	background-color:#FF7064;
	color: #770000;
}

#yellowbox {
	padding: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #FFCC00;
	background-color: #FFF7AE;
	color: #555555;
}

#greenbox {
	padding: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #009900;
	background-color:#B1FFA6;
	color: #007700;
}

/* #########  TOOLTIP  ######### */
.info-tooltip-head {
	border: 1px solid;
	padding: 3px;
	width: 194px;
}
         
.info-tooltip-main {
	border-left: solid 1px;
	border-bottom: solid 1px;
	border-right: solid 1px;
	padding: 5px;
	width: 190px;
}

/* #########  RICH TOOLBAR  ######### */

#rich_toolbar {
	border: 1px solid;
	background-image: url('/vars/img/browser_normal.png');
	line-height: 23px;
	margin-bottom: 2px;
}

#rich_toolbar ul {
	padding: 0px;
	margin: 0px;
	clear: both;
}

#rich_toolbar li {
	float: left;
	list-style: none;
	text-align: center;
	background-image: url('/vars/img/browser_spacer.png');
	background-position: right;
	background-repeat: no-repeat;
}

#rich_toolbar li a {
	padding-left: 12px;
	padding-right: 12px;
	display: block;
	line-height: 23px;
}

#rich_toolbar li:HOVER {
	cursor: pointer;
	background-image: url('/vars/img/browser_hover.png');
	background-position: right;
	background-repeat: no-repeat;
}

#rich_toolbar a {
	font-weight: bold;
	text-decoration: none;
}

/* #########  NIEUWS  ######### */

.date-author {
	padding-left: 10px;
	font-size: 10px;
	margin-bottom: 5px;
}

.read-more-content {
	border: solid 1px;
	padding: 5px;
	margin: 0px 10px 10px 10px;
}

.read-more-link {
	font-weight: bold;
	line-height: 25px;
}

.read-more-content a  {
	text-decoration: none;
}

.newscomment {
	padding: 10px;
	margin: 10px;
	border: 1px dotted;
}
.newscomment_author {
	float: left;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}
.newscomment_date {
	padding: 0px;
	margin: 0px;
	float: none;
	font-weight: bold;
}

/* #########  AGENDA  ######### */

.aanwezig_dagevent {
	font-weight: bold;
	padding: 2px;
}

#eventcalendar { width: 100%; border: 0px; }
#eventcalendar th { width: 21px; height: 21px; text-align: center; font-weight: bold; }
#eventcalendar td { width: 21px; height: 21px; text-align: center; }
#eventcalendar .thisday { font-weight: bold; }
#eventcalendar a.eventday { font-weight: bold; }
.eventcalendar select { width: 162px; }

#largeeventcalendar { width: 100%; border: 0px; }
#largeeventcalendar th { width: 40px; height: 21px; text-align: center; font-weight: bold; }
#largeeventcalendar td { width: 80px; height: 21px; text-align: center; border: 1px dotted #999999; }
#largeeventcalendar td:HOVER { border: 1px solid; cursor: pointer; }
#largeeventcalendar a { cursor: pointer; text-decoration: none; }
#largeeventcalendar .thisday { font-weight: bold; }
#largeeventcalendar a.eventday { font-weight: bold; }
.largeeventcalendar select { width: 162px; }
#largeeventcalendar .month_daytitle { font-weight: bold; text-align:center; padding: 3px; }
#largeeventcalendar .month_daycontent { padding: 3px; min-height: 60px; }

/* #########  ALMANAK  ######### */

.searchfield {
	background-image: url('/vars/img/search_bg.gif');
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: -6px;
	margin-right: -6px;
	padding-left: 25px;
}

.searchresults {
	font-weight: bold;
}

.group {
	padding: 2px 9px;
	text-decoration: none;
	margin: 10px 0;
	border: 1px solid;
	cursor: pointer;
 	background-image: url('/vars/img/button.png');
}

table.almanak_table {
	border-left: 1px dotted;
	border-top: 1px dotted;
	border-right: 1px dotted;
}

.lid_info {
	border-bottom: 1px dotted;
	padding: 2px;
}

.lid_tabel:hover { 
	cursor: pointer;
}

.lid_naam {
	font-size: 106%;
	font-weight: bold;
}

/* #########  FORUM  ######### */

.forum-box {
	padding-bottom: 20px;
}

.forum-seperator-box {
	padding-left: 10px;
	padding-right: 10px;
}

.forum-options {
	text-align: right;
	float: right;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 10px;
}

.forum-seperator {
	background: none;
}

.forum-content-head {
	background-image: url('/vars/img/box_bottom.png');
	background-position: bottom;
	background-repeat: repeat-x;
}

.forum-author {
	padding: 5px 12px 0px 12px;
	margin: 0px;
	height: 18px;
	font-size: 14px;
	font-weight: bold;	
	letter-spacing: -1px;
}

.forum-date {
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 10px;
	margin-bottom: 5px;

	font-weight: normal;
}

.forum-content-msg {
	background: none;
	padding: 5px 12px 5px 20px;
}

#forum-browser, #forum-browser-bottom {
	width: 100%;
    margin: 0 6px 10px 0;
    padding: 0px;
	height: 25px;
	background: #efefef;
}

#forum-browser {
	border-bottom: 1px solid;
}

#forum-browser-bottom {
	border: 1px solid;
}

#forum-browser li, #forum-browser-bottom li {
	background: #efefef;
	display: block;
    list-style: none;
    float: left;
}

#forum-browser li a, #forum-browser-bottom li a {
    display: block;
    padding: 5px 8px;
    text-decoration: none;
	border-bottom: 1px solid;
}

/* #########  FOTOALBUMS  ######### */

.album_thumb {
	width: 100px;
}

.album_view {
	width: 500px;
}

.album_td {
	padding: 10px;
	text-align: center;
}

.album_td:HOVER {
	padding: 10px;
	text-align: center;
	cursor: pointer;
}

/* #########  PROFIEL  ######### */

td.my-profile-left {
	padding: 3px 0px 3px 5px;
	width: 200px;
}

td.profile_info {
	padding: 3px 0px 3px 5px;
	width: 150px;
}

td.profile_adres {
	width: 85px;
}

td.my-profile-right {
	padding: 3px 0px 3px 0px;
	width: auto;
}

.post h1, .post h2 {
	font-size: 120%;
	margin: 10px 0 5px 5px;
}

.post h2 {
	padding-bottom: 3px;
	border-bottom: 1px solid;
}

.floatright {
	float: right;
	border: 1px solid #666;
	padding: 2px;
}

/* #########  INBOX  ######### */

.pm_block tr.top { height: 20px; font-weight: bold; }
.pm_block tr.unread { font-weight: bold; }
.pm_block tr.unread:hover { font-weight: bold; }
.pm_block tr.unread a { cursor: pointer; }
.pm_block tr.read { font-weight: normal; }

.pm_block td { padding: 3px 5px 3px 5px; }
.pm_block tr { cursor: pointer; }

.pm_block td.pmstatus { height: 17px; width: 50px; }
.pm_block td.subject { height: 17px; width: 200px; text-align: left; }
.pm_block td.sender { height: 17px; width: 150px; }
.pm_block td.senddate { height: 17px; width: 130px; text-align: left; }
.pm_block td.options { height: 17px; width: 17px; }

.pm_block tr.top td.pmstatus, .pm_block tr.top td.options, .pm_block tr.top td.sender, .pm_block tr.top td.subject, .pm_block tr.top td.senddate { 
	border-bottom: 2px solid; 
}

.newscomment_content {
	padding: 10px 5px 0 5px;
}

.newmsg {
	border: 1px solid;
}

.newmsg td {
	height: 18px;
}

.newmsg textarea {
	height: 200px;
	width: 540px;
}

.newmsg input.txt {
	border: 1px solid;
	height: 18px;
	width: 400px;
}

#aantxt {
	padding-left: 5px;
	border: 1px solid;
	vertical-align: middle;
	width: 396px;
	min-height: 20px;
}

.aanblock {
	float: left;
}

#aantxt a {
	text-decoration: none;
}

#aantxt img {
	border: 0px none;
}

/* ####### FACEBOOK AUTOCOMPLETE ####### */
/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid; padding: 1px 5px 2px; }
ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */      
form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
form ol li.input-text input { width: 550px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid; background-image: none; }
form ul.holder { width: 550px; }

#facebook-demo {
	background-image: url('../img/inbutbg.gif'); background-position: top; background-repeat: repeat-x;
}

#facebook-list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { border: 1px solid; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/cms/img/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

#facebook-auto { display: none; position: absolute; width: 562px; }
#facebook-auto .default { padding: 5px 7px; border: 1px solid; border-width: 0 1px 1px; }
#facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; }
#facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; }
#facebook-auto ul li em { font-weight: bold; font-style: normal; }
#facebook-auto ul li.auto-focus em { background: none; }

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid; }
#add-test { width: 100px; padding: 2px; }
#button_container { margin-left: 70px; margin-bottom: 30px;}




/* ####### VACATURES ####### */

#leftcolumn {
	float: left;
	width: 283px;
	margin-right: 10px;
}

#rightcolumn {
	float: right;
	width: 283px;
}

.vacature_img {
	float: right;
	position: relative;
	margin: 5px;
}

.vacature_info {
	width: 70px;
	font-weight: bold;
}

.box {
	width: 275px;
	border: 1px solid;
	padding: 0;
	margin: 0 0 10px 0;
}

/* ####### VACATURES ####### */

#boxleft {
	float: left;
	margin: 0 5px 0 5px;
}

#boxright {
	float: left;
	margin: 0 0 0 10px;
}

h3.boxtitel {
	font-size: 120%;
	margin: 15px 15px 5px;
	padding: 0;
}

ul.boxopties {
	margin: 0px 10px 15px 10px;
	padding: 0;
	list-style: none;
}

ul.boxopties li {
	margin: 7px;
	padding-left: 5px;
	height: 15px;
}

/* #########  POLLS  ######### */

.poller {
	margin: 0px;
	padding: 0px;
}

.rubriek_mail form {
	margin: 0;
	padding: 0;
}

.pollerTitle {
	font-weight: bold;
}

.poller_waitMessage{
	display: none;	
}
	
.result_pollGraph {
	padding: 3px;
	margin: 0px;
}

.result_pollGraph div, .result_pollGraph p {
	padding: 2px;
	margin: 0px;
	margin-bottom: 5px;
}
	
.result_pollerOption {
	font-style: italic;
	padding: 0px;
	margin: 0px;
}
	
.result_pollerTitle {
	font-weight: bold;
}
	
.result_totalVotes {
	margin-top: 20px;
}

.result_balkje {
	padding-left: 20px;
}

/* #########  UPLOADEN  ######### */

.hidden {
	display: none;
}

.show{
	color: #cccccc;
}

.toptoolbar {
	background-color: #DB8A9E;
}

.toptoolbar ul {
	margin: 0px;
	padding: 0px;
	background-color: #DB8A9E;
	clear: both;
}

.toptoolbar li {
	background-color: #DB8A9E;
	cursor: pointer;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	list-style: none;
}

#demo-status {
	padding: 10px 15px;
	width: 420px;
}

#demo-status .progress {
	background:	white url('/cms/img/progress.gif') no-repeat;
	background-position: +50% 0;
	margin-right: 0.5em;
}

#demo-status .progress-text {
	font-size: 0.9em;
	font-weight: bold;
}

#demo-list {
	list-style: none;
	width: 450px;
	margin:	0;
}

#demo-list li.file {
	border-bottom: 1px solid #eee;
	background: url('/cms/img/file.png') no-repeat 4px 4px;
}

#demo-list li.file.file-uploading {
	background-image: url('/cms/img/uploading.png');
	background-color: #D9DDE9;
}

#demo-list li.file.file-success {
	background-image: url('/cms/img/success.png');
}

#demo-list li.file.file-failed {
	background-image: url('/cms/img/failed.png');
}

#demo-list li.file .file-name {
	font-size: 1.2em;
	margin-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
}

#demo-list li.file .file-size {
	font-size: 0.9em;
	line-height: 18px;
	float: right;
	margin-top: 2px;
	margin-right: 6px;
}

#demo-list li.file .file-info {
	display: block;
	margin-left: 44px;
	font-size: 0.9em;
	line-height: 20px;
}

#demo-list li.file .file-remove {
	clear: right;
	float: right;
	line-height: 18px;
	margin-right: 6px;
}

/* #########  FORMULIEREN  ######### */

input, textarea, select {
	border: 1px solid;
	padding: 2px;
	background: url('/vars/img/input_bg.gif') top left no-repeat;
	margin-top: 2px;
}

.radiobutton  {
	border: 0px none;
	padding: 2px;
	background: transparent none;
	margin-top:2px;
}

.button {
 	background-image: url('/vars/img/button.png');
	background-repeat: repeat-x;
 	border: 1px solid;
 	font-weight: bold;
 	font-size: 11px;
 	padding: 3px;
 	margin: 5px 0px 5px 0px;
}

.button:hover {
 	background-image: url('/vars/img/button_hover.png');
 	cursor: pointer;
 	border: 1px solid;
}

#enquete input {
	display: block;
}

/* #########  VALIDATIE OPMAAK  ######### */
.nb {
	font-size: 95%;
}

.LV_validation_message{
    font-weight: bold;
    margin: 0 0 0 5px;
}

fieldset {
	border: 0px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid;
}