body {background-color:#FFFFF0;}
a:link, a:visited {color:#00F;text-decoration:none;}
a:hover, a:active {color:#008;text-decoration:underline;}
a.none:hover {color:#000;text-decoration:none;}

/* form styles */
textarea {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:12px;}
select {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:12px;}
input {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:12px;}
.button {padding:1px 3px;color:#00f;font-size:12px;border:outset #ccc;border-width:1px;background:#ffffe5;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;
-webkit-box-shadow: rgba(2,2,92,0.75) 0px 0px 3px; -moz-box-shadow: rgba(2,2,92,0.75) 0px 0px 3px; box-shadow: rgba(2,2,92,0.75) 0px 0px 3px;
}
.button:hover, .button:focus {color:#00f;text-decoration:none;border:inset #aaa;border-width:1px;background:#eeeed4;
-webkit-box-shadow: rgba(2,2,92,0.75) 0px 0px -3px; -moz-box-shadow: rgba(2,2,92,0.75) 0px 0px -3px; box-shadow: rgba(2,2,92,0.75) 0px 0px -3px;
}
.box {border:inset #888;border-width:1px;background:#fff;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;
}
.box:hover, .box:focus, .box:active {border:inset #888;border-width:1px;background:#ffffc0;
}

/* small event font */
div.smallcalev {color:#0020A0;font-family:Arial,sans-serif,Helvetica;font-size:12px;}
div.smallcalevtime {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:12px;}
a.smallcalev {color:#0020A0;font-family:Arial,sans-serif,Helvetica;font-size:12px;}
a.smallcalev:hover {color:#005;font-family:Arial,sans-serif,Helvetica;font-size:12px;}

/* small cal month font */
table.smallcalmth {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:13px;width:98%;}
div.smallcalmth {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:14px;}
a.smallcalmth {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:14px;}
a.smallcalmth:visited {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:14px;}
td.smallcalmth {background-color:#F4F4F4;border:#884422 thin solid;}

/* message to signal progress */
h4 {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:14px;}

/* font for calendar and company names at top of month calendar */
table.companynamefont {color:#00F;font-family:Arial,sans-serif,Helvetica;font-size:24px;font-style:normal;font-weight:bold;background-color:#F0F0FF;}
table.calendarnamefont {background:#FFFFF0 url('../images/merkedag50.png') left no-repeat;}
h1, table.calendarnamefont a {color:#842;font-family:Arial,sans-serif,Helvetica;font-size:20px;font-style:normal;font-weight:bold;text-decoration:none;}

/* calendar top header setting */
table.todaytop {width:98%;color:#842;font-family:Arial,sans-serif,Helvetica;font-size:12px;font-style:normal;font-weight:normal;
border-width:1px 1px 0 1px;border-style:solid;border-color:#fff #cacaae #baba9e #fff;border-bottom:0px;background:#fafade;
-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-o-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;
-webkit-box-shadow: rgba(2,2,92,0.75) 0px 0px 3px; -moz-box-shadow: rgba(2,2,92,0.75) 0px 0px 3px; box-shadow: rgba(2,2,92,0.75) 0px 0px 3px;
}

/* font for calendar day name */
div.dayfont {color:#884422;font-family:Arial,sans-serif,Helvetica;font-size:13px;font-style:normal;font-weight:normal;}

/* font for calendar date numbers */
div.datenumfont {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:13px;font-style:normal;font-weight:normal;}
a.datenumfont {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:13px;font-style:normal;font-weight:normal;}
a.datenumfont:visited {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:13px;font-style:normal;font-weight:normal;}

/* month calendar table view setting */
table.monthview {width:98%;border-bottom-width:thin;background-color:#A0E0F0;color:#A0E0F0;border:0px thin #FFF;border-collapse:separate;border-spacing:1px;padding:0px;spacing:1px;
-webkit-box-shadow: rgba(2,2,92,0.75) 0px 0px 3px; -moz-box-shadow: rgba(2,2,92,0.75) 0px 0px 3px; box-shadow: rgba(2,2,92,0.75) 0px 0px 3px;
}
td.monthview {height:40px;}
td.sundaytopcolor {height:60px;color:#F0F0E0;background-color:#FDDFDF;width:14%;}
td.weekdaytopcolor {height:60px;color:#F4F4F4;background-color:#F4F4F4;width:14%;}
td.sundayemptyclr {height:60px;background-color:#FFF;}
td.weekdayemptyclr {height:60px;background-color:#FFF;}
td.todayclr {background-color:#FFFFC0;}
td.sundayclr {height:60px;background-color:#FDDFDF;}
td.weekdayclr {height:60px;background-color:#F4F4F4;}

/* link to month navigation font */
a.calfontnav {color:#884422;font-family:Arial,sans-serif,Helvetica;font-size:18px;font-style:normal;font-weight:bold;}
a.calfontnav:hover {color:#884422;font-family:Arial,sans-serif,Helvetica;font-size:18px;font-style:normal;font-weight:normal;}
a.calfontnav:link {color: #884422;font-family:Arial,sans-serif,Helvetica;font-size:18px;font-style:normal;font-weight:normal;}
a.calfontnav:visited {color:#884422;font-family:Arial,sans-serif,Helvetica;font-size:18px;font-style:normal;font-weight:normal;}

/* link to asked month font */
h2, div.calfontasked {color: #884422;font-family:Arial,sans-serif,Helvetica;font-size:24px;font-style:normal;font-weight:normal;}
a.calfontasked {color:#842;font-family:Arial,sans-serif,Helvetica;font-size:24px;font-style:normal;font-weight:normal;}
a.calfontasked:hover {color:#842;font-family:Arial,sans-serif,Helvetica;font-size:24px;font-style:normal;font-weight:normal;}
a.calfontasked:link {color:#842;font-family:Arial,sans-serif,Helvetica;font-size:24px;font-style:normal;font-weight:normal;}
a.calfontasked:visited {color:#842;font-family:Arial,sans-serif,Helvetica;font-size:24px;font-style:normal;font-weight:normal;}

/* font for menu items */
div.menufont {color:#000;font-size:12px;font-family:Arial,sans-serif,Helvetica;font-style:normal;font-weight:normal;text-decoration:none;}

a.menufont:link, a.menufont:visited {margin:0;padding:0 3px;color:#00f;}
a.menufont:hover, a.menufont:focus {color:#008;text-decoration:none;}

/* a.menufont:link, a.menufont:visited {color:#00F;font-family:Arial,sans-serif,Helvetica;font-style:normal;font-weight:normal;text-decoration:none;}
a.menufont:hover {color:#00F;text-decoration:underline;} */

/* menu option background color */
table.menumain {margin-top:5px;width:100%;}
table.menutbl {width:100%;background:#fafade;
border-width:0 1px 1px 1px;border-style:solid;border-color:#fff #cacaae #baba9e #fff;border-top:0px;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;
-webkit-box-shadow: rgba(2,2,92,0.75) 0px 0px 3px; -moz-box-shadow: rgba(2,2,92,0.75) 0px 0px 3px; box-shadow: rgba(2,2,92,0.75) 0px 0px 3px;
}
.menutbl td {height:18px;margin:1px;white-space:nowrap;
border:outset #000;border-width:0px;margin:2px;padding:2px;background:#ffffe5;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;
}
.menutbl td:hover, .menutbl td:focus {color:#000;border:inset #aaa;border-width:1px;background:#eeeed4;
-webkit-box-shadow: rgba(2,2,92,0.75) 0px 0px -3px; -moz-box-shadow: rgba(2,2,92,0.75) 0px 0px -3px; box-shadow: rgba(2,2,92,0.75) 0px 0px -3px;
}

/* font for search header */
div.searchheaderfont {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:16px;font-style:normal;font-weight:bold;background-color:#F0F0F0;}

/* font for search result events title */
div.searchtitlefont {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:14px;font-style:normal;font-weight:bold;text-decoration:underline;}

/* font for search result events */
div.searchtextfont {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:12px;font-style:normal;font-weight:normal;}
.searchad {position:absolute;top:200px;right:20px;width:120px;height:600px;}

/* font for headers */
div.headerfont {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:16px;font-style:normal;font-weight:bold;background-color:#F0F0F0;}
table.headerfont {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:16px;font-style:normal;font-weight:bold;background-color:#F0F0F0;}
a.headerfont:link {color:#000;text-decoration:none;}
a.headerfont:visited {color:#000;text-decoration:underline;}
a.headerfont:hover {color:#000;text-decoration:underline;}

/* font for titles */
div.titlefont {color:#000;font-family Arial,sans-serif,Helvetica;font-size:14px;font-style:normal;font-weight:normal;}
table.titlefont {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:14px;font-style:normal;font-weight:normal;background-color:#eeeed0;}
a.titlefont:link {color:#000;text-decoration:none;}
a.titlefont:visited {color:#000;text-decoration:underline;}
a.titlefont:hover {color:#000;text-decoration:underline;}

/* font for event popup title */
div.popupeventtitlefont {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:14px;font-style:normal;font-weight:bold;text-decoration:underline;}

/* font for event popup content */
div.popupeventfont {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:12px;font-style:normal;font-weight:normal;text-decoration:none;text-align:justify;background:url('../images/merkedag50.png') top right no-repeat;}
blockquote img {-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;}

/* color and font for event content text in day calendar */
table.dayevent {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:12px;font-style:normal;font-weight:normal;background:#F0F0FF;text-decoration:none;}

/* color and font for event content text in week calendar */
table.weekevent {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:12px;font-style:normal;font-weight:normal;background:#fffff0;text-decoration:none;}

/* color and font for normal text */
div.normalfont {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:12px;font-style:normal;font-weight:normal;text-decoration:none;}
table.normalfont {color:#000;font-family:Arial,sans-serif,Helvetica;font-size:12px;font-style:normal;font-weight:normal;text-decoration:none;}

a.normalfont:link {color:#000;text-decoration:none;}
a.normalfont:visited {color:#000;text-decoration:none;}
a.normalfont:hover {color:#000;text-decoration:underline;}

/* format event borders in calendar month view */
table.eventborder {padding:3px;background:#dffddf;border:solid #D0C0C8;border-bottom-width:1;border-top-width:0;border-left-width:0;border-right-width:0;}
table.eventborderred {padding:3px;background:#fddfdf;border:solid #D0C0C8;border-bottom-width:1;border-top-width:0;border-left-width:0;border-right-width:0;}
td.eventborder {padding:0 3px;border:solid #D0C0C8;border-bottom-width:0;border-top-width:0;border-left-width:1;border-right-width:0;}
td.eventtimeborder {padding:0 3px;border:solid #884084;border-bottom-width:0;border-top-width:0;border-left-width:0;border-right-width:0;}

/* lines and boxes */
table.txtbox {border:#888 1px thin;}
.txtbox td {border:#884422 1px thin;}
hr {height:1px;background-color:#804000;border:#804000;color:#804000;border:0px;border-style:none;}

/** ***** overLib Stuff ***** **/
/* overlib caption-th content: */
.ol-tips-capfont {padding:5px 10px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;
color:#842;background:#fafade;
border-top:2px solid #fff;border-right:2px solid #dadabe;border-bottom:1px solid #cacaae;border-left:2px solid #fff;
-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;
/* border-style: none !important; */}

/* overlib text-td content: */
.ol-tips-font {padding:5px 10px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;
color:#731;background:#fffff0;
border-top:1px solid #fff;border-right:2px solid #dadabe;border-bottom:2px solid #ddddd0;border-left:2px solid #fff;
-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;
filter:alpha(opacity=90);-ms-filter:"alpha(opacity=90)";-khtml-opacity:.9;-moz-opacity:0.90;opacity:.90;
/* border-style: none !important; */}

/* overlib table content: */
.ol-tips-fg {margin:0 0 1px 0;background:transparent;} 
.ol-tips-bg {margin:1px 0 0 0;background:transparent;} 
.ol-tips-closefont {}

/* ******************** Social *********************
 */
#social span, span#social{margin-top:0;margin-bottom:0;padding:0;vertical-align:bottom;white-space:nowrap;}
#social img, img#social{height:15px;max-height:20px;margin-top:0;margin-bottom:0;padding:0;}
#social ul{margin:0;padding:0;list-style:none !important;}
#social li{list-style:none !important;margin:0;}
#social li a {font-size:9px;}
#social li img{padding:1px;border:none;}
#social .social_button {background-color:#ccc;}

#social span.button_grey a, #social .button_grey span { 
display:block;float:left;letter-spacing:-1px;border-width:1px;border-style:solid;border-color:#999 #ccc #ddd #aaa;
font:bold 21px/1em Arial; color:white;cursor:pointer;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;
background: -moz-linear-gradient(top, rgba(248,248,248,0.3) 0%, rgba(136,136,136,0.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,0.3)), color-stop(100%,rgba(136,136,136,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(248,248,248,0.3) 0%,rgba(136,136,136,0.3) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(248,248,248,0.3) 0%,rgba(136,136,136,0.3) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(248,248,248,0.3) 0%,rgba(136,136,136,0.3) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30f8f8f8, endColorstr=#30888888,GradientType=0); /* IE6+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30f8f8f8, endColorstr=#30888888)"; /* IE8 only */
background: -ms-linear-gradient(top, rgba(248,248,248,0.3) 0%,rgba(136,136,136,0.3) 100%); /* IE10+ */
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
-webkit-background-clip: padding-box;
text-shadow: rgba(2,42,2,0.45) 0 -1px 0;
}
#social span.button_grey a {width:25px;padding:1px;}
#social .button_grey span {width:50px;padding:3px;}

#social span.button_grey a:hover, #social .button_grey span:hover { 
border-width:1px;border-style:solid;border-color:#ddd #aaa #999 #ccc;
background: -moz-linear-gradient(top, rgba(136,136,136,0.3) 0%, rgba(248,248,248,0.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,136,136,0.3)), color-stop(100%,rgba(248,248,248,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(136,136,136,0.3) 0%,rgba(248,248,248,0.3) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(136,136,136,0.3) 0%,rgba(248,248,248,0.3) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(136,136,136,0.3) 0%,rgba(248,248,248,0.3) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30888888, endColorstr=#30f8f8f8,GradientType=0); /* IE6+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30888888, endColorstr=#30f8f8f8)"; /* IE8 only */
background: -ms-linear-gradient(top, rgba(136,136,136,0.3) 0%,rgba(248,248,248,0.3) 100%); /* IE10+ */
}