body {
    background-color: #FFFFFF;
    font-family: Arial,Helvetica,"sans serif";
    }
.container {
    margin-top: 0;
    }
#topbar {
    height: 80px;
    text-align: center;
    margin-top: 50px;
    background-color: #FEFEFF;
    }
#topbar ul {
    height: auto;
    padding: 20px 0 0 0;
    margin: 0;
    }
#topbar li {
    display: inline;
    padding: 0;
    }
.hdrfoto { /* breedte bepalen foto box */
    max-width: 1920px;
    margin: 0 auto;
    display: block;
    }
.bxfoto {
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
    border-bottom: 1px solid #A02D2A;
    }
.home {
    background-image: url("headers/hdr-home640x120-05.jpg");
    background-position: right;
    }
.coach {
    background-image: url("headers/hdr-harten640x120.jpg");
    }
.curs {
    background-image: url("headers/groep-in-weiland640x120.jpg");
    }
.marg {
    background-image: url("headers/hdr-bessen640x120.jpg");
    }
.klapmarg {
    background-image: url("headers/hdr-klaproos-margje640x120.jpg");
    }
.sier {
    background-image: url("headers/hdr-sieraden640x120.jpg");
    }
.npl {
    background-image: url("headers/hdr-np640x120.jpg");
    }
.samen {
    background-image: url("headers/hdr-samen640x120.jpg");
    }
.toen {
    background-image: url("headers/hdr-toen640x120.png");
    }
.cnt {
    background-image: url("headers/hdr-pinken640x120.jpg");
    }
.bxfoto img {
	width: 100%;
 	margin: 0 auto;
    }
.toptxt {
    font-family: "Times new roman",serif;
    font-style:italic;
    padding: 40px 40px 0 0;
    margin: 0 auto;
    font-size: 20pt;
    color: #FFFFFF;
    text-shadow: 2px 2px #A02D2A;
    letter-spacing: 1px;
	font-weight: bold;
    text-align: right;
    max-width: 960px;
	} 
/*header {
    height: 108px;
    background-color: #FEFEDA;
    border-top: 1px solid #A02D2A;
    border-bottom: 1px solid #A02D2A;
    display: block;
    }   
#logo {
    float: left;
    z-index: 0;
    }
#logo img {
    max-width: 100%;
    height: auto;
    }*/
nav {
    height: 50px;
    background-color: #FEFEDA;
    border-top: 2px solid #A02D2A;
    border-bottom: 1px solid #A02D2A;
    display: block;
    }
#menu, #menu ul {
    z-index: 1000;
    padding: 8px 0 0 0;
    margin: 0;
    list-style: none;
    float: left;
    }
#menu li {
    float: left;
    width: auto;
    padding: 0;
    background-color: #FEFEDA;
    font-weight: bold;
    display: block;
    }
#menu ul {
    position: absolute;
    width: 200px;
    left: -1000px;
    }
#menu li:hover ul {
    left: auto;
    }
#menu a {
    display: block;
    margin: 2px 10px 2px 10px;
    padding: 2px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    }
#menu li ul {
    padding-top: 0;
    border: 1px solid #A02D2A;
    }
#menu ul li {
    width: 200px;
    display: block;
    padding: 4px 0;
    margin: 0;
    /*font-size: 1.2em;
    -moz-box-shadow: 6px 6px 5px #0000C0;
    -webkit-box-shadow: 6px 6px 5px #0000C0;
    box-shadow: 6px 6px 6px #C0C0C0;*/
    }
/*table{
    border: 0;
    width: 100%;
    }*/
main {
    display: block;
    font-size: 1.1em;
    background-color: #FFFFDB;
    }
#main {
    padding: 0;
    margin: 0 auto;
    line-height: 1.4;
    text-align: left;
    max-width: 1010px;
    background-image: url("images/ag-md06.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: inherit;
	}
#main li {
    margin: 0 0 0 20px;
    }
.pics-l, .pics-r {
    width: 240px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    }
.ck01 {
    margin-top: 0;
    }
#sidebar, #sidebar2 {
    margin: 0;
    padding-left: 0;
    width: 100%;
    }
#sidebar img {
    max-width: 100%;
    height: auto;
    }
#sieraden img {
    border-radius: 9px;
    border: 1px solid #A02D2A;
    box-sizing: border-box;
    margin-top: 10px;
    text-align:center;
    }
#leeg {
    width: 100%;
    height: 50px;
    }
#slag {
    max-width: 990px;
    padding: 5px 0;
    margin: 0 auto;
    height: auto;
    }
.slag{
    color: #A02D2A;
    font: bold 0.85em Arial,Helvetica,"sans serif";
    text-align: center;
    letter-spacing: 0.1em;
    margin: 0 0 10px 0;
    max-width: 990px;
    }
.cont{
    text-align: center;
    padding: 10px;
    margin: 0;
    }
.cntr{
    text-align: center;
    }
.mdcc{
    color:#A02D2A;
	font-weight: bold;
    }
.klr {
    color:#ED0000;
	font-weight: bold;
    font-size: 18pt;
    }
.p0 {
    margin-top: 0;
    }
.p1 {
    margin-bottom: 0;
    }
ol {
    margin-left: 8px;
    }
#gmap {
    display:none;
    }
#map {
    height: 400px;
    width: 100%;
    margin-bottom: 10px;
    }
h1{
    font-family: Arial,Helvetica,"sans serif";
    font-size: 1.2em;
    color: #A02D2A;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin: 20px 0;
    }
h2{
    font-family: Arial,Helvetica,"sans serif";
    font-size: 1.05em;
    color: #A02D2A;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin: 10px 0 0 0;
    }
h3{
    font-family: Arial,Helvetica,"sans serif";
    font-size: 1.0em;
    color: #000000;
    font-weight: bold;
    margin: 10px 0;
    }
footer {
    font-family: Arial,Helvetica,"sans serif";
    background-color: #A02D2A;
    border-top: 1px solid #A02D2A;
    height: auto;
	clear: both;
	}
.info{
    color: #FFFFFF;
    font-family: Arial,Helvetica, "sans serif";
    text-align: left;
    padding: 10px 0;
    font-size: 1em;
    line-height: 1.4;
    }
.lijn{
    color:#BE247A;
    font-family:Arial,Helvetica,"sans serif";
	font-weight: bold;
    }
.rnd {
    border: 1px solid #000000;
    }
nav {
    display: none;
    }
    #menu {
		display:none;
	}   
/* #menu is the original menu */
	.js #menu {
		display:none;
	}
	.js .slicknav_menu {
        z-index: 5;
        display:block;
        position: fixed;
        width: 100%;
        top: 0;
	}
    .slicknav_menu {
        display:block;
	}
@media screen and (min-width: 620px) {
.bxfoto {
    height: 192px;
    }
.toptxt {
    padding: 80px 120px 0 0;
    font-size: 28pt;
    text-shadow: 3px 3px #A02D2A;
    text-align: right;
	}
.home {
    background-image: url("headers/hdr-home1024x192-05.jpg");
    background-position: right;
    }
.coach {
    background-image: url("headers/hdr-harten1024x192.jpg");
    }
.curs {
    background-image: url("headers/groep-in-weiland1024x192.jpg");
    }
.marg {
    background-image: url("headers/hdr-bessen1024x192.jpg");
    }
.klapmarg {
    background-image: url("headers/hdr-klaproos-margje1024x192.jpg");
    }
.sier {
    background-image: url("headers/hdr-sieraden1024x192.jpg");
    }
.npl {
    background-image: url("headers/hdr-np1024x192.jpg");
    }
.samen {
    background-image: url("headers/hdr-samen1024x192.jpg");
    }
.toen {
    background-image: url("headers/hdr-toen1024x192.png");
    }
.cnt {
    background-image: url("headers/hdr-pinken1024x192.jpg");
    }
.pics-l {
    float: left;
    margin: 0 10px 0 5px;
    }
.pics-r {
    float: right;
    margin: 0 0 5px 10px;
    }
#main {
    background-image: url("images/ag-md06.gif");
    }
}
@media screen and (min-width: 740px) {
#sidebar {
    margin: 60px 0 0 0;
    }
#sidebar2 {
    margin: 10px 0 0 0;
    }
.ck01 {
    margin-top: 60px;
    }
}
@media screen and (min-width: 1010px) {
nav {
    display: block;
    }    
#nav {
	display:block;
    }
#menu {
		display:block;
	}
.js #menu {
		display:block;
	}
.js .slicknav_menu {
	display:none;
    }
.slicknav_menu {
	display:none;
    }
#topbar {
	display:none;
    }
header {
    height: 108px;
    border-top: 0;
    border-bottom: 4px solid #A02D2A;
    } 
#main img {
    max-width: 100%;
    height: auto;
    }
footer {
    border-top: 4px solid #A02D2A;
    }
.bxfoto {
    height: 240px;
    border-top: 1px solid #A02D2A;
    }
.toptxt {
    padding: 100px 150px 0 0;
    font-size: 36pt;
    text-shadow: 4px 4px #A02D2A;
    text-align: right;
	}
.home {
    background-image: url("headers/hdr-home1280x240-05.jpg");
    background-position: right;
    }
.coach {
    background-image: url("headers/hdr-harten1280x240.jpg");
    }
.curs {
    background-image: url("headers/groep-in-weiland1280x240.jpg");
    }
.marg {
    background-image: url("headers/hdr-bessen1280x240.jpg");
    }
.klapmarg {
    background-image: url("headers/hdr-klaproos-margje1280x240.jpg");
    }
.sier {
    background-image: url("headers/hdr-sieraden1280x240.jpg");
    }
.npl {
    background-image: url("headers/hdr-np1280x240.jpg");
    }
.samen {
    background-image: url("headers/hdr-samen1280x240.jpg");
    }
.toen {
    background-image: url("headers/hdr-toen1280x240.png");
    }
.cnt {
    background-image: url("headers/hdr-pinken1280x240.jpg");
    }
#gmap {
    display:block;
    }
}
@media screen and (min-width: 1240px) {
.bxfoto {
    height: 360px;
    }
.toptxt {
    padding: 180px 150px 0 0;
    font-size: 44pt;
    text-shadow: 4px 4px #A02D2A;
    text-align: right;
	}
.home {
    background-image: url("headers/hdr-home1920x360-05.jpg");
    background-position: right;
    }
.coach {
    background-image: url("headers/hdr-harten1920x360.jpg");
    }
.curs {
    background-image: url("headers/groep-in-weiland1920x360.jpg");
    }
.marg {
    background-image: url("headers/hdr-bessen1920x360.jpg");
    }
.klapmarg {
    background-image: url("headers/hdr-klaproos-margje1920x360.jpg");
    }
.sier {
    background-image: url("headers/hdr-sieraden1920x360.jpg");
    }
.npl {
    background-image: url("headers/hdr-np1920x360.jpg");
    }
.samen {
    background-image: url("headers/hdr-samen1920x360.jpg");
    }
.toen {
    background-image: url("headers/hdr-toen1920x360.png");
    }
.cnt {
    background-image: url("headers/hdr-pinken1920x360.jpg");
    }
}
a.select:link, a.select:visited {
	color: #A02D2A;
    }
a.select:hover, a.select:active {
	color: #A02D2A;
    }
a.unsel:link, a.unsel:visited {
	color: #C67272;
    }
a.unsel:hover, a.unsel:active {
	color: #A02D2A;
    }
a.foto:link img, a.foto:visited img {
	border: 1px solid #0063A5;
	}
a.foto:hover img, a.foto:active img {
	border: 1px solid #871666;
    }
a.tekst:link, a.tekst:visited {
	color: #000000;
	}
a.tekst:hover, a.tekst:active {
	color: #A02D2A;
    }
a.ftr:link, a.ftr:visited {
	color: #FFFFFF;
	}
a.ftr:hover, a.ftr:active {
	color: #808080;
    }