﻿.vragenkast .globalContentBox
{
  position: relative;
  padding: 0;
  margin: -2px 0px 2px;
  width: 968px;
  height: 504px;
  background: url(/img/kast/vragenkast.png);
  background-repeat: no-repeat;
}

.vragenkast .globalContentPage
{
  position: relative;
}

.vragenkastCategories li
{
  float: left;
}

.vragenkastAgeCheck
{
  margin: 10px 0 8px 0;
  color: #FFF;
  font-family: "verdana" , "Trebuchet MS";
  font-weight: bold;
  font-size: 11px;
}

.vragenkastCat1, .vragenkastCat2, .vragenkastCat3
{
  display: block;
  height: 17px;
  text-decoration: none;
  background: url( "/img/kast/categories.png" ) no-repeat;
}

.vragenkastCat1
{
  width: 39px;
}
.vragenkastCat2
{
  width: 42px;
}
.vragenkastCat3
{
  width: 46px;
}

.vragenkastCat1
{
  background-position: 0 0;
}
.vragenkastCat2
{
  background-position: -40px 0;
}
.vragenkastCat3
{
  background-position: -85px 0;
}

.vragenkastCat1:hover
{
  background-position: 0 33%;
}
.vragenkastCat2:hover
{
  background-position: -40px 33%;
}
.vragenkastCat3:hover
{
  background-position: -85px 33%;
}

.vragenkastCat1Sel .vragenkastCat1
{
  background-position: 0 66%;
}
.vragenkastCat2Sel .vragenkastCat2
{
  background-position: -40px 66%;
}
.vragenkastCat3Sel .vragenkastCat3
{
  background-position: -85px 66%;
}

.vragenkastCat1Sel .vragenkastCat1:hover
{
  background-position: 0 100%;
}
.vragenkastCat2Sel .vragenkastCat2:hover
{
  background-position: -40px 100%;
}
.vragenkastCat3Sel .vragenkastCat3:hover
{
  background-position: -85px 100%;
}

.haha
{
  height: 16px;
}

.vragenkastChildBox
{
  position: absolute;
  top: 294px;
  left: 533px;
  width: 143px;
  height: 165px;
  overflow:hidden;
}

.vragenkastChild
{
  position: absolute;
  width: 286px;
  height: 165px;
  background: url( "/img/kast/kind.png" ) no-repeat 0 0;
}

.vragenkastChildBox .ani1
{
  right:1px;
}

.vragenkastTextContentBox
{
  position: absolute;
  top: 60px;
  width: 529px;
  height: 433px;
  background: url( "/img/kast/textArea.png" );
}

.vragenkastTextContent
{
  display: block;
  margin: 15px;
  padding: 0 0 0 0;
  width: 460px;
  height: 400px;
  overflow-y: auto;
}

.vragenkastIntroBox
{
  position: absolute;
  top: 110px;
  left: 120px;
  width: 409px;
  height: 179px;
  background: url( "/img/kast/textAreaIntro.png" );
}

.vragenkastIntroBoxContent
{
  margin: 20px;
  padding: 0 0 0 0;
  width: 335px;
  height: 140px;
  overflow: hidden;
}
.vragenkastSummary
{
  margin: 0 0 20px 0;
}

.vragenkastSummary li
{
  padding: 0 0 0 12px;
  background: url( "/img/contentBulletItem.png" ) no-repeat 0 5px;
}

.vragenkastSummary a
{
  margin: 0;
  font-family: "verdana" , "Trebuchet MS";
  font-size: 11px;
  color: #3DB2EA;
  line-height:14px;
}

.vragenkastSummary a:hover
{
  color: #5452A1;
}

.vragenkastIntroBoxContent h3, 
.vragenKastItem h3
{
  display: block;
  margin: 0 0 5px 0;
  font-family: "verdana" , "Trebuchet MS";
  font-size: 14px;
  color: red;
  font-weight: bold;
  width: 438px;
  line-height:16px;
}

.vragenkastIntroBoxContent h3 a, 
.vragenKastItem h3 a
{
  text-decoration: none;
  color: red;
}

.vragenKastItemContent
{
  margin: 0 0 30px 0;
  color: #252525;
  line-height:16px;
}

.vragenKastItemFeedback
{
  display: block;
  margin: 5px 0 0 -1px;
  width: 103px;
  height: 18px;
  background: url(/img/kast/GiveFb.png) no-repeat;
  border: none;
}

.vragenkastIntroBoxContent
{
  font-family: "verdana" , "Trebuchet MS";
  font-size: 12px;
}

.vragenkast .menuFirstLevel
{
  margin: 15px 0 0 0;
}

.menuFirstLevel .menuItemSelected
{
  color: #E60004;
}

/*.menuSecondLevel .menuItemSelected
{
  color: #E60004;
  background: url( "/img/menuBulletItem-3.png" ) no-repeat 0 65%;
}*/

/*extra feedback part*/
.vragenkastFeedbackBox
{
  position: absolute; z-index:25;
  top: 10px;
  left: 730px;
  padding: 10px 5px 5px 5px;
  width: 227px;
  height: 330px;
  background: url(/img/kast/fbBox.png) no-repeat;
}

.vragenkastFeedbackBox-hidden
{
  display: none;
}

.vragenkastFeedbackBox label
{
  line-height: 14px;
  height: 14px;
  font-size: 11px;
  float: left;
}

.vragenkastFeedbackBox .extra
{
  font-family: "Trebuchet MS", "verdana";
  font-size:11px;
  line-height: 14px;
  margin:-8px 0 0 5px;
  padding:4px;
  width:186px;
}

#vragenkastDidntAnswer, #vragenkastDidAnswer
{
  display: block;
  margin-top: 3px;
  height: 14px;
  float: left;
}

.vragenkastFeedbackBox .noradio
{
  display: block;
  margin-left: 20px;
  clear: both;
}

.vragenkastFeedbackText
{
  display: block;
  margin: 20px 0 0 5px;
  padding: 4px;
  width: 186px;
  height: 79px;
  background: url(/img/kast/fbArea.png) no-repeat;
  border: none;
}

.vragenkastFeedbackOkHead
{
  margin:20px 20px 0 20px;
  font-size: 15px;
  color:red;
  font-weight:bold;
}

.vragenkastFeedbackOk
{
  margin:5px 20px 20px 20px;
  color:red;
}

.vragenkastFbCancel, .vragenkastFbSend
{
  display: block;
  margin: 0px 0 0 5px;
  width: 88px;
  height: 18px;
  border: none;
  float: left;
}

.vragenkastFbSend
{
  background: url(/img/kast/verzenden.png) no-repeat;
}
.vragenkastFbCancel
{
  background: url(/img/kast/annuleren.png) no-repeat;
}


/*CLOCK*/
.vragenkastClockBox
{
  position:absolute; z-index:10;
  top:55px; left:557px;
  width:105px; height:115px;
  background: url("/img/kast/clock-mask.gif");  
}

.vragenkastClockBg
{
  position:absolute; z-index:5;
  top:55px; left:557px;
  width:105px; height:115px;
  background: url("/img/kast/clock-bg.gif");  
  overflow:hidden;
}

.vragenkastClockBg .clock
{
  position: relative;
  top:-3px; left:-7px;
  height:120px; width:120px;
  vertical-align:middle;
}

.vragenkastClockBg .pic1
{
  position: absolute;
  top:24px; left:24px;
  height:72px; width:72px;
}

.vragenkastClockBg .pic2
{
  display:block;
  position: absolute;
}