@import url(/include/css/editor.php);
body 	{
	/*      T R B L  */
	margin: 0 0 0 0;
	scrollbar-arrow-color: #000000; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-highlight-color: #000000; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #000000; 
	scrollbar-track-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	overflow: -moz-scrollbars-vertical;
}

html,body {margin:0;padding:0}
body  {
	font: 76% arial,sans-serif;
	text-align:center;
	background:#484748 url('/image/background.jpg') repeat-x;
}


/* Splash */

#splash { background:#EEF2F3 url('/image/splash.jpg') repeat-x; border-style:solid; border-color:#fff; border-width:0px 5px 5px 5px; padding:20px; height:431px; }
#splashform { margin-top:200px; padding:16px 0; width:228px; border-top:1px solid #D3D7D8; border-bottom:1px solid #D3D7D8; }
#splashform button { vertical-align:bottom; width:24px; height:24px; margin:0; padding:0; background:none; border:0; }
#homeImg { height:298px;background:url('/image/home.jpg') no-repeat right top; width:970px;}

/* Header */

div#header {position:relative;color:#fff;height:100px;background:url('/image/site-border-top.gif') repeat-x left bottom; }
div#header h1{}
#logo { background:url('/image/secumate-logo.gif') no-repeat 45px 5px; width:157px; height:87px; float:left; }
#logo a { display:block; width:117px; height:87px; margin-left:40px; }
#logo span { display:none; }


#menu { width:700px; float:right;}
#langswitch { height:70px; margin:0; padding:0; color:#858585; font-weight:bold; }
#langswitch select { border:1px solid #000; font-size:8pt; }
#langswitch div { float:right; height:23px; margin:3px 0 0 0; padding-bottom:2px; border-bottom:1px solid #858585; }
#shopcart { 
	float:right; 
	color:#fff; 
	font-size:10pt; 
	border-bottom:1px solid #FFF;
	text-decoration:none; 
	margin-right:10px; 
	background:url('/image/shopcart.gif') no-repeat right center;
	line-height:20px; 
	padding:2px 25px 6px 0; 
}

#nav { overflow:auto;}


/* Site */

#site { background:#EEF2F3 url('/image/content-background.jpg') repeat-x; border-style:solid; border-color:#fff; 
	border-width:0px 5px 5px 5px; padding:0 40px; }
#siteBody #site {padding:0px;}
#site h1 { font-size:24pt;font-weight:normal;padding:30px 0 !important; }

#siteSlogan {
	background-image:url(/image/sloganBackground.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding:0 40px;
}
	
#block { background:url('/image/border-top.gif') no-repeat center top; padding:10px 0 40px 0; }
#block div { background:url('/image/border-bottom.gif') no-repeat center bottom; padding:0 0 40px 0; }
#block div div { background:url('/image/border-middle-content.gif') repeat-y center center; padding:0 10px; min-height:300px; }
#block div div div { background:none; min-height:1px; }

div#container {text-align:left}
div#container {width:981px;margin:0 auto;}
div#content {float:left;width:560px;}


/* Homepage */

.productHome { width:367px; height:300px; margin:0 0 0 2px; padding:0 !important; float:left; }
.productHomeSpacerCell { width:28px; }
.productHome * { margin:0; padding:0; }


.productHome h2 { font-size:12pt; }
.productHome .subheading { font-size:10pt; color:#BDC1C1; font-weight:bold; margin:0 0 0px 0; padding-bottom:10px; }

.productHome p { color:#666666; }
.productHome .txt { margin-top:20px; }
.productHome .txt span { font-weight:bold; }

.productHome .price { line-height:40px; text-align:right; background:url('/image/home-price-fade.jpg') repeat-x left bottom; }
.productHome .price strong { color:red; font-size:11pt; font-size:bold; padding-right:2px; }
.productHome .moreinfo { font-weight:bold; }

div.itemHome { float:left; width:215px; margin:0; margin-right:10px; padding:20px 0 !important; line-height:16px;}
div.itemHome2 { float:left; width:200px; margin:0 0 0 10px; padding:20px 0 !important; line-height:16px;}
div.itemHome img { float:left; margin-right:5px; }
div.itemHome2 img { float:right; margin-left:5px; }


/* Content */

#content.page { margin-left:10px; }

#printpage { line-height:30px; padding-bottom:5px; border-bottom:1px solid #BDC1C1; background:#fff; text-align:right; 
	margin:0 10px 10px 10px; }
#printpage a { background:url('/image/printicon.gif') no-repeat left center; padding-left:20px; }

p.getacrobat { margin-top:1em; }
p.getacrobat img { border:none; }


/* Producten */

#block div.product { border-top: 1px solid #D8DBDC; padding:5px 0; margin-bottom:30px; }
#block div.product img { float:left; margin-right:5px; }
#block div.product td.prodinfo { background:#ECEDEE; padding:5px; min-height:75px; }
#block div.product h3 { font-size:12pt; }
#block div.product .subtitle { font-size:10pt; color:#BDC1C1; font-weight:bold; margin:0 0 10px 0; }
#block div.product strike { font-weight:bold; }
#block div.product b { color:red; font-size:11pt; font-size:bold; padding-right:2px; }
#block div.product h4 { clear:both; }


/* Sidebar */

div#extra { background:#FF8539; margin:0 !important;}
div#extra { float:right;clear:right;width:220px }
div#extra div.item { border-bottom:1px solid #BDC1C1; padding:0 0 10px 0; margin:0 0 10px 0; line-height:16px;}
div#extra h2 { font-size:12pt; margin-bottom:5px; }

div#extra ul { margin:0 0 0 21px; padding:0; }
div.downloads ul { margin:0 0 0 10px; padding:0; }
div#extra ul.downloadlist, div.downloads ul.downloadlist { line-height:22px; list-style-image:url('/image/list-pdf.gif'); }
ul.downloadlist a {
	line-height:22px;
}
div#extra img.logo { border:1px solid #BDC1C1; }


/* Footer */

div#footer {clear:both;margin-bottom:20px;}
div#footer p {margin:0;padding:5px 10px; color:#939393; font-size:7pt; text-align:center;}
div#footer a {display:inline;padding:0;color: #939393; font-size:7pt; }

div#footer {clear:both;width:100%}


/* Basic styles */

.border	{border : 1px solid #000000;}

.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

/* Geeft aan welke statische teksten nog vertaald moeten worden */
.vertalen {
	border:1px solid #FF0;
	background-color:#F00;
	color:#FF0;
}

.clear { clear:both; display:block; }

div#block div div.productInformation {
	clear:both;
	padding-left:0px;
	margin-left:0px;
	margin-top:15px;
	color:#666;
}

div#block div div.productInformation p {
	color:#666;
	padding-left:0px;
}

#shoppingcart .odd {
	border-top: 1px solid #d8dbdc;
	background-color: #ecedee;
}

#shoppingcart .even  {
	padding: 5px 0px 5px 0px;
}

#shoppingcart .even td, #shoppingcart .odd td {
	line-height:18px;
}

#shoppingcart td, #shoppingcart th {
	padding: 5px 0px 5px 9px;
}

#shoppingcart td {
	border-top: 1px solid #d8dbdc;
}

#shoppingcart .totals td {
	border-top: 1px solid #000;
	border-bottom: 1px solid #d8dbdc;
	padding-top:10px;
	padding-bottom:10px;
}

#shoppingcart .noBorder td {
	border-top: none;
	padding-top:10px;
	padding-bottom:10px;
}

#shopcart.inactive {
	border-bottom:1px solid #858585; 
	color:#858585; 
}

#shopcart.active {
	border-bottom:1px solid #F00;
	color:#FFF; 
}

#langswitch a:link.active, #langswitch a:visited.active, #langswitch a:active.active, #langswitch a:hover.active {
	border-bottom:1px solid #F00;
	color:#FFF; 
}

.priceLabel {
	background-image:url(/image/priceLabel.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding-bottom:10px;
	padding-top:12px;
}