* {margin: 0px; padding: 0px;}
html, body {height: 100%; width: 100%;}
body { background: #736a87 url('img/bg.jpg'); font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 21px; color: #111;}
#wrap {width: 860px; height: 100%; background: #fff; padding: 0px 0px 0px 0px;  margin: 10px auto 0px auto; border-radius: 15px; behavior: url(border-radius.htc);}
#header {height: 140px; background: transparent;}
#headerbalk {clear: both; display: none; visibility: hidden; background: #aaa; border-top: solid 1px #dedede; border-bottom: solid 1px #dedede; padding: 1px 0px; height: 70px;}
#watermerk {width: 420px; margin: 0 auto; color: #b697fa;}
#watermerk div {opacity: 0; float: left; height: 27px; width:25px; padding: 3px 5px 0px 5px; font-weight: 100; font-size: 29px; font-family: MS Sans Serif, Geneva, sans-serif; margin-top: 4px;}
#raam {background: #736a87 url('img/bg.jpg'); min-height: 800px; padding: 5px 20px 20px 20px; margin: 20px 20px 20px 20px; border-radius: 5px;}
#content {margin: 30px 0px 0px 0px;background: #fff; min-height: 800px;}
#content2 {padding: 25px; margin: 0px 20px 0px 20px;}
h2 {color: #fff; font-weight: 100; font-size: 35px; margin-bottom: 20px;}
a {color: #6155A4;}
#content p {margin: 0px 20px 20px 0px; width: 21em;}
#content p.groenp {color: #fff; font-size: 20px; line-height: 26px; width: 100%;}
#content2 p {float: none;}
#caleidylogo {display: block; background: transparent url('img/caleidy_logo3.png') no-repeat top left; height: 125px; width: 319px; margin: 15px 0px 10px 15px; float: left; text-decoration: none;}
#caleidylogo span{visibility: hidden;}
#menu {float:right; margin: 57px 10px 0px 0px; height: 32px; padding: 37px 10px 0px 0px;}
#menu li {list-style: none; display: block; float: left;}
a.menu {display: block; padding: 5px 10px; font-size: 14px; font-weight: 100; text-decoration: none; color: #333; text-align: center; margin-left: 9px;}
menu.li:first-child {margin: 0px;}
/*a.menu:hover {background-color: #96bd1f; color: #fff; border-radius: 5px;}*/
a.menu:hover {background: transparent url('img/streep2.png') no-repeat bottom center; background-size: 100% 7px; color: #96bd1f; }
a.activemenu {display: block; font-weight: 200; color: #fff; background-color: #96bd1f;border-radius: 5px; behavior: url(border-radius.htc);}
h1 {background-color: #6d2efa; padding: 20px 0px 20px 25px; color: #fff; font-weight: 100; font-size: 40px; line-height: 40px; margin-bottom: 20px; font-family: Georgia, Times New Roman, serif;}
h4 {background-color: #6d2efa; padding: 10px 0px 10px 25px; color: #fff; font-weight: 100; font-size: 20px; line-height: 30px; margin-bottom: 20px; font-family: Georgia, Times New Roman, serif;}
#footer { margin: 0px auto 0px auto; padding: 0px 0px; background: #fff;}
.footercontent {background: #fafafa; height: 80px; padding: 30px; border-top: solid 1px #eee; text-shadow: 1px 1px 1px #fff; color: #aaa; font-size: 13px;}
.footerlinks {float: right; text-align: right;}
.push {height: 50px;}
p strong {font-size: 16px; font-weight: heavy;}
#raam div p {padding: 0px 0px 0px 20px; width: 20em;}
#raam div .intro {width: 95%; margin-top: 0px; padding-top: 0px; margin-bottom: 30px;	}
#raam div {padding: 30px 25px 0px 25px; background-color: #fff; margin-top: 20px;}
#raam .div-home {padding: 30px 25px -10px 25px; width:500px; background-color: transparent; border-radius: 5px; margin: 40px auto 40px auto;}
#bannerdiv {padding-top: 30px; visibility: hidden;}
#overlay {z-index: 80; background: #000; opacity: 0; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: none;}

.blokje {background: #c1dc54; z-index: 100; position: fixed; border-radius: 10px; color: #111; display: none; padding: 0;}
.blokcontent {background: transparent; border-radius: 10px; height:93%; overflow: auto; overflow-x: hidden; margin: 35px 0 3% 3%; padding-right: 3%;}
.blokcontent h2 {text-transform: capitalize; font-size: 25px; font-weight: 700; color: #555;}
.sluiten {float: right; display: block; width: 20px; height: 20px; background-color: #c1dc54; color: #fff; padding: 5px; border-radius: 15px;  margin: 3px 3px 0px -35px; text-decoration: none; text-align: center; font-weight: 700;}
.adminlink {display: block; float: left; padding: 10px; background: #eee; margin-right: 15px;}
.pagelink {border-bottom: solid 1px #ddd; padding: 5px 0px; margin-bottom: 5px;}
.preload {visibility: hidden; display: none;}

ul {margin-left: 3em;}

/* begin trainingen */

#content2 {display: block; width: 770px; min-height: 770px;} 
#trainingen {position: absolute; width: 770px; height: 850px; background: transparent url("images/achtergrond_trainingen3.png") no-repeat center center;}

#image1{position:absolute; cursor:pointer; width:190px; height:190px; top: 0px; left: 420px;}
#1blok{width:200px; height:200px; top: 0px; left: 420px;}
#image1over{display:none; position:absolute; z-index:20; cursor:pointer; margin-top: 0px; top: 0px; left: 420px;}
#titel1{display:none; position:absolute; z-index:40; cursor:pointer; margin: -35px 0px 0px 0px; pointer-events: none; padding: 15px 0px; font-size: 25px; width: 200px; text-align: center; background: #fff; opacity: 0.8; top: 100px; left: 420px;}

#image2{position:absolute; cursor:pointer; width:190px; height:190px; margin-top: -120px; top: 355px; left: 590px;}
#2blok{width:200px; height:200px; margin-top: -120px; top: 355px; left: 590px;}
#image2over{display:none; position:absolute; z-index:20; cursor:pointer; margin-top: -120px; top: 355px; left: 590px;}
#titel2{display:none; position:absolute; z-index:40; cursor:pointer; margin: -45px 0px 0px 0px; pointer-events: none; padding: 15px 0px; font-size: 25px; width: 200px; text-align: center; background: #fff; opacity: 0.8; top: 100px; left: 590px; top: 355px;}

#image3{position:absolute; cursor:pointer; width:190px; height:190px; margin-top: -140px; top: 630px; left: 540px;}
#3blok{width:200px; height:200px; margin-top: -140px; top: 630px; left: 540px;}
#image3over{display:none; position:absolute; z-index:20; cursor:pointer; margin-top: -140px; top: 630px; left: 540px;}
#titel3{display:none; position:absolute; z-index:40; cursor:pointer; margin: -65px 0px 0px 0px; pointer-events: none; padding: 15px 0px; font-size: 25px; width: 200px; text-align: center; background: #fff; opacity: 0.8; top: 620px; left: 540px;}

#image4{position:absolute; cursor:pointer; width:190px; height:190px; margin-top: -140px; top:740px; left: 285px;}
#4blok{width:200px; height:200px; margin-top: -140px; top:740px; left: 285px;}
#image4over{display:none; position:absolute; z-index:20; cursor:pointer; margin-top: -140px; top:740px; left: 285px;}
#titel4{display:none; position:absolute; z-index:40; cursor:pointer; margin: -65px 0px 0px 0px; pointer-events: none; padding: 15px 0px; font-size: 25px; width: 200px; text-align: center; background: #fff; opacity: 0.8; top: 730px; left: 285px;}

#image5{position:absolute; cursor:pointer; width:190px; height:190px; margin-top: -140px; top: 630px; left: 40px;}
#5blok{width:200px; height:200px; margin-top: -140px; top: 630px; left: 40px;}
#image5over{display:none; position:absolute; z-index:20; cursor:pointer; margin-top: -140px; top: 630px; left: 40px;}
#titel5{display:none; position:absolute; z-index:40; cursor:pointer; margin: -65px 0px 0px 0px; pointer-events: none; padding: 15px 0px; font-size: 25px; width: 200px; text-align: center; background: #fff; opacity: 0.8; top: 620px; left: 40px;}

#image6{position:absolute; cursor:pointer; width:190px; height:190px; margin-top: -120px; top: 350px; left: -35px;}
#6blok{width:200px; height:200px; margin-top: -120px; top: 350px; left: -35px;}
#image6over{display:none; position:absolute; z-index:20; cursor:pointer; margin-top: -120px; top: 350px; left: -35px;}
#titel6{display:none; position:absolute; z-index:40; cursor:pointer; margin: -45px 0px 0px 0px; pointer-events: none; padding: 15px 0px; font-size: 25px; width: 200px; text-align: center; background: #fff; opacity: 0.8; top: 350px; left: -35px;}

#image7{position:absolute; cursor:pointer; width:190px; height:190px; margin-top: 80px; top: -78px; left: 115px;}
#7blok{width:200px; height:200px; margin-top: 80px; top: -78px; left: 115px;}
#image7over{display:none; position:absolute; z-index:20; cursor:pointer; margin-top: 80px; top: -78px; left: 115px;}
#titel7{display:none; position:absolute; z-index:40; cursor:pointer; margin: 155px 0px 0px 0px; pointer-events: none; padding: 15px 0px; font-size: 25px; width: 200px; text-align: center; background: #fff; opacity: 0.8; top: -88px; left: 115px;}

#maan {display: block; position: absolute; top: 210px; left: 170px; width: 415px; height: 300px; cursor: pointer;}
#maanblok {top: 210px; left: 170px; width: 415px; height: 300px;}

.flipImage{border: solid 5px #c1dc54; border-radius: 100%; behavior: url(border-radius.htc);}
#maan{border: 0px;}

.training_div {width: 100%;  padding: 0; margin: 0;}
.training_div div {display: block; background: rgb(255,255,255); background: rgba(255,255,255,0.8); padding: 15px 30px 30px 30px; border-radius: 15px; margin: 0 0 45px 0;}
.training_div h2 {color: #444; font-size: 33pt; text-align: center; line-height: 40pt; text-transform: none; font-weight: 100;}
.training_div h3 {color: #222; font-size: 20pt; text-align: center; line-height: 40pt;  font-weight: 100;}
.training_div h5 {font-size: 20pt; font-weight: 100;}

/* einde trainingen */