/*******************************************************************************
*                                                                              *
*  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; }
html { text-align: center; background: transparent url(img/youth-games.gif) fixed no-repeat 70% 115px;}
body { font-family: Verdana, sans-serif; font-size: 70%; text-align: center; background: transparent; }
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; }
h1 a { display: block; background: #fff; height: 84px; color: #152582; }

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

cite { font-weight: bold; }

#qontainer { width: 750px; margin: 0 auto; text-align: left; background: transparent; }

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

#qSubmenu { float: left; width: 160px; border-top: 3px solid #fff; padding-bottom: 150px; background: #fff url(img/youth-games-klein.gif) no-repeat center bottom; }
#qSubmenu ul { list-style-type: none; border-bottom: 10px solid #8b9ac7; border-top: 2px solid #8b9ac7; padding: 3px 0 2px 0; }
#qSubmenu ul a { text-decoration: none; display: block; padding: 0.4em 0.5em; background-color: #e8ebf4; border-bottom: 1px solid #fff; color: #5563ae; }
#qSubmenu ul a:hover { background-color: #d7dcec; color: #152582; }
#qSubmenu ul ul { border: none; padding: 0; }
#qSubmenu ul ul a { padding: 0.2em 0.5em 0.2em 1em; background-color: #f4f5fb; }
#qSubmenu ul ul a:hover { background-color: #e8eaf7; color: #152582; }
#qSubmenu ul ul ul a { padding: 0.2em 0.5em 0.2em 1.5em; background-color: #f9f9fb; }
#qSubmenu ul ul ul a:hover { background-color: #f4f5fb; }
#qSubmenu h2 { padding: 0; }
 #qSubmenu h2 a { background: #8b9ac7; color: #fff; padding: 0.5em; display: block; text-decoration: none; }
 #qSubmenu h2 a:hover { text-decoration: underline; }

#qontent { margin: 0 0 0 163px; min-height: 350px; background: transparent; border-left: 1px solid #5563ae; padding: 10px; }
#qontent h2 { margin-bottom: 1.5em; }
#qontent h3 { margin-top: 1em; }
#qontent h4 { margin-top: 0.5em; font-weight: bold; font-size: 100%; }
#qontent p { line-height: 150%; margin-bottom: 0.7em; }
#qontent li, #qontent dd { line-height: 130%; }
#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; }
#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: none; }
#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, #qontent td { padding: 0.3em 0; }
#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 #bericht { background-color: #fff; border: 1px solid #d7dcec; border-top: none; padding: 1em 1em 0.3em 1em; }

#qontent #reacties { }
#qontent #reacties h3 { color: #152582; font-weight: bold; }
#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 0; 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; 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; }

textarea.groot { height: 200px; }

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

#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: 1px solid #f4f5fb; text-decoration: none; display: table-cell; vertical-align: middle; margin: 2px; background-color: #fff; }
#qontent #fotos li a span { display: block; padding-bottom: 5px; }
#qontent #fotos li a img { background-color: #fff; padding: 2px; margin: 2px; display: block; }
#qontent #fotos li a:hover { }
#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;  }

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; 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 2em 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; }

.breed #qontent { margin-left: 0; border-left: none; }

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

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

#qSubmenu #sign-our-guestbook { margin: 10px 0; }
#qontent #sign-our-guestbook { float: right; padding: 0; margin: 0; }
#sign-our-guestbook a { text-align: center; border: 3px double #f00; padding: 1em; display: block; background: #f4f5fb; }