html, body { margin: 0; background: #000; }
body { width: 990px; margin: 0 auto; padding-bottom: 15px; }
ul { list-style: square; }
ul li { font-size: 12px; color: #fff; font-family: arial; }
* { color: #fff; font-family: arial; }
/* Wrappers */
#main { margin: 0 auto; width: 900px; border: solid 1px #fff; border-top: 0; float: left; }
#main #header { width: 900px; height: 270px; border-bottom: solid 1px #fff; }
#main #left { width: 250px; float: left; }
#main #right { width: 650px; float: left; }
#main #right .menubar { width: 650px; height: 23px; }
#main #right #content { width: 650px; float: left; }
#main #right #content #column-a { width: 255px; float: left; }
#main #right #content #column-b { width: 190px; float: left; }
#main #right #content #column-c { width: 205px; float: left; }
/* Menu style */
.menu-bar ul { margin: 0px; background: #fbbd1e; padding: 0px; float: left; }
.menu-bar ul li { list-style: none; text-transform: uppercase; color: #1a171b; border-bottom: solid 1px #fff; float: left; }
.menu-bar ul li a,
.menu-bar ul li a:link,
.menu-bar ul li a:active,
.menu-bar ul li a:visited { padding-bottom: 4px; padding-top: 2px; text-decoration: none; color: #1a171b; display: block; font-family: "verdana"; font-weight: bold; padding-left: 35px; font-size: 10px; }
.menu-bar ul li.last { border-bottom: 0px; }
/* Menu style uitzonderingen (links) */
#main #left .menu-bar ul { width: 250px; }
#main #left .menu-bar ul li { clear: both; width: 250px; }
#main #left .menu-bar ul li.actief a,
#main #left .menu-bar ul li.actief a:link,
#main #left .menu-bar ul li.actief a:active,
#main #left .menu-bar ul li.actief a:visited,
#main #left .menu-bar ul li a:hover { background: #1a171b; color: #fff; }
/* Menu style uitzonderingen (rechts) */
#main #right .menu-bar { border-bottom: solid 1px #fff; width: 650px; float: left; }
#main #right .menu-bar ul { width: 650px; background: #1a171b; }
#main #right .menu-bar ul li { text-transform: uppercase; font-family: "verdana"; font-weight: bold; list-style: none; float: left; border: 0; }
#main #right .menu-bar ul li a,
#main #right .menu-bar ul li a:link,
#main #right .menu-bar ul li a:active,
#main #right .menu-bar ul li a:visited { padding-right: 20px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; display: block; color: #fff; font-size: 11px; }
#main #right .menu-bar ul li.actief a,
#main #right .menu-bar ul li.actief a:link,
#main #right .menu-bar ul li.actief a:active,
#main #right .menu-bar ul li.actief a:visited,
#main #right .menu-bar ul li a:hover { color: #1a171b; background: #fbbd1e; }
/* Menu style uizonderingen (activiteiten) */
#main #right #content { padding-left: 10px; }
#main #right #content .menu-bar { width: 190px; border-bottom: 0; }
#main #right #content .menu-bar ul { width: 190px; }
#main #right #content .menu-bar ul li { background: #fbbd1e; list-style: none; text-transform: uppercase; border-bottom: solid 1px #fff; font-weight: bold; text-align: right; color: #1a171b; clear: both; width: 190px; }
#main #right #content .menu-bar ul li.last { border-bottom: 0px; }
#main #right #content .menu-bar ul li a,
#main #right #content .menu-bar ul li a:link,
#main #right #content .menu-bar ul li a:active,
#main #right #content .menu-bar ul li a:visited { padding-bottom: 4px; padding-top: 2px; color: #1a171b; display: block; font-family: verdana; padding-right: 25px; font-size: 11px; }
#main #right #content .menu-bar ul li a:hover,
#main #right #content .menu-bar ul li.actief a,
#main #right #content .menu-bar ul li.actief a:link,
#main #right #content .menu-bar ul li.actief a:active,
#main #right #content .menu-bar ul li.actief a:visited { background: #1a171b; color: #fff; }
/* Style voor content-frame van activiteitenpagina */
#main.activiteiten { background-image: url(/static/img/bg-content.gif); background-position: top right; background-repeat: no-repeat; }
/* Contactformulier */
#formulier-table { margin-top: 20px; }
#formulier-table tr td { font-size: 11px; }
.tekstveld, .tekstvak, .form-tekstveld { width: 325px; border: solid 1px #EFEFEF; border-left: solid 1px #EFEFEF; border-bottom: solid 1px #EFEFEF; padding-left: 3px; color: #fbbd1e; font-weight: bold; background: #141215; }
.tekstvak { height: 100px; }
.knop, .form-btn { border: solid 1px #EFEFEF; border-left: solid 1px #EFEFEF; border-bottom: solid 1px #EFEFEF; padding-left: 3px; color: #fbbd1e; font-weight: bold; background: #141215; cursor: pointer; }
.nadruk, .niet-ingevuld { background: #454545; }
/* Rooster */
.rooster { width: 550px; font-family: arial; margin-left: 20px; }
.rooster th { text-transform: lowercase; color: #fbbd1e; }
.rooster tr td { text-align: center; font-weight: bold; border: solid 1px #2f2d30; }
.rooster tr th,
.rooster tr td.dag { text-align: right; }
.rooster tr td small { font-style: italic; font-weight: normal; text-align: left; }
.oneven { background-color: #1f1d20; }
.dag { text-align: right; }
#content.rooster a,
#content.rooster a:link,
#content.rooster a:active,
#content.rooster a:visited { margin: 0px; padding: 10px; padding-bottom: 0; text-transform: uppercase; font-family: arial; font-weight: 400; font-size: 18px; color: #fbbd1e; text-decoration: none; }
#content.rooster a:hover { text-decoration: underline; }
/* Decoraties */
#main #right h1 { margin: 0px; padding: 10px; padding-bottom: 0; text-transform: uppercase; font-family: arial; font-weight: 400; font-size: 22px; color: #fbbd1e; }
#main #right p { font-family: arial; padding: 10px; color: #fff; font-size: 11px; line-height: 20px; padding-top: 0; padding-bottom: 0; width: 87%; }
#main #right table tr td { color: #fff; font-family: arial; font-size: 11px; }
#main #right p a,
#main #right p a:link,
#main #right p a:active,
#main #right p a:visited { color: #fbbd1e; text-decoration: none; }
#main #right p a:hover { text-decoration: underline; }
#main #right p ul { padding: 0; margin: 0; list-style: square; }
#main #right p ul li { margin: 0px; padding: 10px; font-family: arial; color: #fff; font-size: 11px; line-height: 20px; }
#main #right #column-b ul { margin-left: -10px; }
#main #content .inline-padder a { font-size:11px;color: #fbbd1e; text-decoration: none; }
#main #content .inline-padder a:hover { color: #fbbd1e; text-decoration: underline; }
#personaltrainer { height:440px; background: url(/media/upload/personal_trainer.jpg) no-repeat }
#main #right p.personaltrainer { display:block; width:360px; line-height:15px; color:black; padding-top:110px}
#main #left .banners { margin-left:10px;margin-bottom:10px;}
#main #left .banners p, #main #left .banners h1,#main #left .banners h2,#main #left .banners h3, #main #left .banners h4, #main #left .banners h5, #main #left .banners h6 { margin:0;padding:0}
#main #left .banners h1 { font-size:14px; text-transform:none; font-weight:bold }
#main #left .banners a,
#main #left .banners a:link,
#main #left .banners a:active,
#main #left .banners a:visited { font-size:11px; color: #fbbd1e; text-decoration: none; }
#main #left .banners a:hover { text-decoration: underline; }
body #main #left .regular-style { margin-top: 10px; clear: both; }
#content .inline-padder { width: 635px; }
.regular-style h1,
.regular-style h1 a,
.regular-style h1 a:link,
.regular-style h1 a:active,
.regular-style h1 a:visited { text-decoration: none; margin: 0px; padding: 5px; padding-bottom: 0; text-transform: uppercase; font-family: arial; font-weight: 400; font-size: 22px; color: #fbbd1e; padding-bottom: 0px; }
.regular-style h1 a:hover { color: #fff; }
.regular-style p { font-family: arial; padding: 10px; color: #fff; font-size: 11px; line-height: 20px; padding-top: 0; padding-bottom: 0; }
.regular-style table tr td { color: #fff; font-family: arial; font-size: 11px; }
.regular-style p a,
.regular-style p a:link,
.regular-style p a:active,
.regular-style p a:visited { color: #fbbd1e; text-decoration: none; }
.regular-style p a:hover { text-decoration: underline; }
.regular-style p ul { padding: 0; margin: 0; list-style: square; }
.regular-style p ul li { margin: 0px; padding: 10px; font-family: arial; color: #fff; font-size: 11px; line-height: 20px; }
.sfeerfoto { margin-left: -10px; width: 205px; clear: both; display: block; margin-top: 30px; }
/* Videospeler */
.videospeler { width: 500px; height: 200px; margin-top: 10px; }
/* Activiteiten */
#main #right #content #column-a h1 { text-transform: capitalize; }
#main #right #content #column-a p { margin-top: 5px; }
/* Footer */
#footer { clear: both; background-image: url(/static/img/bg-footer.jpg); background-repeat: no-repeat; background-position: top left; height: auto; padding-bottom: 20px; }
#footer table tr td { font-size: 12px; padding-left: 28px; padding-top: 10px; line-height: 18px; }
#footer table tr td strong { color: #fbbd1e; font-size: 17px; font-weight: "arial"; }
#footer table tr td a,
#footer table tr td a:link,
#footer table tr td a:active,
#footer table tr td a:visited { color: #fff; }
#footer table tr td a:hover { color: #fbbd1e; }
#header { cursor: pointer; }
#main #right #column-c p { padding-left: 0px; }