/* Stylesheet voor de website van Pieter Bovelander: www.bovelandercoaching.nl */

body {
font-family: Verdana, Sylfaen, Arial, Helvetica, sans-serif;
font-size: 0.7em; font-weight: normal;
background-color: #002851; color: #6495ED;
margin: 1% 0px 0px 3%; padding: 0px 0px 0px 0px; }

img { border: none; }

a { font-family: Verdana, Sylfaen, Arial, Helvetica, sans-serif;
font-size: 1.0em; font-weight: normal; text-decoration: underline;
background-color: transparent; color: maroon; }

a:hover { color: #ff4500; }

a.contact { background-color: transparent; color: #912202; }
a.contact:hover { color: #ffffff; }

/*#centerpage { position : relative; top : 2%; left : 0px;
background-color: transparent; color : #6495ED;
width : 100%; height: 100%; 
margin: auto; padding: 0px;
z-index: 0; visibility: visible; text-align : left; }*/

#centerpage
{
	position: relative;
	margin: 0 auto;
	width: 80%;
	text-align: center;
}

#driehoekboven { position: absolute; top: 0px; left: 240px;
background: transparent; 
width: 335px; height: 344px;
z-index: 2; overflow: hidden; }

#driehoekonder { position: absolute; top: 348px; left: 270px;
background: transparent;
width: 300px; height: 231px;
z-index: 2; overflow: hidden; }

#driehoekboven2 { position: absolute; top: 0px; left: 268px;
background: transparent;
width: 335px; height: 231px;
z-index: 2; overflow: hidden; }

#driehoekonder2 { position: absolute; top: 348px; left: 270px;
background: transparent;
width: 300px; height: 231px;
z-index: 2; overflow: hidden; }
	
#driehoekboven3 { position: absolute; top: 0px; left: 230px;
background: transparent;
width: 335px; height: 231px;
z-index: 2; overflow: hidden; }

#driehoekonder3 { position: absolute; top: 348px; left: 260px;
background: transparent;
width: 335px; height: 231px;
z-index: 2; overflow: hidden; }

#driehoekboven4 { position: absolute; top: 0px; left: 262px;
background: transparent;
width: 300px; height: 231px;
z-index: 2; overflow: hidden; }

#driehoekonder4 { position: absolute; top: 348px; left: 260px;
background: transparent;
width: 288px; height: 231px;
z-index: 2; overflow: hidden; }
	
#driehoekboven5 { position: absolute; top: 0px; left: 230px;
background: transparent;
width: 300px; height: 231px;
z-index: 2; overflow: hidden; }

#driehoekonder5 { position: absolute; top: 348px; left: 270px;
background: transparent;
width: 288px; height: 231px;
z-index: 2; overflow: hidden; }
	
#driehoekboven6 { position: absolute; top: 0px; left: 230px;
background: transparent;
width: 300px; height: 231px;
z-index: 2; overflow: hidden; }

#driehoekonder6 { position: absolute; top: 348px; left: 270px;
background: transparent;
width: 300px; height: 231px;
z-index: 2; overflow: hidden; }

#driehoekboven7 { position: absolute; top: 0px; left: 230px;
background: transparent;
width: 300px; height: 231px;
z-index: 2; overflow: hidden; }

#driehoekonder7 { position: absolute; top: 348px; left: 270px;
background: transparent;
width: 300px; height: 231px;
z-index: 2; overflow: hidden; }	

#driehoekboven8 { position: absolute; top: 0px; left: 230px;
background: transparent;
width: 335px; height: 231px;
z-index: 2; overflow: hidden; }

#driehoekonder8 { position: absolute; top: 348px; left: 270px;
background: transparent;
width: 300px; height: 231px;
z-index: 2; overflow: hidden; }

#kwadbl { position: absolute; top: 0px; left: 0px;
background: transparent; background-color: transparent; color: #6495ed;
width: 395px; height: 290px;
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
z-index: 4; visibility: visible; }

#kwadbr { position: absolute; top: 0px; left: 395px;
background: transparent; background-color: transparent; color: #6495ed;
width: 555px; height: 290px;
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
z-index: 4; visibility: visible; }

#kwadol { position: absolute; top: 290px; left: 0px;
background: transparent; background-color: transparent; color: #6495ed;
width: 395px; height: 290px;
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
z-index: 4; visibility: visible; }

#kwador { position: absolute; top: 290px; left: 395px;
background: transparent; background-color: transparent; color: #6495ed;
width: 555px; height: 290px;
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
z-index: 4; visibility: visible; }

#logo { position: absolute; top: 246px; left: 0px;
background: transparent; background-color: transparent; color: #6495ed;
width: 270px; height: 89px;
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
z-index: 8; visibility: visible; }

#home { position: absolute; top: 470px; left: 590px;
background: transparent; background-color: transparent; color: #6495ed;
width: 212px; height: 91px;
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
z-index: 8; visibility: hidden; }

#cirkelhome { position: absolute; top: 223px; left: 328px;
background: transparent; background-color: transparent; color: #6495ed;
width: 134px; height: 134px;
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
z-index: 8; visibility: hidden; }

a.nav { font-family: Sylfaen, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 1.2em; font-weight : bold; text-decoration : none; outline: none;
background: transparent; background-color : transparent; color : #003366; }

a.nav:hover { background: transparent; background-color : transparent; color: #FF4500;
text-decoration : underline; }

a.nav:focus { -moz-outline-style: none; }

#navhomenorm { position : absolute; top : 20px; left : 171px;
background : transparent; color: #6495ed;
width : 118px; height : 32px;
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
z-index: 6; visibility : hidden;	}

#navhomeactive { position : absolute; top : 20px; left : 171px;
background-image: url(../nav/nav_act.png); background-repeat: no-repeat;
background-color : transparent; color: #6495ed;
width : 118px; height : 32px; 
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
z-index: 6; visibility : hidden;	}

#navprofielnorm {
position : absolute;
top : 60px;
left : 188px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#navprofielactive {
position : absolute;
top : 60px;
left : 188px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;	
}

#navwerkwijzenorm {
position : absolute;
top : 100px;
left : 205px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#navwerkwijzeactive {
position : absolute;
top : 100px;
left : 205px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#navcoachingnorm {
position : absolute;
top : 140px;
left : 222px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#navcoachingactive {
position : absolute;
top : 140px;
left : 222px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#navcounsellingnorm {
position : absolute;
top : 181px;
left : 240px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#navcounsellingactive {
position : absolute;
top : 181px;
left : 240px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#navmeditatienorm {
position : absolute;
top : 367px;
left : 244px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#navmeditatieactive {
position : absolute;
top : 367px;
left : 244px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#navtarievennorm {
position : absolute;
top : 407px;
left : 229px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#navtarievenactive {
position : absolute;
top : 407px;
left : 229px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#navcontactnorm {
position : absolute;
top : 447px;
left : 214px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#navcontactactive {
position : absolute;
top : 447px;
left : 214px;
background-color : transparent;
color: #6495ed;
width : 118px;
height : 32px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 6;
visibility : hidden;
}

#footer1 {
position: absolute;
top: 560px;
left: 520px;
background-image: url(../images/footer1.jpg);
background-repeat: no-repeat;
background-color: transparent;
width: 421px;
height: 19px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index : 11;
visibility : hidden;
overflow: hidden;
}

#profiel {
position: absolute;
top: 20px;
left: 520px;
background-color: transparent;
color: #ffffff;
width: 400px;
height: 558px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;
z-index: 10;
visibility: hidden;
}

#werkwijze {
position: absolute;
top: 20px;
left: 520px;
background-color: transparent;
color: #ffffff;
width: 413px;
height: 558px;
margin: 0px 0px 0px 0px;
padding: 0px 8px 0px 0px;
z-index: 10;
visibility: hidden;
overflow: scroll;
}

#portret {
position: absolute;
top: 104px;
left: 307px;
background: transparent;
width: 553px;
height: 373px;
visibility: hidden;
z-index: 4;
}

#coaching {
position: absolute;
top: 20px;
left: 520px;
background-color: transparent;
color: #ffffff;
width: 416px;
height: 558px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;
z-index: 10;
visibility: hidden;
overflow: scroll;
}

#counselling {
position: absolute;
top: 20px;
left: 520px;
background-color: transparent;
color: #ffffff;
width: 416px;
height: 558px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;
z-index: 10;
visibility: hidden;
overflow: scroll;
}

#meditatie {
position: absolute;
top: 20px;
left: 520px;
background-color: transparent;
color: #ffffff;
width: 410px;
height: 558px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;
z-index: 10;
visibility: hidden;
}

#tarieven {
position: absolute;
top: 20px;
left: 520px;
background-color: transparent;
color: #ffffff;
width: 416px;
height: 558px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;
z-index: 10;
visibility: hidden;
overflow: scroll;
}

#contact {
position: absolute;
top: 267px;
left: 512px;
background-color: transparent;
color: #ffffff;
width: 316px;
height: 200px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;
z-index: 10;
visibility: hidden;
}

#werkwijze,#coaching,#counselling,#meditatie,#tarieven,#contact {
scrollbar-face-color: #514d65;
scrollbar-highlight-color: #808080;
scrollbar-shadow-color: #808080;
scrollbar-3dlight-color: #808080;
scrollbar-arrow-color: #000033;
scrollbar-track-color: #514d65;
scrollbar-darkshadow-color: black;
}

#design {
position: absolute;
top: 583px;
left: 305px;
background-color: #002851;
color: #8aa1b8; /*#00ced1; */
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
width: 220px;
height: 9px;
z-index: 11;
visibility: visible;
}

#design a {
color: #8aa1b8;
}

#design a:hover {
color: #00ced1; /* #ff4500; */
}

h1 {
font-size: 3em;
color: #B90202;
}

h1.title {
font-family: Sylfaen,Verdana;
font-size: 1.8em;
font-weight: normal;
background-color: transparent;
color: #000171;
text-decoration: underline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;	
}

h2 {
font-family: Sylfaen, Verdana;
font-size: 1.4em;
font-weight: bold;
color: #000171;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h1.left {
font-size: 1.5em;
color: #a7b559;
}

h1.right {
font-size: 1.5em;
color: #a7b559;
float: right;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
background-color: transparent;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
background-color: transparent;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}