﻿table {
	font-size: 1em;
}


/* Component containers
----------------------------------*/

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }


/* Interaction states
----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; /*{fcDefault}*/; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { /*{fcDefault}*/; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ /*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }



/* Slider
----------------------------------*/
.ui-slider {position: relative; text-align: center;}
.ui-slider .ui-slider-handle { /* background:url("/images/handle.gif");*/ margin-top: -2px; position: absolute; z-index: 2; width: 1.0em; height: 1.5em; cursor: default;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; margin-left: -.6em;}
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; margin-left: -.6em;}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.berekenbtn a.calc{
width: 119px;
height: 22px;
display: block;
background: url("../images/btnberekenhome.png") no-repeat;
background-position:0px 0px;
text-indent: -900%;
margin-top: 30px;
}

.berekenbtn a.calc:hover {
background-position: 0px -22px;
}


.sliderDiv {
	margin-left: 10px; 
	width:200px; 
	float:left;
}

.sliderInput {
	margin-left: 12px;
	border: 1px solid #bfbfbf;
	margin-top: -8px; 
	width: 45px; 
	color:black; 
	font-weight:bold;
	padding: 3px;
}

.sliderInput2 {
	margin-left: 12px;
	border: 1px solid #bfbfbf;
	margin-top: -8px; 
	width: 60px; 
	color:black; 
	font-weight:bold;
	padding: 3px;
}

#slidertekst {
	margin-left: 10px; 
	margin-top: 20px;
}

.calcColumn {
	margin-top: 20px;
	margin-left: 0px; 
}
	
.calcColumnKids {
	margin-top: 10px;
	margin-left: 0px;  
}
	
.calcColumnText {
	margin-left: 0px; 
}
	
.calcColumnBtns {
	margin-top: -27px;
	margin-left: 190px; 
	padding:10px;
}
