/* forms */
textarea { width: 90%;}
form.quixote textarea { width: auto; }
form {display:inline; margin:0px; padding:0px;}
fieldset{padding: 0; margin: 1em 0em; border: none;}
input#zoektekst{width: 18em;}
legend {font-weight: bold;}
.button, button {background-color: #cdcdcd; color: #000; text-decoration: none; padding: 3px; border: 1px outset; margin-top: 4px;}
.title, .widget{padding: 0px; margin: 0px;}
form .title{font-size: 10pt; font-weight: bold;}
.select_title{font-size: 10pt;}
br.widget{display: none;}
/* page layout */
#header { width: 100%;}
    #loginpage { position: relative; width: 100%;}
    #loginpage #logo {display: none;}
    #loginpage #branding {left: 50%; width: 1000px; min-width: 1000px; margin-left: -500px; }
    #homepage { padding: 1em 1.5em; position: relative; padding-right: 200px;}
    #loginpage #homepage {left: 50%; width: 400px; min-width: 400px; margin-left: -200px; }
    #branding {height: 109px; clear: both; margin: auto; width: 1000px; position: relative; background: url('../img/hvkwiek.gif') top center no-repeat;}
        #logo, #lnlogo { float: left; margin-right: 0px; margin-top: 10px;}
        #title {color: #fff; font-size: 16px; position: absolute; left: 68px; top: 16px; z-index:2;}
        #specials {float: right; margin-top: 10px; width: 140px;}
            #searchform { margin: 0; padding: 0; margin-left: 5px;}
            #searchform .button { padding: 2px; margin: 0;}
            #searchfield { width: 78px; height: 18px; border: #c0c0c0 solid 1px; margin-right: 2px;}
        #images { position: absolute; top: 22px; right: 130px;}
    #all { margin: auto; clear: both; width: 970px; min-height: 670px; }
    #loginpage #all { background: none;}
    #cols { position: relative; width: 100%;}
        #cols .node img { width: 100%; !important}
    #colleft { width: 192px; position: absolute; left: 0px; top: 0;}
        #colleft ul { list-style-type: none; margin: 0; padding-left: 3px; margin-bottom: 20px;}
        #colleft div.menu ul { margin-bottom: 0;}
        #colleft #search { padding-bottom: 20px; }
        #colleft .node { border-top: solid 1px #000; border-right: none; border-left: none;}
        #colleft .node button, #colleft .node .button { display:inline; margin: 0; margin-top: 2px; }
        #colleft .text { width: 125px; margin-bottom: 9px;}
        #colleft h2 { margin:0}
        #colleft h2, #colleft h1 { font-size: 1em; padding: 0.3em; }
    #colright { width: 192px; position: absolute; right: 0px; top: 0px;}
        #colright ul { list-style-type: none; margin: 1em; padding-left: 3px; margin-bottom: 20px;}
        #colright h1, #colleft h2 { background: url('../img/bgcol.jpg') #bc0000 repeat-x; color: #fff;font-size: 1em; padding: 0.3em; font-weight: normal; text-transform: uppercase; }
        #colright h2 { margin:0}
        #colright .node { margin-bottom: 1em; background: #f0f0f0; border: solid 1px #c0c0c0; border-left: none; border-right: none;}
        #colright .node .body { margin: 0.6em; display: block;}
        #colright .node .body ul { list-style-type: none; margin: 0; padding: 0;}
    #colcenter { padding: 0; margin: 0 192px; background: #fff; min-height: 400px; border: solid 1px #fff;}
    #colcenterwide { padding: 0; margin: 0 0 0 210px; }
    #breadcrumbs {float: left; margin-bottom: 1em; width: 100%;}
    #homepagecols { background-color: #000000; color: #fff; position: absolute; width: 145px; right: 10px; top: 10px; }
    .marges { margin: 10px;}

#images a, #images a:hover { border-bottom: none;}
#colleft .node { width: 175px; float: left; position: relative;}
.menu a {display: block; border-bottom: solid 1px #c0c0c0; padding: 3px;}
.menu li.current li a:hover, .menu a:hover, .menu li.current a { background: #cbcbcb; border-bottom: solid 1px #c0c0c0; border-left: solid #bc0000 7px; }
.menu li.current li a { background: transparent; border-bottom: solid 1px #c0c0c0; border-left: none; }
.menu ul { list-style: none; margin: 0; padding: 0; }
.menu li li { padding: 0; margin: 0; margin-left: 10px;}
.menu ul li.homepage_li { border-top: solid 1px #000; }
/* html elements */
body {font-size: 74%; line-height: 140%; color: #000;font-family: arial, verdana, sans-serif; margin: 0; padding: 0; background-image: url(../img/hvkwiek_bg.gif); background-position:  top center; background-repeat: repeat-y; background-color: #fff; }
td, th {font-size: 100%;}
#centralcontent table {float: left;}
table td { border: solid 1px silver; padding: 2px; 4px;}
table { border-collapse: collapse; }
.homepage_news img { float: left; margin-bottom: 5px; border: solid 1px #bc0000; width: 50px; margin-right: 5px; }
.homepage_table li { clear: both; margin-bottom: 5px;}
.homepage_table a, .homepage_table a:hover { color: #000000; border-bottom-color: #000000; }
table.homepage_table td { border: none;}
big{font-size: larger;}
a img {border:none; padding:0;}
tr, td {vertical-align: top;}
h1 a, h2 a {border: none;}
a{text-decoration:none;color:#000; border-bottom: dotted 1px #000;}
a:hover { border-bottom: solid 1px #bc0000; }
.img a { border-bottom: none;}
/* different page format */
#content_edit #superbanner, #content_edit #stemvvd {display: none;}
#content_edit #breadcrumbs {margin-top: -10px; margin-bottom: 10px;}
/* text formatting */
h1, h2, h3, .h1, .h2, .h3, h1 a, h2 a, h3 a, h1 strong { color: #bc0000; font-weight: bold; text-decoration: none;}
h1, .h1 { font-size: 1.8em; line-height: 1.2em; font-weight: normal;}
h2, .h2 { font-size: 1.5em; line-height: 1.3em; font-weight: normal;}
h3, .h3 { font-size: 1.2em; line-height: 1.4em}
.gemarkeerd {background-color: #fcf0ad;}
.belangrijk {border: solid 1px #bc0000;}

/* helpers */
.cleaner {clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden;}
.none {display: none;}
.right {float:right;}
.left{float:left;}
.stretch {width: 100%;}
.center { text-align: center; display: block;}




/* grid */
.grid, .ruler{border-collapse: collapse; width: 95%; margin: 1em 0;}
.grid th, .ruler th{background-color: #cdcdcd; border: solid 1px #c0c0c0;}
.grid tr, .ruler tr{vertical-align: top;}
.grid tr.row_selected, .ruler tr.row_selected{background-color: #FFFDE8;}
.grid td, .ruler td{border: solid 1px #c0c0c0 padding: 0.2em; }
.grid .record_button { border:  none; cursor: hand;}
/*.grid th , .grid td , .ruler th, .ruler td{font-size: 0.8em;}*/
.grid th {white-space: nowrap;}
.profile th {text-align: left;}
.required, .error{color: red;}
div.error, p.error {border: outset 1px; display: block; color: red; margin-right: auto; font-weight: bold; background: url('/html/img/icons/error.gif') 10px 10px no-repeat #EEE; padding: 10px 10px 10px 40px; width: 90%;}
.message{ color: blue; display: block; border: outset 1px; font-weight: bold; background: url('/html/img/icons/info.gif') 10px 10px no-repeat #EEE; padding: 10px 10px 20px 40px; width: 90%; }
td.accountinfo { background: url('/html_groovy/images/gebruikersinformatie.gif') 2px 2px no-repeat; cursor: hand; padding-left: 20px;}



/* divers */
.poolbar { background: #bc0000; color: #fff; padding: 2px; font-weight: bold;}
.homepage_table { width: 100%; }
.homepage_table tr { vertical-align: top;}
.homepage_table td { padding: 0; padding-right: 10px; padding-bottom: 10px;}
.homepage_table h2, .homepage_table h1 { margin-top: 0; padding-top: 0;}
.homepage_table ul { padding-left: 10px; margin-left: 10px; }

#specials ul, #profile-menu {margin: 0; padding: 0; list-style: none;}
#specials li, #profile-menu li {margin: 0; padding: 0; display: block; }
#specials a, #profile-menu a {display: block; padding-left: 16px; height: 20px; background-position: center left; background-repeat: no-repeat; color: #bc0000; border-bottom: none; white-space: nowrap;}
legend { background-repeat: no-repeat; line-height: 2em;}
.userform label { display: block; width: 300px; line-height: 2em; border: solid 1px #fff; }
.userform .text { float: right; }
#specials a:hover { color: #f6921d;}
hr { height: 1px; color: #c0c0c0; border: none; } /* For Internet Explorer */
html>body hr { height: 1px; background-color: #c0c0c0; border: none; } /* For Gecko-based browsers */
html>body hr { height: 1px; background-color: #c0c0c0; border: 0px solid #c0c0c0; } /* For Opera and Gecko-based browsers */


.cal {border-collapse: collapse; width: 100%; margin: 1em 0; background: #fff; z-index: 10;position: relative;}
.cal td, .cal th {border: solid 1px #ccc; padding: 3px; width:14%;}
.cal th {background-color: #e9ebf1;} 
.cal tr {vertical-align: top;}
.cal td .nr {display: block; text-align: right;}
.cal ul { list-style: none; margin: 0; padding: 0;}

.reacties { background: #e4e4e4;}
.reactieform { background: #cdcdcd; display: block; padding: 1em; }
.reactieform textarea, .reactieform input { display: block; font-family: verdana; font-size: 1.2em;}
.reactieform textarea { width: 100%; }
.reactieform label { display: block; margin-bottom: 0.5em; font-size: 1.2em;}
.reactieform h2, .comments h2 { margin-top: 0; padding-top: 0;}
.hint { color: gray;}
.info { font-weight: bold; font-size: 1.3em;}
.comments { background-color: #e4e4e4; padding: 1em;}
.comment { border-bottom: dotted 1px #c0c0c0;}
.blogarchive { padding-bottom: 1em;}
#colright .blogarchive ul { margin-bottom: 0; margin-left: 10px;}
#colright .blogarchive li { margin-bottom: 10px;}
#colright .blogarchive li li { margin-bottom: 0;}
.pages { clear: both; padding-top: 1em;}
.approved { color: green;}
.pending { color: blue;}
.spam { color: gray;}
.rejected { color: red;}
#cols .groovlet { text-align: center; border-style: solid; border-width: 1px; float: right; background: #fff; padding: 2px;}
#cols .groovlet a, .groovlet a:hover { display: block; border-bottom: none; width: 100%; }
#cols .groovlet p { margin: 5px; }
#images .groovlet { height: 74px; display: inline; margin-right: 20px;}
#images .groovlet img { height: 74px;}
#cols .groovlet { width: 150px; margin-left: 23px;}
#cols .groovlet { float: left;}
.afb_links, .afb_rechts { margin-bottom: 10px;}
#slideshow { position: relative; height: 208px; padding: 0; margin-bottom: 1em; width: 100%; top: 0px;}
#slideshow .groovlet { padding: 0; margin: 0; position: absolute; left: 0; top: 0; border: none; width: 100%; }
#cols #slideshow_sidecol .groovlet { background: #fff; width: 175px; vertical-align: middle; margin: 0; padding: 0; border-left: none; border-right: none; padding-top: 18px; padding-bottom: 18px;}  
#cols #slideshow_sidecol .groovlet img  { width: 150px;}
/*
#slideshow .groovlet { width: 100%; padding: 0; position: absolute; left: 0; top: 0; border: none; height: 208px;}
*/
#slideshow .groovlet img { height: 208px; }
#slideshow .groovlet span { width: 100%; display: block; left: 0;}
#slideshow .groovlet p { font-size: 38px; font-weight: normal; padding: 0px; height: 50px; line-height: 48px; margin: 140px 0px 10px 0px; font-family: arial, sans-serif; display: block; text-align: center; width: 100%; position: relative;}
#slideshow .blauw p, #slideshow .lichtblauw p { background: url('/html/img/blauw_trans.png'); color: #f6921d;}
#slideshow .oranje p { background: url('/html/img/oranje_trans.png');}
#slideshow .wit-oranje p, #slideshow .wit-blauw p, #slideshow .wit-lichtblauw p { background: url('/html/img/wit_trans.png');}
#slideshow a { display: block; height: 100%; background: none;}
#slideshow .wit-oranje span { background: #fff; }
#slideshow_sidecol div.banner_image img {width: 150px;}
#stembutton { margin: 0 5px 0 10px; float: left; font-size: 10px; padding: 2px;}
.pollresults { width: 100%;}
.pollresults a { disply: block; margin: 5px 10px; }
.pollresults p { font-weight: bold;}
.personen { width: 100%;}
.personen tr { vertical-align: top;}
.personen .grid { margin: 0;}
.gemarkeerd {background-color: #fcf0ad;}
.belangrijk {border: solid 1px #f6921d;}
.vvd_blauw { color: #000000;}
.vvd_oranje { color: #f6921d;}
.searchpanel { background-color: #e9ebf1; padding: 3px;}
.searchpanel label { padding-right: 3px;}
.authorphoto { float: left; margin-right: 5px; margin-bottom: 5px;}
.news_simple_bg, .calendar_simple_bg { background-color: #e9ebf1; padding: 1em; border: solid 1px #000000;}
.news_simple_bg a, .calendar_simple_bg a { font-weight: bold; }
.news_simple_bg { background-image: url('/html/img/bg_news.gif'); background-position: center; background-repeat: no-repeat; }
.calendar_simple_bg { background-image: url('/html/img/bg_calendar.gif'); background-position: center; background-repeat: no-repeat; }
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em;	}
div.gallery { border: 2px dashed #333; background-color: #fff; }
div.float { width: 160px; height: 180px; padding: 10px; float: left; }
div.spacer { clear: both; } 
div.float p { font-size: 9px; text-align: center; margin: 0; padding: 0.5em;}
div.float img { border: solid 1px #f6921d;}
div.float a, #lightbox-nav a, #lightbox-secNav a { border-bottom: none; }
div.float a:hover, #lightbox-nav a, #lightbox-secNav a { border-bottom: none;}

body.helppage { background: #fff;}
ul.jd_menu { margin: 0px; padding: 0px; list-style-type: none; }
ul.jd_menu ul { display: none; }
ul.jd_menu li { float: left; }
/* -- Sub-Menus -- */
ul.jd_menu ul { position: absolute; display: none; list-style-type: none; margin: 0px; padding: 0px; z-index: 10000; }
ul.jd_menu ul li { float: none; margin: 0px; }


ul.jd_menu_slate { font-weight: bold; display: table; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; color: #000000; } 
ul.jd_menu_slate a, ul.jd_menu_slate a:active, ul.jd_menu_slate a:link, ul.jd_menu_slate a:visited { text-decoration: none; color: #fff; white-space: normal; border-bottom: none; } 
ul.jd_menu_slate ul li a, ul.jd_menu_slate ul li a:active, ul.jd_menu_slate ul li a:link, ul.jd_menu_slate ul li a:visited { color: #FFF; white-space: nowrap; }
ul.jd_menu_slate ul { font-weight: normal; border: outset 1px; } 
ul.jd_menu_slate li { padding: 3px 6px; cursor: pointer; } 
ul.jd_menu_slate li.jd_menu_active_menubar a, ul.jd_menu_slate li.jd_menu_hover_menubar a{ } 
ul.jd_menu_slate li.jd_menu_active_menubar, ul.jd_menu_slate li.jd_menu_hover_menubar { background-color: #000000; }
ul.jd_menu_slate ul { background: #f6921d; }
ul.jd_menu_slate ul li { } 
ul.jd_menu_slate ul li.jd_menu_active, ul.jd_menu_slate ul li.jd_menu_hover { background-color: #000000; }
#header h1 { color: #fff; position: absolute; font-weight: normal; left: 300px; top: 30px;}
a.printbutton { padding-left: 18px; background: url('../../img/print.gif') center left no-repeat; float: right;}
p.right { margin: 0; padding: 0;}
a.more { color: #bc0000; margin-left: 10px;}