/* WebFirst Custom CSS */
.labelfield .rowhide {
display:none;
height: 0;
}
 /*Default Styles*/
body{
font-family: trebuchet MS;
font-size: 1.2em;
color: #000000;
line-height: 20px;
background: none;
background-color:#fcf5bf;
}
.BodyHTML {font-family: trebuchet MS;font-size: 1.2em;padding:10px;}
.background{ background-color:#fcf5bf; }
.container, .innerframe {width: 980px;}
.container.left, .container.right {width:1px; background-color:transparent;}
.container.left img, .container.right img {width:0;}
.outerframe { width: 980px; border: 0; }
.layout .l0 { background-color:#fcf5bf; height:125px; width:980px;}
.layout .l0 td { width: 980px !important }
.layout .l1 { width: 980px; height: 150px; }
.layout .l3 { background-color:#fcf5bf; width:200px; vertical-align: top !important; border-width: 0 !important; }
.layout .l4 { background-color:#fcf5bf; width:575px; }
.layout .l5 { background-color:#fcf5bf; width:205px; }
#content{color: #333333; width:575px;padding:0;margin:0;background-color:transparent;}
.footer{ background-color:#fcf5bf;}
.footer a{color: #333333;}
.footer .lf {width:980px;}
.footer .lf img {float:left;left:40px;position:relative;}
a {
color:#333333;
text-decoration:underline;
}
h2 {background-color:#58585A; background-image:url(images/ContentH2/$File/ContentH2.gif); background-position:center top; color:#FFFFFF; font-size:1.4em; font-family: trebuchet MS; height:36px; line-height:36px; text-indent:20px;}
.layout .l5 h2{ background-color:#f8e40b; background-image:url(images/L5H2/$File/L5H2.gif); background-position:center top; color:#000000}
/* Thema specific */
.newsentry {border-bottom:0; padding:0;}
.newsentry h2{background-color:#808080;}
.newsentry .newsdate {color:white; float:right; font-style:italic; padding:0; position:relative; right:10px; top:-28px;}
.page-home_nl .layout .l4 h2{background-color:#588779;}
.page-fotos_nl .layout .l4 h2{background-color:#f1592a;}
.page-agenda_nl .layout .l4 h2{background-color:#774c29;}
.page-repertoire_nl .layout .l4 h2{background-color:#00adef;}
.page-nootvandirigent_nl .layout .l4 h2{background-color:#3ab54a;}
.page-onzecds_nl .layout .l4 h2{background-color:#a01f62;}
.page-sponsoring_nl .layout .l4 h2{background-color:#bf1e2d;}
.page-declubvan50_nl .layout .l4 h2{background-color:#f47d3b;}
.page-lidworden-_nl .layout .l4 h2{background-color:#ed1b24;}
.page-contact_nl .layout .l4 h2{background-color:#056839 ;}
.page-informatieleden_nl .layout .l4 h2{background-color:#5b4a42;}
.page-login_nl .layout .l4 h2{background-color:#662e91;}
.page-kalender_nl .l4 { width:780px !important;} 
.page-kalender_nl #content { width:780px !important; }
.page-kalender_nl .l4 h2 {background-color:SteelBlue; background-image:url(images/ContentWide/$File/ContentWide.gif) !important;}
.bi1 {width:19px; height:36px; background:url(images/ContentH2-left/$File/ContentH2-left.gif) no-repeat 0 0 !important; background-attachment: fixed; background-position:center top;}
.bi2 {width:760px; height:36px; background:url(images/ContentH2-middle/$File/ContentH2-middle.gif) repeat-x 0 0 !important; background-attachment: fixed; background-position:center top;}
.bi3 {width:19px; height:36px; background:url(images/ContentH2-right/$File/ContentH2-right.gif
) no-repeat 0 0 !important; background-attachment: fixed; background-position:center top;}
/* guestbook */
.guestbook{margin-left:10px;width:555px;}
.guestbook .left {width: 190px; border-bottom: 2px Solid #662e91;}
.guestbook .right {width: 365px; border-bottom: 2px Solid #662e91;}
.guestbook .emoicon{width:20px; border:0}
/* ========= Vertical L3/L5 menu classes start*/
#appmenuvert a {
text-indent: 40px;
text-align: left;
color: white;
background-image: none;
line-height: 36px;
padding-left: 0.5em;
text-decoration: none;
width:90%;
}
#appmenuvert a:hover, #appmenuvert a.sfhover {
text-decoration: none;
font-style: italic;
color: white;
background-color: transparent;
}
#appmenuvert .highlite a {
font-style:italic;
text-decoration:none;
color: white;
}
#appmenuvert ul {
font-size: 12pt;
font-family: trebuchet MS;
letter-spacing: -1px;
background-color:#fcf5bf;
}
#appmenuvert ul li, 
#appmenuvert ul#menuList li:hover, #appmenuvert ul#menuList li.sfhover {
padding: 0;
margin: 0;
width: 200px;
height: 36px;
background-image:url(images/MenuBack/$File/MenuBack.gif)
}
/*
#appmenuvert ul li.submenu, 
#appmenuvert ul#menuList li.submenu:hover, #appmenuvert ul#menuList li.submenu.sfhover {
margin-bottom:-5px;
}
*/
/* === sub-menu*/
#appmenuvert ul li ul {
font-size: 12pt;
font-family: trebuchet MS;
letter-spacing: -1px;
padding:0;
margin:-36px 0 0 160px;
position:absolute;
visibility:hidden;
width:200px;
z-index:10;
}
#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;
text-indent: 40px;
background-image:url(images/MenuSubBack/$File/MenuSubBack.gif);
background-position: left;
}
#appmenuvert ul li ul a { 
text-indent: 12px;
text-align: left;
color: white;
line-height: 1 em;
text-decoration: none;
font-variant: normal;
font-weight: bolder;
margin: 0;
padding: 0;
}
#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;
}
/* ==== menu colors ==== */
.home { background-color:#588779 !important; }
.fotos { background-color:#f1592a !important; }
.agenda { background-color:#774c29 !important; }
.repertoire { background-color:#00adef !important; }
.nootvandirigent { background-color:#3ab54a !important; }
.onzecds { background-color:#a01f62 !important; }
.sponsoring { background-color:#bf1e2d !important; }
.declubvan50 { background-color:#f47d3b !important; }
.lidworden { background-color:#ed1b24 !important; }
.contact { background-color:#056839 !important; }
.informatieleden { background-color:#5b4a42 !important; }
.login { background-color:#662e91 !important; color:white; padding:5px;}
.kalender { background-color:SteelBlue !important; }
ul#menuList a:hover, ul#menuList a.sfhover, ul#menuList li ul a:hover, ul#menuList li ul a.sfhover {
background-color:transparent;
}
/* ==== */
/* ========= blog */
.blog_level_0.blog_header {
background-color:#CCCCCC;
font-size:1.2em;
line-height:25px;
margin-top:15px;
margin-bottom:0;
padding-bottom:5px;
padding-left:5px;
}
.blog_level_0.blog_body {
background-color: transparent;
border:1px solid #CCCCCC;
margin-bottom: 5px;
padding: 0 5px;
}
.blog_level_0.blog_action {
display: block;
font-weight: normal;
padding-bottom: 5px;
text-align: right;
}
.blog_level_1 {
margin-left: 0px;
}
.blog_level_2 {
margin-left: 15px;
}
.blog_level_3 {
margin-left: 30px;
}
.blog_level_4 {
margin-left: 45px;
}
.blog_level_5 {
margin-left: 60px;
}
.blog_level_6 {
margin-left: 75px;
}
.blog_header {
background-color: #CCCCCC !important;
font-size: 1em;
margin-bottom: 0;
padding-bottom: 3px;
margin-top:3px;
}
.blog_body {
background-color: #DFDFDF;
margin-bottom: 3px;
padding: 0 5px;
}
.blog_action {
display: block;
font-weight: normal;
padding-bottom: 5px;
text-align: right;
}
.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;
}
/* ======== 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;}
/* ==== */
.topbanner {
width: 915px;
height: 105px;
position: absolute;
top: 20px;
margin-top: 10px;
margin-left: -755px;
}
.pagetitle {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
text-align: center;
color: #000000;
}
.pagetitle02 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
text-align: center;
color: #000000;
}
/* ==== */
#content .odd, #content .even {
background-color: transparent;
}