/*
============================
 EXCITED CMS NOVEMBER 2006
  www.excited-software.nl
============================

=============
 CMS WEBSITE
=============
*/
DIV.cms     { margin: 0 auto 0 0; width: 100%; background: transparent; }
DIV.cmsItem { margin: 0 0 10 0; width: 100%; clear: left;}

.cms a               { font-family: Verdana; font-size:10pt; font-weight:normal; color:#000000; text-decoration:underline; border:0 }
.cms a:active        { color:#000000; }
.cms a:hover         { color:#000000; background-color:#ffffff; }
.cms a:visited       { color:#000000; }
.cms a:visited:hover { color:#000000; background-color:#ffffff; }

.cms H1 { color:#f3661f; font-family: Verdana; font-size: 14pt; font-weight: normal; vertical-align: top; margin: 0 0 10 0; }
.cms H2 { color:#f3661f; font-family: Verdana; font-size: 10pt; font-weight: bold;   vertical-align: top; margin: 0 0 10 0; }
.cms H3 { color:#f3661f; font-family: Verdana; font-size: 10pt; font-weight: bold;   vertical-align: top; margin: 0 0 0  0; }

/* PLAATJES */
IMG { border: 0 }
.cms IMG.cms_image_right  { border: 0 solid #000000; margin: 0 10 5 10; float: right; position: relative; }
.cms IMG.cms_image_left   { border: 0 solid #000000; margin: 0 10 5 0 ; float: left;  position: relative; }
.cms DIV.cms_image_center { text-align:center; margin-left: auto; margin-right: auto; }

/* TABELLEN */
TD { vertical-align: top; }

/* OVERIG */
P, DIV, TD { color:#000000; font-family: Verdana; font-size: 10pt; font-weight: normal; vertical-align: top; margin: 0 0 0 0; }
/* LI { list-style: list-style-image: url("../images/RedArrow.gif") } */

hr.stippellijn { color: #f3661f; height: 1px; border-style: solid; margin: 0 0 10 0; clear: left;  }

/* PHOTOALBUM */
.photoLink   { font-family:Verdana; font-size:10px; font-weight:normal; text-align:center; color:#000000; text-decoration:none; }
.photoSelect { font-family:Verdana; font-size:10px; font-weight:bold; text-align:center; color:#000000; text-decoration:none; }
.photoImage  { font-family:Verdana; font-size:10px; font-weight:normal; color:#000000; text-decoration:none; }
.photoTitle  { color:#000000; font-family: Verdana; font-size: 10px; font-weight: normal; text-align:center; }
.photoBottom { color:#000000; font-family: Verdana; font-size: 10px; font-weight: normal; text-align:center; }

/*
=====================
 CMS ADMININISTRATIE
=====================
*/
/* OPMAAK */
.CMSBlok       { margin: 0 auto 0 auto; padding: 15px 15px 15px 15px; border: 1px solid #cccccc;	width: 525px;	background: #F1F3F5; }
.CMSBlokLogin  { margin: 0 auto 0 auto; padding: 15px 15px 15px 15px; border: 1px solid #cccccc; width: 350px; background: #F1F3F5; }
.CMSBlokAdmin  { margin: 0 auto 10px auto; padding: 15px 15px 15px 15px; border: 1px solid #cccccc;	width: 525px;	background: #F1F3F5; }
.CMSBlokList   { margin: 0 auto 10px auto; padding: 15px 15px 15px 15px; border: 1px solid #cccccc;	width: 525px;	background: #F1F3F5; }
#CMSBlokSet    { margin: 0 auto 0 auto; padding: 0 0 0 0; border: 1px solid #cccccc;	}

.CMSBlokHeader { color:#FFFFFF; font-family: Verdana; font-size: 16px; font-weight: bold; margin: 0 0 0 0; padding: 10px 10px 10px 10px; border: 1px solid #bbbbbb;	width: 100%;	background: #A1A3A5; }
.CMSheader     { color:#CC0000; font-family: Verdana; font-size: 16px; font-weight: bold; vertical-align: top;}
.CMSbody       { color:#000000; font-family: Verdana; font-size: 11px; font-weight: normal; }

.CMSBlok     fieldset   { border: 1px solid #ccc; margin: 10px 0 0 0; padding: 0 0 10px 10px; text-align: left; }
.CMSBlok     legend     { font-family: Verdana; color: #0B55C4; font-size: 8pt; font-weight: bold; padding: 0 0 0 0; margin: 0 0 10px 0; }
.CMSBlokList fieldset   { border: 1px solid #ccc; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; }
.CMSBlokList legend     { font-family: Verdana; color: #0B55C4; font-size: 8pt; font-weight: bold; padding: 0 0 0 0; margin: 0 0 10px 0; }
.CMSBlokList hr         { color: #D8D8D8; height: 1px; }

/* ADMIN MENU */
.CMSBlokAdmin TABLE    { width: 100%; border: 0px; }
.CMSBlokAdmin TH       { width: 25%; text-align: left; color:#CC0000; font-family: Verdana; font-size: 12pt; font-weight: bold; vertical-align: top; }
.CMSBlokAdmin TD       { width: 25%; text-align: center; color:#000000; font-family: Verdana; font-size: 8pt; font-weight: normal; vertical-align: top; }
.CMSBlokAdmin TD.left  { width: 25%; text-align: left ; color:#000000; font-family: Verdana; font-size: 8pt; font-weight: normal; vertical-align: top; }
.CMSBlokAdmin TD.right { width: 25%; text-align: right; color:#000000; font-family: Verdana; font-size: 8pt; font-weight: normal; vertical-align: top; }


/* TABELLEN */
.CMSBlok TD              { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: normal; vertical-align: top; margin: 0 0 0 0; text-align: left; }
.CMSBlok TH              { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: bold;   vertical-align: top; margin: 0 0 0 0; text-align: left; }
.CMSBlok TD.formlabel    { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: normal; vertical-align: top; margin: 0 0 0 0; text-align: left; width: 25%; }
.CMSBlok TD.formfield    { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: normal; vertical-align: top; margin: 0 0 0 0; text-align: left; }

.CMSBlok TD.editHeadIcon    { text-align: left;   width: 5%; }
.CMSBlok TD.editHeadText    { text-align: center; width: 50%; }
.CMSBlok TD.editHeadTextRed { text-align: center; width: 50%; color:#FF0000; }
.CMSBlok TD.editHeadButt    { text-align: right;  width: 45%; }

.CMSBlokList TD.editHeadIcon    { text-align: left;   width: 5%; }
.CMSBlokList TD.editHeadText    { text-align: center; width: 50%; }
.CMSBlokList TD.editHeadTextRed { text-align: center; width: 50%; color:#FF0000; }
.CMSBlokList TD.editHeadButt    { text-align: right;  width: 45%; }

.CMSBlokList TABLE { width: 100%; border: 0px; border-collapse: collapse; border-spacing: 0px; }
.CMSBlokList TD    { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: normal; vertical-align: top; margin: 0 0 0 0; text-align: left; }
.CMSBlokList TH    { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: bold;   vertical-align: top; margin: 0 0 0 0; text-align: left; }

.CMSBlokLogin TD    { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: normal; vertical-align: top; margin: 0 0 0 0; text-align: left; }
.CMSBlokLogin TH    { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: bold;   vertical-align: top; margin: 0 0 0 0; text-align: left; }

/* FORM VELDEN */
.CMSForm       { color:#000000; font-family: Verdana; font-size: 8pt; font-weight: normal; font-style: normal; background-color: white; border: solid 1px gray }

A.CMSLink   			{ font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:active.CMSLink        { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:hover.CMSLink         { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: #D5F1FF; }
A:visited.CMSLink       { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:visited:hover.CMSLink { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: #D5F1FF; }

A.CMSLinkTrans		           { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:active.CMSLinkTrans        { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:hover.CMSLinkTrans         { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:visited.CMSLinkTrans       { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }
A:visited:hover.CMSLinkTrans { font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; background-color: transparent; }

/* CALENDAR */
DIV.calendar               { width: 300px; border: 1px solid #cccccc; margin-left: auto; margin-right: auto; font-family: Helvetica, Tahoma, Arial, sans-serif;	font-size: 12px; text-align: center; font-weight: normal; }

.calendar a                { text-decoration: none;	color: #000000;	text-align: center;}
.calendar a:hover          { text-decoration: none;	color: #3163CE; }

.calendar .year            { border-style: outset;	border-width: 1px; background-color: #e4e4e4;	text-align: center; }
.calendar .month           { border-style: none;	background-color: #e4e4e4;	text-align: center; }
.calendar .yearname        { text-align: center;	font-size: 18px;	font-weight: bold; }
.calendar .monthname       { text-align: center;	font-size: 13px;	font-weight: bold;	background-color: #DADADA;	color: #5D5D5D;	border-style: outset;	border-width:1px}
.calendar .dayname         { text-align: center;	font-size: 12px;	font-weight: bold;	background-color: #3E97CF;	color: #ffffff;	border-style: outset;	border-width:1px}
.calendar .weeknumtitle    { text-align: center;	font-size: 12px;	font-weight: normal;	background-color: #e9e9e9;	border-style: outset;	border-width:1px}
.calendar .weeknum         { text-align: center;	font-size: 10px;	height:45px; width:45px;	color: #000099;	background-color: #e9e9e9;}
.calendar .yearnavigation  { font-size: 12px;}
.calendar .datepicker      { background-color: #e4e4e4;}
.calendar .datepickerform  { margin: 0px;}
.calendar .monthnavigation { font-family: Tahoma, Arial, sans-serif;}
.calendar .monthpicker     { font-size: 11px;	background-color: #eeeeee;}
.calendar .yearpicker      { font-size: 11px;	background-color: #eeeeee;}
.calendar .pickerbutton    { font-size: 11px;	background-color: #eeeeee;	border-style: solid;	border-color: #000000;	border-width: 1px;}
.calendar .nomonthday      { text-align: center;	vertical-align: top;	font-size: 10px;	height:45px;	width:45px;	color: #aaaaaa; }
.calendar .monthday        { text-align: center;	vertical-align: top;	font-size: 11px;	font-weight: bold;	background-color: #E4E4E4;	color: #384955;	height:45px;	width:45px;}
.calendar .today           { text-align: center;	vertical-align: top;	font-size: 11px;	font-weight: bold;	background-color: #5CB5C7;	color: #ffffff;	height:45px;	width:45px;}
.calendar .selectedday     { text-align: center;	vertical-align: top;	font-size: 11px;	font-weight: bold;	background-color: #66ff66;	height:45px;	width:45px;}
.calendar .sunday          { text-align: center;	vertical-align: top;	font-size: 11px;	font-weight: bold;	color: #667171;	height:45px;	width:45px;}
.calendar .sunday a        { color: #667171;}
.calendar .saturday        { text-align: center;	vertical-align: top;	font-size: 11px;	font-weight: bold;	color: #667171;	height:45px;	width:45px;}
.calendar .saturday a      { color: #667171;}
.calendar .event           { text-align: center;	vertical-align: top;	font-size: 11px;	font-weight: bold;	color: red;	background-color: #ffff99;	height:45px;	width:45px;}
.calendar .event a         { background-color: #ffff99;	color: red;}
.calendar .selectedevent   { text-align: center;	vertical-align: top;	font-size: 11px;	font-weight: bold;	color: red;	background-color: #ffff99;	height:45px;	width:45px;}
.calendar .selectedevent a { background-color: #ffff99;	color: red;}
.calendar .todayevent      { text-align: center;	vertical-align: top;	font-size: 11px;	font-weight: bold;	color: red;	background-color: #ffff99;	height:45px;	width:45px;}
.calendar .todayevent a    { background-color: #ffff99;	color: red;}
.calendar .eventcontent    { font-size: 10px;	border-style: outset;	border-width: 1px;	width: 100%;}

#FSmainTable		    { border:1px solid black; background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:12px; }
.FSdateField		    { width:76px; border:0; font-family:Verdana; font-size:10px; padding:1px 0 0 3px; }
.FSdateSelect		    { border:1px solid #999999; background-color: white; height: 13px; }
.FSmonthRolldown    { width:90px; font-family:Verdana; font-size:11px; }
.FSyearInput		    { width:38px; font-family:Verdana; font-size:11px; }
.FSbuttonsRow		    { background-color:#DDDDDD; }
.FSdateButton		    { width:20px; height:20px; font-weight:bold;   font-size:10px; font-family:Verdana; }
.FSdateButton2	    { width:40px; height:20px; font-weight:normal; font-size:10px; font-family:Verdana; }
.FScalendarTitles TD{ border-bottom:1px solid black; font-size:11px; color:#CCCCCC; line-height:14px; }
.FScalendar TD	    { font-size:11px; font-weight:normal; }
.FSinMonth			    { color:#000000; text-decoration:none; width:22px; height:12px; line-height:14px; }
.FSnotInMonth		    { color:#999999; text-decoration:none; width:22px; height:12px; line-height:14px; }
.FSinMonth:hover    { font-weight:bold; }
.FSnotInMonth:hover	{ font-weight:bold; }
.FSoutOfRange		    { color:red; line-height:14px; }
#FSrangeCell		    { background-color:#EEEEEE; font-size:11px; text-align:center; line-height:14px; }
#FSdateToday		    { font-family:Verdana; font-size:11px; font-weight:bold; line-height:20px; }