/*- Typography */
html, body {
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
strong, em, b, i {
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, address {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.comments input[type=text], .comments textarea, code {
font-family: Monaco, "Courier New", Courier, monospace;
}
/* ### LINKS ### */
a:link, a:visited {
text-decoration: none;
color: #444444;
}
a:link:hover, a:visited:hover {
text-decoration: underline;
}
/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { /*font-family: 'Lucida Sans Unicode', Lucida;*/ font-size: 13px; color: #077fc1; }
input, select, textarea { font-family: 'Lucida Sans Unicode', Lucida; font-size: 11px; color: #077fc1; }
body { background: #c3d3e9; background-image: url(../images/bg.jpg); background-position: top center; background-repeat: no-repeat; }
img { border: 0px; display: block; }
/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }
/* ### WRAPPER ### */
#wrapper { position: relative; display: block; overflow: hidden; width: 100%; min-height: 100%; }
/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0px auto; width: 893px; }
/* ### HEADER CONTAINER ### */
#headerCntr { position: relative; width: 893px; height: 234px; background: url('../images/headerBg.png') no-repeat; }
#headerCntr h1 { display: none; }
#headerCntr h3 { position: absolute; top: 48px; right: 0px; font-size: 12px; color: #0080c6;}
/* ### MENU CONTAINER ### */
#menuCntr { position: absolute; top: 167px; left: 0px; width: 893px; }
#menuCntr ul { padding-left: 8px; overflow: hidden; width: 885px; list-style: none; background: url('../images/menuBg.png') no-repeat 6px 0px; }
#menuCntr li { padding-right: 2px; float: left; display: inline; background: url('../images/menuBg.png') no-repeat right; }
#menuCntr li.last { padding-right: 0px; float: right; background: none; }
#menuCntr li a { padding: 0px 10px 0px 10px; display: block; float: left; height: 50px; line-height: 50px; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #fff; background: url('../images/menuHBg.png') repeat-x 0px -200px; }
#menuCntr li a:hover, #menuCntr li.selected a { background-position: top; }
#menuCntr li.last a { width: 203px; text-align: center; background: url('../images/menuL.gif') no-repeat; }
#menuCntr li.last a:hover { text-decoration: underline; }
/* ### CONTENT CONTAINER ### */
#contentCntr { padding-bottom: 20px; overflow: hidden; width: 893px; }
#contentCntr div.bg { background: url('../images/contentBg.gif') repeat-y; }
#contentCntr div.top { background: url('../images/contentTop.gif') no-repeat top; }
#contentCntr div.bottom { padding: 15px 23px 15px 2px; overflow: hidden; width: 868px; background: url('../images/contentBottom.gif') no-repeat bottom; }
#contentCntr h1 { padding: 0px 10px 16px 10px; font-size: 22px; text-transform: uppercase; color: #077fc1; }
/* ### LEFT CONTAINER ### */
#leftCntr { float: left; width: 194px; }
/* ### NAV BOX ### */
.navBox { overflow: hidden; width: 215px; }
.navBox a.aanmelden { margin: 0px 0px 15px 9px; display: block; width: 194px; height: 59px; text-indent: -9999px; background: url('../images/aanmelden.gif') no-repeat; }
.navBox a.volleybalnl { margin: 0px 0px 15px 9px; display: block; width: 194px; height: 54px; overflow:visible; text-indent: -9999px; background: url('../images/banner_volleybalnl.gif') center no-repeat; }
.navBox a.volleybaldirect { margin: 0px 0px 15px 9px; display: block; width: 180px; height: 95px; text-indent: -9999px; background: url('../images/banner_volleybaldirect.gif') no-repeat; }
.navBox ul { padding-bottom: 13px; list-style: none; }
.navBox li { display: inline; }
.navBox li a { margin-bottom: 2px; padding: 11px 10px 11px 10px; display: block; text-transform: uppercase; text-decoration: none; color: #077fc1; }
.navBox li a:hover, .navBox li.selected a { padding: 10px 10px 10px 10px; border-top: 1px solid #e5eaef; border-bottom: 1px solid #e5eaef; background: #fff; text-decoration: none; }
/* ### RIGHT CONTAINER ### */
#rightCntr { float: right; width: 625px; }
/* ### TEXT BOX ### */
.textBox { padding-bottom: 10px; overflow: hidden; width: 625px; }
.textBox div.left { float: left; width: 300px; }
.textBox div.right { float: right; width: 300px; }
.textBox h2 { padding-bottom: 5px; font-size: 24px; font-weight: bold; }
.textBox h3 { font-size: 15px; font-weight: bold; }
.textBox img { border: 1px solid #efefef; }
.textBox p, .textBox ul, .textBox ol{ padding-bottom: 10px; }
.textBox hr { width: 625px; border: 1px solid white; border-top: 1px solid #ececec; }
.textBox img.icon { padding: 0px; border: 0; margin-right: 10px; margin-bottom: 10px; float: left; }
.textBox ul { list-style-position: outside; margin-left: 15px; }
.textBox ol { list-style-position: outside; margin-left: 25px; }
/* ### NEWS BOX ### */
.news h3 { font-size: 15px; font-weight: bold; padding-bottom: 4px; }
.news img { padding: 4px; margin-right: 10px; margin-bottom: 10px; float: left; }
.news p.author { color: #ececec; }
/* ### FORM BOX ### */
.formBox { overflow: hidden; width: 625px; }
.formBox h2 { padding-bottom: 5px; font-size: 24px; font-weight: bold; }
.formBox fieldset { border: 0px; }
.formBox input.field { margin-bottom: 5px; padding: 2px 5px 2px 5px; display: block; width: 200px; height: 18px; border: 1px solid #d5e3ef; background: #eff5fa; }
.formBox select { margin-bottom: 5px; padding: 2px; display: block; width: 210px; height: 22px; border: 1px solid #d5e3ef; background: #eff5fa; }
/* ### PAGE BOX ### */
.pageBox { width: 625px; border-top: 1px solid #ececec; }
.pageBox ul { padding-top: 8px; overflow: hidden; width: 625px; list-style: none; }
.pageBox li { float: left; display: inline; font-size: 10px; text-transform: uppercase; }
.pageBox li.last { float: right; }
.pageBox li a { text-decoration: none; color: #cdcaca; }
.pageBox li a:hover { color: #077fc1; }
/* ### FOOTER CONTAINER ### */
#footerCntr { padding-bottom: 20px; overflow: hidden; width: 893px; }
#footerCntr a { display: block; float: right; width: 96px; height: 31px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }