@charset "utf-8";
/* CSS Document */
body, html 
{
height:100%;
margin:5px 5px 0px 5px;
font-family:Arial, Helvetica, sans-serif;
background-color:#2180c0;
} 
#container {
margin-top:0px;
width:990px;
position: absolute; 
left:50%;
margin-left:-495px;/*de helft van width*/
min-height:1000px;

}
#bovenrand {
height: 130px;
width:990px;
background-color: #2180c0;
background-image:url(img/banner5.jpg);
background-repeat:no-repeat;
background-position: left;
}
#logo {
height:100px;
width:150px;
background-image:url(img/logo.jpg);
background-repeat:no-repeat;
background-position: left ;
padding-top:20px;
margin-left:30px;
margin-bottom:0px;
}
#menu {
background-image:url(img/menurand4.jpg);
width:990px;
height:60px;
padding-left:0px;
padding-right:0px;

}
#geheel {
width:100%;
background-color: #FFFFFF;
height:900px;
}
#geheel2 {
width:100%;
background-color: #FFFFFF;
height:1200px;
}

#geheel3 {
width:100%;
background-color: #FFFFFF;
height:1200px;
}
#geheel4 {
width:100%;
background-color: #FFFFFF;
height:2100px;
}

#geheel2b {width:100%; background-color: #FFFFFF; height:1500px;}

#geheel2c {width:100%; background-color: #FFFFFF; height:2750px;}

#geheel2d {width:100%; background-color: #FFFFFF; height:2200px;}

#geheel2e {width:100%; background-color: #FFFFFF; height:1900px;}

#geheel2f {width:100%; background-color: #FFFFFF; height:4000px;}

#geheel2g {width:100%; background-color: #FFFFFF; height:3000px;}

#geheel2h {width:100%; background-color: #FFFFFF; height:2500px;}

#rechts{
height:100%;
background-color: #CADEF4;
}

#links {
width:175px;
float:left;
background-image:url(img/links.jpg);
background-position:left;
background-repeat:repeat-y;
min-height:900px;
border-right-width:5px;
border-right-style: inset;
border-color: #97BDE8;
}

#links2 {
width:175px;
margin-left:0px;
float:left;
background-image:url(img/links.jpg);
background-position:left;
background-repeat:repeat-y;
min-height:900px;
height:900px;
height:100%;
border-right-width:5px;
border-right-style: inset;
border-color: #97BDE8;
}

#links3 {
width:175px;
margin-left:0px;
float:left;
background-image:url(img/links.jpg);
background-position:left;
background-repeat:repeat-y;
min-height:1200px;
height:1200px;
height:100%;
border-right-width:5px;
border-right-style: inset;
border-color: #97BDE8;
}
#links4 {
width:175px;
margin-left:0px;
float:left;
background-image:url(img/links.jpg);
background-position:left;
background-repeat:repeat-y;
min-height:2000px;
height:2100px;
height:100%;
border-right-width:5px;
border-right-style: inset;
border-color: #97BDE8;
}

#links2b {width:175px; margin-left:0px; float:left; background-image:url(img/links.jpg); background-position:left; background-repeat:repeat-y;}
#links2b {min-height:1500px; height:1500px; height:100%; border-right-width:5px; border-right-style: inset; border-color: #97BDE8;}

#links2c {width:175px; margin-left:0px; float:left; background-image:url(img/links.jpg); background-position:left; background-repeat:repeat-y;}
#links2c {min-height: 2750px; height: 2750px; height:100%; border-right-width:5px; border-right-style: inset; border-color: #97BDE8;}

#links2d {width:175px; margin-left:0px; float:left; background-image:url(img/links.jpg); background-position:left; background-repeat:repeat-y;}
#links2d {min-height: 2100px; height: 2200px; height:100%; border-right-width:5px; border-right-style: inset; border-color: #97BDE8;}

#links2e {width:175px; margin-left:0px; float:left; background-image:url(img/links.jpg); background-position:left; background-repeat:repeat-y;}
#links2e {min-height: 1800px; height: 1900px; height:100%; border-right-width:5px; border-right-style: inset; border-color: #97BDE8;}

#links2f {width:175px; margin-left:0px; float:left; background-image:url(img/links.jpg); background-position:left; background-repeat:repeat-y;}
#links2f {min-height: 3900px; height: 4000px; height:100%; border-right-width:5px; border-right-style: inset; border-color: #97BDE8;}

#links2g {width:175px; margin-left:0px; float:left; background-image:url(img/links.jpg); background-position:left; background-repeat:repeat-y;}
#links2g {min-height: 2900px; height: 3000px; height:100%; border-right-width:5px; border-right-style: inset; border-color: #97BDE8;}

#links2h {width:175px; margin-left:0px; float:left; background-image:url(img/links.jpg); background-position:left; background-repeat:repeat-y;}
#links2h {min-height: 2400px; height: 2500px; height:100%; border-right-width:5px; border-right-style: inset; border-color: #97BDE8;}

#plaatje {
background-image:url(img/oog.gif);
background-repeat:no-repeat;
background-position: left 30px;
margin-left:200px;
padding-top:0px;
margin-top:0px;
min-height:600px;
height:100%;
}
#plaatje2 {
background-image:url(img/mond.gif);
background-repeat:no-repeat;
background-position: left 30px;
margin-left:200px;
padding-top:0px;
margin-top:0px;
min-height:600px;
height:100%;
}
#plaatje3 {
background-image:url(img/neus.gif);
background-repeat:no-repeat;
background-position: left 30px;
margin-left:200px;
padding-top:0px;
margin-top:0px;
min-height:600px;
height:100%;
}
#plaatje4 {
background-image:url(img/oor.gif);
background-repeat:no-repeat;
background-position: left 30px;
margin-left:200px;
padding-top:0px;
margin-top:0px;
min-height:600px;
height:100%;
font-size:12px;
}
#plaatje5 {
background-image:url(img/hand2.jpg);
background-repeat:no-repeat;
background-position: left 30px;
margin-left:200px;
padding-top:0px;
margin-top:0px;
min-height:600px;
height:100%;
}
#plaatje6 {
background-image:url(img/logodiamant.jpg);
background-repeat:no-repeat;
background-position: left 30px;
margin-left:200px;
padding-top:0px;
margin-top:0px;
min-height:600px;
height:100%;
}
#plaatje4 ul {
padding:20px 0px 0px 50px;
line-height:17px;
font-size:12px;
}
#control {
width:150px;
border-width:3px;
border-color: #97BDE8;
border-style: inset;
margin-left:10px;
margin-top:20px;
float:left;

}
#actie {

height:110px;
}
#bewerk {
height:180px;
width:150px;
background-image:url(img/hand.jpg);
background-repeat:no-repeat;
background-position:center;

float: inherit;
}
#foto {
width:700px;
height:130px;
background-image:url(img/hannahwieke3.jpg);
background-repeat:no-repeat;
margin-left:6px;
margin-top:100px;
}
#afbeelding {
background-image: url(img/voet.jpg);
background-repeat:no-repeat;
background-position: center 9%;
padding:0px;
margin:0px;
width:100%;
height:100%;

}
#afbeelding2 {
background-image: url(img/massage.jpg);
background-repeat:no-repeat;
background-position: center 70px;
padding:0px;
margin:0px;
width:100%;
height:100%;
}
#afbeelding3 {
background-image: url(img/groep.jpg);
background-repeat:no-repeat;
background-position: center 0px;
margin-top:30px;
width:100%;
height:130px;
}
#afbeelding4 {
background-image: url(img/vlinder.jpg);
background-repeat:no-repeat;
background-position: right 0px;
padding:0px;
margin:0px;
width:100%;
height:100%;
}
#adres {
float:right;
font-size:12px;
margin-right:120px;
margin-top:110px;
line-height:26px;
}
.tabelagenda {
font-size:12px;
width:100%;
text-align:left;
vertical-align: top;
}
td {vertical-align: top;}

.programmatabel {
font-size:12px;
line-height:18px;
text-align:left;
vertical-align: top;
}

#footer {
height:60px;
color:#000000;
float:right;
padding-left:20px;
position:absolute;
bottom:0%;
vertical-align:bottom;
}

.sprekerstabel {font-size:12px; line-height:18px; text-align:left; vertical-align: top; margin-top: 20px; }


.leftpic {float: left; margin-top: 0px; margin-left: 0px; margin-right: 20px; margin-bottom: 10px;}
.rightpic {float: right; margin-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px;}
.fotokolom {width: 200px; float: right; margin-top: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 10px;}
#pen {float: right; margin-top: 40px; margin-left: 40px; margin-right: 220px; margin-bottom: 40px;}
#penplaatje{clear: both;}
.persplaatje {float: right; margin-top: 50px; margin-left: 0px; margin-right: 25px; margin-bottom: 10px; width: 740px; }
.kolomfoto {width: 200px; margin-top: 30px; margin-bottom: 30px;}

/*____________________________________________________________TEKSTEN_______________________________________________________*/
.tekstkop {
font-size:12px;
line-height:24px;
margin:20px 90px 0px 120px;
}
.tekst {
font-size:12px;
line-height:24px;
margin:20px 90px 0px 0px;
}

.quote {font-size:12px; line-height:24px; margin:20px 20px 0px 0px;}

.sprekerstekst {font-size:12px; line-height:16px; margin:0px 20px 10px 0px; }
.persoontekst {font-size:12px; line-height:16px; margin:0px 20px 30px 0px; }

ul li{font-size:12px; line-height:18px;}

.tekstfeelgood {
font-size:12px;
line-height:24px;
margin:20px 40px 0px 180px;
font-weight:200;
}
.schitterend {
padding:70px 430px 0px 0px;
color:#005ff4;
font-style:italic;
float:right;
font-size:18px;
}
.bold {
float:right;
padding:60px 53% 0px 0px;
color:#005ff4;
font-weight:bold;
z-index:0;
font-size:12px;
}
.actietekst {
font-size:13px;
margin:0px 0px 0px 10px;
}
h1{
font-size:14px;
margin:10px 0px 10px 10px;
}
h2 {
font-size:14px;
margin:20px 0px 10px 0px;
padding-top:20px;
}
h3 {
font-size:14px;
margin:30px 0px 10px 120px;
}
h4 {
font-size:14px;
padding:10px 0px 0px 10px;
}
h5 {
font-size:14px;
padding:10px 0px 0px 180px;
}

h6 {font-size:14px; margin-top: 0px; margin-bottom: 20px; }

.datum {
font-size:12px;
color: #0066FF;
padding-top:0px;


}
.teksthannah {
font-size:13px;
line-height:26px;
margin:10px 0px 0px 0px;
width:350px;
float:left;
clear: inherit;
}
.tekstwieke {
font-size:13px;
line-height:26px;
margin:10px 20px 0px 0px;
width:350px;
float: right;
clear: inherit;
}
.hannah {
float:left;
width:100px;
padding-left:130px;
padding-top:50px;
color: #000000;
font-size:12px;
font-weight:bold;
}
.wieke {
float:right;
padding-right:50px;
padding-top:45px;
width:100px;
color: #000000;
font-size:12px;
font-weight:bold;
}

/*______________________________________________________________________________________LINK___________________________________*/
.leesmeer {
margin:10px 20px 10px 10px;
color: #000000;
font-weight:bold;
text-decoration:none;
float:right;
font-size:12px;
float:right;
}
.websitelink {
color: #BBD6F7;
font-size:10px;
text-decoration:none;
float:right;
margin-bottom:30px;
margin-right:20px;
position: relative;
}
#footer a:hover {
color: #FFFFFF;
}
.meer {
color: #666666;
text-decoration:none;
float:right;
padding-right:10px;
}
.link {
color: #666666;
}
.link a:hover {
color:#000000;
} 
#control a:hover {
color: #666666;
}
#plaatje3 a:hover {
color:#000000;
}
#plaatje a:hover {
color:#000000;
}
#plaatje5 a:hover {
color:#000000;
}
#plaatje6 a:hover {
color:#000000;
}
#afbeelding a:hover {
color:#000000;
}
#afbeelding2 a:hover {
color:#000000;
}
#afbeelding3 a:hover {
color:#000000;
}
#afbeelding4 a:hover {
color:#000000;
}
.paars {
color:#6633CC;
font-weight:800;
font-size:16px;
}
.zwart {
color: #000000;
font-weight:800;
font-size:16px;
}

/* _____________________________________________________________ Menu __________________________________________________________*/
#navigatie {
padding-left:130px;
background-image:url(img/menurand4.jpg);
font-weight:bold;
padding-top:2px;
font-size:12px;
height:60px;
margin:0px;
}
#navigatie ul {
background-image:url(img/menurand2.jpg);
background-repeat:repeat-x;
color: #FFFFFF;
padding-top:15px;
margin-top:0px;
}
#navigatie ul li{
display: inline;
height:60px;
padding:5px 20px 20px 20px;
line-height:22px;
}
#navigatie ul li a {
text-decoration: none;
outline:none;
color: #FFFFFF;
}
#navigatie ul li a:hover{
color: #FFFFFF;
}

#navigatie a #test {color: #FFFFFF; background-repeat:no-repeat; background-image:url(img/diamant.gif); background-position: left; padding-left:45px; font-weight:bold; padding:35px 0px 30px 45px;}\

/* _______________________________________________________________________________ SUBMENU ___________________________________*/

#submenu { padding-left:110px; font-size:12px; }

#submenu ul {margin: 0px; padding: 0px; height: 30px; }

#submenu ul li{display: inline; }

#submenu ul li a {margin: 0px 10px 0px 10px; text-decoration: none; outline: none; color: #FF0000; line-height:50px; }

#submenu ul li a:hover  {color: #990000; }

#submenu #test {color: #FF0000; font-weight:bold; }

/*__________________________________________________________________SUB2_________________________________________________*/

#submenu2 { padding-left:110px; font-size:12px; }

#submenu2 ul {margin: 0px; padding: 0px; height: 30px; }

#submenu2 ul li{display: inline; }

#submenu2 ul li a {margin: 0px 10px 0px 10px; text-decoration: none; outline: none; color:#009900 ; line-height:50px; }

#submenu2 ul li a:hover{
color: #006600;
}
#submenu2 #test {
color: #009900;
font-weight:bold;
}
/*__________________________________________________________________SUB2b_________________________________________________*/

#submenu2b { padding-left:110px; font-size:12px; }

#submenu2b ul {margin: 0px; padding: 0px; height: 30px; }

#submenu2b ul li{display: inline; }

#submenu2b ul li a {margin: 0px 10px 0px 10px; text-decoration: none; outline: none; color: #FF0000; line-height:50px; }

#submenu2b ul li a:hover  {color: #990000; }

#submenu2b #test {color: #FF0000; font-weight:bold; }
/*__________________________________________________________________SUB3_________________________________________________*/

#submenu3 {
padding-left:110px;
font-size:12px;
}
#submenu3 ul {
margin: 0;
padding:0;
height:30px;
}
#submenu3 ul li{
display: inline;
}
#submenu3 ul li a {
margin: 0px 10px 0px 10px;
text-decoration: none;
outline:none;
color: #6633CC;
line-height:50px;
}
#submenu3 ul li a:hover{
color: #660099;
}
#submenu3 #test {
color:#6633CC;
font-weight:bold;
}
/*__________________________________________________________________SUB4_________________________________________________*/

#submenu4 {
padding-left:110px;
font-size:12px;
}
#submenu4 ul {
margin: 0;
padding:0;
height:30px;
}
#submenu4 ul li{
display: inline;
}
#submenu4 ul li a {
margin: 0px 10px 0px 10px;
text-decoration: none;
outline:none;
color: #FCAD1B;
line-height:50px;
}
#submenu4 ul li a:hover{
color: #FF9933;
}
#submenu4 #test {
color: #FCAD1B;
font-weight:bold;
}
/*__________________________________________________________________SUB5_________________________________________________*/

#submenu5 {
padding-left:110px;
font-size:12px;
}
#submenu5 ul {
margin: 0;
padding:0;
height:30px;
}
#submenu5 ul li{
display: inline;
}
#submenu5 ul li a {
margin: 0px 10px 0px 10px;
text-decoration: none;
outline:none;
color: #0033FF;
line-height:50px;
}
#submenu5 ul li a:hover{
color: #000066;
}
#submenu5 #test {
color: #0033FF;
font-weight:bold;
}
/*__________________________________________________________________SUB4_________________________________________________*/

#submenu4 {
padding-left:110px;
font-size:12px;
}
#submenu4 ul {
margin: 0;
padding:0;
height:30px;
}
#submenu4 ul li{
display: inline;
}
#submenu4 ul li a {
margin: 0px 10px 0px 10px;
text-decoration: none;
outline:none;
color: #FCAD1B;
line-height:50px;
}
#submenu4 ul li a:hover{
color: #FF9933;
}
#submenu4 #test {
color: #FCAD1B;
font-weight:bold;
}
/*__________________________________________________________________SUB6_________________________________________________*/

#submenu6 {
padding-left:110px;
font-size:12px;
}
#submenu6 ul {
margin: 0;
padding:0;
height:30px;
}
#submenu6 ul li{
display: inline;
}
#submenu6 ul li a {
margin: 0px 10px 0px 10px;
text-decoration: none;
outline:none;
color: #0043e5;
line-height:50px;
}
#submenu6 ul li a:hover{
color: #000066;
}
#submenu6 #test {
color: #0043e5;
font-weight:bold;
}
/*______________________________________________________________________________MENULINKS__________________________________*/
#menulinks {
padding-top:25px;
padding-left:60px;
font-size:12px;
font-weight:bold;
}
#menulinks ul {
margin: 0;
padding:0;
color: #999999;
}
* html #menulinks ul{ /*IE only rule, reduce menu width*/
}
#menulinks ul li{
list-style:none;
}
#menulinks ul li a {
padding:0px 0px 0px 10px;
text-decoration: none;
outline:none;
color: #FFFFFF;
line-height:35px;
list-style: url(img/list2.gif);
display: list-item;
}
#menulinks a:hover{
list-style-image:url(img/list.gif);
display: list-item;
color: #FFFFFF;
}
#menulinks a#actief {
color: #FFFFFF;
display: list-item;
z-index:300;
list-style: url(img/list.gif);
}
#menulinks a#contact {
color: #CEE7FF;
display: list-item;
z-index:300;
list-style: url(img/list.gif);
}
#menulinks a#nieuws {
color: #CEE7FF;
display: list-item;
z-index:300;
list-style: url(img/list.gif);
}
#menulinks a#agenda {
color: #CEE7FF;
display: list-item;
z-index:300;
list-style: url(img/list.gif);
}
/*_______________________________________________________________________________FORMULIER____________________________________*/

form {
font-size: 12px;
padding-left:20px;
padding-top:100px;
}
label {
float:left;
width:200px;
text-align: left;
margin-right: 80px;
}
input {
font-size: 14px;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
margin-bottom: 5px;
background-color:  #FFFFFF;
}
select {
font-size: small;
border-width: 1px;
border-style: solid;
border-color:#CCCCCC;
margin-bottom: 5px;
background-color:  #FFFFFF;
}
fieldset {
border-width: 1px;
border-style: solid;
border-color:#CCCCCC;
}
#verstuurknop {
font-size:12px;
height:22px;
width:100px;
}
textarea {
font-size: small;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
}
span {
color:#FF0000;

}
#plaatje3 ul {
font-size:12px;
line-height:24px;

}