* {
margin : 0;
padding : 0;
}
html, body {
width : 100%;
height : 100%;
}
/*GENERAl*/
p {
font-family : Trebuchet MS;
color : #ffffff;
line-height : normal;
}
h1, h2, h3, h4 {
font-weight : normal;
line-height : normal;
font-family:Georgia,verdana,arial,sans-serif;
color: #c0c0c0;
}
h1 {
font-size : 30px;
}
h2 {
font-size : 30px;
}
h3 {
font-size : 20px;
}
h4 {
font-size : 20px;
}


#rand-visible-inner a {text-decoration: none;}

#col_lwc a {text-decoration: none;color: #ffffff;}



ul#adressen, ul#adressen li, ul#adressen ul {
border:0pt none;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:16px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
text-decoration:none;
width:200px;
color: #FFFFFF;
}
ul#adressen1, ul#adressen1 li, ul#adressen1 ul {
border:0pt none;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:16px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
text-decoration:none;
width:280px;
color: #FFFFFF;
}



.img { 
	letter-spacing: -1000em;  text-indent : -999em; overflow: hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}

/*END GENERAl*/

#site {
position : absolute;
width : 100%;
height : auto !important ;
height : 100%;
}
#header {
left : 0;
position : absolute;
top : 0;
width : 100%;
z-index : 10000000;
height : 85px;
}
#illus-top-inner {
height : auto !important ;
margin : 0 auto;
min-height : 250px;
width : 980px;
}
#illus-top {
padding : 41px 0 0 0;
background-color : #850501;
background-position : left 41px;
background-repeat : repeat-x;
}
#illus-top-inner {
width : 980px;
height : auto !important ;
height : 250px;
min-height : 250px;
margin : 0 auto;
}
.illus-top-bg-small {
background-image : url(./images/top_repeat_small.jpg);
}
.illus-top-bg-big {
background-image : url(/images/top_repeat_big.jpg);
}
#menu {
height : 24px;
margin : 0 auto;
padding-top : 16px;
width : 831px;
float : right;
}
#menu-visible {
background : url(./images/menu_bottom.png) top left;
width : 100%;
height : 46px;
border : 0;
}
#menu-visible-inner {
width : 980px;
height : 68px;
margin : 0 auto;
}
#menu-visible-inner H1{
height : 90px;
width : 149px;
display: inline;

}

 
#logo-jaspers {
display : block;
width : 149px;
height : 90px;
background : url(./images/jaspers_logo_klein.png) no-repeat;
text-decoration : none;
float : left;
cursor : pointer;
}
#rand-visible {
background : url(./images/menu_bottom.png) top left;
width : 100%;
height : 46px;
border : 0;
}
#rand-visible-inner {
width : 980px;
height : 68px;
margin : 0 auto;
}
#rand-visible-inner H1 {
font-size : 21px;
font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
font-weight : normal;
color : #7a7a7a;
margin-top : 10px;
text-align : center;
}
#illus-content {
padding : 0 0 0 0;
background-color : #850501;
background-position : left 41px;
background-repeat : repeat-x;
}
.illus-content-bg-big {
background-image : url(/images/top_repeat_big.jpg);
}

/*CONTENT HOMEPAGE*/
#currentwork {
width : 980px;
height : auto !important ;
height : 300px;
min-height : 300px;
margin : 0 auto;
padding-top : 15px;
}

#currentwork_test{
width :100%;
background-image : url(/images/eventuell.gif);
height : auto !important ;
margin : 0 auto;

}

#currentwork_airco{
width :100%;
background-image : url(/images/eventuell_airco.gif);
height : auto !important ;
margin : 0 auto;

}

#currentwork h2 {
font-size: 20px;
font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
}

#content{
width :980px;
height : auto !important ;
height : 700px;
min-height : 700px;
margin : 0 auto;
padding-top : 40px;

}
#content_haarden{
width :980px;
height : auto !important ;
height : 1000px;
min-height : 1000px;
margin : 0 auto;
padding-top : 40px;

}



#content p{
font-size: 12px;}


#content_haarden p{
font-size: 12px;}





#col_lw {
	width: 550px;
	float: left;
	padding: 20px 20px 10px 20px;
	border-right: solid 5px #fff;
}

#col_rn {
	width: 325px;
	padding: 20px 20px 10px 20px;
	float: right;	
}

#col_lwc {
	width: 580px;
	float: left;
	padding: 20px 20px 10px 20px;
	border-right: solid 5px #fff;
}

#col_rnc {
	width: 295px;
	padding: 20px 20px 10px 20px;
	
	float: left;	
}

.half_col_l {
	width: 47%;
	float: left;
	margin-right: 30px;
}

.half_col_r{
	width: 47%;
	float: left;
}

#banner {
background:transparent url(./images/kolenkachels.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}

#banner_haarden {
background:transparent url(./images/openhaarden.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}
#banner_cv {
background:transparent url(./images/cv.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}

#banner_radia {
background:transparent url(./images/cv.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}


#banner_inbouwhaard {
background:transparent url(./images/inbouwhaarden.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}
#banner_voorzethaard {
background:transparent url(./images/voorzethaarden.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}
#banner_olie {
background:transparent url(./images/oliekachels.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}
#banner_kolen {
background:transparent url(./images/gaskachels.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}
#banner_airco {
background:transparent url(./images/airconditioning/airco.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}
#banner_winkel {
background:transparent url(./images/winkel.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}
#banner_service {
background:transparent url(./images/serviceauto.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}
#banner_lucht {
background:transparent url(./images/luchtverwarming/lucht.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}

#banner_lucht1 {
background:transparent url(./images/luchtverwarming/luchtverwarm.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}

#banner_lucht1 {
background:transparent url(./images/luchtverwarming/luchtverwarm.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}
#banner_vloer {
background:transparent url(./images/luchtverwarming/vloerverwarming.jpg) no-repeat scroll left top;
border:2px solid #FFFFFF;
height:224px;
margin:0pt auto 20px;
width:575px;
}

img.thumb {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #CCCCCC;
float:left;
margin:0pt 10px 10px 0pt;
padding:4px;
}

img.nothumb {
border: none;
float:left;
margin:0pt 10px 12px 0pt;
padding:4px;
}


.hbar {
border-bottom:2px solid #F4F1ED;
margin:0pt 0pt 1em;
}


#hire {
height:68px;
padding-left:2px;
padding-top:2px;
}

#hire1 {
height:68px;
padding-left:2px;
padding-top:2px;
}
.clear {
display : block;
height : 1%;
clear : both;
overflow : hidden;
}

.clearafter:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}
.clearall {
	clear:both;
}
/* Hides from IE-mac \*/
* html .clearafter {
	height: 1%
}
/* End hide from IE-mac */

.ir {
	height: 0;
	overflow: hidden
}

fieldset {
	border: none;
	}

.btn-hire {
background:transparent url(./images/style/contact.png) no-repeat scroll left top;
display:block;
margin-top:0pt;
padding-top:70px;
width:224px;
}

.btn-hire1 {
background:transparent url(./images/style/pdf.png) no-repeat scroll left top;
display:block;
margin-top:0pt;
padding-top:70px;
width:224px;
}


/* pop 1
 * ------------------------------------------------------------------------- */
* { behavior: url(iepngfix.htc) }


#popup-container {
	position:relative;
}
#apDiv1 {
	position:absolute;
	margin-left:119px;
	top:250px;
	width: 622px;
	z-index:2000;
	visibility: hidden;
	left: auto;
}
#formtop {
	background:url(./images/style/form-top.png) no-repeat;
	height: 81px
}
#formtop a {
	position:absolute;
	left:10px;
	width:20px;
	top:10px;
	height:20px;
}
#formtop a span {
	display:none;
}
#formbg {
	background:url(./images/style/form-bg.png) repeat-y;
	padding-bottom: 1px;
}
#formleft {
	width: 311px;
	float: left;
}
#formright {
	width: 310px;
	float: left;
}
#formright p {
	margin-right: 50px;
	margin-top: 60px;
	color: #666666;
}
#formlogo {
	background:url(./images/style/form-logo.png) no-repeat top left;
	padding-top: 60px;
}
#formbottom {
	background:url(./images/style/form-bottom.png);
	height: 50px;
}
/*----form---*/


form {
	width:237px;
	padding: 0;
}
form br {
	line-height:0;
	height:0;
}
input, textarea {
	background-color:#c0c0c0;
	border: none;
	width:237px;
	height:22px;
	line-height:22px;
	vertical-align: middle;
	margin-left: 50px;
	margin-bottom:8px;
	padding-top:5px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444334;
}
label {
	width: 350px;
	font-size:11px;
	color: #444334;
	margin-left: 50px;
}
textarea {
	height:70px;
	overflow:auto;
}
input.submit, input.submit-contact-main {
	background:url(./images/style/formsubmit.gif) no-repeat;
	width:72px;
	padding-top: 35px;
	height: 35px;
	cursor:pointer;
	}
	
/*--scrollpane--*/

.holder {
	float: left;
	margin-left: 50px;
	display:inline;
}
.scroll-pane {
	width: 522px;
	overflow: auto;
	float: left;
	height: 300px;
	display:inline;
}
.osX .jScrollPaneTrack {
	background: url(./images/style/kz_track.gif) repeat-y;
}
.osX .jScrollPaneDrag {
	background: url(./images/style/kz_drag_middle.gif) repeat-y;
}
.osX .jScrollPaneDragTop {
	background: url(./images/style/kz_drag_top.gif) no-repeat;
	height: 6px;
}
.osX .jScrollPaneDragBottom {
	background: url(./images/style/kz_drag_bottom.gif) no-repeat;
	height: 7px;
}
.osX a.jScrollArrowUp {
	height: 24px;
	background: url(./images/style/kz_arrow_up.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowUp:hover {
	background-position: 0 0;
}
.osX a.jScrollArrowDown {
	height: 24px;
	background: url(./images/style/kz_arrow_down.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowDown:hover {
	background-position: 0 0;
}
.left .jScrollPaneTrack {
	left: 0;
	right: auto;
}
.left a.jScrollArrowUp {
	left: 0;
	right: auto;
}
.left a.jScrollArrowDown {
	left: 0;
	right: auto;
}
/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */
			

#currentwork ul {
margin : 0 auto;
padding : 0;
list-style-type : none;
position : relative;
}
#currentwork li {
float : left;
width : 220px;
}
#currentwork li h2 {
color : #ffffff;
margin-bottom : 3px;
padding-left : 13px;
font-size: 19px;
}
#currentwork li p {
font-size : 12px;
width : 185px;
padding-left : 15px;
}
li#web {
padding-left : 45px;
}

li#web strong { 
	color: black;   
	position: absolute;   
	text-decoration: underline;  
	display: none;   
}
li#identity strong { 
	color: black;   
	position: absolute;   
	text-decoration: underline;  
	display: none;   
}
li#uxd strong { 
	color: black;   
	position: absolute;   
	text-decoration: underline;  
	display: none;   
}
li#uxe strong { 
	color: black;   
	position: absolute;   
	text-decoration: underline;  
	display: none;   
}

/*END CONTENT HOMEPAGE*/

/*FOOTER*/
#footer {
background : #fff url(./images/footer_bg.gif) repeat-x top left;
height : 100px;
text-align : center;
}
#footerInner {
width : 910px;
height : auto !important ;
height : 75px;
min-height : 75px;
margin : 0 auto;
padding-top : 15px;
}
#footerLeft {
border : 0 solid #000000;
color : #ffffff;
float : left;
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : normal;
list-style-type : none;
width : 565px;
}
#footerLeft li {
float : left;
list-style-type : none;
padding : 0 4px 0 0;
text-align : left;
}
#footerRight {
background : transparent url() no-repeat scroll right center;
border : 0 solid #000000;
color : #727272;
float : right;
font-family : Arial, Verdana, sans-serif;
font-size : 11px;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : normal;
list-style-type : none;
text-align : right;
width : 400px;
}
#footerRight li {
list-style-type : none;
padding : 0 0 0 12px;
display : inline;
}
#footerRight ul {
display : inline;
}
/*END FOOTER*/