/* Kleurenschema's */
/*==========================================================================================*/

#topframe {background-image: url("bovenmenu-groen.jpg");}

/*==========================================================================================*/

#bovenframelinks, #bovenframerechts, #menuframe, #contentframe-eerste, #contentframe, #footer, #bottommenuframe, ul#menu li {background-color: #027b40;} /* Donker */

/*==========================================================================================*/

#bovenframerechts {border: 14px solid #0c9650;} /* Licht */
ul#menu li {border-left: 1px solid #0c9650; } /* Licht */
body {background-color: #0c9650;} /* Licht */
#footer-table {border: 3px solid #0c9650;} /* Licht */
ul#menu li.forum {border-right: 1px solid #0c9650;} /* Licht */

/*==========================================================================================*/

#footer, ul#menu li a {color: #a9ffcf;} /* tekstkleur */
#bovenframelinks, #bovenframerechts, #contentframe-eerste, #contentframe, #bottommenuframe {color: #a9ffcf;} /* tekstkleur*/
a:link, a:active, a:visited { color: #a9ffcf; font-weight: normal; text-decoration: underline; } /* tekstkleur */
a#footera:link, a#footera:active, a#footera:visited  { color: #a9ffcf; font-weight: bold; text-decoration: underline; } /* tekstkleur */



/*==========================================================================================*/

a:hover { color: #4bba7c; font-weight: normal; text-decoration: underline; } /* Link-Wit */
a#footera:hover { color: #4bba7c; font-weight: bold; text-decoration: underline; } /* Link-Wit */

/*==========================================================================================*/

 
html {
background-image: url(../achter/zijkant-groen.jpg);
background-repeat: repeat-x;
padding: 0 0 0 0;
background-color: #4bba7c;
scrollbar-DarkShadow-Color: #000000; 
scrollbar-Track-Color: #0c9650; /* licht */
scrollbar-Face-Color: #027b40; /* donker */
scrollbar-Shadow-Color: #0c9650; /* licht */
scrollbar-3dLight-Color: #0c9650; /* licht */
scrollbar-Highlight-Color: #0c9650; /* licht */
scrollbar-Arrow-Color: #0c9650; /* licht */
}



/*

#mainadwhy, #mainadstart, #mainadcost, #mainadwho, #mainadservices {position: relative; margin: 0px; padding: 0px; top: 116px; width: 800px; height: 160px;}

a:link, a:visited, a:active{font-weight: bold; color: #000000; text-decoration: none;}
*/



body {

font-family: Verdana, "Times New Roman", Times, serif; 

font-size: 14px; 

padding: 0 0 0 0;
position: relative;

width: 900px;
margin: 0px auto 0px auto;

}

h2 {

text-decoration: overline underline;

}

img 
{
 border:0;
}

/* indeling */
#bodyframe {

width: 900px;

position: static;

padding: 0 0 0 0;

margin: 0 0 0 0;

}


#topframe {


padding: 0;

position: static; 

margin-left: 0px;
margin-right: 0px;

height: 130px;

width: 100%;

background-repeat: no-repeat;

background-position: left center;

}


#menuframe {

z-index: 1;


position: relative; 


padding: 0 0 0px 0; /*top right bottom left*/ 

margin-top: 2px; 

width: 100%;

height: 22px;


}



/* Menu */


ul#menu, ul#menu li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	
}
ul#menu {
	float: left;
	border: none;
	border-left-width: 0;
	margin-top: 0px;  /* postitie menu */
	margin-left: 3px;
}


ul#menu li {
	float: left;
	border-right: none;
}



ul#menu li a {
	display: block;
	padding: 0px 5px;
	font-family: Verdana, tahoma, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
}
ul#menu li.na a:hover {
	background-color: #ff5a00;
}
ul#menu li.hiq a:hover {
	background-color: #cf2424;
}
ul#menu li.hoogbegaafd a:hover {
	background-color: #daae00;
}
ul#menu li.beg a:hover {
	background-color: #6388c6;
}
ul#menu li.tekentherapie a:hover {
	background-color: #8952a1;
}
ul#menu li.beelddenken a:hover {
	background-color: #0c9650;
}
ul#menu li.coaching a:hover {
	background-color: #7b7843;
}
ul#menu li.service a:hover {
	background-color: #8e431f;
}
ul#menu li.hiqups a:hover {
	background-color: #c758a1;
}
ul#menu li.forum a:hover {
	background-color: #629b81;
}


ul#menu li.na {
	width: 126px;
}
ul#menu li.hiq {
	width: 38px;
}
ul#menu li.hoogbegaafd {
	width: 114px;
}
ul#menu li.beg {
	width: 95px;
}
ul#menu li.tekentherapie {
	width: 115px;
}
ul#menu li.beelddenken {
	width: 105px;
}
ul#menu li.coaching {
	width: 77px;
}
ul#menu li.service {
	width: 65px;
}
ul#menu li.hiqups {
	width: 65px;
}
ul#menu li.forum {
	width: 58px;
}




ul#menu li ul {
	position: absolute;
	margin-top: 0px;
	margin-left: -1px;
	display: none;
	border: 1px solid black;
	border-bottom-width: 0;
}
ul#menu li ul li {
	float: none;
	border-bottom: 1px solid black;
	border-left-width: 0;
}
ul#menu li ul li ul {
	margin-top: -18px;
	margin-left: 88px;
}

/* derde sub */

ul#menu li ul li ul li {
	float: none;
	border-bottom: 1px solid black;
	border-left-width: 0;
}
ul#menu li ul li ul li ul {
	margin-top: -38px;
	margin-left: 0px;
}
	
	/* extra shit  van menu */

ul#menu li:hover>ul {
	display: block;
}

ul#menu li ul li {
	float: left;
	clear: both;
}
ul#menu li a {
	height: 1%;
}

ul#menu li ul li {
	width: 100px;
}

/* na submenubreedtes */
ul#menu li ul#na-subbreedte li {
	width: 100px;
}
ul#menu li ul li ul#na-sub-subbreedte {
	margin-top: -18px;
	margin-left: 75px;
}
ul#menu li ul li ul#na-sub-subbreedte li {
	width: 100px;
}

/* hiq submenubreedtes */
ul#menu li ul#hiq-subbreedte li  {
	width: 185px;
}
ul#menu li ul li ul#hiq-sub-subbreedte {
	margin-top: -18px;
	margin-left: 170px;
}
ul#menu li ul li ul#hiq-sub-subbreedte2 {
	margin-top: -18px;
	margin-left: 170px;
}
ul#menu li ul li ul#hiq-sub-subbreedte li  {
	width: 180px;
}
ul#menu li ul li ul#hiq-sub-subbreedte2 li  {
	width: 150px;
}
ul#menu li ul li ul#hiq-sub-sub-subbreedte {
	margin-top: -18px;
	margin-left: 92px;
}
ul#menu li ul li ul#hiq-sub-sub-subbreedte li  {
	width: 250px;
}

/* hb submenubreedtes */
ul#menu li ul#hb-subbreedte li  {
	width: 269px;
}
ul#menu li ul li ul#hb-sub-subbreedte {
	margin-top: -18px;
	margin-left: 150px;
}
ul#menu li ul li ul#hb-sub-subbreedte li  {
	width: 136px;
}
ul#menu li ul li ul#hb-sub-sub-subbreedte {
	margin-top: -18px;
	margin-left: 92px;
}
ul#menu li ul li ul#hb-sub-sub-subbreedte li  {
	width: 250px;
}

/* beg submenubreedtes */
ul#menu li ul#beg-subbreedte li  {
	width: 230px;
}
ul#menu li ul li ul#beg-sub-subbreedte {
	margin-top: -18px;
	margin-left: 219px;
}
ul#menu li ul li ul#beg-sub-subbreedte li  {
	width: 205px;
}

/* tekentherapie submenubreedtes */
ul#menu li ul#tekentherapie-subbreedte li  {
	width: 244px;
}
ul#menu li ul li ul#tekentherapie-sub-subbreedte {
	margin-top: -18px;
	margin-left: 98px;
}
ul#menu li ul li ul#tekentherapie-sub-subbreedte li  {
	width: 141px;
}

/* beelddenken submenubreedtes */
ul#menu li ul#beelddenken-subbreedte li  {
	width: 129px;
}

/* coaching submenubreedtes */
ul#menu li ul#coaching-subbreedte li  {
	width: 159px;
}

/* service submenubreedtes */
ul#menu li ul#service-subbreedte li  {
	width: 164px;
}
ul#menu li ul li ul#service-sub-subbreedte {
	margin-top: -18px;
	margin-left: 108px;
}
ul#menu li ul li ul#service-sub-subbreedte li  {
	width: 127px;
}

/* hiqups submenubreedtes */
ul#menu li ul#hiqups-subbreedte li  {
	width: 161px;
}
ul#menu li ul li ul#hiqups-sub-subbreedte {
	margin-top: 0px;
	margin-left: -45px;
}
ul#menu li ul li ul#hiqups-sub-subbreedte li {
	width: 130px;
}
ul#menu li ul li ul li ul#hiqups-sub-sub-subbreedte {
	margin-top: -18px;
	margin-left: 75px;
}
ul#menu li ul li ul li ul#hiqups-sub-sub-subbreedte li {
	width: 100px;
}




/* einde extra shit */
/* einde menu */

#bovenframelinks {

padding-top: 4px;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 4px;



position: relative; 
left: 1.55%;


top: 17px;


display: block;

width: 94.8%;

height: 13px;



text-align: left;

font-size: 10px;


}



#bovenframerechts {


padding-top: 4px;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 4px;
float: right;
position: relative; 

top: -75px;
left: 23px;
margin-bottom: -70px;
margin-top: 14px;
margin-left: 0px;



display: block;

width: 27.2%;

height: 175px;




}

#photodiv {
  background-repeat: no-repeat;
  float: right;
}


#contentframe-eerste {


padding-top: 8px;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 8px;

position: relative; 
display: block;

left: 1.6%;
top: 17px;
margin-top: 18px; 

width: 94.8%;

height: 100%;


font-family: Verdana;
font-size: 13px;

}

#contentframe {


padding-top: 8px;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 8px;

position: relative; 
display: block;

left: 1.6%;

top: 17px;
margin-top: 18px; 

width: 94.8%;

height: 100%;

font-family: Verdana;
font-size: 13px;


}



#bottommenuframe {

position: static; 

text-align: center;


margin-top: 33px; 

width: 900px;

height: 20px;


}




#footer {


position: static; 
vertical-align: bottom;

padding-left: 15px;
padding-right: 15px;

margin-top: 2px;
margin-bottom: 10px;

display: block;

width: 870px;

height: 46px;

padding-top: 8px;
padding-bottom: 8px;

text-align: center;
font-family: monospace;


}



#onderkant {

display: block;

}