BODY {
  font-size: 12px;
  font-family:Verdana, Geneva, sans-serif;
}

#header .grid {
  position: relative;
  height: 320px;
}
.Fout {color:#F00; font-style:italic;}

.hblok {
  display: block;
  position: absolute;
  background: #000000;
  background-repeat: no-repeat;
  width: 105px;
  height: 105px;
}

.hblok1 { background-color: #EC008C; background-position: 0 0; top: 0px; left: 0px; width: 212px; }
.hblok2 { background-color: #EC008C; background-position: -107px 0; display: none; }
.hblok3 { background-color: #00AEEF; background-position: -214px 0; top: 0px; left: 214px;}
.hblok4 { background-color: #EC008C; background-position: 0 -107px; display: none; }
.hblok5 { background-color: #EC008C; background-position: -107px -107px; display: none; }
.hblok6 { background-color: #EC008C; background-position: -214px -107px; display: none; }
.hblok7 { background-color: #EC008C; background-position: 0 -214px; top: 214px; left: 0px; }
.hblok8 { background-color: #00AEEF; background-position: -107px -214px; top: 214px; left: 107px; width: 212px; }
.hblok9 { background-color: #F7941E; background-position: -214px -214px; display: none; }

.hblok11 { background-color: #F7941E; background-position: -321px 0; top: 0px; left: 0px; }
.hblok12 { background-color: #EC008C; background-position: -428px 30px; top: -30px; left: 107px; }
.hblok13 { background-color: #F7941E; background-position: -535px 0; top: 0px; left: 214px; height: 212px; }
.hblok14 { background-color: #00AEEF; background-position: -321px -107px; top: 107px; left: 0px; }
.hblok15 { background-color: #EC008C; background-position: -428px -107px; display: none; }
.hblok16 { background-color: #EC008C; background-position: -535px -107px; display: none; }
.hblok17 { background-color: #EC008C; background-position: -321px -214px; top: 214px; left: 0px; }
.hblok18 { background-color: #F7941E; background-position: -428px -214px; top: 214px; left: 107px; }
.hblok19 { background-color: #EC008C; background-position: -535px -214px; display: none }

.hblok21 { background-color: #EC008C; background-position: -642px 0; top: 0px; left: 0px;}
.hblok22 { background-color: #EC008C; background-position: -749px 0; display: none; }
.hblok23 { background-color: #F7941E; background-position: -856px 0; top: 0px; left: 214px; }
.hblok24 { background-color: #00AEEF; background-position: -642px -107px; top: 107px; left: 0px; }
.hblok25 { background-color: #EC008C; background-position: -749px -107px; top: 107px; left: 107px; width: 212px; }
.hblok26 { background-color: #EC008C; background-position: -856px -107px; display: none; }
.hblok27 { background-color: #EC008C; background-position: -642px -214px; top: 214px; left: 0px; }
.hblok28 { background-color: #F7941E; background-position: -749px -214px; top: 214px; left: 107px; }
.hblok29 { background-color: #00AEEF; background-position: -856px -214px; top: 214px; left: 214px; }

#logo {
  display: block;
  position: absolute;
  top: 107px;
  left: 0px;
}

#logo IMG { height: 105px; }

.hoegaathetmetje .hblok { background-image: url(../images/header_hoegaathetmetje.jpg); }
.hoezitjeinjevel .hblok { background-image: url(../images/header_hoezitjeinjevel.jpg); }
.omgaanmetelkaar .hblok { background-image: url(../images/header_omgaanmetelkaar.jpg); }
.naregedachten .hblok { background-image: url(../images/header_naregedachten.jpg); }
.leergedrag .hblok { background-image: url(../images/header_leergedrag.jpg); }
.hoeishetthuis .hblok { background-image: url(../images/header_hoeishetthuis.jpg); }
.raregedachten .hblok { background-image: url(../images/header_raregedachten.jpg); }
.jijeneten .hblok { background-image: url(../images/header_jijeneten.jpg); }
.slapen .hblok { background-image: url(../images/header_slapen.jpg); }
.roken .hblok { background-image: url(../images/header_roken.jpg); }
.alcohol .hblok { background-image: url(../images/header_alcohol.jpg); }
.cannabis .hblok { background-image: url(../images/header_cannabis.jpg); }
.gamen .hblok { background-image: url(../images/header_gamen.jpg); }
.socialmedia .hblok { background-image: url(../images/header_socialmedia.jpg); }
.seksualiteit .hblok { background-image: url(../images/header_seksualiteit.jpg); }
.voeding .hblok { background-image: url(../images/header_voeding.jpg); }
.bewegen .hblok { background-image: url(../images/header_bewegen.jpg); }
.tanden .hblok { background-image: url(../images/header_tanden.jpg); }
.naregebeurtenissen .hblok { background-image: url(../images/header_naregebeurtenissen.jpg); }
.waterpijp .hblok { background-image: url(../images/header_waterpijp.jpg); }
.xtc .hblok { background-image: url(../images/header_xtc.jpg); }
.samenofalleen .hblok { background-image: url(../images/header_samenofalleen.jpg); }
.piekeren .hblok { background-image: url(../images/header_peikeren.jpg); }
.faalangst .hblok { background-image: url(../images/header_faalangst.jpg); }

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

.categorie {
  display: block;
  background: #F7941E;
  margin: 10px 0;
  overflow: hidden;
  color: #FFFFFF;
}

.categorie_icon {
  display: block;
  float: left;
  width: 60px;
  height: 50px;
  margin-right: 15px;
  border-right: 3px solid #FFFFFF;
}

.categorie_titel {
  display: block;
  height: 50px;
  font-size: 30px;
  line-height: 46px;
  overflow: hidden;
  margin-left: 15px;
}

.categorie_intro {
  padding: 5px 0px 10px 5px;
}

.hoegaathetmetje .categorie { background: #F58220; }
.hoegaathetmetje .categorie_icon { background: url(../images/icon-hoegaathetmetje-wit.png) no-repeat 0 0; }
.hoezitjeinjevel .categorie { background: #00AEEF; }
.hoezitjeinjevel .categorie_icon { background: url(../images/icon-hoezitjeinjevel-wit.png) no-repeat 0 0; }
.omgaanmetelkaar .categorie { background: #F58220;}
.omgaanmetelkaar .categorie_icon { background: url(../images/icon-omgaanmetelkaar-wit.png) no-repeat 0 0; }
.naregedachten .categorie { background: #00AEEF; }
.naregedachten .categorie_icon { background: url(../images/icon-naregedachten-wit.png) no-repeat 0 0; }
.leergedrag .categorie { background: #00AEEF; }
.leergedrag .categorie_icon { background: url(../images/icon-leergedrag-wit.png) no-repeat 0 0; }
.hoeishetthuis .categorie { background: #EC008C; }
.hoeishetthuis .categorie_icon { background: url(../images/icon-hoeishetthuis-wit.png) no-repeat 0 0; }
.raregedachten .categorie { background: #00AEEF; }
.raregedachten .categorie_icon { background: url(../images/icon-raregedachten-wit.png) no-repeat 0 0; }
.jijeneten .categorie { background: #00AEEF; }
.jijeneten .categorie_icon { background: url(../images/icon-jijeneten-wit.png) no-repeat 0 0; }
.slapen .categorie { background: #00AEEF; }
.slapen .categorie_icon { background: url(../images/icon-slapen-wit.png) no-repeat 0 0; }
.roken .categorie { background: #8CC63F; }
.roken .categorie_icon { background: url(../images/icon-roken-wit.png) no-repeat 0 0; }
.alcohol .categorie { background: #8CC63F; }
.alcohol .categorie_icon { background: url(../images/icon-alcohol-wit.png) no-repeat 0 0; }
.cannabis .categorie { background: #8CC63F; }
.cannabis .categorie_icon { background: url(../images/icon-cannabis-wit.png) no-repeat 0 0; }
.gamen .categorie { background: #ED1C24; }
.gamen .categorie_icon { background: url(../images/icon-gamen-wit.png) no-repeat 0 0; }
.socialmedia .categorie { background: #ED1C24; }
.socialmedia .categorie_icon { background: url(../images/icon-socialmedia-wit.png) no-repeat 0 0; }
.seksualiteit .categorie { background: #91278F; }
.seksualiteit .categorie_icon { background: url(../images/icon-seksualiteit-wit.png) no-repeat 0 0; }
.voeding .categorie { background: #91278F; }
.voeding .categorie_icon { background: url(../images/icon-voeding-wit.png) no-repeat 0 0; }
.bewegen .categorie { background: #91278F; }
.bewegen .categorie_icon { background: url(../images/icon-bewegen-wit.png) no-repeat 0 0; }
.tanden .categorie { background: #91278F; }
.tanden .categorie_icon { background: url(../images/icon-tanden-wit.png) no-repeat 0 0; }
.naregebeurtenissen .categorie { background: #EC008C; }
.naregebeurtenissen .categorie_icon { background: url(../images/icon-naregebeurtenissen-wit.png) no-repeat 0 0; }
.waterpijp .categorie { background: #EC008C; }
.waterpijp .categorie_icon { background: url(../images/icon-waterpijp-wit.png) no-repeat 0 0; }
.xtc .categorie { background: #EC008C; }
.xtc .categorie_icon { background: url(../images/icon-xtc-wit.png) no-repeat 0 0; }
.boos .categorie { background: #EC008C; }
.boos .categorie_icon { background: url(../images/icon-boos-wit.png) no-repeat 0 0; }
.piekeren .categorie { background: #EC008C; }
.piekeren .categorie_icon { background: url(../images/icon-piekeren-wit.png) no-repeat 0 0; }
.faalangst .categorie { background: #EC008C; }
.faalangst .categorie_icon { background: url(../images/icon-faalangst-wit.png) no-repeat 0 0; }
.samenofalleen .categorie { background: #EC008C; }
.samenofalleen .categorie_icon { background: url(../images/icon-samenofalleen-wit.png) no-repeat 0 0; }
.totslot .categorie { background: #F58220;}
.mogenwejenogwatvragen .categorie { background: #00AEEF; }



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


#inloggen {
  display: block;
  float: none;
  margin: 20px auto;
}
.login_row {
  padding: 0 0 10px 0;
}
.login_titel {
  font-weight: bold;
  padding: 0 0 5px 0;
}

.login_antwoord {}

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


.vraagstuk ,
.vraagstuk2 {
  display: block;
  padding: 10px 0;
  line-height: 1.4;
  overflow: hidden;
}
.vraagstuk2 { border-bottom: 1px solid #D8D8D8; }

.vraagstuk .vraag,
.vraagstuk2 .vraag {
  float: left;
}
.vraagstuk .vraag { width: 560px; }
.vraagstuk2 .vraag { width: 450px; }

.vraagstuk .nummer,
.vraagstuk2 .nummer {
  font-weight: bold;
  float: left;
}
.hoegaathetmetje .vraagstuk .nummer { color: #F58220; }
.hoezitjeinjevel .vraagstuk .nummer { color: #00AEEF; }
.omgaanmetelkaar .vraagstuk .nummer { color: #F58220; }
.naregedachten .vraagstuk .nummer { color: #00AEEF; }
.leergedrag .vraagstuk .nummer { color: #00AEEF; }
.hoeishetthuis .vraagstuk .nummer { color: #EC008C; }
.raregedachten .vraagstuk .nummer { color: #00AEEF; }
.jijeneten .vraagstuk .nummer { color: #00AEEF; }
.slapen .vraagstuk .nummer { color: #00AEEF; }
.roken .vraagstuk .nummer { color: #8CC63F; }
.alcohol .vraagstuk .nummer { color: #8CC63F; }
.cannabis .vraagstuk .nummer { color: #8CC63F; }
.gamen .vraagstuk .nummer { color: #ED1C24; }
.socialmedia .vraagstuk .nummer { color: #ED1C24; }
.seksualiteit .vraagstuk .nummer { color: #91278F; }
.voeding .vraagstuk .nummer { color: #91278F; }
.bewegen .vraagstuk .nummer { color: #91278F; }
.tanden .vraagstuk .nummer { color: #91278F; }
.zelfbeschadiging .vraagstuk .nummer { color: #F58220; }
.naregebeurtenissen .vraagstuk .nummer { color: #EC008C; }
.waterpijp .vraagstuk .nummer { color: #EC008C; }
.xtc .vraagstuk .nummer { color: #EC008C; }
.boos .vraagstuk .nummer { color: #EC008C; }
.faalangst .vraagstuk .nummer { color: #EC008C; }
.piekeren .vraagstuk .nummer { color: #EC008C; }
.samenofalleen .vraagstuk .nummer { color: #EC008C; }
.totslot .vraagstuk .nummer { color: #F58220; }
.mogenwejenogwatvragen .vraagstuk .nummer { color: #00AEEF; }
.vooraf .vraagstuk2 .nummer { color: #F7941E; }

.vraagstuk .titel,
.vraagstuk2 .titel {
  margin: 0 0 0 35px;
  padding: 0 30px 0 0;
  font-weight: bold;
}

.vraagstuk .tooltip {}

.vraagstuk .toelichting {
  margin: 0 0 0 35px;
  padding: 0 30px 0 0;
  color: #008DC4;
}

.vraagstuk .voorloop {
  margin: 5px 0 20px 10px;
  padding: 0 30px 10px 0;
  font-weight:bold;
  border-bottom:solid;
  border-bottom-width:1px;
  border-bottom-color:#CCC;
}

.vraagstuk .toelichting a {
    text-decoration: underline;
    color: blue;
}

.vraagstuk .antwoorden {
  margin: 5px 0 0 35px;
  overflow: hidden;
}

.vraagstuk .antwoord {}

.scheidingslijn { height:1px; color:#D8D8D8; margin-top:10px;}

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


.radios .antwoord LABEL { display: block; padding: 1px 0; cursor: pointer; }
.radios .antwoord LABEL:hover { background: #F2F2F2; }

.radios.horizontaal .antwoord { display: block; margin-right: 80px; float: left; }
.radios.horizontaal_25 .antwoord { display: block; width: 25%; float: left; }
.radios.horizontaal_33 .antwoord { display: block; width: 33%; float: left; }
.radios.horizontaal_50 .antwoord { display: block; width: 50%; float: left; }
.checkboxen.horizontaal .antwoord { display: block; margin-right: 20px; float: left; }
.checkboxen.horizontaal_25 .antwoord { display: block; width: 25%; float: left; }
.checkboxen.horizontaal_33 .antwoord { display: block; width: 33%; float: left; }
.checkboxen.horizontaal_50 .antwoord { display: block; width: 50%; float: left; }

.checkboxen .antwoord LABEL { display: block; padding: 1px 0; cursor: pointer; }
.checkboxen .antwoord LABEL:hover { background: #F2F2F2; }


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

.hoegaathetmetje .button { background-color: #FF8700; }
.hoegaathetmetje .button:hover { background-color: #E57200; }
.hoezitjeinjevel .button { background-color: #00AAD7; }
.hoezitjeinjevel .button:hover { background-color: #0099BC; }
.omgaanmetelkaar .button { background-color: #FF8700;}
.omgaanmetelkaar .button:hover { background-color: #E57200; }
.naregedachten .button { background-color: #00AAD7; }
.naregedachten .button:hover { background-color: #0099BC; }
.leergedrag .button { background-color: #00AAD7; }
.leergedrag .button:hover { background-color: #0099BC; }
.hoeishetthuis .button { background-color: #FF0073; }
.hoeishetthuis .button:hover { background-color: #E50073; }
.raregedachten .button { background-color: #00AAD7; }
.raregedachten .button:hover { background-color: #0099BC; }
.jijeneten .button { background-color: #00AAD7; }
.jijeneten .button:hover { background-color: #0099BC; }
.slapen .button { background-color: #00AAD7; }
.slapen .button:hover { background-color: #0099BC; }
.roken .button { background-color: #A1C600; }
.roken .button:hover { background-color: #94AD00; }
.alcohol .button { background-color: #A1C600; }
.alcohol .button:hover { background-color: #94AD00; }
.cannabis .button { background-color: #A1C600; }
.cannabis .button:hover { background-color: #94AD00; }
.gamen .button { background-color: #FF0000; }
.gamen .button:hover { background-color: #E50000; }
.socialmedia .button { background-color: #FF0000; }
.socialmedia .button:hover { background-color: #E50000; }
.seksualiteit .button { background-color: #960096; }
.seksualiteit .button:hover { background-color: #77007A; }
.voeding .button { background-color: #960096; }
.voeding .button:hover { background-color: #77007A; }
.bewegen .button { background-color: #960096; }
.bewegen .button:hover { background-color: #77007A; }
.tanden .button { background-color: #960096; }
.tanden .button:hover { background-color: #77007A; }
.zelfbeschadiging .button { background-color: #FF8700; }
.zelfbeschadiging .button:hover { background-color: #E57200; }
.naregebeurtenissen .button { background-color: #FF0073; }
.naregebeurtenissen .button:hover { background-color: #E50073; }
.waterpijp .button { background-color: #FF0073; }
.waterpijp .button:hover { background-color: #E50073; }
.xtc .button { background-color: #FF0073; }
.xtc .button:hover { background-color: #E50073; }
.boos .button { background-color: #FF0073; }
.boos .button:hover { background-color: #E50073; }
.faalangst.button { background-color: #FF0073; }
.faalangst .button:hover { background-color: #E50073; }
.piekeren.button { background-color: #FF0073; }
.piekeren.button:hover { background-color: #E50073; }
.samenofalleen .button { background-color: #FF0073; }
.samenofalleen .button:hover { background-color: #E50073; }
.vooraf .button { background-color: #FF8700; }
.vooraf .button:hover { background-color: #E57200; }


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


.voortgang_container {
  display: block;
  margin-top: 10px;
  text-align: right;
  overflow: hidden;
  clear: both;
}

.voortang_titel {
  display: inline-block;
  float: right;
  font-size: 13px;
}

.voortgang {
  display: inline-block;
  float: right;
  width: 200px;
  border: 1px solid #00AEEF;
  margin-left: 10px;
}

.voortang_balk {
  background: #00AEEF;
  font-size: 10px;
  line-height: 15px;
  height: 15px;
  box-sizing: border-box;
  padding-right: 3px;
  color: #FFFFFF;
}


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

.uitslag { padding: 1px 0 1px 22px;}

.uitslag.groen { background: url(images/bolletje_groen.jpg) no-repeat left center; }
.uitslag.oranje { background: url(images/bolletje_geel.jpg) no-repeat left center; }
.uitslag.rood { background: url(images/bolletje_rood.jpg) no-repeat left center; }
.uitslag.blauw { background: url(images/bolletje_blauw.jpg) no-repeat left center; }


#toggle_color .inzwartwit { display: none; }
#toggle_color .inkleur { display: inline-block; }
#toggle_color.toggle_on {}
#toggle_color.toggle_on .inzwartwit { display: inline-block; }
#toggle_color.toggle_on .inkleur { display: none; }


#uitslagen {}

#uitslagen_items {
  overflow: hidden;
}

.uitslag_icon {
  background-color: #CCCCCC;
  width: 54px;
  height: 54px;
  margin: 0 5px 5px 0;
  float: left;
  text-align: center;
  font-size: 20px;
  color: #FFFFFF;
  cursor: pointer;
}
.uitslag_icon.selected {
  padding: 0 0 5px 0;
  margin: 0 5px 0 0;
}
.kleur .uitslag_icon.groen { background-color: #069D1C; }
.kleur .uitslag_icon.oranje { background-color: #F7941E; }
.kleur .uitslag_icon.rood { background-color: #E60000; }
.kleur .uitslag_icon.blauw { background-color: #00AEEF; }

#uitslag_hoegaathetmetje { background-image: url(../images/icon-hoegaathetmetje-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_hoezitjeinjevel { background-image: url(../images/icon-hoezitjeinjevel-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_omgaanmetelkaar { background-image: url(../images/icon-omgaanmetelkaar-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_naregedachten { background-image: url(../images/icon-naregedachten-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_leergedrag { background-image: url(../images/icon-leergedrag-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_hoeishetthuis { background-image: url(../images/icon-hoeishetthuis-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_raregedachten { background-image: url(../images/icon-raregedachten-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_jijeneten { background-image: url(../images/icon-jijeneten-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_slapen { background-image: url(../images/icon-slapen-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_roken { background-image: url(../images/icon-roken-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_alcohol { background-image: url(../images/icon-alcohol-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_cannabis { background-image: url(../images/icon-cannabis-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_gamen { background-image: url(../images/icon-gamen-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_socialmedia { background-image: url(../images/icon-socialmedia-wit.png); background-repeat: no-repeat; background-position: center center; } 
#uitslag_seksualiteit { background-image: url(../images/icon-seksualiteit-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_voeding { background-image: url(../images/icon-voeding-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_bewegen { background-image: url(../images/icon-bewegen-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_tanden { background-image: url(../images/icon-tanden-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_concentratie { background-image: url(../images/icon-concentratie-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_gedragopschool { background-image: url(../images/icon-gedragopschool-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_zelfbeschadiging { background-image: url(../images/icon-zelfbeschadiging-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_naregebeurtenissen { background-image: url(../images/icon-naregebeurtenissen-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_waterpijp { background-image: url(../images/icon-waterpijp-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_xtc { background-image: url(../images/icon-xtc-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_boos { background-image: url(../images/icon-boos-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_faalangst { background-image: url(../images/icon-faalangst-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_piekeren { background-image: url(../images/icon-piekeren-wit.png); background-repeat: no-repeat; background-position: center center; }
#uitslag_samenofalleen { background-image: url(../images/icon-samenofalleen-wit.png); background-repeat: no-repeat; background-position: center center; }

#uitslag_hoegaathetmetje:hover.groen, #uitslag_hoegaathetmetje:focus.groen { background-image: url(../images/icon-hoegaathetmetje-groen.png); }
#uitslag_hoegaathetmetje:hover.geel, #uitslag_hoegaathetmetje:focus.geel { background-image: url(../images/icon-hoegaathetmetje-geel.png); }
#uitslag_hoegaathetmetje:hover.oranje, #uitslag_hoegaathetmetje:focus.oranje { background-image: url(../images/icon-hoegaathetmetje-oranje.png); }
#uitslag_hoegaathetmetje:hover.rood, #uitslag_hoegaathetmetje:focus.rood { background-image: url(../images/icon-hoegaathetmetje-rood.png); }
#uitslag_hoegaathetmetje:hover.blauw, #uitslag_hoegaathetmetje:focus.blauw { background-image: url(../images/icon-hoegaathetmetje-blauw.png); }

#uitslag_hoezitjeinjevel:hover.groen, #uitslag_hoezitjeinjevel:focus.groen { background-image: url(../images/icon-hoezitjeinjevel-groen.png); }
#uitslag_hoezitjeinjevel:hover.geel, #uitslag_hoezitjeinjevel:focus.geel { background-image: url(../images/icon-hoezitjeinjevel-geel.png); }
#uitslag_hoezitjeinjevel:hover.oranje, #uitslag_hoezitjeinjevel:focus.oranje { background-image: url(../images/icon-hoezitjeinjevel-oranje.png); }
#uitslag_hoezitjeinjevel:hover.rood, #uitslag_hoezitjeinjevel:focus.rood { background-image: url(../images/icon-hoezitjeinjevel-rood.png); }
#uitslag_hoezitjeinjevel:hover.blauw, #uitslag_hoezitjeinjevel:focus.blauw { background-image: url(../images/icon-hoezitjeinjevel-blauw.png); }

#uitslag_omgaanmetelkaar:hover.groen, #uitslag_omgaanmetelkaar:focus.groen { background-image: url(../images/icon-omgaanmetelkaar-groen.png); }
#uitslag_omgaanmetelkaar:hover.geel, #uitslag_omgaanmetelkaar:focus.geel { background-image: url(../images/icon-omgaanmetelkaar-geel.png); }
#uitslag_omgaanmetelkaar:hover.oranje, #uitslag_omgaanmetelkaar:focus.oranje { background-image: url(../images/icon-omgaanmetelkaar-oranje.png); }
#uitslag_omgaanmetelkaar:hover.rood, #uitslag_omgaanmetelkaar:focus.rood { background-image: url(../images/icon-omgaanmetelkaar-rood.png); }
#uitslag_omgaanmetelkaar:hover.blauw, #uitslag_omgaanmetelkaar:focus.blauw { background-image: url(../images/icon-omgaanmetelkaar-blauw.png); }

#uitslag_naregedachten:hover.groen, #uitslag_naregedachten:focus.groen { background-image: url(../images/icon-naregedachten-groen.png); }
#uitslag_naregedachten:hover.geel, #uitslag_naregedachten:focus.geel { background-image: url(../images/icon-naregedachten-geel.png); }
#uitslag_naregedachten:hover.oranje, #uitslag_naregedachten:focus.oranje { background-image: url(../images/icon-naregedachten-oranje.png); }
#uitslag_naregedachten:hover.rood, #uitslag_naregedachten:focus.rood { background-image: url(../images/icon-naregedachten-rood.png); }
#uitslag_naregedachten:hover.blauw, #uitslag_naregedachten:focus.blauw { background-image: url(../images/icon-naregedachten-blauw.png); }

#uitslag_leergedrag:hover.groen, #uitslag_leergedrag:focus.groen { background-image: url(../images/icon-leergedrag-groen.png); }
#uitslag_leergedrag:hover.geel, #uitslag_leergedrag:focus.geel { background-image: url(../images/icon-leergedrag-geel.png); }
#uitslag_leergedrag:hover.oranje, #uitslag_leergedrag:focus.oranje { background-image: url(../images/icon-leergedrag-oranje.png); }
#uitslag_leergedrag:hover.rood, #uitslag_leergedrag:focus.rood { background-image: url(../images/icon-leergedrag-rood.png); }
#uitslag_leergedrag:hover.blauw, #uitslag_leergedrag:focus.blauw { background-image: url(../images/icon-leergedrag-blauw.png); }

#uitslag_hoeishetthuis:hover.groen, #uitslag_hoeishetthuis:focus.groen { background-image: url(../images/icon-hoeishetthuis-groen.png); }
#uitslag_hoeishetthuis:hover.geel, #uitslag_hoeishetthuis:focus.geel { background-image: url(../images/icon-hoeishetthuis-geel.png); }
#uitslag_hoeishetthuis:hover.oranje, #uitslag_hoeishetthuis:focus.oranje { background-image: url(../images/icon-hoeishetthuis-oranje.png); }
#uitslag_hoeishetthuis:hover.rood, #uitslag_hoeishetthuis:focus.rood { background-image: url(../images/icon-hoeishetthuis-rood.png); }
#uitslag_hoeishetthuis:hover.blauw, #uitslag_hoeishetthuis:focus.blauw { background-image: url(../images/icon-hoeishetthuis-blauw.png); }

#uitslag_raregedachten:hover.groen, #uitslag_raregedachten:focus.groen { background-image: url(../images/icon-raregedachten-groen.png); }
#uitslag_raregedachten:hover.geel, #uitslag_raregedachten:focus.geel { background-image: url(../images/icon-raregedachten-geel.png); }
#uitslag_raregedachten:hover.oranje, #uitslag_raregedachten:focus.oranje { background-image: url(../images/icon-raregedachten-oranje.png); }
#uitslag_raregedachten:hover.rood, #uitslag_raregedachten:focus.rood { background-image: url(../images/icon-raregedachten-rood.png); }
#uitslag_raregedachten:hover.blauw, #uitslag_raregedachten:focus.blauw { background-image: url(../images/icon-raregedachten-blauw.png); }

#uitslag_jijeneten:hover.groen, #uitslag_jijeneten:focus.groen { background-image: url(../images/icon-jijeneten-groen.png); }
#uitslag_jijeneten:hover.geel, #uitslag_jijeneten:focus.geel { background-image: url(../images/icon-jijeneten-geel.png); }
#uitslag_jijeneten:hover.oranje, #uitslag_jijeneten:focus.oranje { background-image: url(../images/icon-jijeneten-oranje.png); }
#uitslag_jijeneten:hover.rood, #uitslag_jijeneten:focus.rood { background-image: url(../images/icon-jijeneten-rood.png); }
#uitslag_jijeneten:hover.blauw, #uitslag_jijeneten:focus.blauw { background-image: url(../images/icon-jijeneten-blauw.png); }

#uitslag_slapen:hover.groen, #uitslag_slapen:focus.groen { background-image: url(../images/icon-slapen-groen.png); }
#uitslag_slapen:hover.geel, #uitslag_slapen:focus.geel { background-image: url(../images/icon-slapen-geel.png); }
#uitslag_slapen:hover.oranje, #uitslag_slapen:focus.oranje { background-image: url(../images/icon-slapen-oranje.png); }
#uitslag_slapen:hover.rood, #uitslag_slapen:focus.rood { background-image: url(../images/icon-slapen-rood.png); }
#uitslag_slapen:hover.blauw, #uitslag_slapen:focus.blauw { background-image: url(../images/icon-slapen-blauw.png); }

#uitslag_roken:hover.groen, #uitslag_roken:focus.groen { background-image: url(../images/icon-roken-groen.png); }
#uitslag_roken:hover.geel, #uitslag_roken:focus.geel { background-image: url(../images/icon-roken-geel.png); }
#uitslag_roken:hover.oranje, #uitslag_roken:focus.oranje { background-image: url(../images/icon-roken-oranje.png); }
#uitslag_roken:hover.rood, #uitslag_roken:focus.rood { background-image: url(../images/icon-roken-rood.png); }
#uitslag_roken:hover.blauw, #uitslag_roken:focus.blauw { background-image: url(../images/icon-roken-blauw.png); }

#uitslag_alcohol:hover.groen, #uitslag_alcohol:focus.groen { background-image: url(../images/icon-alcohol-groen.png); }
#uitslag_alcohol:hover.geel, #uitslag_alcohol:focus.geel { background-image: url(../images/icon-alcohol-geel.png); }
#uitslag_alcohol:hover.oranje, #uitslag_alcohol:focus.oranje { background-image: url(../images/icon-alcohol-oranje.png); }
#uitslag_alcohol:hover.rood, #uitslag_alcohol:focus.rood { background-image: url(../images/icon-alcohol-rood.png); }
#uitslag_alcohol:hover.blauw, #uitslag_alcohol:focus.blauw { background-image: url(../images/icon-alcohol-blauw.png); }

#uitslag_cannabis:hover.groen, #uitslag_cannabis:focus.groen { background-image: url(../images/icon-cannabis-groen.png); }
#uitslag_cannabis:hover.geel, #uitslag_cannabis:focus.geel { background-image: url(../images/icon-cannabis-geel.png); }
#uitslag_cannabis:hover.oranje, #uitslag_cannabis:focus.oranje { background-image: url(../images/icon-cannabis-oranje.png); }
#uitslag_cannabis:hover.rood, #uitslag_cannabis:focus.rood { background-image: url(../images/icon-cannabis-rood.png); }
#uitslag_cannabis:hover.blauw, #uitslag_cannabis:focus.blauw { background-image: url(../images/icon-cannabis-blauw.png); }

#uitslag_gamen:hover.groen, #uitslag_gamen:focus.groen { background-image: url(../images/icon-gamen-groen.png); }
#uitslag_gamen:hover.geel, #uitslag_gamen:focus.geel { background-image: url(../images/icon-gamen-geel.png); }
#uitslag_gamen:hover.oranje, #uitslag_gamen:focus.oranje { background-image: url(../images/icon-gamen-oranje.png); }
#uitslag_gamen:hover.rood, #uitslag_gamen:focus.rood { background-image: url(../images/icon-gamen-rood.png); }
#uitslag_gamen:hover.blauw, #uitslag_gamen:focus.blauw { background-image: url(../images/icon-gamen-blauw.png); }

#uitslag_socialmedia:hover.groen, #uitslag_socialmedia:focus.groen { background-image: url(../images/icon-socialmedia-groen.png); } 
#uitslag_socialmedia:hover.geel, #uitslag_socialmedia:focus.geel { background-image: url(../images/icon-socialmedia-geel.png); } 
#uitslag_socialmedia:hover.oranje, #uitslag_socialmedia:focus.oranje { background-image: url(../images/icon-socialmedia-oranje.png); } 
#uitslag_socialmedia:hover.rood, #uitslag_socialmedia:focus.rood { background-image: url(../images/icon-socialmedia-rood.png); } 
#uitslag_socialmedia:hover.blauw, #uitslag_socialmedia:focus.blauw { background-image: url(../images/icon-socialmedia-blauw.png); } 

#uitslag_seksualiteit:hover.groen, #uitslag_seksualiteit:focus.groen { background-image: url(../images/icon-seksualiteit-groen.png); }
#uitslag_seksualiteit:hover.geel, #uitslag_seksualiteit:focus.geel { background-image: url(../images/icon-seksualiteit-geel.png); }
#uitslag_seksualiteit:hover.oranje, #uitslag_seksualiteit:focus.oranje { background-image: url(../images/icon-seksualiteit-oranje.png); }
#uitslag_seksualiteit:hover.rood, #uitslag_seksualiteit:focus.rood { background-image: url(../images/icon-seksualiteit-rood.png); }
#uitslag_seksualiteit:hover.blauw, #uitslag_seksualiteit:focus.blauw { background-image: url(../images/icon-seksualiteit-blauw.png); }

#uitslag_voeding:hover.groen, #uitslag_voeding:focus.groen { background-image: url(../images/icon-voeding-groen.png); }
#uitslag_voeding:hover.geel, #uitslag_voeding:focus.geel { background-image: url(../images/icon-voeding-geel.png); }
#uitslag_voeding:hover.oranje, #uitslag_voeding:focus.oranje { background-image: url(../images/icon-voeding-oranje.png); }
#uitslag_voeding:hover.rood, #uitslag_voeding:focus.rood { background-image: url(../images/icon-voeding-rood.png); }
#uitslag_voeding:hover.blauw, #uitslag_voeding:focus.blauw { background-image: url(../images/icon-voeding-blauw.png); }

#uitslag_bewegen:hover.groen, #uitslag_bewegen:focus.groen { background-image: url(../images/icon-bewegen-groen.png); }
#uitslag_bewegen:hover.geel, #uitslag_bewegen:focus.geel { background-image: url(../images/icon-bewegen-geel.png); }
#uitslag_bewegen:hover.oranje, #uitslag_bewegen:focus.oranje { background-image: url(../images/icon-bewegen-oranje.png); }
#uitslag_bewegen:hover.rood, #uitslag_bewegen:focus.rood { background-image: url(../images/icon-bewegen-rood.png); }
#uitslag_bewegen:hover.blauw, #uitslag_bewegen:focus.blauw { background-image: url(../images/icon-bewegen-blauw.png); }

#uitslag_tanden:hover.groen, #uitslag_tanden:focus.groen { background-image: url(../images/icon-tanden-groen.png); }
#uitslag_tanden:hover.geel, #uitslag_tanden:focus.geel { background-image: url(../images/icon-tanden-geel.png); }
#uitslag_tanden:hover.oranje, #uitslag_tanden:focus.oranje { background-image: url(../images/icon-tanden-oranje.png); }
#uitslag_tanden:hover.rood, #uitslag_tanden:focus.rood { background-image: url(../images/icon-tanden-rood.png); }
#uitslag_tanden:hover.blauw, #uitslag_tanden:focus.blauw { background-image: url(../images/icon-tanden-blauw.png); }

#uitslag_concentratie:hover.groen, #uitslag_concentratie:focus.groen { background-image: url(../images/icon-concentratie-groen.png); }
#uitslag_concentratie:hover.geel, #uitslag_concentratie:focus.geel { background-image: url(../images/icon-concentratie-geel.png); }
#uitslag_concentratie:hover.oranje, #uitslag_concentratie:focus.oranje { background-image: url(../images/icon-concentratie-oranje.png); }
#uitslag_concentratie:hover.rood, #uitslag_concentratie:focus.rood { background-image: url(../images/icon-concentratie-rood.png); }
#uitslag_concentratie:hover.blauw, #uitslag_concentratie:focus.blauw { background-image: url(../images/icon-concentratie-blauw.png); }

#uitslag_gedragopschool:hover.groen, #uitslag_gedragopschool:focus.groen { background-image: url(../images/icon-gedragopschool-groen.png); }
#uitslag_gedragopschool:hover.geel, #uitslag_gedragopschool:focus.geel { background-image: url(../images/icon-gedragopschool-geel.png); }
#uitslag_gedragopschool:hover.oranje, #uitslag_gedragopschool:focus.oranje { background-image: url(../images/icon-gedragopschool-oranje.png); }
#uitslag_gedragopschool:hover.rood, #uitslag_gedragopschool:focus.rood { background-image: url(../images/icon-gedragopschool-rood.png); }
#uitslag_gedragopschool:hover.blauw, #uitslag_gedragopschool:focus.blauw { background-image: url(../images/icon-gedragopschool-blauw.png); }

#uitslag_zelfbeschadiging:hover.groen, #uitslag_zelfbeschadiging:focus.groen { background-image: url(../images/icon-zelfbeschadiging-groen.png); }
#uitslag_zelfbeschadiging:hover.geel, #uitslag_zelfbeschadiging:focus.geel { background-image: url(../images/icon-zelfbeschadiging-geel.png); }
#uitslag_zelfbeschadiging:hover.oranje, #uitslag_zelfbeschadiging:focus.oranje { background-image: url(../images/icon-zelfbeschadiging-oranje.png); }
#uitslag_zelfbeschadiging:hover.rood, #uitslag_zelfbeschadiging:focus.rood { background-image: url(../images/icon-zelfbeschadiging-rood.png); }
#uitslag_zelfbeschadiging:hover.blauw, #uitslag_zelfbeschadiging:focus.blauw { background-image: url(../images/icon-zelfbeschadiging-blauw.png); }

#uitslag_naregebeurtenissen:hover.groen, #uitslag_naregebeurtenissen:focus.groen { background-image: url(../images/icon-naregebeurtenissen-groen.png); }
#uitslag_naregebeurtenissen:hover.geel, #uitslag_naregebeurtenissen:focus.geel { background-image: url(../images/icon-naregebeurtenissen-geel.png); }
#uitslag_naregebeurtenissen:hover.oranje, #uitslag_naregebeurtenissen:focus.oranje { background-image: url(../images/icon-naregebeurtenissen-oranje.png); }
#uitslag_naregebeurtenissen:hover.rood, #uitslag_naregebeurtenissen:focus.rood { background-image: url(../images/icon-naregebeurtenissen-rood.png); }
#uitslag_naregebeurtenissen:hover.blauw, #uitslag_naregebeurtenissen:focus.blauw { background-image: url(../images/icon-naregebeurtenissen-blauw.png); }

#uitslag_waterpijp:hover.groen, #uitslag_waterpijp:focus.groen { background-image: url(../images/icon-waterpijp-groen.png); }
#uitslag_waterpijp:hover.geel, #uitslag_waterpijp:focus.geel { background-image: url(../images/icon-waterpijp-geel.png); }
#uitslag_waterpijp:hover.oranje, #uitslag_waterpijp:focus.oranje { background-image: url(../images/icon-waterpijp-oranje.png); }
#uitslag_waterpijp:hover.rood, #uitslag_waterpijp:focus.rood { background-image: url(../images/icon-waterpijp-rood.png); }
#uitslag_waterpijp:hover.blauw, #uitslag_waterpijp:focus.blauw { background-image: url(../images/icon-waterpijp-blauw.png); }

#uitslag_xtc:hover.groen, #uitslag_xtc:focus.groen { background-image: url(../images/icon-xtc-groen.png); }
#uitslag_xtc:hover.geel, #uitslag_xtc:focus.geel { background-image: url(../images/icon-xtc-geel.png); }
#uitslag_xtc:hover.oranje, #uitslag_xtc:focus.oranje { background-image: url(../images/icon-xtc-oranje.png); }
#uitslag_xtc:hover.rood, #uitslag_xtc:focus.rood { background-image: url(../images/icon-xtc-rood.png); }
#uitslag_xtc:hover.blauw, #uitslag_xtc:focus.blauw { background-image: url(../images/icon-xtc-blauw.png); }

#uitslag_boos:hover.groen, #uitslag_boos:focus.groen { background-image: url(../images/icon-boos-groen.png); }
#uitslag_boos:hover.geel, #uitslag_boos:focus.geel { background-image: url(../images/icon-boos-geel.png); }
#uitslag_boos:hover.oranje, #uitslag_boos:focus.oranje { background-image: url(../images/icon-boos-oranje.png); }
#uitslag_boos:hover.rood, #uitslag_boos:focus.rood { background-image: url(../images/icon-boos-rood.png); }
#uitslag_boos:hover.blauw, #uitslag_boos:focus.blauw { background-image: url(../images/icon-boos-blauw.png); }

#uitslag_samenofalleen:hover.groen, #uitslag_samenofalleen:focus.groen { background-image: url(../images/icon-samenofalleen-groen.png); }
#uitslag_samenofalleen:hover.geel, #uitslag_samenofalleen:focus.geel { background-image: url(../images/icon-samenofalleen-geel.png); }
#uitslag_samenofalleen:hover.oranje, #uitslag_samenofalleen:focus.oranje { background-image: url(../images/icon-samenofalleen-oranje.png); }
#uitslag_samenofalleen:hover.rood, #uitslag_samenofalleen:focus.rood { background-image: url(../images/icon-samenofalleen-rood.png); }
#uitslag_samenofalleen:hover.blauw, #uitslag_samenofalleen:focus.blauw { background-image: url(../images/icon-samenofalleen-blauw.png); }

#uitslag_faalangst:hover.groen, #uitslag_faalangst:focus.groen { background-image: url(../images/icon-faalangst-groen.png); }
#uitslag_faalangst:hover.geel, #uitslag_faalangst:focus.geel { background-image: url(../images/icon-faalangst-geel.png); }
#uitslag_faalangst:hover.oranje, #uitslag_faalangst:focus.oranje { background-image: url(../images/icon-faalangst-oranje.png); }
#uitslag_faalangst:hover.rood, #uitslag_faalangst:focus.rood { background-image: url(../images/icon-faalangst-rood.png); }
#uitslag_faalangst:hover.blauw, #uitslag_faalangst:focus.blauw { background-image: url(../images/icon-faalangst-blauw.png); }

#uitslag_piekeren:hover.groen, #uitslag_piekeren:focus.groen { background-image: url(../images/icon-piekeren-groen.png); }
#uitslag_piekeren:hover.geel, #uitslag_piekeren:focus.geel { background-image: url(../images/icon-piekeren-geel.png); }
#uitslag_piekeren:hover.oranje, #uitslag_piekeren:focus.oranje { background-image: url(../images/icon-piekeren-oranje.png); }
#uitslag_piekeren:hover.rood, #uitslag_piekeren:focus.rood { background-image: url(../images/icon-piekeren-rood.png); }
#uitslag_piekeren:hover.blauw, #uitslag_piekeren:focus.blauw { background-image: url(../images/icon-piekeren-blauw.png); }

.kleur #uitslag_hoegaathetmetje:hover, .kleur #uitslag_hoegaathetmetje:focus { background-image: url(../images/icon-hoegaathetmetje-zwart.png); }
.kleur #uitslag_hoezitjeinjevel:hover, .kleur #uitslag_hoezitjeinjevel:focus { background-image: url(../images/icon-hoezitjeinjevel-zwart.png); }
.kleur #uitslag_omgaanmetelkaar:hover, .kleur #uitslag_omgaanmetelkaar:focus { background-image: url(../images/icon-omgaanmetelkaar-zwart.png); }
.kleur #uitslag_naregedachten:hover, .kleur #uitslag_naregedachten:focus { background-image: url(../images/icon-naregedachten-zwart.png); }
.kleur #uitslag_leergedrag:hover, .kleur #uitslag_leergedrag:focus { background-image: url(../images/icon-leergedrag-zwart.png); }
.kleur #uitslag_hoeishetthuis:hover, .kleur #uitslag_hoeishetthuis:focus { background-image: url(../images/icon-hoeishetthuis-zwart.png); }
.kleur #uitslag_raregedachten:hover, .kleur #uitslag_raregedachten:focus { background-image: url(../images/icon-raregedachten-zwart.png); }
.kleur #uitslag_jijeneten:hover, .kleur #uitslag_jijeneten:focus { background-image: url(../images/icon-jijeneten-zwart.png); }
.kleur #uitslag_slapen:hover, .kleur #uitslag_slapen:focus { background-image: url(../images/icon-slapen-zwart.png); }
.kleur #uitslag_roken:hover, .kleur #uitslag_roken:focus { background-image: url(../images/icon-roken-zwart.png); }
.kleur #uitslag_alcohol:hover, .kleur #uitslag_alcohol:focus { background-image: url(../images/icon-alcohol-zwart.png); }
.kleur #uitslag_cannabis:hover, .kleur #uitslag_cannabis:focus { background-image: url(../images/icon-cannabis-zwart.png); }
.kleur #uitslag_gamen:hover, .kleur #uitslag_gamen:focus { background-image: url(../images/icon-gamen-zwart.png); }
.kleur #uitslag_socialmedia:hover, .kleur #uitslag_socialmedia:focus { background-image: url(../images/icon-socialmedia-zwart.png); } 
.kleur #uitslag_seksualiteit:hover, .kleur #uitslag_seksualiteit:focus { background-image: url(../images/icon-seksualiteit-zwart.png); }
.kleur #uitslag_voeding:hover, .kleur #uitslag_voeding:focus { background-image: url(../images/icon-voeding-zwart.png); }
.kleur #uitslag_bewegen:hover, .kleur #uitslag_bewegen:focus { background-image: url(../images/icon-bewegen-zwart.png); }
.kleur #uitslag_tanden:hover, .kleur #uitslag_tanden:focus { background-image: url(../images/icon-tanden-zwart.png); }
.kleur #uitslag_concentratie:hover, .kleur #uitslag_concentratie:focus { background-image: url(../images/icon-concentratie-zwart.png); }
.kleur #uitslag_gedragopschool:hover, .kleur #uitslag_gedragopschool:focus { background-image: url(../images/icon-gedragopschool-zwart.png); }
.kleur #uitslag_zelfbeschadiging:hover, .kleur #uitslag_zelfbeschadiging:focus { background-image: url(../images/icon-zelfbeschadiging-zwart.png); }
.kleur #uitslag_naregebeurtenissen:hover, .kleur #uitslag_naregebeurtenissen:focus { background-image: url(../images/icon-naregebeurtenissen-zwart.png); }
.kleur #uitslag_waterpijp:hover, .kleur #uitslag_waterpijp:focus { background-image: url(../images/icon-waterpijp-zwart.png); }
.kleur #uitslag_xtc:hover, .kleur #uitslag_xtc:focus { background-image: url(../images/icon-xtc-zwart.png); }
.kleur #uitslag_boos:hover, .kleur #uitslag_xtc:focus { background-image: url(../images/icon-boos-zwart.png); }
.kleur #uitslag_samenofalleen:hover, .kleur #uitslag_samenofalleen:focus { background-image: url(../images/icon-samenofalleen-zwart.png); }
.kleur #uitslag_faalangst:hover, .kleur #uitslag_faalangst:focus { background-image: url(../images/icon-faalangst-zwart.png); }
.kleur #uitslag_piekeren:hover, .kleur #uitslag_piekeren:focus { background-image: url(../images/icon-piekeren-zwart.png); }


#uitslag_hoegaathetmetje.selected { background-image: url(../images/icon-hoegaathetmetje-zwart.png); }
#uitslag_hoezitjeinjevel.selected { background-image: url(../images/icon-hoezitjeinjevel-zwart.png); }
#uitslag_omgaanmetelkaar.selected { background-image: url(../images/icon-omgaanmetelkaar-zwart.png); }
#uitslag_naregedachten.selected { background-image: url(../images/icon-naregedachten-zwart.png); }
#uitslag_leergedrag.selected { background-image: url(../images/icon-leergedrag-zwart.png); }
#uitslag_hoeishetthuis.selected { background-image: url(../images/icon-hoeishetthuis-zwart.png); }
#uitslag_raregedachten.selected { background-image: url(../images/icon-raregedachten-zwart.png); }
#uitslag_jijeneten.selected { background-image: url(../images/icon-jijeneten-zwart.png); }
#uitslag_slapen.selected { background-image: url(../images/icon-slapen-zwart.png); }
#uitslag_roken.selected { background-image: url(../images/icon-roken-zwart.png); }
#uitslag_alcohol.selected { background-image: url(../images/icon-alcohol-zwart.png); }
#uitslag_cannabis.selected { background-image: url(../images/icon-cannabis-zwart.png); }
#uitslag_gamen.selected { background-image: url(../images/icon-gamen-zwart.png); }
#uitslag_socialmedia.selected { background-image: url(../images/icon-socialmedia-zwart.png); } 
#uitslag_seksualiteit.selected { background-image: url(../images/icon-seksualiteit-zwart.png); }
#uitslag_voeding.selected { background-image: url(../images/icon-voeding-zwart.png); }
#uitslag_bewegen.selected { background-image: url(../images/icon-bewegen-zwart.png); }
#uitslag_tanden.selected { background-image: url(../images/icon-tanden-zwart.png); }
#uitslag_concentratie.selected { background-image: url(../images/icon-concentratie-zwart.png); }
#uitslag_gedragopschool.selected { background-image: url(../images/icon-gedragopschool-zwart.png); }
#uitslag_zelfbeschadiging.selected { background-image: url(../images/icon-zelfbeschadiging-zwart.png); }
#uitslag_naregebeurtenissen.selected { background-image: url(../images/icon-naregebeurtenissen-zwart.png); }
#uitslag_waterpijp.selected { background-image: url(../images/icon-waterpijp-zwart.png); }
#uitslag_xtc.selected { background-image: url(../images/icon-xtc-zwart.png); }
#uitslag_boos.selected { background-image: url(../images/icon-boos-zwart.png); }
#uitslag_samenofalleen.selected { background-image: url(../images/icon-samenofalleen-zwart.png); }
#uitslag_faalangst.selected { background-image: url(../images/icon-faalangst-zwart.png); }
#uitslag_piekeren.selected { background-image: url(../images/icon-piekeren-zwart.png); }


#uitslagen_teksten { }
#uitslagen_teksten .uitslag_tekst {
  display: none;
  border: 3px solid #CCCCCC;
}
#uitslagen_teksten .uitslag_tekst.selected { display: block; }

.kleur #uitslagen_teksten .uitslag_tekst.groen { border-color: #069D1C; }
.kleur #uitslagen_teksten .uitslag_tekst.oranje { border-color: #F7941E; }
.kleur #uitslagen_teksten .uitslag_tekst.rood { border-color: #E60000; }
.kleur #uitslagen_teksten .uitslag_tekst.blauw { border-color: #00AEEF; }

.uitslag_tekst_titel {
  background-color: #CCCCCC;
  padding: 3px 6px 6px 6px;
  font-size: 25px;
  color: #333333;
  font-family: 'Francois One', sans-serif;
}
.kleur .uitslag_tekst_titel { color: #FFFFFF; }
.kleur .groen .uitslag_tekst_titel { background: #069D1C; }
.kleur .oranje .uitslag_tekst_titel { background: #F7941E; }
.kleur .rood .uitslag_tekst_titel { background: #E60000; }
.kleur .blauw .uitslag_tekst_titel { background: #00AEEF; }

.uitslag_tekst_inhoud {
  padding: 10px;
}

.uitslag_tekst_inhoud a {
  text-decoration:underline; 
  color:#00aeef;
}
#uitslagen_popup {
  position: relative;
}
.upopup {
  display: inline-block;
  z-index: 100;
}
.upopup-ballon {
  background: #00AEEF;
  border-radius: 5px;
  padding: 4px 10px;
  color: #FFFFFF;
}
.upopup-pijl {
  width: 0px;
  height: 0px;
  border-bottom: 9px solid #00AEEF;
  border-left: 10px solid transparent;
  border-right: 3px solid transparent;
  margin-left: 20px;
}


#footer {
  height: 20px;
}


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

/** 2 COLUMNS **/
@media (min-width: 693px) and (max-width: 1013px) {
  #page_container, .grid_12 { width: 642px; }
  .header3 { display: none; }
  
  .hblok1 { background-position: -160px 0; top: 0px; left: 0px; width: 212px; }
  .hblok2 { background-position: -267px 0; display: none; }
  .hblok3 { background-position: -374px 0; top: 0px; left: 214px;}
  .hblok4 { background-position: -160px -107px; display: none; }
  .hblok5 { background-position: -267px -107px; display: none; }
  .hblok6 { background-position: -374px -107px; display: none; }
  .hblok7 { background-position: -160px -214px; top: 214px; left: 0px; }
  .hblok8 { background-position: -267px -214px; top: 214px; left: 107px; width: 212px; }
  .hblok9 { background-position: -374px -214px; display: none; }

  .hblok11 { background-position: -481px 0; top: 0px; left: 0px; }
  .hblok12 { background-position: -588px 30px; top: -30px; left: 107px; }
  .hblok13 { background-position: -695px 0; top: 0px; left: 214px; height: 212px; }
  .hblok14 { background-position: -481px -107px; top: 107px; left: 0px; }
  .hblok15 { background-position: -588px -107px; display: none; }
  .hblok16 { background-position: -695px -107px; display: none; }
  .hblok17 { background-position: -481px -214px; top: 214px; left: 0px; }
  .hblok18 { background-position: -588px -214px; top: 214px; left: 107px; }
  .hblok19 { background-position: -695px -214px; display: none }
  
  .vraagstuk .vraag {
    float: none;
    width: auto;
  }
  
  #uitslagen_items {
    float: left;
    width: 59px;
    padding-left: 0px;
  }
  #uitslagen_teksten { margin-left: 59px;}
  #uitslagen_teksten .selected { min-height: 944px; }
  .uitslag_icon.selected {
    padding: 0 5px 0 0;
    margin: 0 0 5px 0;
  }
  .upopup { margin-top: 13px; }
  .upopup-ballon { float: left; }
  .upopup-pijl {
    border-left: 9px solid #00AEEF;
    border-bottom: 10px solid transparent;
    border-top: 3px solid transparent;
    border-right: 0px;
    float: left;
    margin-top: 5px;
    margin-left: 0px;
  }
  
}

/** 1 COLUMN **/
@media (max-width: 692px) {
  #page_container, .grid_9 { width: 321px; }
  .header2, .header3 { display: none; }
  
  .hblok1 { background-position: -321px 0; }
  .hblok2 { background-position: -428px 0; }
  .hblok3 { background-position: -535px 0; }
  .hblok4 { background-position: -321px -107px; }
  .hblok5 { background-position: -428px -107px; }
  .hblok6 { background-position: -535px -107px; }
  .hblok7 { background-position: -321px -214px; }
  .hblok8 { background-position: -428px -214px; }
  .hblok9 { background-position: -535px -214px; }

  INPUT.medium, TEXTAREA.medium,
  INPUT.large, TEXTAREA.large { width: 260px; }
  
  .vraagstuk .vraag {
    float: none;
    width: auto;
  }
  
  .button { width: 100%; }
  .button.volgende { background-position: 300px center; }
  
  #uitslagen_items {
    float: left;
    width: 59px;
    padding-left: 0px;
  }
  #uitslagen_teksten { margin-left: 59px; }
  #uitslagen_teksten .selected { min-height: 944px; }
  .uitslag_icon.selected {
    padding: 0 5px 0 0;
    margin: 0 0 5px 0;
  }
  .upopup { margin-top: 13px; }
  .upopup-ballon { float: left; }
  .upopup-pijl {
    border-left: 9px solid #00AEEF;
    border-bottom: 10px solid transparent;
    border-top: 3px solid transparent;
    border-right: 0px;
    float: left;
    margin-top: 5px;
    margin-left: 0px;
  }
}
 a {	text-decoration:none; color:#000;}  

a:hover {
	color: #00F;
	cursor: pointer;
}

/* Algemeen stukje */
.algemeen_stukje {
    min-height: 20px;
    margin: 15px 0 15px 0;
    font-weight: bold;
}

/* Uitslagen */
#uitslagen_teksten {
    margin-bottom: 40px;
}