@import url("ronde_circel.css");	/* Voor ronde circel op werkwijze.html */
@import url("lijsten.css");			/* Voor lijsten in teksten */

html,
body {
margin:0;
padding:0;
font-family: Calibri, "Arial", Helvetica, Georgia, Verdana, serif;
color:#000;
background:#ffffff;

}
/* styles for IE 5 Mac */
#centerwrap {
background-color:#ff0000;
width:994px;
margin:0px auto;
position:relative;
}
#content {
background:#ffffff url(images/content_bg_filler.jpg) top left repeat-y;
position:absolute;
top:0px;
left:0px;
width:994px;
border:0px solid #949494;
}
/* commented backslash hack  - invisible to IE 5 \*/
#centerwrap {
position:absolute;
margin:0px 0 0 -497px;	/* Helft v totale width! */
left:50%;
}
/* end hack */

/* MAIN MENU aan LINKERKANT */
#ruimte_met_menu{
background:#910089 url(images/menu_bg.jpg) top left no-repeat;
float:left;
top:0px;
left:0px;
width:186px;
}

/* INHOUD naast MAIN MENU */
#inhoud{
float:left;
top:0px;
left:0px;
width:808px;
}

/* HEADING (logo aan bovenkant + submenu) */
#header{
background:#ffffff url(images/header.jpg) top left no-repeat;
width:808px;
height:199px;
}

/* TEKST met rechts afbeelding + eventuele extra's */
#tekst_afbeelding{
width:746px;
height:381px;
padding-top:25px;
padding-left:62px;
background:#ffffff;
}
#tekst_afbeelding .tekst{
background:#ffffff url(images/diamant_bg.jpg) top left no-repeat;
float:left;
width:499px;
height:508px;
text-align:inherit;
}

.scroll_area{
background:#ffffff url(images/diamant_bg.jpg) top left no-repeat;
float:left;
width:520px;
height:509px;
overflow:auto;
padding-right:10px;
text-align:inherit;
}
.scroll_area_startpagina{
background:#ffffff url(images/diamant_bg.jpg) top left no-repeat;
float:left;
width:520px;
height:509px;
overflow:auto;
padding-right:10px;
text-align:inherit;
}

#tekst_afbeelding .afbeelding{
float:right;
width:184px;
height:400px;
padding-left:0px;	/* Dus...Totale width = 184px! */
text-align:right;
line-height:0.750em;
padding-top:4px;
margin:0;
background:#ffffff;
}
#tekst_afbeelding .afbeelding IMG{padding-bottom:6px;}



/* Vlak met ronde hoeken rechts van teksten */
.rounded_corner_vlak{
margin-top:30px;
}
.rounded_corner_vlak_nospace{
margin-top:0px;
}
.topper{
background:#ffffff url(images/ronde_hoeken_top.gif) top left no-repeat;
width:186px;
height:12px;
}
.tekst_gedeelte{
background:#ffffff url(images/ronde_hoeken_bgstrip.gif) top left repeat-y;
padding:10px 6px 10px 10px;
width:170px;
text-align:left;
font-size:80%;
}
.tekst_gedeelte p{font-size:1.2em;line-height:1.3em;}

.tekst_gedeelte strong{font-size:90%;}

strong.logo{font-size:125%;}

.bottom{
background:#ffffff url(images/ronde_hoeken_bottom.gif) top left no-repeat;
width:186px;
height:12px;
}

.tekst_gedeelte h1{
font-size:130%;
color:#ed7b2a;
border-bottom:0px dotted #ffffff;
padding:0 0 10px 0;
margin:0;
text-align:left;
line-height:20px;
}

.tekst_gedeelte a:link, .tekst_gedeelte a:visited{color:#ed7b2a;text-decoration:underline;}
.tekst_gedeelte a:hover{color:#910089;text-decoration:none;}
.tekst_gedeelte a:active{color:#910089;text-decoration:underline;}


/* MAIN MENU aan de LINKERKANT */
#main_menu{
margin-top:230px;
}
#main_menu ul{
margin: 0;
padding-left: 0;
list-style-type: none;
}
#main_menu ul li{padding-bottom:7px;margin-left:10px;font-size:0.825em;}

#main_menu a:link, #main_menu a:visited{
display: block;
padding:5px 5px;
width: 154px;
text-align:left;
font-size: 1.2em;
font-weight:bold;
color: #ffffff;
text-decoration:none;
background-color: #ed7b2a;
border: 1px solid #ed7b2a;
border-width:1px 1px 1px 1px;
}
#main_menu a:hover{
color: #910089;
background-color: #ffffff;
border: 1px solid #ffffff;
}
#main_menu a:active{
color: #ffffff;
background-color: #8d8d8d;
border: 1px solid #8d8d8d;
}

/* De actieve button, dus die van de pagina die in beeld is... */
#main_menu a.active:link, #main_menulist a.active:visited{
color: #ffffff;
background-color: #8d8d8d;
text-decoration: none;
border: 1px solid #8d8d8d;
border-width:1px 1px 1px 1px;
}
#main_menu a.active:hover{
color: #910089;
background-color: #8d8d8d;
text-decoration: none;
border: 1px solid #8d8d8d;
border-width:1px 1px 1px 1px;
}

/* Afbeelding als link onderaan main menu*/
#main_menu a.image:link, #main_menu a.image:visited{
display: block;
padding:0px;
width: 154px;
text-align:left;
font-size: 1.2em;
font-weight:bold;
text-decoration:none;
border: 0px solid #910089;
background-color: #910089;
margin-left:10px;
}
#main_menu a.image:hover{
color: #910089;
background-color: #910089;
border: 0px solid #910089;
}
#main_menu a.image:active{
color: #ffffff;
background-color: #910089;
border: 0px solid #910089;
}

img{border:0;}

img.afb_in_tekst{float:right;border:1px solid #ed7b2a;background:#ffffff;margin:0 0 20px 20px;padding:4px;}

/* HORIZONTAAL MENU bovenin paarse balk */
#top_menu ul{
padding: 0;
margin: 0;
background-color: #910089;
color: #949494;
float: right;
width: 100%;
}

#top_menu ul li { display: inline; }

#top_menu ul li a:link, #top_menu ul li a:visited {
padding:6px 10px 3px 10px;
background-color: #910089;
font-size:80%;
color: #ed7b2a;
text-decoration: none;
float: right;
border-right: 1px solid #910089;
}

#top_menu ul li a:hover{
color: #ffffff;
}
#top_menu ul li a:active{
color: #000000;
}





/* SITEMAP: */
.items{border:0px solid #ff9900;width:478px;padding:0px;}

.hoofd_item{display:block;width:260px;background:#ed7b2a;border:0px solid #330033;color:#ffffff;padding:8px;}



/* HOOFDITEMS op SITEMAP pagina: */
#sitemap_lijst { width: 340px; }

ul#coachen_lijst{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

/* HOOFD ITEM: */
ul#coachen_lijst li#active a.current:link{
display: block;
margin-top:4px;
padding: 10px 10px 10px 0px;
width: 290px;
color:#910089;
text-decoration:none;
font-weight:bold;
}
ul#coachen_lijst li#active a.current:visited{
text-decoration:none;
color:#910089;
font-weight:bold;
}
ul#coachen_lijst li#active a.current:hover{
text-decoration:none;
color:#ed7b2a;
font-weight:bold;
}
ul#coachen_lijst li#active a.current:active{
text-decoration:underline;
color:#000000;
font-weight:bold;
}

/* OVERIGE ITEMS: */
ul#coachen_lijst a{
display: block;
padding: 10px 10px 10px 0px;
width: 290px;
color:#910089;
text-decoration:none;
}
ul#coachen_lijst a:link, #navlist a:visited{
color: #910089;
text-decoration: none;
}
#coachen_lijst a:hover{
color: #ed7b2a;
}

/* Eind SITEMAP: */


.divider{
padding:0;
margin:0;
height:1px;
border-bottom:1px dotted #949494;
width:500px;
}

/* GEBRUIKTE KLEUR CODES:

PAARS 	-	#910089
ZWART	-	#000000
ORANJE	-	#ed7b2a
GRIJS	-	#949494

*/

/* ******************************************************************* */

/*     Vanaf hier beginnen de kleuren en afmetingen van de FONTS!	   */
/*     Ook de grootte van fonts in de lijstjes met paarse stip...	   */

/* ******************************************************************* */


/* De algemene tekstgrootte! De rest heb ik voor het gemak in % gedaan */
p{font-size:0.900em;line-height:1.3em;}

/* Het eerste paarse kopje onder de tekst */
p.kopje_onder_alineas{
padding-top:0px;
}

/* LINKS in teksten */
a:link, a:visited{color:#ed7b2a;text-decoration:underline;}
a:hover{color:#910089;text-decoration:none;}
a:active{color:#000000;text-decoration:none;}



/* Kleur en font-grootte van de titel v/d pagina */
h1{
font-size:1.2em;
color:#910089;
background:transparent;
border-bottom:1px dotted #910089;
margin:0;
padding:0;
}

h1.slogan{
font-size:140%;
color:#910089;
background:transparent;
font-style:italic;
font-weight:normal;
border-bottom:0px dotted #ffffff;
padding:0;
margin:0;
}

h2{
font-size:1em;
color:#910089;
font-style:italic;
background:transparent;
border-bottom:1px dotted #910089;
margin:0;
padding:0;
}

h2.zinnetje{
font-size:1.3em;
color:#ed7b2a;
font-style:italic;
font-weight:normal;
background:transparent;
border-bottom:0px dotted #910089;
margin:0;
padding:20px 0 0 0;
}

h2.blauw{
font-size:1.3em;
color:#00b0f0;
font-style:italic;
font-weight:normal;
background:transparent;
border-bottom:0px dotted #910089;
margin:0;
padding:0;
}

h2.groen{
font-size:1.3em;
color:#74b050;
font-style:italic;
font-weight:normal;
background:transparent;
border-bottom:0px dotted #910089;
margin:0;
padding:0;
}

h2.oranje{
font-size:1.3em;
color:#ed7b2a;
font-style:italic;
font-weight:normal;
background:transparent;
border-bottom:0px dotted #910089;
margin:0;
padding:0;
text-align:left;
}



/* Kleur en font-grootte van de kleine paarse kopjes */
strong{
font-size:100%;
color:#910089;
}

strong.orange{
font-size:100%;
color:#ed7b2a;
}

/* Kleur en font-grootte van de kleine paarse kopjes van lijstjes in teksten */
#lijstje_in_tekst strong{
font-size:100%;
color:#910089;
}


/* CONTACT FORMULIER benodigdheden: */
INPUT, TEXTAREA {
width:327px;
border:1px solid #910089;
padding:3px 0 3px 1px;
margin-bottom:2px;
color:#910089;
}

INPUT.stuurkopie{width:20px;padding:0;margin:0;border:0px;}

INPUT.captcha_code{
width:178px;
border:1px solid #910089;
padding:3px 0 3px 1px;
color:#910089;
}

INPUT.button{
width:330px;
background:#ed7b2a;
color:#ffffff;
font-weight:bold;
border:1px solid #910089;
padding:5px;
margin-bottom:3px;
}

DIV#errors{padding:0;margin:0;border:0px solid #ff0000;margin-bottom:10px;}

DIV#errors TABLE{border:0px;}

/* FOUTBOODSCHAPPEN CONTACTFORMULIER */
input.fout, textarea.fout {
    border: 1px solid #FF0000;
}
label.fout {
    color: #FF0000;
}

SPAN.afb_slogan{font-size:75%;color:#910089;}

.right{float:right;text-align:right;padding-right:18px;}
.left{float:left;text-align:left;}

.oranje{color:#ed7b2a;background:transparent;}

TABLE{border:0;}

/* LINKS op LINKS pagina */
a.links:link, a.links:visited{font-size:125%;color:#ed7b2a;text-decoration:underline;font-weight:bold;}
a.links:hover{color:#910089;text-decoration:none;}
a.links:active{color:#000000;text-decoration:none;}

lees_verder

a.lees_verder:link, a.lees_verder:visited{font-size:90%;color:#ed7b2a;text-decoration:none;font-weight:bold;}
a.lees_verder:hover{color:#910089;text-decoration:underline;}
a.lees_verder:active{color:#000000;text-decoration:none;}


/* GEBRUIKTE KLEUR CODES:

PAARS 	-	#910089
ZWART	-	#000000
ORANJE	-	#ed7b2a
GRIJS	-	#949494

*/