/* Blauw: #0857a5 */
/* Middelgrijs: #b9b3b5 */
/* Geel: ##fadc00 */

/* Paarsblauw: #0857a5 */
/* Lichtblauw: #54468d */
/* Groen:      #abd217 */
/* Aquablauw:  #00a1e4 */
/* Lichtgrijs:  #eaeaea */
/* Donkergrijs: #000000 */


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

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

div.kop {
 height: 127px; 
 padding:0px;
 margin: 0px;
 margin-bottom: 5px;
 text-align:left;
 background-image: url(./html/pics/kop_achtergrond.png); 
 background-repeat: repeat-x;
 background-position: top left;
}

div.kop div.titel {
 color:#0857a5;
 text-align:left;
 position:absolute;
 margin-left: 665px;
 margin-top: 5px;
 height: 20px;
 ewidth: 400px;
 font-size: 12px;
 font-weight:bold;
 letter-spacing: 1px;
}

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

div.kop div.europalogo {
 position:absolute;
 top: 1px;
 margin-left:18px;
}

div.kop div.europalogomidden {
 position:absolute;
 top: 1px;
 margin-left:300px;
}

div.kop div.europalogomm {
 position:absolute;
 top: 1px;
 margin-left:18px;
}

div.kop form {
 position:absolute;
 top: 100px;
 margin-left:720px; /* 930-210-20 */
 display: inline;
 float: right;
 width: 200px;
}

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

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


div.blok {
 clear: both;
 float:left;
 width:930px;
 padding-top:10px;
}

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:#0857a5;
 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 #0857a5;
 padding-bottom: 4px;
}

div.menu {
 text-align: left;
}

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

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

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

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

div.menu2 {
 background-color: #99bcf3;
}

div.menu2 a{
 display: block;
 padding-top:8px;
 padding-left:20px;
 padding-bottom: 8px;
 margin-bottom: 8px;
 font-size: 12pt;
 text-decoration: none;
 font-weight: bold;
 color: #2351a4;
}

div.linkerkolom p {
 padding-left: 20px;
}

div.middenkolom H1{
 color:#0857a5;
 margin: 0px;
 font-size: 11pt;
 font-weight: bold;
 border:0px;
 border-bottom: 0px solid #000000;
 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.lead{
 margin-top: 0px;
 font-weight: bold;
}

div.middenkolom div.weblogvak{
 border: 1px dotted #0857a5;
 padding:3px;
}

div.middenkolom hr {
 color: #0857a5;
 background-color: #0857a5;
 height: 1px;
 margin: 0px;
 padding: 0px;
 border: 0px;
}

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: #0857a5;
 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: #0857a5;
 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: 202px;
 height: 115px;
 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:#0857a5;
 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 #0857a5;
 padding-bottom: 4px;
 text-decoration: none;
}

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

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


/* border style voor blokrechts */ 

#blokrechtsblauw {
 border: 1px solid #0857a5;
} 

#blokrechtsgeel {
 border: 1px solid #fadc00;
}

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

/* Extra stijlen */

#bold {
 font-weight: bold;
}