@font-face {
    font-family: 'latoregular';
    src: url('https://archief.andragologie.org/fonts/lato-regular-webfont.eot');
    src: url('https://archief.andragologie.org/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://archief.andragologie.org/fonts/lato-regular-webfont.woff') format('woff'),
         url('https://archief.andragologie.org/fonts/lato-regular-webfont.ttf') format('truetype'),
         url('https://archief.andragologie.org/fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('https://archief.andragologie.org/fonts/lato-bold-webfont.eot');
    src: url('https://archief.andragologie.org/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://archief.andragologie.org/fonts/lato-bold-webfont.woff') format('woff'),
         url('https://archief.andragologie.org/fonts/lato-bold-webfont.ttf') format('truetype'),
         url('https://archief.andragologie.org/fonts/lato-bold-webfont.svg#latoregular') format('svg');
    font-weight: bold;
    font-style: normal;

}
/* 26-08-2015 aanmeldformulier collegereeks uit gezet */
.aanmeldform, .showform {display: none}
body {margin:0;
padding:0;
font-family: 'latoregular';
}
div#fonds  {display:flex}
div#fonds div {padding-right: 10px}
div#fonds div:last-child {padding-right: 0}
div#fonds div p {text-align: left;}
div#fonds h2 {color: purple}
#pagewrapper {width:1166px;
margin-left:auto;
margin-right: auto;
background-color: white;position: relative;
background-image: url(/uploads/images/gfx/park-2.png);
background-position:0 93px;
background-repeat: no-repeat;
}

div#header{
position: relative;
background-image: url(https://archief.andragologie.org/uploads/images/gfx/bg-75.png);
background-image: url(https://archief.andragologie.org/uploads/images/gfx/wit.png);
width: 960px;
height:119px;
padding: 0 103px;
}
div#search {position: absolute; top: 61px; right: 103px;border:1px solid #bababa;}
#header img {
margin-top: 54px;margin-right: 10px
}
#header span {display: inline-block;
    font-family: serif;
    font-size: 51px;
    line-height: 152px;
    vertical-align: top;
}
div#menu {
background-image: url(https://archief.andragologie.org/uploads/images/gfx/bg-75.png);
height: 36px;
margin-top:212px;
margin-left:103px;
margin-right:103px;
padding-left:35px;
}
div#content {
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
min-height:450px;
margin-left:103px;
margin-right:103px;
line-height:1.4em;
font-size:14px;
position:relative;
padding-top:30px;
}

a.boven{color:#f63e60;display:block;padding-top:20px;}

div#footer{clear:right;padding-top:10px;
position:relative;bottom:-35px;padding-left:35px;font-size:10px;}
div#left, div#right {display: inline-block; vertical-align: top;}
div#right {width:700px;min-height:450px;}
div#left {width: 180px;padding-left:35px;padding-top:0px;}
body#type-1 div#left {width:600px;padding-left:35px}
body#type-1 div#right {width: 272px;padding-left:48px;min-height:450px;}
div#tekst{padding:0 20px 0 127px;min-height:450px;}

h1{font-size:26px;margin-top:0;padding-top:0;color:#666;line-height:1.2em}
h2{font-size:17px;margin-bottom:4px;margin-top:15px;}
h3{font-size:15px;margin-bottom:2px;margin-top:3px;}
h4{font-size:14px;margin-bottom:0;margin-top:2px;}
h5{font-size:13px;margin-bottom:0;margin-top:2px;}
p{margin-top:1px;text-align:justify}
ul{margin:0 0 4px 0;padding:0}
li{list-style-type:none;}
div#search input[type=submit]{
width:30px;
height:26px;
background-image:url(https://archief.andragologie.org/uploads/images/gfx/zoek3.png);
border:none;
padding:0;
margin:0 0 0 -4px;;}

div#search input{
border:none;
font-family:'latoregular';
height:26px;
padding:0 0 0 23px;
margin:0;
vertical-align:top;
background-color:#eee;
color:black;
width:181px;

}
div.cal-upcominglist h2,h2.actueel{
background-color:#9e9e9e;
color:white;
padding:2px 2px 2px 25px;
font-size:18px;
margin-top:0;
}
div.cal-upcominglist{margin-left:7px;}
div.cal-upcominglist a {color: #f63e60}
div.cal-upcominglist .calendar-summary,.calendar-date-from{line-height:1.2em;margin-bottom:10px;}
div.calendar-details{margin-bottom:10px;}
div.calendar-details p {text-align: left;}
div.calendar-details ul {
padding:0 0 0 6px;
margin: 0;

}
div.calendar-details li {
list-style-type: none;
margin-left: 0;
text-indent: -6px;
padding:0;
}
div.calendar-details ul li:before{
float: left: width: 5px;
content: "- \020";
}
div.cal-upcominglist h3{margin:5px 0;}

div.calendar-fields a img{vertical-align:text-bottom;}
div.calendar-fields + h2 {font-size: 15px; font-weight: normal; margin-top:15px}
span.haakje{font-size:26px;display:inline-block;padding:4px 8px 0 0px;color:#3A7008;position:absolute;top:0;left:-20px;color:#f63e60;}
div.cal-upcominglist .calendar-event,.NewsSummary{display:inline-block;margin-left:20px;vertical-align:top;position:relative;}

.NewsSummary h3 a{font-variant:small-caps}
.NewsSummary p{margin-bottom:0}
.NewsSummary{margin-bottom:10px;padding-right:5px;}
#NewsPostDetailReturnLink{margin-top:10px;}

.calendar-event td{vertical-align:top;padding-right:5px}
/*.calendar-event a{font-weight:bold;text-decoration:none;font-variant:small-caps;font-size:17px;line-height:17px;}*/
.formulier input{width:250px;border:1px solid #9e9e9e;padding:2px 0;margin :4px 0;font-family:'latoregular';vertical-align:top;}
.formulier textarea{border-radius:0;border:1px solid #9e9e9e;margin:3px 0;}
.formulier input[type=radio]{width:auto;float:left;}
.formulier label{display:inline-block;width:150px;vertical-align:top;}
.formulier .titelform input{border:none;width:400px;font-size:16px;margin-bottom:11px;}
.formulier .titelform label{display:none;}
.formulier div{display:inline-block;}
.formulier input[type=submit]{background-color:#9e9e9e;color:white;font-family:'latoregular';margin-left:150px;border:1px solid #9e9e9e;width:254px;cursor:pointer;}
.formulier div.radio div label{padding-top:2px;}
div.aanmeldform{margin-top:15px}
.check input{width:auto;float:right}
.check label{float:left;height:110px;}
.check div label{height:auto;width:220px;}
.check div{width:250px;float:left}
.formulier textarea{width:250px;height:40px;}
.error_message{color:#f63e60;}
/* menustyles*/

#menu li{list-style:none; display:inline-block; margin: 0px 29px 0px 0px; padding-left:0;font-weight:bold;position:relative;height:26px;color:#444;vertical-align:top;margin-top:10px}
#menu li.sectionheader{cursor: pointer}
#menu a{text-decoration:none; color:#444; underline:none;  padding:0;height:26px; margin:0;font-weight:bold;display:inline-block;vertical-align:top}
#menu ul{margin:0 50px 0 0; padding:0; display: flex;flex-direction:row;justify-content: space-between;}

#menu-top li {list-style:none; margin:6px 5px 6px 0; padding:0; display:inline-block;}
#menu-top a {text-decoration:none; underline:none; color:#444; margin:0; padding:0;font-weight:bold;}
#menu-top ul {margin:0; padding:0;display:inline-block}
#menu-top {position:absolute; right:344px;top:62px; }
#header #menu-top a img{margin:0;padding:2px;vertical-align:text-bottom;width:20px;height:20px;}
a img{border:none;}
#menu-top a.menuactive,#menu-top a:hover,#menu a.menuactive,#menu a:hover,#menu li.menuactive,#menu li:hover{color:#e36ada;color:#3A7008;color:#df5b57;color:#f63e60;}
a{color:#0095FF; text-decoration: none}
#menu ul li ul{
z-index:50000;
position:absolute;
display:none;
top:26px;
left:-5px;
width:130px;
background-color:#ddd;

}
#menu ul li ul li{display:block;font-size:12px;height:auto;padding:0;width:100px;margin:0}
#menu ul li ul li a{height:auto;margin:0;padding:5px;width:80px}
#menu ul li:hover ul{display:block}

#submenu li{list-style:none;padding:0 0 6px 0;}
#submenu ul{margin:0;padding:0}
#submenu ul li ul{padding-left:10px;}
#submenu ul li ul li {font-size: 12px; padding-bottom:1px}
#submenu a{color:black;text-decoration:none;}
#submenu a:hover,#submenu a.menuactive{color:#3A7008;color:#f63e60;}


.naamenfaam p {display:inline-block; width:300px; vertical-align:top;padding-right:30px;}
.naamenfaam p:first-of-type{display:block;width:auto;}
.naamenfaam img {display:block; float:left; padding: 4px 5px 5px 0}
#tekst.contact p{display:inline-block;vertical-align:top;width:250px;}
#tekst.contact address{font-style:normal;margin-bottom:10px;}
/*wysiwyg styles */

div.datumlijst a {text-decoration: none; display: inline; color: #0095ff;
margin-left: 0; font-size: 14px}
div.datumlijst div p {display: inline-block; vertical-align: top; text-align: left; font-size: 14px; width: 500px}
div.datumlijst div p:first-child {width:90px; padding-top: 1px}
div.datumlijst a:first-child{margin-left: 0}
ul a {color: #0095ff}

/*@media all and (max-width: 1200px) and (min-width: 960px){

div#pagewrapper{width:960px;}
div#header{padding:0;}
div#content{border:1px solid #ccc;}
div#menu{margin-left:0;margin-right:0}
div#search{right:0}
#menu-top{right:10px}
}
@media all and (max-width: 959px) and (min-width:685px){
div#pagewrapper{width:100%}
div#header{width:100%;padding:0}
div#content{border:1px solid #ccc;width:100%}
div#menu{margin-left:0;margin-right:0;padding-left:10px}
#menu-top{right:10px}
div#menu li{margin-right:15px;}
div#left{width:35%;padding-left:10px}
div#right{width:55%;padding-left:10px}
body#type-1 div#left{width:55%;padding-left:10px}
body#type-1  div#right{width:35%;padding-left:10px}
div.cal-upcominglist .calendar-event{width:85%}
}
@media all and (max-device-width: 684px){
html{min-height:100%}
body{min-height:100%}
div#pagewrapper{width:100%;background-image:none;min-height:100%}
div#header{width:100%;padding:0;height:auto;}
#header img{margin-top:10px;}
#header span{font-size:14px;line-height:74px}
#header #search{top:12px;}
div#content{border:1px solid #ccc;width:100%;}
div#menu{margin-left:0;margin-right:0;}
div#search{right:0}
#menu-top{right:10px;top:50px}
body#type-1 div#left{width:65%;padding-left:0px;float:right}
body#type-1  div#right{width:30%;padding-left:10px}
div#menu{margin-top:0;height:auto;width:30%;float:left;padding-left:10px}
div#menu li{display:block;margin:0;padding:0;height:auto;font-size:12px;}
div#menu li a{height:auto;padding:2px;font-size:12px}
div#menu ul li ul{display:block;position:static;background-color:transparent;}

div#menu ul li ul li a{width:auto;padding :1px;font-size:10px;}
div#left{width:20%;padding-left:0%}
div#right{width:65%;padding-left:0%}
div.cal-upcominglist .calendar-event{width:85%}
span.haakje{display:none;}
div.cal-upcominglist h2{padding:0;font-size:13px;}
div#search input{width:80px;}
.formulier input[type=submit]{width:152px;}
.formulier input{width:150px}
}
@media all and (max-width: 485px){
.formulier input[type=submit]{margin-left:0}
.formulier input{display:block}
}*/

.showform img{vertical-align:bottom;}
/* Stylesheet: androkopie Modified On 2022-04-14 16:48:01 */