/* ===== CSS sheet by Jerome Bohg at d-engine / kitchenpilot  ==== */
/* ===== feel free to copy, use and learn as much as you like ==== */

/* ===== reset the whole bunch ==== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

strong {
 font-weight: bold;
}

li {
 list-style:none;
}

/* ===== first some global stuff ==== */
body {
 font-size: 12px;
 line-height: 1.4em;
 font-family: Verdana, Helvetica, Arial, "Trebuchet MS", "Luxi Sans", sans-serif;  
 color: #333;
}
html {
 overflow-y: scroll;
}
.clearfix {
 content: ".";
 clear: both;
 display: block;
 height: 0;
 visibility: hidden;
}
.clear {
 display: block;
 clear: both;
}
.hideme { display: none; }
.showme { display: block; }

/* ===== global link markup ==== */
a:link,a:active,a:visited {  
 color: #ee3b33;
 text-decoration: none;
 outline:none;	 
}
a:hover {
 color: #053f97;
}
:focus{
 -moz-outline-style:none;
}
a.noclick {
 cursor: default;
}
/* ===== wrap markup ==== */

#mainwrap {
 display: block;
 width: 875px;
 margin: 100px 0 0 50px;
}

#topbar {
 display: none;
}

/* ===== header image ==== */
#header {
 display: none;
}

/* ===== main navigation ==== */
#mainnav {
 display: none;
}

/* ===== breadcrums ==== */
#crumbs {
 display: none;
}

/* ===== content area ==== */
#content {
 display: block;
 float: left;
}

.col {
 display: none;
 width: 200px;
 float: left;
 margin-left: 25px;
 min-height: 400px;
}

.colfix {
 margin-left: 0;
}

.mid {
 display: block;
 width: 650px;
}

/* ===== mid column ==== */
.col h1 {
 color: #ee3b33;
 font-size: 1.35em;
 font-weight: bold;
 margin-bottom: 10px;
}
.col h2 {
 font-size: 1.2em;
 font-weight: bold;
 margin-bottom: 2px;
}
.col p {
 line-height: 1.6em;
}
.col p a:link, .col p a:active, .col p a:visited {
 text-decoration: underline;
}


/* ===== default artwrap ==== */
.artwrap {
 clear: both;
 display: block;
 width: 100%;
 float: left;
 margin-bottom: 20px;
}
.notitle {
 margin-top: -20px;
}

/* ===== bordered boxes ==== */
span.brd-box {
 display: block;
 padding: 10px 0;
 margin: 10px 0;
 border-top: 1px dotted #777;
 border-bottom: 1px dotted #777; 
}

.brd-top {
 padding-top:3px;
 margin-top: 5px;
 border-top: 1px dotted #777;
}

.brd-bot {
 padding-bottom: 3px;
 margin-bottom: 5px;
 border-bottom: 1px dotted #777; 
}

/* ===== footer ==== */
#footer {
 display: none;
}
#asitemap {
 display: block;
 line-height: 30px;
 padding: 0 10px;
 color: #fff;
 outline: none;
 background: #c6c8cb;
}
#sitemapwrap {
 display: none;
}

/* ===== disclaimer ==== */
#disclaimer {
 display: none;
}

/* ===== zelftest form ==== */
.qfirst {
 display: block;
 margin-bottom: 10px;
}

div.qwraptop, div.qwrap {
 display: block;
 padding-bottom: 10px;
 margin-bottom: 10px;
 border-bottom: 1px dotted #777;
}
div.qwraptop {
 padding-bottom: 0;
 margin-bottom: 20px;
}
div.qwrap strong {
 display: block;
}

#frm_selftest h2 {
 display: none;
 font-size: 1.2em;
 padding-bottom: 5px;
 margin-bottom: 10px;
 border-bottom: 1px dotted #777; 
}

#frm_selftest .qwraptop h2 {
 display: block;
}

label {
 display: block;
 margin-bottom: 5px;
}

input.rdo {
 width: 20px;
}

.radiowrap {
 display: block;
 margin: 5px 0;
}
.radiowrap label {
 display: inline;
 padding: 0 15px 0 2px;
}

input.day, input.month {
 width: 25px;
 text-align: center;
}
input.year {
 width: 45px;
 text-align: center;
}

span#loader {
 clear: both;
 display: block;
 width: 100%;
 height: 25px;
 text-align: right;
}
span.loading {
 background: url(../kp_img/ajax.gif) left center no-repeat;
}

span.info {
 display: block;
 width: 14px;
 height: 13px;
 float: left;
 margin: 3px 5px 0 0;
 background: url(../kp_img/icn-info.gif) no-repeat;
 cursor: help;
 text-indent: -9999px;
}

.qfirst span.info {
 margin-top: 1px;
}

input.subm {
 background: #ee3b33;
 color: #fff;
 border: none;
 line-height: 1.8em;
 padding: 0 1.2em;
 cursor: pointer;
 margin-top: 5px;
}

/* uitslag */
.qres {
 display: block;
}
.qres h3 {
 font-size: 13px;
 font-weight: bold;
 margin: 5px 0;
}
.qres p {
 margin-bottom: 15px;
}
.qres ul {
 clear: both;
 margin-bottom: 15px;
}
.qres li {
 width: 405px;
 padding-left: 15px;
 margin-left: 5px;
 background: url(../kp_img/bullet.gif) 0 5px no-repeat;
}

strong.str-red {
 color: #ee3b33;
 font-weight: normal;
}

.selftest-complete {
 clear: both;
 margin: 10px 0 15px 0;
 padding-bottom: 10px;
 border-bottom: 1px dotted #777; 
}
.icn-lnk {
 display: block;
 padding-left: 20px;
 padding: 2px 0 2px 20px;
}
.icn-mail {
 background: url(../kp_img/icn-mail.gif) 0 6px no-repeat
}
.icn-print {
 background: url(../kp_img/icn-print.gif) 0 2px no-repeat
}
.icn-pencil {
 background: url(../kp_img/icn-pencil.gif) 0 2px no-repeat
}

.qres .selftest-contact {
 clear: both;
 margin: 10px 0 0 0;
}
.selftest-contact li {
 padding-left: 20px;
 padding: 2px 0 2px 20px;
}

/* printpage */
.frstqwrap {
 padding-top: 10px;
 margin-top: 10px;
 border-top: 1px dotted #777;  
}

#btn-print {
 display: none;
}