/*******************************************************************************
*                                                                              *
*  Door Krijn Hoetmer <http://krijnhoetmer.nl/>, Qontent <http://qontent.nl/>  *
*  Voor Badminton Vereniging Almere <http://www.bvalmere.nl/>                  *
*                                                                              *
*  Voor vragen over onderstaande code; <webmaster@bvalmere.nl>                 *
*  Zonder toestemming regelrecht overnemen mag natuurlijk niet                 *
*                                                                              *
*******************************************************************************/

html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, dl, li, dt, dd { margin: 0; padding: 0; }
html, body, #qontainer { background-color: #fff; color: #152582; }
body { font-family: Verdana, sans-serif; font-size: 70%; text-align: center; }
input, textarea { font-family: Verdana, sans-serif; font-size: 100%; border: 1px solid #d7dcec; color: #152582; background: #fff; }

a { color: #152582; text-decoration: underline; }
#qontent a:visited { color: #5563ae; }
a:hover { color: #5563ae; text-decoration: none; }
a img { border: none; }

h1 { text-align: right; padding-top: 11px; position: relative; }
h1 a { display: block; height: 92px; color: #152582; }

h2 { font-size: 110%; }
h3 { font-size: 100%; }
h6 { margin-bottom: 0.5em; }

cite { font-weight: bold; }

#stats { margin: 1em auto; text-align: right; width: 69em; }

#qontainer { width: 69em; margin: 0 auto; text-align: left; position: relative; }

#skip { position: absolute; left: -9999px; text-align: right; font-size: 90%; color: #d7dcec; margin: 2px 0; }
 #skip a { color: #d7dcec; }

#qMenu { text-align: right; list-style-type: none; background-color: #5563ae; color: #fff; line-height: 150%; padding: 0.2em 0; font-size: 100%; font-variant: small-caps; text-transform: lowercase; }
#qMenu li { display: inline; border-left: 1px dotted #fff; }
#qMenu li.first { border-left: none; }
#qMenu a { color: #fff; text-decoration: none; font-weight: bold; padding: 0 0.4em; }
#qMenu a:hover { color: #efdc13; }
#qMenu a.current { color: #efdc13; }

#qSubmenu { float: left; width: 14em; }
#qSubmenu ul, #qNews ul { list-style-type: none; border-bottom: 2px solid #8b9ac7; border-top: 2px solid #8b9ac7; padding: 3px 0 2px 0; }
#qSubmenu ul a, #qNews ul a { text-decoration: none; display: block; padding: 0.4em 0 0.4em 0.5em; background-color: #e8ebf4; border-bottom: 1px solid #fff; color: #5563ae; }
#qSubmenu ul em { display: block; padding: 0.6em 0 0.6em 0.5em; border-bottom: 1px solid #fff; color: #5563ae; }
#qSubmenu ul a:hover, #qNews ul a:hover { background-color: #d7dcec; color: #152582; }
#qSubmenu ul ul, #qNews ul ul { border: none; padding: 0; }
#qSubmenu ul ul a, #qNews ul ul a { padding: 0.2em 0 0.2em 1em; background-color: #f4f5fb; }
#qSubmenu ul ul a:hover, #qNews ul ul a:hover { background-color: #e8eaf7; color: #152582; }
#qSubmenu ul ul ul a { padding: 0.2em 0 0.2em 1.5em; background-color: #f9f9fb; }
#qSubmenu ul ul ul a:hover { background-color: #f4f5fb; }
#qSubmenu h2, #qNews h2 { padding: 0.5em 0 0.5em 0.2em; }
#qSubmenu ul a.current, #qSubmenu ul ul a.current, #qSubmenu ul ul ul a.current { font-style: italic; color: #152582; background-color: #d7dcec; }

#qNews { float: right; width: 7.5em; text-align: right;  }
#qNews ul a { padding: 0.4em 0.5em 0.4em 0; }
#qNews ul ul a { padding: 0.2em 1em 0.2em 0; }

#ads { text-align: center; margin-top: 0.5em; }
#ads img { display: block; margin: 0 auto; max-width: 100%; }
#ads h3 { font-size: 90%; margin: 0 0 0.5em 0; }

#qontent { margin: 0.4em 0 0.4em 14.5em; background-color: #f4f5fb; padding: 1.5em; }
#qontent h2 { margin-bottom: 1.5em; line-height: 150%; }
#qontent h3 { margin-top: 1em; line-height: 150%; }
#qontent h4 { margin-top: 0.5em; font-weight: bold; font-size: 100%; line-height: 150%; }
#qontent p { line-height: 150%; margin-bottom: 0.7em; }
#qontent p.important { font-size: 160%; text-align: center; margin-left: 50px; margin-right: 50px; }
#qontent p.bijschrift { font-style: italic; margin: -10px 0 1em 0; font-size: 95%; border: 1px solid #5563ae; border-top: none; padding: 2px 4px; }
#qontent li, #qontent dd { line-height: 140%; }
#qontent ul, #qontent ol { margin: 0.7em 2em; }
#qontent dl { margin: 0.7em 0; }
#qontent dt { font-style: italic; }
#qontent dd { margin: 0.1em 1em 0.4em 1em; }
#qontent del { display: none; }
#qontent address { margin: 0.7em 1em; font-style: normal; white-space: pre; }
#qontent table { width: 100%; margin: 0.7em 0; border-collapse: collapse; border: 1px solid #d7dcec; }
#qontent caption { font-weight: bold; padding: 5px 0; text-align: right; font-size: 0.8em; }
#qontent blockquote { margin: 1em 2em; padding: 1.5em; border: 1px solid #d7dcec; background: #f4f5fb url(img/quote.gif) no-repeat top left; text-indent: 1em; line-height: 150%; }
#qontent blockquote p { margin: 0; }
#qontent th { text-align: left; }
#qontent th a, #qontent th a:visited { color: #152582; }
#qontent th, #qontent td { padding: 0.3em 0.2em; }
#qontent th span.sortarrow { color: #152582; text-decoration: none !important; }
#qontent th a:hover span.sortarrow { color: #5563ae; }
#qontent hr { margin: 1em 0; color: #e8ebf4; height: 1px; border: 1px solid #e8ebf4; background: #e8ebf4; }

#qontent .img { border: 1px solid #5563ae; margin-bottom: 10px; padding: 2px;  }
#qontent .standaard img { display: inline; }
#qontent .links { float: left; margin-right: 10px; }
#qontent .rechts { float: right; margin-left: 10px; }
#qontent .rechts-onder { float: right; clear: right; margin-left: 10px; }
#qontent .img img { display: block; border: 1px solid #5563ae; }
#qontent .midden { text-align: center; border: none; }
#qontent .midden img { margin: 0 auto; }
#qontent .breed { border: 1px solid #5563ae; }
#qontent .breed img { border: none; width: 100%; }
#qontent .geen-rand, #qontent .geen-rand img { border: none; }

#qontent .images { list-style: none; margin: 0; text-align: center; }
 #qontent .images li { display: inline; }

#qontent .google-maps { margin: 10px 0; }
#qontent .google-maps-styled { margin: 10px 0; height: 320px; width: 100%; }

#qontent .youtube { border: 1px solid #5563ae; padding: 5px; background: #fff; margin: 0.7em 0; }
#qontent .youtube p { margin: 0; }
 #qontent .youtube object, #qontent .youtube embed { display: block; margin: 0 auto; }

#qontent div.team { background: #fff; float: left; width: 15.5em; margin: 0 1em 1em 0; height: 15em; border: 1px solid #fff; }
 #qontent div.team h3 { margin: 1em; }

#qontent table.speelschema { }
 #qontent table.speelschema abbr { border: none; }

#qontent div.clear { clear: left; }

#qontent span.zt-0 { background: #ff6; }
#qontent span.zt-1 { background: #aff; }
#qontent span.zt-2 { background: #9f9; }
#qontent span.zt-3 { background: #f99; }
#qontent span.zt-4 { background: #f6f; }
#qontent span.zt-5 { background: #800; color: #fff !important; }
#qontent span.zt-6 { background: #0a0; color: #fff !important; }
#qontent span.zt-7 { background: #860; color: #fff !important; }
#qontent span.zt-8 { background: #049; color: #fff !important; }
#qontent span.zt-9 { background: #909; color: #fff !important; }
#qontent a span.zoekterm { text-decoration: underline; }
#qontent a:hover span.zoekterm { text-decoration: none; }

#qontent #bericht { background-color: #fff; border: 1px solid #d7dcec; border-top: none; padding: 1em 1em 0.3em 1em; }

#qontent #reacties { border: 1px solid #d7dcec; margin-top: 1em; }
#qontent #reacties h3 { color: #152582; font-weight: bold; margin-left: 1em; }
#qontent #reacties table { border: none; }
#qontent #reacties p, #qontent #reacties ol, #qontent #reacties li { margin: 0.7em 1.5em; }
#qontent #reacties #richtlijnen { }
#qontent #reacties #richtlijnen li { margin: 0; }
#qontent #reacties #smilies { margin: 1em; list-style: none; }
#qontent #reacties #smilies li { background: #fff; border: 1px solid #d7dcec; display: table-cell; width: 42px; height: 42px; text-align: center; margin: 0; }
#qontent #reacties #smilies li.clickable { border-color: #152582; cursor: pointer; }
#qontent #reacties #smilies li span { display: block; margin: 0 auto; padding: 5px 0; }
#qontent #reacties #smilies li span img { display: block; margin: 0 auto; }
#qontent #reacties h4 { margin: 0 0 0.2em 0; font-style: italic; font-weight: normal; }
#qontent #reacties h4 a { text-decoration: none; }
#qontent #reacties h4 cite a { text-decoration: underline; }
#qontent #reacties h4 cite a:hover { text-decoration: none; }
#qontent #reacties li p { margin: 0.1em 0 1em 0; overflow: auto; padding: 0.5em; border: 1px solid #d7dcec; background-color: #fff; line-height: 150%; }
#qontent #reacties li img { vertical-align: middle; }
#qontent #reacties li .foto-thumb img { float: right; margin-left: 1em;  }
#qontent #reacties li.reactie-status-1 p { color: #666; }
#qontent #reacties li.reactie-status-1 p a { color: #666; }
#qontent #reacties li.reactie-status-2 { display: none; }
#qontent #reacties li.mine p { background: #f7f2bf; border-color: #5563ae; }
#qontent #reacties .highlighted p { border-color: #152582; }
#qontent #reacties label { display: block; }
#qontent #reacties th { font-weight: normal; text-align: right; padding-right: 1em; vertical-align: top; }

#qontent form.generated { margin: 0.7em 0; }
#qontent form.generated fieldset { border: 1px solid #152582; margin-bottom: 1em;  }
#qontent form.generated legend { color: #152582; background: #fff; padding: 0.2em 1em; border: 1px solid #152582; }
#qontent form.generated dl { margin: 1em 2em !important; }
#qontent form.generated .checkbox, #qontent form.generated .radio { border: none !important; }
#qontent form.generated .submitted { color: #060; border: 1px solid #060; padding: 5px; background: #fff; font-weight: bold; }
#qontent div.submitted { color: #060; border: 1px solid #060; padding: 10px 10px 5px 10px; background: #fff; font-weight: bold; margin: 10px 0; }

textarea { width: 90%; }
textarea.groot { height: 200px; }

.error input, .error textarea { border-color: #f00 !important; }
.error-tekst { color: #f00; }

#google-ads, #google-ads-onder { margin: 5px auto; background: #f4f5fb; padding: 10px 0; }
 #google-ads iframe, #google-ads-onder iframe { display: block; margin: 0 auto; }

#qontent #fotos { margin: 0; padding: 0; list-style-type: none; width: 100%; overflow: hidden; text-align: center; }
#qontent #fotos li { line-height: 100%; display: inline; text-align: center; }
#qontent #fotos li a { border: 2px outset #f4f5fb; text-decoration: none; display: table-cell; vertical-align: middle; margin: 5px; background-color: #fff; }
#qontent #fotos li a span { display: block; padding-bottom: 5px; }
#qontent #fotos li a img { background-color: #fff; padding: 2px; margin: 5px; display: block; }
#qontent #fotos li a:hover { border-style: inset; }
#qontent #fotos li a:hover img { background-color: #5563ae; }

#qontent #foto a { display: block; text-align: center; }
#qontent #foto h3 { text-align: center; font-size: 180%; margin: 0.5em 0; }
#qontent #foto p { text-align: center; }
#qontent #foto img { display: block; max-width: 100%; margin: 0 auto; }
#qontent #foto p a.jpg { text-align: right; }
#qontent #foto #foto-prev { padding-left: 10px; border-left: 10px solid #5563ae; }
#qontent #foto #foto-prev img { margin: 0 auto 0 0; }
#qontent #foto #foto-current { padding: 10px; border-left: 10px solid #5563ae; border-right: 10px solid #5563ae; }
#qontent #foto #foto-current img { margin: 0 auto; max-width: 100%; }
#qontent #foto #foto-next { padding-right: 10px; border-right: 10px solid #5563ae; }
#qontent #foto #foto-next img { margin: 0 0 0 auto; }

#qontent #foto-navigatie { list-style-type: none; margin: 0; padding: 0; width: 100%; overflow: hidden; }
#qontent #foto-navigatie li { padding-bottom: 1em; width: 40%; margin: 0; }
#qontent #foto-navigatie #vorige { float: left; }
#qontent #foto-navigatie #volgende { float: right; text-align: right;  }

#archief ul { margin: 0.7em 0; font-weight: bold; }
#archief ul ul ul { font-weight: normal; }
#archief ul li { list-style-type: none; }

input.text, input.password { width: 10em; }
input.day, input.month { width: 3em; }
input.year { width: 6em; }
input.submit { padding: 3px 6px; }

label { cursor: pointer; }
label:hover { text-decoration: underline; }

#qontent textarea:hover, #qontent input:hover { border-color: #5563ae; }
#qontent textarea:focus, #qontent input:focus { border-color: #152582; }

#qFoot { clear: both; position: relative; top: 0.4em; text-align: center; padding: 0.3em 1em; background-color: #5563ae; color: #fff; font-size: 95%; }
#qFoot a { color: #fff; text-decoration: none; }
#qFoot a:hover { text-decoration: underline; }

#qontentFooter { padding: 1em 0 3em 0; color: #85941a; text-align: center; }
#qontentFooter img { display: block; margin: 1em auto 0 auto; }
#qontentFooter a { color: #85941a; text-decoration: underline; background-image: none; padding: 0; }
#qontentFooter a:hover { text-decoration: none; }

a.rss { text-decoration: none; cursor: crosshair; }
h2 a.rss { float: right; background-image: none; }
.breed #qontent { margin-left: 0; }

#badge { position: absolute; top: 20px; left: -150px; }

tr.alternate { background-color: #fff; }
#bericht tr.alternate { background-color: #f4f5fb; }

#qontent div.cup-explanation { background: #fff; padding: 10px; border: 1px solid #d7dcec; font-size: 0.9em; }
 #qontent div.cup-explanation p { margin: 0; }

#qontent table.cup { }
 #qontent table.cup td { padding: 0.5em; }
 #qontent table.cup tr.good { background: #afa; }
 #qontent table.cup tr.good.alternate { background: #bfb; }
 #qontent table.cup tr.okay { background: #aaf; }
 #qontent table.cup tr.okay.alternate { background: #bbf; }
 #qontent table.cup tr.hmm { background: #faa; }
 #qontent table.cup tr.hmm.alternate { background: #fbb; }

 #qontent table.cup tr td.name { font-weight: bold; }
 #qontent table.cup tr td.not-6 { font-weight: normal; }
 #qontent table.cup tr td.previous { font-weight: bold; color: #000; }

 #qontent table.cup tr td.up { background: #6d6; }
 #qontent table.cup tr.alternate td.up { background: #7d7; }
 #qontent table.cup tr td.down { background: #d66; }
 #qontent table.cup tr.alternate td.down { background: #d77; }

.news #qontent { margin: 0.4em 8em 0.4em 14.5em; }
.news h3 { margin-top: 0; margin-bottom: 0.7em; font-weight: bold; }

.news #qontent #intro { padding: 1em; background-color: #fff; border: 1px solid #d7dcec; padding-bottom: 0; border-bottom: none; line-height: 160%; }
.news #qontent #intro * { margin: 0; }
.news #qontent #intro h2 { font-size: 140%; }
.news #qontent #intro ul { margin: 1em 2em; }

.leeg { font-style: italic; color: #666; background: inherit; }

.ext, .zip, .pdf, .doc, .xls, .ppt, .txt, .jpg, .ics, .atom, .png { padding: 3px 20px 3px 0; background-repeat: no-repeat; background-position: center right; }
.zip { background-image: url(img/zip.png); }
.pdf { background-image: url(img/pdf.png); }
.doc { background-image: url(img/doc.png); }
.xls { background-image: url(img/xls.png); }
.ppt { background-image: url(img/ppt.png); }
.txt { background-image: url(img/txt.png); }
.jpg { background-image: url(img/jpg.gif); }
.png { background-image: url(img/jpg.gif); }
.atom { background-image: url(/_img/icons/feed.png); }
.ics { background-image: url(/_img/icons/calendar.png); }
.ext { background-image: url(img/ext.png); padding-right: 14px; }

.link-english { padding-right: 25px; background-image: url(img/english-flag.gif); background-repeat: no-repeat; background-position: right center; }
.melding { border: 1px solid #f66; padding: 0.5em; display: block; }

#top-links { position: absolute; top: 5px; z-index: 120; }
 #top-links a { background-image: none; margin: 0; padding: 0; color: #152582; }

/* Specifieke pagina's */

/* Sponsorpagina apart stylen */
.uri-sponsoring #qontent { background-color: #fff; }
 .uri-sponsoring #qontent h3 { text-align: center; margin: 1em 0; font-size: 150%; color: #fff; background-color: #5563ae; padding: 3px 0; }
 .uri-sponsoring #qontent ul { list-style: none; text-align: center; font-size: 130%; }
 .uri-sponsoring #qontent .img { margin: 20px auto; }
  .uri-sponsoring #qontent .img img { border: none; }

/* E-mailadressen op commissie pagina rechts uitlijnen */
.uri-vereniging-commissies table td + td + td + td { text-align: right; }

/* Uitslagen in speelschema's bij jeugd en senioren */
body[class|='uri-jeugd-teams'] table th + th + th + th + th + th,
body[class|='uri-jeugd-teams'] table td + td + td + td + td + td,
body[class|='uri-senioren-teams'] table th + th + th + th + th + th,
body[class|='uri-senioren-teams'] table td + td + td + td + td + td { text-align: right !important; }

/* Overzicht competitie */
.uri-senioren-overzicht-competitie-2006-2007 table td + td + td + td + td + td { text-align: center !important; }

/* Nieuwsberichten */
.uri-nieuws-bericht-2201 #qontainer { width: 79em; }
.uri-nieuws-bericht-1026 table.sorteer th + th + th,
.uri-nieuws-bericht-1026 table.sorteer td + td + td { text-align: center !important; border-left: 1px solid #d7dcec; }

/* Kerstsfeer! */
/* body { margin-bottom: 83px; } */
/* Internet Explorer kan dit niet, dus hoeft 'ie ook dat plaatje niet op te halen.. */
/* body > #bottom-fader { position: fixed; bottom: 0; left: 0; height: 83px; background-image: url(img/bva-kerst-onder.png); background-position: 0 100%; background-repeat: repeat-x; width: 100%; margin: 0; padding: 0; } */

/* Wee sfeer! :( */
.wee #qMenu, .wee #qFoot { background: #666; }
.wee #qMenu a:hover,
.wee #qMenu a.current { color: #fff; }
.wee #qSubmenu ul a,
.wee #qNews ul a { background: #fff; color: #444; }
.wee #qSubmenu ul,
.wee #qNews ul { border-color: #aaa; }
.wee #qSubmenu ul em { color: #444; }
.wee #qSubmenu ul a:hover,
.wee #qNews ul a:hover { background: #fff; color: #333; }
.wee #qSubmenu ul ul a,
.wee #qNews ul ul a { background: #fff; }
.wee #qSubmenu ul ul a:hover,
.wee #qNews ul ul a:hover { background: #fff; color: #333; }
.wee #qSubmenu ul ul ul a { background: #fff; }
.wee #qSubmenu ul ul ul a:hover { background: #fff; }
.wee #qSubmenu ul a.current,
.wee #qSubmenu ul ul a.current,
.wee #qSubmenu ul ul ul a.current { color: #444; background: #eee; }
.wee #qontent { background: #fff; }
.wee #qontent #intro,
.wee #qontent #reacties,
.wee #qontent input,
.wee #qontent input:hover,
.wee #qontent textarea,
.wee #qontent textarea:hover,
.wee #qontent #bericht { border-color: #aaa; }
.wee #qontent #reacties h3,
.wee h1 a,
.wee #skip,
.wee #skip a,
.wee html,
.wee body,
.wee a,
.wee #qontent a:visited,
.wee a:hover,
.wee #qontent input,
.wee #qontent textarea,
.wee #qontainer { color: #444; }
.wee #qontent #reacties li p,
.wee #qontent #reacties .highlighted p,
.wee #qontent #reacties #smilies li.clickable { border-color: #444; }
.wee #qontent #reacties li.mine p { background: #ccc; border-color: #333; }
.wee h1 img { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);" }
.wee #ads,
.wee #smilies,
.wee #richtlijnen,
.wee #top-links,
.wee #google-ads,
.wee #stats,
.wee #qSubmenu ul ul,
.wee #qNews ul ul,
.wee #qontentFooter { display: none; }
.wee #qontent #reacties li p { border: none; }
.wee #reactie-toevoegen + h3,
.wee #reactie-toevoegen + h3 + ul + h3 { display: none; }
.wee #bottom-fader { display: none; }