/*--------------------------------------
algemeen
*--------------------------------------*/

select{ margin-left:-9999px;visibility:hidden;}
li span:after {content:".";display:block;height:0;clear:both;visibility:hidden; }
li fieldset label{font-weight:bold;}
.selected{color:#e60167;}
input, label {margin-right:10px;}
input{margin-right:10px;}
.tips{
	list-style:default;
}
.linklist{margin:30px 0 0;padding:10px;}
.linklist li{
	list-style-position:inside;
	padding: auto;
	margin: auto;
}

/*--------------------------------------
items in ordered list
*--------------------------------------*/
#rekenmodule,
#rekenmodule ol,
#rekenmodule ol li,
#rekenmodule ol li fieldset {margin: 0;padding: 0;}
#rekenmodule {display: block;width: 680px;border: solid 1px #dddddd;padding: 12px 10px; position: relative; }
#rekenmodule ol { }
#rekenmodule ol li {margin-bottom:24px; list-style: none; }
#rekenmodule ol ul li {margin-bottom:0px;  }
#rekenmodule ol li fieldset {border:0;margin-top:7px;}
#rekenmodule ol li ul li {padding:4px 12px; list-style:default; }
#rekenmodule ol li ul.woning li{padding:0px 0px; list-style:default; }
.footnote {color:#3a3a3a; font-size:11px; padding-top:10px;}
#mailform {padding-bottom:31px;}
#mailform-thankyou{color:#e60167;font-weight:bold;padding-bottom:31px;display:none;}
/*--------------------------------------
* woningtype radiobuttons
*-------------------------------------*/
.woning, .woning li{padding:0;margin:0;}
.woning{margin-top:8px;}
.woning li{list-style:none;display:block;float:left;width:153px;}
.woning input{display:block;float:left;padding:0;margin:16px 2px 0 0;}
.woning label{display:block;float:left;margin:0;padding:0;background:transparent url(img/sprite-woningen.gif) no-repeat 0px 0px;width:122px;padding-top:50px;text-align:center;vertical-align:bottom;font-size:11px;}
.woning .vrijstaand{background-position: 0px 0px;}
.woning .hoek{background-position: -149px 0px;}
.woning .tussen{background-position: -298px 0px;}
.woning .selected .vrijstaand{background-position: -420px 0px;}
.woning .selected .hoek{background-position: -569px 0px;}
.woning .selected .tussen{background-position: -718px -0px;}

#vloeroppervlakte-waarde, #muuroppervlakte-waarde{padding:3px 1px;color:#e60167;width:65px;position:absolute;left:452px;margin-top:11px;font-weight:bold;}
#vloeroppervlakte-waarde span, #muuroppervlakte-waarde span{float:left;padding:2px;color:#e60167;}
#vloeroppervlakte-waarde sup, #muuroppervlakte-waarde sup{color:#e60167;}
/*----------------------------
 resultaat
-----------------------------*/
#resultaatwrapper, 
#resultaatwrapper p{display:block;padding-top:12px;}
#resultaatwrapper {width: 190px;padding: 8px;position: absolute;top: 10px;right: 10px;z-index:5;}
#resultaatwrapper, 
#overzicht{background: transparent url(img/resultaat-bg.gif) repeat-x bottom; border:solid 1px #cfcfcf;}
#resultaatwrapper.nostyle { background-image: none; border: 0; }
#resultaatwrapper h4 {font-weight:bold; font-size: 14px; color: #E60167;margin-bottom:8px; }
#resultaatwrapper.nostyle #info { display: none; }
#resultaat {position:relative;background: #ededed url(img/digits-bg.gif) no-repeat;min-height: 42px;display: block;float: left;}
#resultaat .spacer{height: 23px;width: 7px;display: block;float: left;}
#info{display:block;clear: left;}
#info-lang p{display:none;}


/*----------------------------
 resultaat variable velden
-----------------------------*/
.valuta{color:#de0000;font-size:22px;padding-left:3px;}
.periode{display:block;float:left;padding-left:5px;font-size:11px;}
.periode:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.error-mail{color:#f00;}
/*----------------------------
 overzicht
-----------------------------*/
#overzicht { display:none;}
#overzicht.show {display:block;background-color:#FFFFFF;padding:10px;}
#overzicht table{margin:0 0 22px 0;padding:0;width:665px;}
#overzicht table thead {background-color:#e60167;color:#ffffff;border:solid 1px;}
#overzicht table th,
#overzicht table td{text-align:left;padding:7px;border:0;}
#overzicht table .alt{background-color:#d1d3d4;}
#overzicht table .totaal{font-weight:bold;}

/*----------------------------
teller
-----------------------------*/
.teller-0, .teller-1, .teller-2, .teller-3, .teller-4, .teller-5, .teller-6, .teller-7, .teller-8, .teller-9
{margin: 0;padding: 0;width: 16px; display: block;float: left; height: 23px; background-color: #dedede;margin-right: 2px;background-image: url(img/digits.png);}
.teller-0{background-position: 0px;}
.teller-1{background-position: -16px;}
.teller-2{background-position: -32px;}
.teller-3{background-position: -48px;}
.teller-4{background-position: -64px;}
.teller-5{background-position: -80px;}
.teller-6{background-position: -96px;}
.teller-7{background-position: -112px;}
.teller-8{background-position: -128px;}
.teller-9{background-position: -144px;}
#berekening.noshow { display: none; }
a#sluitresultaat { background-color: #ddd; color: #505050; }
#support-text{width:400px;margin:10px 0;padding:0;}

div.ui-slider{cursor:hand;}