@charset "UTF-8";
/* CSS Document */
/*	
	DEBUG IE 6.0:
	1. Tabbladen 'Zakelijk' en 'Particulier' positie top:134px i.p.v. bottom:0px;
	2. Vlaggen; class 'vlag' toegevoegd. padding-top van #menu_right verwijderd; 
	3. '#site_body' en '#site' omgedraaid, achtergrondkleur van beide verwijderd, paddings en margins verwijderd;
	4. '#corner_body' position:relative toegevoegd;
	
	DEBUG ALGEMEEN
	1. '#search_field' padding toegevoegd;
	2. '#content' padding-left verhoogd, witruimte plus breedte van het linkermenu. Hierdoor loopt de tekst niet terug in de linker kantlijn onder linkermenu. float:left;
	*/
html{
	width:100%;
	height:100%;
}
body{
	width:100%;
	height:100%;
	background-color: #FFFFFF;
	margin: 0px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #999999;
}
img {
	behavior:	url("pngbehavior.htc");
}
p{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #777777;
}
p.error, p.formErr {
	color: red; font-weight: bold; }
	
#header{
	width:100%;
	height:169px;
	background-color: #FFFFFF;
	background-image: url(../img/top_particulier.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;    
}
#header:hover {
    cursor: pointer; }

#tab_z{
	width:162px;
	height:35px;
	top:134px;
	right:160px;
	position:absolute;
	text-align:center;
	line-height:40px;
	color:#15377A;
	font-size:14px;
}
.txt_tab{
	text-align:center;
	line-height:40px;
	font-size:14px;
	margin-top:-35px;
	text-transform:uppercase;	
}

/*#tab_z:hover{
	background-image: url(../img/tab_zakelijk_o.png);
	background-repeat: no-repeat;
	background-position: left top;
}*/
#tab_z a{
	color:#15377A;
	text-decoration:none;
	text-transform:uppercase;
}
#tab_z a:hover{
	color:#15377A;
	text-decoration:underline;
}
a{
	color:#15377A;
	text-decoration:none;
}
a:hover{
	color:#15377A;
	text-decoration:underline;
}
#tab_p{
	width:162px;
	height:35px;
	top:134px;
	right:16px;
	position:absolute;
	text-align:center;
	line-height:40px;
	color:#ffffff;
	font-size:14px;
}
#menu{
	width:100%;
	height:34px;
	background-color: #15377A;
	background-image: url(../img/nav_balk.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}
#search_field{
	width:151px;
	height:19px;
	background-image:url(../img/bg_input_zk.gif);
	background-repeat:no-repeat;
	float:left;
	border: none;
	margin-left:20px;
	margin-top:6px;
	padding: 0px; 
	padding-left:5px;
	padding-top:3px;
}
#search_submit{
	background-image:url(../img/bg_but_zoek.gif);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
	border:none;
	background-color:#15377A;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:14px;
	height:22px;
	width:63px;
	margin-left:5px;
	margin-top:6px;
	text-align:left;
}
#hoofdmenu{
	top:7px; 
	left:249px;
	font-size:14px;	
	font-variant: small-caps;
	position:absolute;
}
#hoofdmenu ul{
	margin-left:20px;
}
#hoofdmenu li{
	float:left;
	color:#FFFFFF;
	list-style:none;
}
#hoofdmenu li a{
	color:#FFFFFF;
	margin-left:2px;
	margin-right: 2px;
}
#menu_right{
	width:100px;
	height:34px;
	padding-top:0px;
	background-image: url(../img/sch_r.gif);
	background-repeat: repeat-y;
	background-position: right top;
	float:right;
}
#menu_right IMG {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5; opacity: 0.5; padding-top: 8px; }
#menu_right A:hover IMG, #menu_right IMG.selected {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; opacity: 1; }

.vlag{
 margin-top:7px;
}
#site_body{
	width:100%;
	background-image: url(../img/bg_nav_cat.gif);
	background-repeat: repeat-y;
	background-position: left top;
	position:relative;
}
#site{
	width:100%;
	background-image: url(../img/sch_r.gif);
	background-repeat: repeat-y;
	background-position: right top;
	position:relative;
}

#nav_cat{
	width:251px;
	margin-left:0px;
	margin-right:0px;
	float:left;
	z-index:100;
	position:relative;
	left:0px;
/*  border:1px solid #000000; */
}
#content{
	padding-left:266px;
	padding-bottom:10px;
	padding-right:25px;
	padding-top:15px;
	margin-left:2px;
	position:relative;
/*	border:1px solid #000000; */
}
#std_content{
	padding-right:25px;
/*	border:1px solid #000000; */
}
#historie{
margin-bottom:5px;
}
.art_tumb{
	width:325px;
	height:120px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding:5px;
	float:left;
	position:relative;
	border: 1px solid #e2e2e2;
}
.tumb_foto{
	width:120px;
	height:120px;
	left:5px;
	top:5px;
	border-right: 1px solid #e2e2e2;
	position:absolute;
}
.tumb_foto:hover {
	cursor: pointer;
}
.txt_art_tumb{
	top:5px;
	left:135px;
	width:195px;
	height:120px;
	position:absolute;
}
.txt_art_tumb h2{
	font-size:14px;
	padding: 0px;
	color: #15377A;
	margin-top:0px;
}
.txt_art_tumb h2 a{
	color: #15377A;
	text-decoration:none;
}
.txt_art_tumb h2 a:hover{
	text-decoration:underline;
}
.txt_art_tumb .specs_tumb{
	font-size:11px;
	padding: 0px;
	color: #15377A;
	line-height:13px;
}
.txt_art_tumb h3{
	font-size:14px;
	color: #15377A;
	left:0px;
	top:100px;
	position:absolute;
}
.txt_art_tumb h4{
	text-align:left;
	font-size:11px;
	color: #bebebe;
	top:101px;
	right:5px;
	position:absolute;
}
.txt_art_tumb h4 a{
	color: #bebebe;
	text-decoration:none;
}
.txt_art_tumb h4 a:hover{
	color: #bebebe;
	text-decoration:underline;
}
.intro_art_tumb{
/*	height:48px; */
}
.txt_art_tumb p{
	font-size:11px;
	line-height:13px;
	margin-top:5px;
}
.txt_art_tumb{
	height:107px;
}

#tbl_detail{
	min-height:96px;
	position:relative;
}
#art_omschr{
margin-right:25px;
	position:relative;
	padding-bottom:10px;
	height:266px;
}
.art_detail{
	min-height:260px;
	margin-top:10px;
	position:relative;
}
#img_detail{
	width:306px;
	height:256px;
	margin-right:15px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #e2e2e2;
	position:relative;
	float:left;
}
.art_detail h2{
	font-size:18px;
	padding: 0px;
	color: #15377A;
	position:inherit;
}
.art_detail h2 a{
	font-size:16px;
	padding: 0px;
	color: #13BAEE;
	text-decoration:none;
}
.art_detail h2 a:hover{
	font-size:16px;
	padding: 0px;
	color: #15377A;
	text-decoration:none;
}
.specs_detail{
	font-size:13px;
	color: #15377A;
	line-height:16px;
	position:relative;
}
#omschrijving_detail{
	margin-top:10px;
}
.art_detail h3{
	font-size:18px;
	padding: 0px;
	color: #15377A;
	margin-top:10px;
}
.art_detail hr{
	border: 0;
	height: 1px;
	border-top: 1px solid #e2e2e2; 
	margin-top:5px;
	margin-bottom:10px;

}
.art_detail .vorige a{ 
	font-size:12px;
	color: #bebebe;
	text-decoration:none;
}
.art_detail .vorige a:hover{
	color: #bebebe;
	text-decoration:underline;
}

#art_tabs{
margin-top:40px;
margin-bottom:15px;
margin-right:25px;
padding-left:0px;
}
#contend{
	width:100%;
	clear:both;
}
#footer{
	width:100%;
	height:25px;
	background-color: #FFFFFF;
	background-image: url(../img/sch_o.gif);
	background-repeat: repeat-x;
	background-position: right top;
}

#footer #copyrightLeft {
	padding-top: 12px; text-align: center; width: 251px; float: left; }
#footer #copyrightRight {
	padding-top: 12px; text-align: right; line-height: 10px; font-size: 11px; }

#corner_body{
	width:30px;
	height:30px;
	background-image: url(../img/hk_s_ro.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float:right;
	margin-top:-5px;
	position:relative;
}

#logoContainer {
	padding: 15px; text-align: center; }
#logoContainer IMG {
    padding: 15px; }
#logoContainer IMG.paypal {
    padding-bottom: 22px; }

input.error {
	border: 2px solid red; }

A IMG {
	border: 0px; }
	
#std_content H1, #std_content > H2, #std_content > DIV > H2 {
	padding-bottom: 10px; }
#std_content > H2, #std_content > DIV > H2 {
	padding-top: 10px; }
#std_content P {
	margin-bottom: 10px; } 	
DIV.address {
	margin-left: 10px; padding-left: 10px; width: 150px;
	border-left: 1px solid #4374AD; }
DIV.invoice {
    border-left: none; }

TABLE.progress {
	border: 1px dotted #E8EEF5; margin-bottom: 10px; width: 100%; }
FORM {
	margin: 0px; padding: 0px; }
FORM.dynamic {
	margin-bottom: 20px; }
FORM.dynamic TABLE {
	margin-bottom: 5px; }
INPUT, TEXTAREA {
	border: 1px solid #788CB0; padding: 2px; background: #F2F2F2; }	
INPUT.required, TEXTAREA.required {
	background: #F2F2F2 url(../../myrelate/common/img/required.gif) no-repeat scroll left top; }
INPUT:hover, TEXTAREA:hover {
	background: #E8EEF5; }
INPUT.numericRed { 
	background: #e8cfd2; font-weight: bold; }
TABLE.cart {
	width: 100%; }	
TABLE.cart TH {
	font-size: 13px; padding: 4px; border-bottom: 1px solid #B8C6D8; 
	background: #4374AD; color: white; }
TABLE.cart TD {
	padding-left: 4px; padding-right: 4px; }
TABLE.cart TR.product TD {
	border-bottom: 1px dotted #E8EEF5; }	
SELECT.cartPayment, SELECT.cartDelivery {
	font-size: 14px; font-weight: bold; }
LABEL {
    cursor: pointer; }

#std_content TD.form P {
	font-weight: bold; margin-bottom: 0px; }
TD.dark {
	background: #E8EEF5; }
TD.darker {
	background: #E0E7EF; }
TD.darkest {
	background: #ffffff; border: 2px solid #4374AD; }
TD.big {
	padding: 5px; font-size: 12px; }

#businessSelectionForm {
	width: 500px; }
#businessSelectionForm B {
	display: block; float: left; width: 200px; line-height: 20px; color: #777777; 
	padding-bottom: 8px; }
#businessSelectionForm LABEL {
	padding-right: 8px; }

S.oldPrice {
    color: #899ABB; }

FIELDSET.address {
    border-top: 1px solid #CCCCCC; border-left: none; border-bottom: none;
    border-right: 1px solid #CCCCCC; padding: 5px 5px 0px 0px;
    margin-right: 15px; }
FIELDSET.address LEGEND {
    color: #999999; font-weight: bold; }
#altDeliveryAddress {
    margin-top: 10px; }