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

/* #########  BASE  ######### */

body {
	background-color: #EFEFEF;
	font-family: Tahoma, Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
}

#wrap {
	color: #333333;
	background-color: #efefef;
	font-size: 11px;	
}

#footer {
	border-color: #CCCCCC;
	background-color: #EFEFEF;
	color: #999999;
}

#footer a {
	color: #999999;
}
	
/* #########  HEADING  ######### */

#header {
	background-color: #333333;
	border-bottom-color: #999999;
}

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

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
	font-size: 11px;
	background: #FFFFFF;
	border-color: #999999;
}

.ddsubmenustyle li a{
	background-color: #FFFFFF;
	border-color: #999999;
	color: #333333;
}

.ddsubmenustyle li a:hover{
	background-color: #FFFFFF;
	color: #FF9900;
}

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

.mattblackmenu ul {
	border-color: #999999;
}

.mattblackmenu ul{
	font-size: 11px;
	background-color: #FFFFFF;
}

.mattblackmenu li a{
	color: #1F1F1F;
}

.mattblackmenu li a:hover{
	background-color: #FFFFFF; /*background of tabs for hover state */
	color: #333333;
}

.mattblackmenu a.selected{
	background-color: #FFF; /*background of tab with "selected" class assigned to its LI */
	color: #333333;
}

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

.post, #postmessage, #postnews, #editnews, #editmsg, #smileys, #addnewscomment, #newscomments, #addevent, #addphotocomment {
	background-color:#FFFFFF;
	border-color: #999999;
}

.rubriek_head, .middle-content-head {
	border-color: #999999;
	color: #4D2E00;
	text-decoration: none;
}

.middle-content-head a, .middle-content-head a:active, .middle-content-head a:visited {
	color: #333333;
	text-decoration: none;
}

.middle-content-head a:hover {
	color: #999999;
	text-decoration: none;
}

.rubriek_main {
	border-left-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	line-height: 14px;
	background-color: #FFFFFF;
}

.middle-content-main hr {
	border-color: #CCCCCC;
}

.middle-content-main  {
	border-color: #CCCCCC;
}

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

a {
	color: #FF9900;
}

a:hover {
	color: #99AADD;
}

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

.grijs {
	color: #999999;
}

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


/* #########  TOOLTIP  ######### */

.info-tooltip-head {
	background: #F3F0E7;
	font-size: 11px;
	font-weight: bold;
	border-color: #FF9900;
}

.info-tooltip-main {
	background: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	border-color: #FF9900;
	color: #333333;
}

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

#rich_toolbar {
	border-color: #999999;
}

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

.date-author {
	color: #999999;
}

.read-more-content {
	border-color: #FFE0B3;
	background-color: #FFFFFF;
	color: #99AADD;
}

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

.aanwezig_dagevent {
	background-color: #FF9900;
	color: #4D2E00;
}

#eventcalendar th { background-color:#CCCCCC; }
#largeeventcalendar th {  background-color:#CCCCCC; }
#largeeventcalendar td { border-color: #999999; }
#largeeventcalendar td:HOVER { border-color: #999999; background-color:#FFE0B3; }
#largeeventcalendar a { color: #333333; }
#largeeventcalendar .month_daytitle { background-color: #EFEFEF; }

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

.searchresults {
   background-color: #FFFF00;
}

table.almanak_table {
	border-color: #CCCCCC;
}

.lid_info {
	border-color: #CCCCCC;
}

.lid_tabel:hover { 
	background-color: #EEEEEE;
}

.group {
	border-color: #CCCCCC;
}

.group:hover {
	border: 1px solid #999999;
}

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

.forum-group {
	color: #999999;
}

.forum-date {
	color: #666666;
}

#forum-browser, #forum-browser-bottom {
	border-color: #999999;
}

#forum-browser li a, #forum-browser-bottom li a {
    background-color: #efefef;
    color: #000;
	border-color: #999999;
}

#forum-browser li a:hover, #forum-browser-bottom li a:hover {
	background: #cccccc;
}

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


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

tr.row-a {
	background-color: #EFEFEF;
}

tr.row-b {
	background-color: #F8F8F8;
}

.post h1, h3.boxtitel {
	color: #000033;
}

.profile_info, .profile_adres {
	color: #AAAAAA;
}

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

.pm_block tr.unread { color: #FF9900; }
.pm_block tr.activemsg { background-color: #efefef; }
.pm_block tr.unread:hover { background-color: #eeeeee; color: #000; }
.pm_block tr.unread a { color: #2C79A8; }
.pm_block tr:hover { background-color: #F4F4F4; }

.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 { 
	background-color: #E9E9E9;
	border-bottom-color: #D1D1D1; 
}

.newmsg {
	border-color: #571A29;
	background-color: #E3EFFF;
}

.newmsg input.txt {
	border-color: #571A29;
	background-color: #FFFFFF;
}

#aantxt {
	border-color: #571A29;
	background-color: #FFFFeF;
}

#aantxt a {
	color:#000000;
}

/* #########  FACEBOOK AUTOCOMPLETE  ######### */
ul.holder { border-color: #999999; }
ul.holder li.bit-box { border-color: #CAD8F3; background-color: #DEE7F8; }
ul.holder li.bit-box-focus { border-color: #598BEC; background-color: #598BEC; color: #ffffff; }
form ol li.input-text input { border-color: #999999; background-image: none; }

ul.holder li.bit-hover { background-color: #BBCEF1; border-color: #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background-color: #598BEC; color: #ffffff; }

#facebook-auto { background-color: #eeeeee; }
#facebook-auto .default { border-color: #cccccc; }
#facebook-auto ul li { border-color: #cccccc; }
#facebook-auto ul li em { background-color: #cccccc; }
#facebook-auto ul li.auto-focus { background-color: #4173CC; color: #ffffff; }

#demo ul.holder li.bit-input input { border-color: #999999; }
#add a { color: #666666; }

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


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

.result_balkje {
	background-color: #4D2E00;
	color: #FFFFFF;
}

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


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

input, textarea, select {
	border-color: #999999;
	background-color: #FFFFFF;
}

.button {
	border-color: #999999;
}

.button:hover {
 	border-color: #999999;
}

/* #########  VALIDATIE OPMAAK  ######### */

.nb {
	color: #AAAAAA;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border-color: #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border-color: #CC0000;
}