/***********[ GENERAL ] ***********/

body {
    margin : 30px 0;
    padding : 0;
    border : 0;
    color : #000;
    background: #D5D7EA; /* was #D5D7EA;*/
    font-family: verdana, arial, helvetica, sans-serif;
    }

a, a:link, a:visited, a:active {
    text-decoration: none;
    color: #336;
    }
    
a:hover {
    color: #DE5226;
    text-decoration: underline;
    }    

/***********[ LAYOUT ] ***********/

#tdnav {
    width: 220px;
    margin: 0;
    padding: 0;
    }

#tdspacer {
    width: 5px;
    margin: 0;
    padding: 0;
    }

#tdcontent { /* content geheel */
/*    width: 500px;*/
    background: #fff;
    border-top: 3px solid #DE5326;
    padding: 30px 30px 10px;
    }    
    
#tdcolorbar { /* blokkenbalk zijkant rechts */
    width: 20px;
    border-top: 3px solid #DE5326;
    padding: 0;
    margin: 0;
    }

/***********[ NAV ] ***********/

#bodytable { width: 900px; }

#nav {
	width: 194px;
    margin-top:30px;
	padding: 3px;
	font-family: tahoma, arial, sans-serif;
    font-size: 0.6em;
    font-weight: bold;
    background: #5862AC /* was #DDDFEE; donker is #5862AC */
 	}
    
ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

ul ul { /* De subnavigatie */
    margin: 0;
    padding: 10px 0 0 3em;
    }
    
ul li { /* De hoofdnavigatie*/
    margin: 0;
    padding: 10px 0 10px 0;
    }

#mn1, #mn2, #mn3, #mn4 {
    border-bottom: 0px solid #D5D7EA;
    }

#mn5 { padding-top: 30px; }

#mn1 a, #mn2 a, #mn3 a, #mn4 a { /* paddingruimte voor li-image */
    padding-left: 17px;
    text-decoration: none;
    }

#sn34 { margin-bottom: -10px;} /* correctie ivm anders dubbele afstand */

/* mainnav mages */
#mn1 a { background: url(pics/home-off.gif) no-repeat 0 50%; }
#mn2 a { background: url(pics/visie-off.gif) no-repeat 0px 50%; }
#mn3 a { background: url(pics/opleidingen-off.gif) no-repeat 0px 50%; }
#mn4 a { background: url(pics/info-off.gif) no-repeat 0px 50%; }

#mn1 a:hover { background: url(pics/home-on.gif) no-repeat 0px 50%; }
#mn2 a:hover { background: url(pics/visie-on.gif) no-repeat 0px 50%; }
#mn3 a:hover { background: url(pics/opleidingen-on.gif) no-repeat 0px 50%; }
#mn4 a:hover { background: url(pics/info-on.gif) no-repeat 0px 50%; }

/* subnav images */
#sn31 a { background: url(pics/opleidingen-off.gif) no-repeat 0 50%; }
#sn32 a { background: url(pics/sn32-off.gif) no-repeat 0px 50%; }
#sn33 a { background: url(pics/sn33-off.gif) no-repeat 0px 50%; }
#sn34 a { background: url(pics/home-off.gif) no-repeat 0px 50%; }

#sn31 a:hover { background: url(pics/opleidingen-on.gif) no-repeat 0 50%; }
#sn32 a:hover { background: url(pics/sn32-on.gif) no-repeat 0px 50%; }
#sn33 a:hover { background: url(pics/sn33-on.gif) no-repeat 0px 50%; }
#sn34 a:hover { background: url(pics/home-on.gif) no-repeat 0px 50%; }

#nav a { color: #D5D7EA; } /* normale navfontkleur */
#nav a:hover { color: #fff; } /* hover navfontkleur */



/***********[ CONTENT ]***********/

#contentdata ,
#contentdata p {
    font-size: 11px;
    }

#contentdata p {
    margin: 0;
    padding: 20px 0 0 0;
    font-size: 11px;
    line-height: 2em;
    }


#contentdata h1 {
    font-family: verdana, arial, helvetica;
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: right;
    color: #38ACDA;
    
    }

#contentdata ul {
    list-style: square;
    padding: 0 10px 0 40px;
    }

#contentdata ul li {
    font-size: 11px;
    padding: 10px 0 0;
    line-height: 2em;
    }

/*#contentdata img {
    float: right;
    margin: 25px 0 10px 10px;
    padding: 0;
    border: 1px solid #DE5326;
    }*/

#contentdata a {
    text-decoration: underline;
    }

#contentdata form td,
#contentdata td,
#contentdata td p
 {
    font-size: 11px;
	line-height: 11px;
	padding: 3px 0;

    }

#contentdata form .textfield, #contentdata form textarea {
    margin: 5px;
    padding: 2px;
    border: 1px solid #5862AC;
    width: 95%;
    overflow:hidden;
    font-family: verdana;
    font-size: 1em;
    font-weight: bold;
    background: #f2f2f2;
    }
    
#contentdata form #submit {
    margin: 5px;
    font-family: verdana;
    color: white;
    font-size: 1em;
    font-weight: bold;
    background: #5862AC;
    }

#contentdata img.lefta {
    padding: 8px 25px 5px 0;
    float: left;
    }
    
#contentdata img.righta {
    padding: 10px 0 5px 20px;
    float: right;
    }
    

/***********[ LEERPLAN ]***********/

table.leerplan {
    margin: 1em 0 0 0;
    border: 0;
    }

#leerplannav a {
    font-size: 11px;
    text-decoration: underline;
    }

.leerplan td {
    padding: 5px 0;
    border: 0;
    font-size: 11px;
    }

.leerplan .metbg {
    padding: 3px 5px;
    background-color: #ddd;
    }


#msstrp_01 td p,
#msstrp_02 td p,
#msstrp_03 td p,
#msstrp_04 td p,
#msstrp_05 td p,
#msstrp_06 td p,
#msstrp_07 td p,
#msstrp_08 td p,
#msstrp_09 td p,
#msstrp_10 td p,
#msstrp_11 td p,
#msstrp_12 td p,
#msstrp_13 td p,
#msstrp_14 td p,
#msstrp_15 td p,
#msstrp_16 td p,
#mssr_01 td p,
#mssr_02 td p,
#mssr_03 td p,
#mssr_04 td p,
#mssr_05 td p,
#mssr_06 td p,
#mssr_07 td p { 
    margin: 5px 0;
    padding: 5px;
    background-color: #f2f2f2;
    border: 1px solid #D5D7EA;
    font-size: 1em;
    }


/***********[ FOOTER ]***********/

#footer {
    margin: 0;
    padding-left: 104px;
    }

/***********[ MASSAGETHERAPEUTEN ]***********/

div.mtherapeut { width: 90%; font-size: 1em; }
div.mtherapeut .bedrijf { font-weight: bold; }
div.mtherapeut a, div.mtherapeut a:visited { text-decoration: underline; }
div.mtherapeut .informatie { font-size: 1em;font-style: italic; }
#contentdata div.mtherapeut .informatie p { font-size: 1em; line-height: 1em; }