/* WebFirst Custom CSS */
.labelfield .rowhide {
display:none;
height: 0;
}
/* Site specific CSS */
/* === MultiColor CSS, remove 'menu colors' below for single color menus === */
/* === Default Styles === */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 14px;
background: transparent;
}
html, body {
line-height: 1;
height: 100%;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {   list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus {   outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* === End Default Styles === */
#content ol,#content ul { margin-left:10px; 
padding-left:10px;
}
#content ol { list-style-type: decimal }
#content ul { list-style-type: disc }
#content td { vertical-align: middle;}
#content img {margin:3px;}
/* === Site specific Styles === */
body {
font-family: trebuchet MS;
font-size: 1.2em;
color: #000000;
line-height: 20px;
background-color: #ffffff;
}
h1, h2, h3, h4, h5 {
font-size:1.2em;
margin-bottom:0;
margin-top:3px;
}
.BodyHTML {font-family: trebuchet MS;font-size: 1.2em;padding:10px;}
.background { background-color: #ffffff; }
#contenttable {
margin: 0px 10px;
}
.container, .innerframe {width:980px; margin:0 auto;}
.container.left, .container.right {width:0; background-color:transparent;}
.container.left img, .container.right img {width:0;}
.outerframe {width:980px; border: 0;}
.layout .l0 {height:21px; width:980px;}
.layout .l0 td {width: 980px !important; text-align: center;}
.layout .l1 {width: 980px;}
.layout .l3 { background-color:transparent; width:200px; vertical-align: top !important; border-width: 0 !important; padding:0px}
.layout .l4 { background-color:transparent; width:575px; vertical-align:top;}
.layout .l5 { background-color:transparent; width:205px; color:white; vertical-align: top; }
#content{color: #333333; width:575px;padding:0;margin:0;background-color:transparent;}
.footer{ height: 50px;font-size:10px;color:white;vertical-align:middle; text-align:center;}
.footer .lf {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(media/CSS3-PIE/$File/PIE.htc);
background-color: #4C4C4C;
color:white;
line-height:36px;
margin-bottom:5px;
margin-left:0;
width:980px
}
.footer a{color: white}
.footer .lf {width:980px;}
.footer .lf img {float:left;left:40px;position:relative;}
a {
color:#333333;
text-decoration:underline;
}
h2 {background-color:#58585A; font-family: trebuchet MS; height:36px; line-height:36px; text-indent:20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(media/CSS3-PIE/$File/PIE.htc);
}
.layout .l5 h2{ 
background-color: #CFA261; 
color: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(media/CSS3-PIE/$File/PIE.htc);
margin:0;
font-size: 14px;
font-weight: normal;
}
#contentdisplayl5 h2 {
font-size: 1em;
}
/* Thema specific */
.newsentry {border-bottom:0; padding:0;}
.newsentry h2{background-color:#808080;}
.newsentry .newsdate,
.contentholder .newsdate{color:white; float:right; font-style:italic; padding:0; position:relative; right:10px; top:-28px;}
.l4 h2{background-color:#4C4C4C; color:white;margin:0 5px 0 ;}
.page-nieuws-focus_nl .layout .l4 #content .newsdate {color:white; float:right; font-style:italic; padding:0; position:relative; right:10px; top:-28px;}
.page-nieuws-focus_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-nieuws-focus_nl .layout .l4 .linkback {padding-left:10px;}
.page-historie_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-contributie_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-lesaanbod_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-ledenadministratie_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-adressen_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-vacatures_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-aktiviteitenteam_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-wedstrijden_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-kleding_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-links_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-gastenboek_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-fotos_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-nieuws_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-contact_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-filmpjes_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-login_nl .layout .l4 h2{background-color:#4C4C4C;}
.page-linken_nl .layout .l4 h2{background-color:#4C4C4C;}
/*Kalendar layout*/
.withoutright #content { width:775px !important; }
/*guestbook*/
.guestbook {margin-left:10px;width:555px;}
.guestbook .left {width: 190px; border-bottom: 2px Solid #4C4C4C;}
.guestbook .right {width: 365px; border-bottom: 2px Solid #4C4C4C;}
.guestbook .emoicon{width:20px; border:0}
ul#menuList a:hover, ul#menuList a.sfhover, ul#menuList li ul a:hover, ul#menuList li ul a.sfhover {
}
/* ==== */
.sysupdate{
display : none;
}
/* ========= Vertical L3/L5 menu classes start*/
#appmenuvert a {
text-indent: 20px;
text-align: left;
color: white;
background-color: #CFA261;
background-image: none;
line-height: 36px;
display: block;
padding-left: 0.5em;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(media/CSS3-PIE/$File/PIE.htc);
}
/* ==== menu colors ==== */
#appmenuvert .m01 a{ background-color:#CFA261; }
#appmenuvert .m02 a{ background-color:#CFA261; }
#appmenuvert .m03 a{ background-color:#CFA261; }
#appmenuvert .m04 a{ background-color:#CFA261; }
#appmenuvert .m05 a{ background-color:#CFA261; }
#appmenuvert .m06 a{ background-color:#CFA261; }
#appmenuvert .m07 a{ background-color:#CFA261; }
#appmenuvert .m08 a{ background-color:#CFA261; }
#appmenuvert .m09 a{ background-color:#CFA261; }
#appmenuvert .m10 a{ background-color:#CFA261; }
#appmenuvert .m11 a{ background-color:#CFA261; }
#appmenuvert .m12 a{ background-color:#CFA261; }
#appmenuvert .m13 a{ background-color:#CFA261; }
/* ==== menu colors ==== */
#appmenuvert .aanbieding a{ background-color:#db1f1f;
}
#appmenuvert .twitter a{ background-color:#2A8EBF;
}
#appmenuvert a:hover, #appmenuvert a.sfhover {
text-decoration: none;
font-style: italic;
color: white;
}
#appmenuvert .highlite a {
font-style: italic;
text-decoration: none;
color: white;
font-weight: bolder;
}
#appmenuvert ul {
font-size: 12pt;
font-family: trebuchet MS;
letter-spacing: -1px;
}
#appmenuvert ul li, 
#appmenuvert ul#menuList li:hover, #appmenuvert ul#menuList li.sfhover {
padding: 0 0px 4px 0;
margin: 0;
width: 200px;
height: 36px;
}
/* === sub-menu*/
#appmenuvert ul li:hover ul{
display:block;
visibility:visible;
}
#appmenuvert ul li ul {
font-size: 12pt;
font-family: trebuchet MS;
letter-spacing: -1px;
margin:-38px 0 0 160px;
padding:2px 2px 0;
position:absolute;
visibility:hidden;
width:200px;
z-index:10;
background-color:white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#appmenuvert ul#menuList li ul li, 
#appmenuvert ul#menuList li ul li.submenu,
#appmenuvert ul#menuList li ul li:hover, ul#menuList li ul li.sfhover {
padding: 0;
margin: 0;
width: 200px;
padding:0 0 4px;
}
#appmenuvert ul li ul a { 
text-indent: 20px;
text-align: left;
color: white;
line-height: 1 em;
text-decoration: none;
font-variant: normal;
font-weight: bolder;
margin: 0;
padding: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(media/CSS3-PIE/$File/PIE.htc);
}
#appmenuvert ul li ul a:hover, #appmenuvert ul li ul a.sfhover {
text-decoration: none;
font-style: italic;
color: white !important;
}
#appmenuvert .highlite li a {
color: white;
font-weight: bolder;
}
/* ========= blog */
.blog_level_0.blog_header {
background-color: #ff8C00;
line-height: 36px;
margin-top: 15px;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 5px;
}
.blog_level_0.blog_body {
background-color: transparent;
border: 0px solid #CCCCCC;
margin-bottom: 5px;
padding: 10px 10px 10px 10px;
}
.media_level_0.media_header {
}
.media_level_0.media_body {
background-color: transparent;
margin: 5px 0px 5px 0px;
padding: 0px;
}
.media_action {
margin: 0px 0px 3px 6px;
padding-left: 5px;
background-color: white;
text-align: left;
font-size: 12pt;
font-style: normal !important;
font-family: "MS Sans Serif", Geneva, sans-serif;
font-weight: bolder;
letter-spacing: -1px;
line-height: 2em;
cursor: pointer;
}
/* ========= Blog/Media Reactions === */
h3.blog_level_1.blog_header.minus {color:#333333;font-size:12px;margin:0;padding-left:5px;text-align:left !important;}
.blog_level_1.blog_body {padding:0 5px;text-align:justify;}
.blog_level_1.blog_body h6.blog_action {font-size:12px;margin:0;}
.blog_level_1.blog_body h6.blog_action a{color:#708EA6}
.CommentArea1 {margin:8px 8px;}
.CommentArea2 {margin: 8px 8px 8px 20px;}
.CommentArea3 {margin: 8px 8px 8px 30px;}
.CommentArea4 {margin: 8px 8px 8px 40px;}
.CommentArea5 {margin: 8px 8px 8px 50px;}
.CommentArea6 {margin: 8px 8px 8px 60px;}
.CommentArrow {
background-image: url("/resource/comment-arrow.gif"); 
background-repeat: no-repeat;
background-position: right bottom;
display: inline;
padding:0 0 5px 20px;
}
.CommentTitle {font-size:12px; font-weight:normal; margin:1px; text-align:left; }
.CommentText { background-image:url("/resource/comment-shadow.gif"); background-position:left bottom; background-repeat:repeat-x; padding-bottom:3px;}
.CommentText2  { border:1px solid #BCBCBC; padding:3px;}
.CommentText3 {font-size:0.9em;overflow:hidden; padding:5px; word-wrap:break-word; text-align:left;}
.CommentFooter {color:#999999; font-size:10px; margin-top:4px;}
/* ======== Pictures picasa ==== */
#media_photos {padding:10px;}
#media_photos img{ height:100px;margin:2px; }
.media_video .video{padding:2px 2px 2px 10px;}
.media_video .info{padding:2px 2px 2px 10px;}
.media_video .info h4 {padding:0 !important;}
#content h4 {padding-left:10px;}
.form_login{padding-left:10px;}
.form_member h2 {margin-right:-2px;}
.form_password {padding-left:10px;}
/* === Portfolio ====== */
.portfoliolijst img {
padding:5px 20px 0;
width:160px;
}
.BodyHTML .portfolio {
margin: 10px 0;
}
.portfolio {
margin: 0px 10px;
width: 550px !important;
}
.portfolio td {
vertical-align:top;
}
.portfolio h3 {
background-color: #CFA261; 
color: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(media/CSS3-PIE/$File/PIE.htc);
margin:0;
padding:5px 5px 5px 15px;
}
.portfolio .c1 {
width:110px;
}
.portfolio .c2 {
width:250px;
}
.portfolio .c3 {
text-align:right;
}
.portfolio .c3 img {
margin:5px 0;
}
/* Field validation */
.labelfield .status {
width: 50px !important;
}
.labelfield label.error {
background: url("unchecked.gif") no-repeat scroll 5px 8px #FAFAFA !important;
border: 1px solid red;
color: #EA5200;
font-weight: bold;
margin-left: -200px;
padding: 5px 5px 5px 25px !important;
position: absolute;
width: 200px;
}
.labelfield label.error.checked {
background:none !important;
border:none;
}
.fieldvaluelabel {
display: block;
}
.labelfield input {
border: 1px solid #888888;
}
input[type="radio"],input[type="checkbox"] {
border: none;
}
/**** DEURMAT ****/
.deurmatwrapper {
background-color: %%BACKGROUNDCOLOR%%;
}
.deurmat {
background-color: #4C4C4C;
border-radius: 5px;
color: #FFFFFF;
font-size: 8pt;
height: auto;
margin: 10px 0;
padding: 10px 10px 25px;
}
.deurmat .column {
border-left: 1px solid #6FAEC1;
float: left;
height: 163px;
margin: 0 10px 0 0;
padding: 0 0 0 20px;
width: 283px;
}
.deurmat .column:first-child {
border-left:none;
padding: 0 0 0 20px;
}
.deurmat h3 {
margin: 0 0 10px; 
text-align:left;
}
.deurmat ul {
float: left;
margin: auto;
min-width: 130px;
padding: 0;
}
.deurmat ul li {
line-height: 18px;
padding: 0;
text-align:left;
}
.deurmat ul li a {
color: #FFFFFF;
font-family: Arial;
font-size: 10pt;
text-decoration: none;
}
/* *********** customfont ******** */
@font-face {
font-family: 'EntypoRegular';
src: url('media/entypo-webfont/$File/entypo-webfont.eot');
src: url('media/entypo-webfont/$File/entypo-webfont.eot?#iefix') format('embedded-opentype'),
url('media/entypo-webfont/$File/entypo-webfont.woff') format('woff'),
url('media/entypo-webfont/$File/entypo-webfont.ttf') format('truetype'),
url('media/entypo-webfont/$File/entypo-webfont.svg#EntypoRegular') format('svg');
font-weight: normal;
font-style: normal;
}
ul.address li a:before {
color: #2A8EBF;
float: left;
font-family: 'EntypoRegular';
font-size: 25pt;
margin: -4px 5px 0 -5px;
width: 20px;
}
.deurmat li.site a:before { content: "$"; }
.deurmat li.email a:before { content: "+"; }
.deurmat li.linkedin a:before { content: "7"; }
.deurmat li.twitter a:before { content: "y"; }
.deurmat li.maps a:before { content: "0"; }
.deurmat li.phone a:before { content: "!"; }
.guestbookentry h1 {
font-size: 16px;
font-weight: bolder;
}
/**** TWITTER ****/
.twitterwrapper {
float: left;
height: 300px;
width: 200px;
}