/* het verspringen in firefox tegengaan door de scrollbar reeds toe te voegen */ 
html {height:100%}
body {min-height:101%}
/* einde scrollbar - - - - - - - - - - - */
body{padding:0px; margin:0; background:url(i/mainbg2.gif) 0 0 repeat-x #fff; color:#5E5E5E; font:13px/18px Verdana,Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
h1 {font-size: 22px;}
ul{list-style-type:none;}
#topPan{width:841px; height:155px; position:relative; margin:0 auto; background: url(i/logo.jpg) top left no-repeat ; color:#fff; padding:0px;}
#topMenuPan{width:500px; height:12px; position:absolute; top:128px; left:150px;}

/*----BODY PANEL----*/
#bodyPan{width:841px; position:relative; margin:0 auto; padding:25px 0 0;}

/*----BODY LEFT PANEL----*/
#bodyLeftPan{width:550px; float:left; padding:0 36px 0 0;}
#bodyLeftPan h3{height:30px; background:url(i/border2.gif) 100% 70% no-repeat #fff; color:#00111A; font:28px/28px Georgia, "Times New Roman", Times, serif; border: 1px solid #ccc}
#bodyLeftPan h3 span{color:#046598;}
#bodyLeftPan p{padding:7px 0 0;}
#bodyLeftPan ul{width:550px; margin:10px 0 0;}
#bodyLeftPan ul li{width:550px; height:20px;}
#bodyLeftPan ul li a{width:550px; height:20px; background:url(i/button.gif) 0 6px no-repeat #fff; color:#1A1A1A; text-decoration:underline; padding:0 0 0 20px;}
#bodyLeftPan ul li a:hover{width:490px; height:20px; background:url(i/button-hover.gif) 0 6px no-repeat #fff; color:#0574AF; text-decoration:underline;}

/*----BODY RIGHT PANEL----*/
#bodyRightPan{width:235px; float:left; border:1px solid #DADADA; background: #F3F3F3; color:#1A1A1A; padding:0 0 28px;}
#bodyRightPan h3{width:195px; height:35px; display:block; border:1px solid #DADADA; background:#fff; color:#00111A; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 0; padding:0 0 0 10px;}
#bodyRightPan h3 span{background:#fff; color:#046598;}
#bodyRightPan a:visited,#bodyRightPan a  {color: #1a1a1a}
#bodyRightPan a:hover{color:#0574AF; text-decoration:none;}

#bodyRightPan p{padding:0px 9px 0px 9px;}
#bodyRightPan p.boldtext{padding:10px 29px 0px; font-size:14px; color:#1A1A1A; font-weight:bold;}
#bodyRightPan p.txtvaca{font-size:12px;} 
/*----FOOTER PANEL----*/
#footermainPan{height:85px; background:url(i/footerbg.gif) 0 0 repeat-x #fff; color:#010101; clear:both; padding:72px 0 0;}
#footerPan{width:900px; position:relative; margin:0 auto; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif}
#footerPan ul{width:500px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding: 0 10px 0 10px;color:#010101; background:#F3F3F3; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline; color: #0574af;}
#footerPan p.copyright{width:204px; background:#F3F3F3; color:#04496D; position:absolute; top:23px; left:40px; font-size:12px;}
#footerPan ul.me{width:250px; background:#F3F3F3; color:#444; display:block; position:absolute; top:40px; left:40px; font-size:10px;}
#footerPan ul.me li{height:20px;}
#footerPan ul.me li a{background:#F3F3F3; display:block; color:#444; text-decoration:none;}
#footerPan ul.me li a:hover{text-decoration:underline; color: #0574af;}
#footerPanhtml{width:60px; height:13px; display:block; position:absolute; top:26px; left:260px;}
#footerPanhtml a{width:48px; height:11px; display:block; background:url(i/blue-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px;}
#footerPanhtml a:hover{background:url(i/gray-arrow.gif) 85% 60% no-repeat #fff; color:#0574af;}
#footerPancss{width:50px; height:13px; display:block; position:absolute; top:26px; left:320px;}
#footerPancss a{width:40px; height:11px; display:block; background:url(i/blue-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px; text-transform:uppercase;}
#footerPancss a:hover{background:url(i/gray-arrow.gif) 35px 3px no-repeat #fff; color:#0574af;}

/* meer minder tekst ccsplay.co.uk  */
/* always visible */
#outer .holder {padding:5px; margin:0}
#outer .holder p {padding:1px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:10px; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}
/* einde meer minder tekst ccsplay.co.uk  */

/* higslide - */
.highslide-html {background-color: white; border: 2px solid gray;}
.highslide-html-content {position: absolute; display: none; padding: 10px;}
.highslide-loading {display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none;
	padding: 2px; border: 1px solid black;background-color: white;}
.control {float: right; display: block; margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none;	text-transform: uppercase;
	color: #999;}
.control:hover {color: black !important;}
.highslide-move {cursor: move;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.highslide-body h3{width:550px; height:30px; background:url(i/border2.gif) 100% 70% no-repeat #fff; color:#00111A; font:28px/28px Georgia, "Times New Roman", Times, serif;}
.highslide-body h3 span{color:#046598;}
.highslide-body a,highslide-body a:visited {color: #1a1a1a}
.highslide-body a:hover{color:#0574AF; text-decoration:none;}
/* einde highslide  */

/* =-=-=-=-=-=-=-=-=-zoeken -=-=-=-=-=-=-=-*/
.input-box{color: #000;background: #fff;border: 1px solid #000;width: 13.5em;padding: 3px}
.submit {margin:3px;background: transparent url("i/submit.gif") no-repeat;height:25px;width:100px;border: 0px solid #ccc;font:76% Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight: bold;color:#666;text-transform:uppercase}
#comment {border: 1px solid #ccc; padding-left: 5px; background-color: transparent; color: #000}
.form{border: 1px solid #ccc; padding-left: 5px; background-color: transparent; color: #000}
select { background-color: #fff; color: #000; border: 1px solid #ccc}
.red {color:#c00}
/* =-=-=-=-=-=-=-=-=-=-einde zoeken =-=-=-=-=-=-=- */	
#producten tr.even{background: #f3f3f3}
#producten th{text-align: left; background: #317BB5; color: #fff; border: 1px solid #000}
#producten a, #producten a:visited {width:550px;height:20px; color:#1A1A1A; text-decoration:underline;}
#producten a:hover{width:490px; height:20px;color:#0574AF; text-decoration:underline;}
.ico {float: left; text-align: center; border: none;}
.imgL {float: left;	margin-right: 7px;	border: 3px double #ccc;}
.imgR {float: right;	margin-left: 7px;	border: 3px double #ccc;}
.imgLogo{float: left;	margin-right: 7px;}
#menu10 {width: 200px;margin: 18px;font-weight:bold}
#menu10 li a {height: 32px;voice-family: "\"}\""; voice-family: inherit;height: 24px;text-decoration: none}	
#menu10 li a:link, #menu10 li a:visited {color: #4D4D4D;display: block;background:  url(i/menu10.gif);padding: 8px 0 0 10px}
#menu10 li a:hover {color: #0574AF;background:  url(i/menu10.gif) 0 -32px;padding: 8px 0 0 10px}
#menu10 {background:  url(i/menu10.gif) 0 -32px;padding: 8px 0 0 10px;color: #0574AF;height: 24px}
hr{height: 0;border: 0;border-top: 1px solid #ccc}
#tabsJ {float:left;width:100%;font-size:93%;line-height:normal}
#tabsJ ul {margin:0;padding:5px 10px 0 50px;list-style:none}
#tabsJ li {display:inline;margin:0;padding:0}
#tabsJ a {float:left;background:url(i/tableftJ.gif) no-repeat left top;margin:0;padding:0 0 0 5px;text-decoration:none}
#tabsJ a span {float:left;display:block;background:url(i/tabrightJ.gif) no-repeat right top;padding:5px 15px 4px 6px;color:#24618E}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {color:#FFF}
#tabsJ a:hover {background-position:0% -42px}
#tabsJ a:hover span {background-position:100% -42px}
#tabsJ .current a {background-position:0% -42px;color:#fff}
#tabsJ .current a span {background-position:100% -42px; color:#fff}		
.imgleft {float: left;	padding-right: 5px}
#keywords {display: none}
.jaga {float: left;margin-top:12px;padding: 0 5px 5px 0}
.nadruk{font:bold 17px arial,verdana}		
a:focus {outline:none}
a img {border:none}
.center{text-align:center}
/* popup */
#fade {display: none;background: #000;position: fixed; left: 0; top: 0;z-index: 10;width: 100%; height: 100%;opacity: .80;z-index: 9999}

.popup_block{width:660px!important;display: none;background: #fff;padding: 20px;border: 20px solid #ddd;float: left;font-size: 1.2em;position: fixed;top: 50%; left: 50%;z-index: 99999;-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px}
img.btn_close {float: right;margin: -55px -55px 0 0}
.popup p {padding: 5px 10px;margin: 5px 0}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {position: absolute}
*html .popup_block {position: absolute}
/* popo end */