/* 
Copyright: Digipoint 2007. 
This website is (c) Copyright Digipoint 2007. All Rights Reserved. 
PLEASE DO NOT STEAL THIS DESIGN, THE GRAPHICS OR ANY OF ITS TEXTUAL CONTENT.
- - - - - - - - - - - - - - - - - - - - - - - - - 
WIDTH SCHEME :: container:990px  :: content:500px  :: 
COLOR SCHEME : 




- - - - - - - - - - - - - - - - - - - - - - - - - 
*/


/* ***************************************************
DEFAULT
 *************************************************** */
 html, body{height:100%; margin:0;}
 body{font: 11px/14px Arial, Helvetica, sans-serif; color:#FFFFFF;background:#3C404B url(../images/bgBody.jpg) repeat-x left top;scrollbar-base-color:#2E313A;scrollbar-face-color:#2E313A;scrollbar-arrow-color:yellow;scrollbar-3dlight-color: #2E313A;scrollbar-highlight-color:#2E313A;scrollbar-shadow-color:#2E313A;scrollbar-darkshadow-color:#2E313A;>
}
  
 #container990px{width:990px; margin:0 auto; background:url(../images/bgContainer.jpg);
	}
 
 a{color:#FFFFFF;}
 a:hover{color:#ADAFB4;}
 a:active, :focus{outline:none; -moz-outline: none;}
 
 p{font: 11px/15px Arial, Helvetica, sans-serif; margin:7px 15px 7px 15px; padding:0 0 10px 0;}
 .IntroMiddle p{padding:0;}
 h1{color:#F9F500; font:bold 18px/20px Arial, Helvetica, sans-serif; margin:18px 15px 14px 15px;}
 h2{color:#F9F500; font:bold 12px/14px Trebuchet MS, Arial, Helvetica, sans-serif; margin:14px 15px 7px 15px; text-transform:uppercase; letter-spacing:0.05em; border-bottom:solid 1px #707379;}
 
#bgContentPane h2{ width:470px;}
#bgLeftPane h2, #bgRightPane h2{ width:215px; margin:14px 15px 7px 15px; border:none;}
#bgLeftPane h3, #bgRightPane h3{ width:215px; margin:7px 15px;color:#cccccc; }
.IntroMiddle h2{ width:410px!important; background:transparent; margin:0px 15px 7px 15px;}

 h3{color:#F9F500; font:bold 12px/14px Arial, Helvetica, sans-serif; margin:18px 15px 7px 15px;}
 h4{color:#F9F500; font:11px/14px Arial, Helvetica, sans-serif; margin:7px 15px 4px 15px;}
 h5{color:#F9F500; font:italic 11px/14px Arial, Helvetica, sans-serif; margin:7px 15px 4px 15px;}
 h6{color:#F9F500; font:bold 11px/14px Arial, Helvetica, sans-serif; margin:7px 15px 4px 15px;}
 
 a img{border:0;}/*Reset border*/
 
 .errorMessage{color:red; background:white; margin:0 18px; padding:10px 40px;}
 .errorLabel{color:red;}
 
 .print{display:none;}

 .clearBoth {clear:both}/*clear both sides*/
 .spacer{float:left; display:block; height:300px; background:transparent; width:1px}
 .small{font-size:9px; color:#CCCCCC}
 
 .noDisplay{display:none!important;}/*Switch to invisible*/
 .Display{display:block;}/*Switch to invisible*/
 
 .noBorder, .noBorder tr, .noBorder td, {border:none!important;}
 
 /* Style for linked listitems */
 ul.link{margin:0 15px; padding:0; list-style:none;}
 ul.link li a{height:20px; padding:3px 0px 3px 7px; display:block; text-decoration:none; background:url(../images/bgArrow.gif) left 6px no-repeat; font-size:12px; font-weight:bold;}
 ul.link li a:hover,ul.link li a.active{color:yellow;background:url(../images/bgArrowH.gif) left 6px no-repeat;}

  /* ***************************************************
Header
 *************************************************** */
 /*Homepage*/
 /*Style for background under navigationtabs: placeHolder for MainNav*/
/*left side of btnPattex*/
#bgNavLeft{position:relative; left:0px; top:0px;width:421px; height:155px;z-index:1; display:block; float:left; background:url(../images/bgNavLeft.jpg)}

 /*right side of btnPattex*/
#bgNavRight{position:relative;top:0px;width:418px; height:155px;z-index:3; display:block; float:left; background:url(../images/bgNavRight.jpg)}
#Henkel{display:block; position:relative; width:150px; height:30px; float:right; top:57px;}
 


 /* ***************************************************
NAV
 *************************************************** */	
 
/*Style for navigationbuttons*/
/*Left*/
.btnNav{position:relative;display:block; float:left; height:30px; top:90px; text-align:center; font-weight:bold; text-decoration:none; padding: 20px 0 0 0; background-image:url(../images/btnNavigation_NL.jpg)}
.btnNav:hover{color:#ADAFB4;}

.btnHome_NL{background-position: 0px 65px; width:88px;}
.btnHomeActive_NL{background-position: 0px 0px; width:88px;color:#333333!important;}
.btnProducten_NL{background-position: -88px 65px; width:118px;}
.btnProductenActive_NL{background-position: -88px 0px; width:118px;color:#333333!important;}
.btnNieuws_NL{background-position: -206px 65px;  width:89px;}
.btnNieuwsActive_NL{background-position: -206px 0px;  width:89px; color:#333333!important;}
.btnContact_NL{background-position:-295px 65px; width:125px;}
.btnContactActive_NL{background-position:-295px 0px; width:125px;color:#333333!important;}

/*Middle*/
#btnPattex{position:relative; top:0px;width:151px; height:155px;z-index:2; display:block; float:left}

/*Right*/
.btnDealers_NL{background-position:-420px 65px;width:92px;}
.btnDealersActive_NL{background-position:-420px 0px;width:92px;color:#333333!important;}
.btnLijmwijzer_NL{background-position:-512px 65px;width:90px;}
.btnLijmwijzerActive_NL{background-position:-512px 0px;width:90px;color:#333333!important;}

.btnTaalkeuze_NL{background:url(../images/btnTaalkeuze.jpg);width:90px; float:right; padding: 6px 0 0 0; font:normal 10px/11px Arial, Helvetica, sans-serif;position:absolute; right:0; }


 /* ***************************************************
CONTENT
omvat volgens verschijning: leftpane, contentpane, rightpane
en alle daaronder vallende div's zoals bread, print, intro,...
 *************************************************** */
/*Leftpane*/
#bgLeftPane{position:relative; left:0px; width:245px; z-index:4; display:block; float:left; min-height:478px;}
*html #bgLeftPane{height:478px;}
.Homepage #bgLeftPane{background: url(../images/home/bgLeftPane.jpg) no-repeat;}
.Subpages #bgLeftPane{background: url(../images/bgLeftPane.jpg) no-repeat;}
#bgLeftPane table{margin-left:15px; width:215px;}
#bgLeftPane select{width:215px; color:#666666; cursor:pointer; font:11px/12px Arial, Helvetica, sans-serif;} 
#bgLeftPane .line{border-bottom:solid 1px #505663; margin:15px 0 0 5px; clear:right;}

.btnYellow{color:#000; line-height:20px; text-decoration:none; text-align:right; padding-right:24px; padding-left:10px;display:block; height:20px; background:url(../images/btnYellow.gif) right bottom no-repeat; float:right; margin:0 15px;}
.btnYellow:hover{color:#666;background:url(../images/btnYellow.gif) right top no-repeat;}
* html .btnYellow:hover{height:20px; padding-top:0px}/*tem IE6*/




/*ContentPane
enigste verschil is background*/
#bgContentPane{position:relative;width:500px;z-index:5; display:block; float:left; min-height:470px;}
*html #bgContentPane{height:470px;}
.Homepage #bgContentPane{background: url(../images/home/bgContentPane.jpg) no-repeat;}
.Subpages #bgContentPane{background:url(../images/bgContentPane.jpg) no-repeat;}

#bgContentPane p, #bgContentPane table{margin:0 15px;}
#bgContentPane table {border-right:dotted 1px #707379;border-left:dotted 1px #707379; width:470px; font: 11px/12px Arial, Helvetica, sans-serif;border-collapse:collapse;}#bgContentPane table td {border:1px dotted #707379; padding:3px; border-collapse:collapse;}

#bgContentPane .line{border-bottom:solid 1px #505663; margin:15px 15px 0 15px; clear:both;}

.bread{color:#ADAFB4; font:10px/12px Arial, Helvetica, sans-serif;}
.btnIcon{position:relative;display:block; float:right; height:27px;top:27px; margin:-15px 15px 0 0;}
#print{margin:15px; width:470px; padding:15px 15px 10px 15px;background:url(../images/bgIntroMiddle.gif); width:440px;}
#print table{width:410px; border:none;}
#print table td{border:none;font-weight:bold;}
.btnIconBottom{display:block; float:left; margin-right:5px;}
.txtmiddle{position:relative; line-height:26px;}
#imageForPrint { display:none}
.btnTop_NL{display:block; width:125px; height:32px; background:url(../images/btnTop.jpg);}
.btnTop_FR{display:block; width:125px; height:32px; background:url(../images/btnTopFR.jpg);}

/*onze categorieën main*/
.categorieDark{background:#3F444E; margin:25px 15px;}
.categorieLight{background:#505663; margin:25px 15px;}
.categorieDark h3, .categorieLight h3{margin:0; padding:5px 0 5px 115px;}
.categorieDark p, .categorieLight p{margin: 0; padding:0 0 0 100px;}

.thumbCat{display:block; float:left; margin:-5px 15px 0 15px; position:absolute;} 

/*IntroMiddle*/
.IntroMiddle{background:url(../images/bgIntroMiddle.gif); width:440px;margin: 0 15px 15px 15px; padding:15px; font-weight:bold;}
.IntroMiddle ul{margin:0; padding:0 15px;}

.IntroRight{font-weight:bold;width:235px; float:left; display:block; margin:0px;}
.IntroRight h3{margin-top:0px;}
.IntroRight p{padding-bottom:7px;}
.IntroRight ul.link{ margin-top:14px;}

.productshot{margin:1px 15px; display:block; float:left; border:solid 1px #505663}

.active{cursor:default; font-weight:bold;}

/*RightPane*/
#bgRightPane{position:relative;width:245px;z-index:6; display:block; float:left; background:url(../images/bgRightPane.jpg) no-repeat; min-height:378px; overflow:hidden;}
*html #bgRightPane{height:478px;}
#bgRightPane table{margin-left:15px; width:215px;}
#bgRightPane select{width:215px; color:#666666; cursor:pointer; font:11px/12px Arial, Helvetica, sans-serif;}
#bgRightPane .line{border-bottom:solid 1px #505663; margin:15px 5px 0 0; clear:left;}

#bgRightPane .Categorie{
	margin:0 15px;
	padding:0;
	list-style:none;
}

#bgRightPane .Categorie li{
	margin:0;
	padding:0;
	width: 210px;
	float: left;
}

#bgRightPane .Categorie li a {
	background:transparent url(../images/Spacer.gif) repeat-x left bottom;
	border-bottom:#707379 1px dotted;
	padding:2px;
	display:block;
	text-decoration:none; 
	margin: 0;
	width:204px;	
	float: left;
}

#bgRightPane .Categorie li a:hover, #bgRightPane .Categorie li a:active {
	background:yellow url(../images/bgNavCategorie.gif) repeat-x left bottom;
	color:#2E3239;	
} 

/*Second level*/

#bgRightPane .Categorie ul{
	margin:0 15px;
	padding:0;
	list-style:none;
}

#bgRightPane .Categorie ul li{
	margin: 0;
	padding: 0;
	width: 195px;
	float: left;
}

#bgRightPane .Categorie ul li a{
background-color:#0000FF;
	border-bottom:dotted 1px #707379;
	width:190px;
	padding:2px 0px 2px 7px;
	display:block;
	text-decoration:none;
	background:url(../images/bgArrow.gif) left 6px no-repeat;
}

#bgRightPane .Categorie ul li a:hover, #bgRightPane .Categorie ul li a.active{
	border-bottom:dotted 1px #707379;
	padding-left:7px;
	color:yellow;
	background:url(../images/bgArrowH.gif) left 6px no-repeat;
	display:block; 
	width:190px;
}

.date{color:#CCCCCC;}
a:hover .date{color:#000000;}
.tblNieuw tr{ vertical-align:top;}
.tblNieuw .lefttColumn{background: white;}
.tblNieuw .rightColumn p{margin:0 4px 14px 7px;}
.tblNieuw .rightColumn .btnYellow{margin: 0}

/*contactform*/

/*Contactform*/
#bgContentPane #tblForm, #bgContentPane #tblForm tr, #bgContentPane #tblForm tr td{border:0;}
 /* ***************************************************
FOOTER
 *************************************************** */
 #container990pxEnd{width:990px; margin:0 auto; background:#3C404B url(../images/bgContainerEnd.jpg) no-repeat; clear:both;}
 #footer{position:relative; top:0px; background: url(../images/bgFooter.jpg) no-repeat; height:43px; padding:18px 0 0 0; margin:0 auto; display:block; width:500px;}
 #footer span{position:relative; top:-12px;}
 #footer p{margin:0 0 0 15px;}
 #Disclaimer p{font:9px/12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#707379; text-align:center; margin:2px 15px 0px 15px; padding:0; height:15px;}
 #Disclaimer a{color:#707379;}
 #Disclaimer a:hover{color:#CCC;}
 
 /*FORM*/
 .MultipleText{width:455px; height:79px; background:url(../images/bgMultipleText.jpg); border:0; font:11px/14px Trebuchet MS, Arial, Helvetica, sans-serif; color:#ccc; padding:5px}
 .SingleText{width:336px; height:12px; background:transparent url(../images/bgSingleText.jpg) no-repeat left top; border:0; font:11px/14px Trebuchet MS, Arial, Helvetica, sans-serif; color:#ccc; padding:5px;}
/* form .field {position:relative;float:left;display:block;overflow:hidden;*height:27px;}form .field input {position:relative;*top:-1px;border:none;padding:6px 6px 5px 7px;}*/

/*Work-around om de min. hoogte in IE6 op te vangen*/
#spacerLeft{float:left; position:relative; margin-left:-1px; height:400px; width:1px;}
#spacerRight{float:right; position:relative; margin-right:-1px; height:400px; width:1px;}
 /* ***************************************************
EXTRAS
 *************************************************** */
/*tooltip*/

.tool{
	font-size: 36px;
	
}

.tool-tip {
	color: #fff;

	width: 110px;
	z-index: 13000;
	color: white;
	/*background: #2b2626;*/

}
 
.tool-title {
	font-weight: bold;
	color:yellow;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
 	background: url('../images/balloon.png') top left no-repeat ;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url('../images/balloon.png') bottom left no-repeat;


}