/* Paarsblauw: #281570 */
/* Lichtblauw: #54468d */
/* Groen:      #abd217 */
/* Aquablauw:  #00a1e4 */
/* Lichtgrijs:  #eaeaea */
/* Donkergrijs: #404040 */
/* Middelgrijs: #b9b3b5 */

body {
 margin: 0px;
 padding: 0px;
 font-family : Arial, Verdana, Sans-Serif,Helvetica;
 font-size: 10pt;
 background-color:#FFFFFF;
 color:#404040;
 text-align:center;
}

div.container {
 margin:0px;
 margin-left: auto;
 margin-right:auto;
 width:930px;
 text-align:left;
}

div.kop {
 height: 107px; 
 padding:0px;
 margin: 0px;
 margin-bottom: 5px;
 text-align:left;
 uitbackground-color: #b9b3b5; 
}

div.kop div.titel {
 color:#281570;
 text-align:left;
 position:absolute;
 margin-left: 545px;
 margin-top: 25px;
 height: 40px;
 width: 400px;
 font-size: 30px;
 font-weight:normal;
 letter-spacing: 4px;
}

div.kop div.titel p{
 margin: 0px;
 margin-left: 1px;
 margin-top: 5px;
 font-size: 15px;
 letter-spacing: 2px;
 
}

div.kop div.logo {
 position:absolute;
 top: 7px;
 margin-left:18px;
}

div.kruimelpad {
 clear: both;
 float:left;
 height: 40px;
 width: 680px; /* 930-240-10 */
 color:#281570;
 uitbackground-color: #eaeaea;
 font-size: 9pt;
 font-weight: normal;
 text-align: left;
 padding:0px;
 margin: 0px;
 padding-right: 10px;
 padding-left:240px;
 border: 1px solid #FFFFFF;
}

div.kruimelpad div.kruimeltekst {
 margin-top:2px;
}

div.kruimelpad a {
 text-decoration: none;
 color: #281570;
}

div.kruimelpad form {
 display: inline;
 float: right;
 width: 200px;
}

div.kruimelpad input.button {
 border: 0px;
 background-color:#FFFFFF;
}

div.kruimelpad input.text {
 border: 1px solid #b9b3b5;
 background-color:#FFFFFF;
}


div.blok {
 clear: both;
 float:left;
 width:930px;
 uitbackground-image: url(./html/pics/achtergrond_linkerbalk.png); 
 uitbackground-repeat: repeat-y;
 uitbackground-position: top left;
}

div.linkerkolom {
 float: left;
 width: 210px; /* 210 */
}

div.middenkolom {
 float: left;
 width: 450px; /* 930-210-210-2*30 */
 padding-left: 30px;
 padding-right: 30px;
}

div.rechterkolom {
 float: right;
 width: 210px; 
}

div.blokrechts {
 width: 190px; /* 210-2*10 */
 uitheight: 160px; /* 180-2*10 */
 uitbackground-color: #f87e12;
 color:#281570;
 padding: 10px;
 margin: 0px;
 margin-bottom: 12px;
 uitborder: 1px solid #00a1e4;
}

div.blokrechts H1{
 margin: 0px;
 font-size: 11pt;
 font-weight: bold;
 border:0px;
 border-bottom: 1px solid #281570;
 padding-bottom: 4px;
}

div.menu {
 text-align: right;
 padding-right: 10px;
}

div.menu a{
 display: block;
 uitheight: 20px;
 uitpadding-top:10px;
 padding-left:20px;
 padding-bottom:10px;
 uitmargin-bottom: 12px;
 font-size: 10pt;
 text-decoration: none;
 font-weight: bold;
 color: #404040;
}

div.menu a.active{
 display: block;
 uitheight: 20px;
 uitpadding-top:10px;
 padding-left:20px;
 padding-bottom:10px;
 uitmargin-bottom: 12px;
 font-size: 10pt;
 text-decoration: none;
 font-weight: bold;
 color: #281570;
}

div.menu a.submenu{
 display: block;
 uitheight: 20px;
 uitpadding-top:10px;
 padding-left:30px;
 padding-bottom:10px;
 uitmargin-bottom: 12px;
 font-size: 10pt;
 text-decoration: none;
 font-weight: normal;
 color: #404040;
}

div.menu a.activesubmenu{
 display: block;
 uitheight: 20px;
 uitpadding-top:10px;
 padding-left:30px;
 padding-bottom:10px;
 uitmargin-bottom: 12px;
 font-size: 10pt;
 text-decoration: none;
 font-weight: normal;
 color: #281570;
}

div.middenkolom H1{
 margin: 0px;
 font-size: 11pt;
 font-weight: bold;
 border:0px;
 border-bottom: 1px solid #404040;
 padding-bottom: 4px;
 margin-bottom: 18px;
}

div.middenkolom H2{
 margin: 0px;
 font-size: 10pt;
 font-weight: bold;
 border:0px;
 padding: 0px;
 margin-top: 24px;
}

div.middenkolom p{
 margin-top: 0px;
}

div.middenkolom p.testimonial{
 margin-top: 24px;
 text-align:center;
}

div.middenkolom p.lead{
 margin-top: 0px;
 font-weight: bold;
}

img.inline_image {
 margin-left: 10px;
 margin-right: 10px;
 margin-top:2px;
 margin-bottom:2px;
 border:0px;
} 

div.blokrechts img {
 margin: 10px;
 border:0px;
}

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

li.lijstjes_rechts {
 margin-left: -15px;
}

div.blokrechts a:link, div.blokrechts a:visited, div.blokrechts a:active, div.blokrechts a:hover {
 color: #281570;
 text-decoration: none;
}

div.blokrechts a:hover {
 color: #281570;
 text-decoration: underline;
}

H2.noshow {
 visibility: hidden;
 margin: 0px;
 padding:0px;
 border: 0px;
 font-size: 1px;
 height: 1px;
}

div.weblog {
 background-color:#eaeaea;
 padding: 5px;
 padding-top: 10px;
 padding-bottom: 10px;
}

img.kopimage {
 width: 367px;
 height: 93px;
 border:0px;
 padding: 0px;
 margin: 0px;
}

/* stijl voor training Uit het Programma */

div.UHP {
 border: #2351a4 solid 1px;
 margin:5px;
 margin-top: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 15px;
 padding-right: 15px;
}

div.UHP H2 {
      margin-top: 5px;
      margin-bottom: 0px;
      padding:0px;      
      border: 0px;
      color: #2351a4;
      font-size: 10pt;
      font-weight: bold;
      font-style : italic;
      text-decoration : normal;
      text-indent: 0px;
}

/* Stijl voor de MicrContent Buttons */

a.blokrechts, a.blokrechts:link, a.blokrechts:visited, a.blokrechts:active, a.blokrechts:hover {
 display: block;
 width: 190px; /* 210-2*10 */
 uitheight: 160px; /* 180-2*10 */
 uitbackground-color: #f87e12;
 color:#281570;
 padding: 10px;
 margin: 0px;
 margin-bottom: 12px;
 text-decoration: none;
 uitborder: 1px solid #abd217;
}


a.blokrechts H1{
 margin: 0px;
 font-size: 11pt;
 font-weight: bold;
 border:0px;
 border-bottom: 1px solid #281570;
 padding-bottom: 4px;
 text-decoration: none;
}

a.blokrechts img {
 margin: 10px;
 border:0px;
}

div.speciaal ul {
 margin-top: -20px;
} 


/* border style voor blokrechts */ 

#blokrechtsaqua {
 border: 1px solid #00a1e4;
} 

#blokrechtsblauw {
 border: 1px solid #281570;
} 

#blokrechtsgroen {
 border: 1px solid #abd217;
} 

#blokrechtslichtblauw {
 border: 1px solid #54468d;
} 

#geenblok {
 border: 1px solid #FFFFFF;
} 

/* Extra stijlen */

#bold {
 font-weight: bold;
}