﻿/*!
 * AO-verzekeringscheck - SZW
 * @date: 8 november 2016
 * id: #dpc-2013-tybh9
 * version: 1.2
 * auteur: Didez digital design
*/
#dpc-2013-tybh9 #mainform {
    font-size: 1.1em;
    line-height: 1.375em;
    clear: both;
    width: 100%;
    max-width:770px;
    background-color: #fff;
    padding: 0;
    margin: 0;
    position:relative;
}
#dpc-2013-tybh9 .AOheader{
    padding:10px 10px 20px 10px;
    width:100%;
}
#dpc-2013-tybh9 #mainform .AOheader h1 {
    font-size: 2em;
    color:#007bc7;  
    margin-bottom: 0; 
    padding-bottom:0;
    font-weight:normal;
}
#dpc-2013-tybh9 h2 {
    font-size: 1em;
    color:#000;
   border-top:none;
   margin-bottom: 6px;
    padding-top: 0;
}
#dpc-2013-tybh9 .infotekst {
    color:#ca005d;
    font-weight:bold;
}
#dpc-2013-tybh9 .circle {
    display:inline;
    border-radius: 50%;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    line-height: 1.2em;
    text-align: center;
    background-color: #ca005d;
    padding:0 10px;
}
#dpc-2013-tybh9 .circle2 {
    float:right;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    line-height: 1.2em;
    text-align: center;
    background-color: #ca005d;
    margin: 0 4px;
    padding:0 7px;
}
#dpc-2013-tybh9 .questions {
    position:relative;
    width:100%;
    background-color:#8fcae7;
    padding:10px;
}
#dpc-2013-tybh9 .question {
    position:relative;
    float:left;
	width:33%;
    border:solid 1px #007bc7;
}
#dpc-2013-tybh9 #Q2 {
    margin:0 0.5%;
}
#dpc-2013-tybh9 .qTable {
    display:table;
    width:100%;
}
#dpc-2013-tybh9 .qrow {
    display:table-row;
}
#dpc-2013-tybh9 .Qcol1 {
    display:table-cell;
    background-color:#ededed;
    color:#007bc7;  
    width:12%;
    position:relative;
    font-size: 2em;
    font-weight:bold;
    line-height:1em;
    padding:2px 2%;
}
#dpc-2013-tybh9 .Qcol2 {
    display:table-cell;
    background-color:#ededed;
    padding-top:6px;
    width:66%;
    position:relative;
    height:90px;
    font-size: 0.8em;
    line-height:1.2em;
}
#dpc-2013-tybh9 .Qcol3 {
    display:table-cell;
    background-color:#ededed;
    width:22%;
    position:relative;
    text-align:right;
    padding:6px 4px 0 4px;
}
#dpc-2013-tybh9 .Qcol4 {
    display:block;
    position:relative;
    width: 100%;
    background-color: #fff;
    padding: 6px 0 12px 0;
    font-size: 0.75em;
    line-height: 2em;
}
#dpc-2013-tybh9 .Qcol4 label {
    display:block;
    left:0;
    width:100%;
 }
#dpc-2013-tybh9 .Qcol4 label span {
    float:left;
    width:88%;
 }
#dpc-2013-tybh9 input[type="radio"]{
    float:left;
    width:6%;
    margin-top:3px;
    background-color: transparent;
    border: 1px solid grey;
    -webkit-appearance:radio;
    -moz-appearance:radio;
    position:relative;
    margin:3px 2% 2px 4%;
} 
#dpc-2013-tybh9 .answer{
    font-size: 1em;
    line-height: 1.375em;
    padding-bottom:4px;
}
#dpc-2013-tybh9 .answer p{
    padding:10px 10px 0 10px;
    margin-bottom: .2em;
}
#dpc-2013-tybh9 .expanding_panel{
    padding:0;
    background-color:#e9f4fa;
}
#dpc-2013-tybh9 .info {
    cursor:pointer;
    color:#fff;
    -webkit-user-select: none;  
    -moz-user-select: none;
    -ms-user-select: none;
}
#dpc-2013-tybh9 .info:hover {
    color:#fff;
}
#dpc-2013-tybh9 .expanding_panel .expanding_panel_content_container {
    overflow:hidden;
}
#dpc-2013-tybh9 .expanding_panel .expanding_panel_content {
    padding:10px;
}
#dpc-2013-tybh9 .image {
    max-width: 100%;
    border: 0;
}
#dpc-2013-tybh9  .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#dpc-2013-tybh9 .clearfix {
	display: inline-block;
}
@media (max-width:1199px){
    #dpc-2013-tybh9 .Qcol2 {
        height:64px;
        font-size:.7em;
    }
}
@media (max-width:699px){
    #dpc-2013-tybh9 .question {
        width:100%;
    }
    #dpc-2013-tybh9 #Q2 {
        margin: 0;
    }
    #dpc-2013-tybh9 .Qcol2 {
        height:auto;
        font-size:.9em;
    }
    #dpc-2013-tybh9 .Qcol4 label span {
        font-size:1.16em;
    }
    #dpc-2013-tybh9 #mainform {
        font-size: 1em;
    }
    #dpc-2013-tybh9 #mainform .AOheader h1 {
        font-size: 1.4em;
    }
}
