/*  toer J389  RLupdate, R121 1080,    R155 positie menu en artikel, R180 Titel artikel, R277 Logo Tekst Websitenaam,   */

/**

 * @author ( Angie Radtke )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2016 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

html {
    background: #ffffff;
    font-size: 100.01%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #f3f5f6;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {

    position: relative;
    width: 100%;
    line-height: 1.5em;
    background: #eee
}

/* ###################### general ###################### */
#all {
    margin: 0 auto;
    max-width: 1050px;            /*  std 1050 zie ook personal.css regel 353 max width footer en extra img 1025   */
    padding: 0;
    text-align: left;
    font-size: 0.93em	   	/* tekst, lettergrootte standaard 0.8em max 0.93 ivm forum */
}

#header {
    display: block !important;
    position: relative;
    padding: 1.0em 0 0 0;       /*  was 3.9em nu  2.1em 0 0 0  Totale Ruimte boven en onder voor websitenaam en zoeken, in combi met           */
    overflow: hidden;
}

#header ul {
    position: absolute;
    left: 0;
    top: 5em;
    right: 0;
    display: block;
    margin: 0 0 1px 0;
    text-align: right;
    list-style-type: none;
    padding: 10px 0
}

#back {
    margin: 0;
    padding: 0;         /* nvt is alles in bgartikel omlaag voor boven extra ruimte?   doe met br in index  */
}

#contentarea,
#contentarea2 {
    position: relative;
    overflow: hidden;
    padding: 0px 0px 0px 20px!important;                /* 0 12 0 33px    Hier alleen padding links artikel, 4e is 16 -  rest zie NAV left, left1 R209 R219 R277 */
    margin: 0;

}

#wrapper {
    width: 53%;
    float: left;
    position: relative;

}

#wrapper2 {
    width: 74%;                                                            /*  was 72% nu74%  betreft extra breedte artikel? in combi met - nav before content naar 2%   */
    float: left;
    position: relative;
    padding-bottom: 20px;

}

#wrapper2 .item-page {
    max-width: 790px ;                                             /* was 660     nu 750                     */
}

#main {
    padding-top: 10px;                /*  was 10  nu 2   is artikel omhoog omlaag t.o.v. menuknop, ook ruimte rondom websitenaam in combi met R180 R209 R219 R277  */
    padding-bottom: 20px;
    position: relative;

}

#right {
    float: left;
    width: 20%;
    margin: 10px 0 10px 2%;
    padding: 0 0 5px 0;
    position: relative;
}

.unseen,
.hidelabeltxt,
#line label {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left {
    padding-top: 0;
    float: right;
    margin: 10px 0 10px 0;
    width: 22%;
    position: relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1 {
    padding: 0;
    float: left;
    margin: 10px 2% 10px 0;           /* was margin: 10px 3% 10px 0    nu 2%  in combi met #wrapper2 naar 74%     */
    width: 20%;
    position: relative
}

.leftbigger {
    width: 20%                                     /* org 25 - 22% en ook max-   width  bepaald breedte menu knop  heel  !important   */
}

/* ###################### header ###################### */

.skiplinks,
.skiplinks li {
    display: inline;
    height: 0;
    line-height: 0;
    padding: 0 !important;
}

.skiplinks li a.u2 {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;

}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus {
    position: absolute;
    width: 13em;
    top: -4em;
    left: 10px;
    line-height: 1.5em;
    padding: 5px;
    font-weight: bold;
    height: 3em;

}

.wrap {
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}
		/*  LOGO belangrijk bij GEEN Logo padding 0 20 0 10 en line-height: 0em zie ook min h in personal.css  */
#logo {
    margin-top: 0;
    margin-left: 0px;	/* positie logo 0  gelijk aan menuknop  */
    display: block;
    padding: 0em 0px 0px 26px;	     	     /* was 1em 20px 20px 10px   laatste 40 start NAAM WEBSITE  boven menu  */
    width: 425px;
    font-weight: normal;
    line-height: 0.5em;                /*   was 1em ook minimaal op 1.1 zetten */

}

#logo img {
    display: block;
}

#logo span {
    padding-left: 2px
}

#logo span.header1 {
    display: block;
    top: 0;
    line-height: 0.8em;
    font-size: 0.7em;
    padding-left: 55px
}

.logoheader {
    margin: 10px 0px 0px 10px;		/* 10 0 0 10 ruimte boven WEBSITENAAM 10 in combi met R284  0.5em            ? R180 R209 R219 R277            */
    padding: 0;
    text-align: left;
    font-weight: normal;
    line-height: 1.5em;
}
.header1 {
	font-size: 1.5em;
	margin-left: 10px;
}

#line {
    padding: 9px 0px 2px 2px;               /* positie zoeken 9 0 2 2   nu 1 2 0 1   zie ook  nav   R219    */
    position: absolute;
    right: 10px;
    top: 0.5em;							/* 0.5  nu 0.9 in combi met logo (280)  */
    max-width: 40em;
    text-align: right;
    min-width: 40em

}

#fontsize,
#line .search {
    display: inline;
    margin: 0;
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close {
    margin-right: 0;
    text-transform: uppercase;
}

#close span {
    position: absolute;
    right: 20px;
    z-index: 10000;
    top: 5px;
    font-weight: bold;
    text-align: right;
    line-height: 1.5em;
    margin-top:20px;
    padding: 5px
}

#close > a {
    display: block;
    overflow: hidden
}

#close > a:hover span {
    background: #095197
}

/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured {
    padding: 0;
}

.items-leading {
    padding: 0 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 10px
}

.row-separator {
    display: block;
    clear: both;
    margin: 0;
    border: 0;
    height: 1px
}

.item-separator {
    display: none;
    margin: 0;
}

.shownocolumns {
    width: 98% !important;
}

#top {
    margin: 0 0 20px 0;
    overflow: hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 46%;
    float: left;
}

.cols-2 .column-2 {
    width: 46%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 10px 5px
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom {
    overflow: hidden
}

.box {
    width: 27%;
    float: left;
    margin-right: 10px;
    min-height: 100px
}

.box1 {
    width: 35%
}

.box2 {
    width: 32%
}

.box3 {
    float: right
}

#footer-inner, #footer {
    max-width: 1025px;     /* 1025  samen met padding L en R maakt dit 1050 */
    margin: 0 auto;

    padding: 1px 15px 10px 10px;
}

img {
    border: 0 none;
    max-width: 100%;
}

/* hide the mobile menu button */
#mobile_select {
    display: none
}




/*               extra kunena                      extra kunena               extra kunena               extra kunena      

#kunena.layout #kbbcode-preview {
  width: 475px;										/*  400 - 475	extra regel VOORBEELD   max breedte preview    max-width: 562px;  regel 957   */
}

#kunena.layout #kpost-message .postinput,
#kunena.layout #kpost-message .postinput:hover,
#kunena.layout #kpost-message .postinput:focus {
  background-color: #FFF;
  color: #000;
  width: 500px;													/* 430 - 500 extra regel ONDERWERP/REDEN voor kunena editor bij titel/onderwerp  was 94% moet in 598px nu   width: 562px;  regel 3500 */
  border: 1px solid #BFC3C6;
  padding: 3px 5px;
}

#kunena.layout .markItUp {
  max-width: 560px;			/* 430 - 560  lijkt geen invloedd te hebben, zie volgende regel     extra was   width: 100%; nu    max-width: 562px;   moet in 615px of 640    regel 4038 */
}

#kunena.layout .markItUpContainer {
  width: 540px;								/* extra 465 - 540    extra was width: 100%; nu   max-width: 562px , eventueel kun je balk iconen verkleinen, 615px of minder, niet vergroten */
}

										/* extra de grijze quote achtergrond ontbrak   */
#kunena.layout blockquote {
  background-color: #F2F1EE;
  display: block;
  font-style: italic;
  border: 1px dotted #BFC3C6;
  margin: 5px 0;
  padding: 5px;

}

#kunena.layout div.kprofile-rightcol2 {
 margin-top: 504px;     /*   extra     anders lopen bij profiel website link en knoppen door elkaar heen   */
}


#kunena.layout h1 {
  background-color: #5488b4;               /* tekst was wit maar zonder bg, dus bg erbij.   ledenlijst het woord leden regel 654 */
  display: block;
  max-width: 98.8%;
  padding: 0px 0px 0px 10px;
}


#kunena.layout #btn_thankyou,
#kunena.layout #btn_unthankyou {
  background-color: #5488b4;
  color: #fff;
}

			alle kunena uit   */