/*	Author: Frank van Eldijk 	*/
/*	Creation: 19-12-2008		*/
/*	Last changed: 10-06-2009	*/
/*	Version: 2.0 			*/

@import url("reset.css");

/*	BODY  ~ WRAP	*/
html, body, #wrap {
	height: 100%;
	}

a {text-decoration: none; } 


body > #wrap {
 	width:1000px;
 	margin:0 auto;
 	background:url(/images/bg_gift.gif)  repeat-y
	}


#wrap {
	width:1000px;
	margin:0 auto; 
	background:url(/images/bg_gift.gif) repeat -y
	}
	
body {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #000000;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	background:url(../images/webshop_BG.gif) repeat-y  #f8f8f8 50% 50%;
	}
	
/*	HEADER	*/
#header{
	width:780px;
	float:left;
	background-color:white;

	}
	
#topcontainer{
	background-color:#DBD9DA;
	float: left;
	height: 200px;
	width:1000px;
	overflow:hidden;
	}

#topleftcontainer{
	float: left;
        text-align:left;
        height:100%;
        width:220px;
        }

#inloggen{
	color:black;
	}
	
FORM #inloggen {
	border-top:1px solid #9a003a;
	}
	

/**
	Topcontainer
**/
#search_field {
	position: absolute;
	top: 165px;
	left: 170px;
	border: none;
	width: 200px;
}

#search_button {
	position: absolute;
	top: 150px;
	left: 380px;
	width: 38px;
	height: 38px;
}

#profile_link, #register_link, #basket_link {
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	top: 168px;
	left: 485px;
}

#register_link {
	left: 730px;

}

#basket_link {
	left: 950px;
}



/*	MENU ~ LEFTCONTAINER	*/
#leftheader {
	width:145px;
	height:22px;
	font: 16px Tahoma;
	color: #FFF;
	background-color: #188fc9;
	}

#leftcontainer {
	background-color:white;
	float:left;
	padding-top:1px;
	height:100%;
	width:overflow:hidden;
	width:220px;}

#leftcontainerheader {
	background-color:#E8E8E8;
	padding-left:10px;
	padding-top: 5px;
	height: 18px;
	text-align:left;
	text-transform: uppercase;
	font-size: 12px; font-weight: bold; 
	color: black;
	}
	
#leftcontainer ul.folderOpen {}
#leftcontainer ul li {line-height:18px;}
#leftcontainer ul li.folderclosed { border-top:1px solid black;text-align:left;}
#leftcontainer ul li.folderclosed a {font-size:11px;font-weight:bold;}
#leftcontainer ul li.folderopen { border-top:1px solid black; text-align:left;}
#leftcontainer ul li.folderopen a {font-size:11px;font-weight:bold;}
#leftcontainer ul li.level2 a { color:black;text-decoration:none;background: url(../images/menu-arrow.gif) no-repeat #E8E8E8 5% 50%;display:block;width:210px;height:18px; padding-left: 10px;}
#leftcontainer ul li a { color:black;text-decoration:none;background-color: #E8E8E8;display:block;width:210px;height:18px; padding: 4px 0px 5px 10px;}
#leftcontainer ul li a:hover {background-color:#0078c1;}
#leftcontainer ul li.header { border-bottom:1px black solid;font-weight:bold;color:#666; }
#leftcontainer ul li.level1 { text-align:left; border-top: 1px solid black; }
#leftcontainer ul li.level1.header { padding-left:9px;margin:8px 15px 0px 15px; }
#leftcontainer ul li.level2 { text-align:left; border-top:1px solid black; text-indent:11px; background:url(../images/menu-arrow.gif) 50% 50% no-repeat;}
#leftcontainer ul li.level2.header { padding-left:9px;margin:8px 27px 0px 15px; }
#leftcontainer ul li.level3 { text-align:left; }
#leftcontainer ul li.level3.header { padding-left:9px;margin:8px 39px 0px 15px; }

/*	LEFTCONTAINER ~ SLIDESHOW	*/
#slideshow {
        padding-top: 20px;
        }
#slideshow img {
        width: 218px;
        height: 145px;
        border: 1px solid #580026;
        }

/*	CONTENT ~ RIGHTCONTAINER	*/
#rightcontainer{
	width:760px;
	float:left;
	padding-left:10px;
	padding-top: 10px;
	}

#main {
	padding-bottom: 40px;
	width:1000px;
	margin:0 auto;
	}  /* must be same height as the footer */
	
#totaalbedrag TD{
	border-top:1px solid black;
	font-weight:bold;
	text-align: left;
	line-height: 24px;
	}
	
.value {
	text-align:right;
	}

#ww1_inlogpage_td1 TD, #ww1_klantupdgeg_td1 TD,#ww1_klantgegevens_td1 TD,#inlog_klantnieuw_td1 TD {
	padding: 4px;
	}

.submit,.submit2,.submitsmall,.submit3{
	width: 125px;
	height: 34px;
	margin: 0;
	padding: 4;
	border: 0;
	color:#FFFFFF;
	background: url(../images/Button_BG.jpg) no-repeat 100% 100%;
	}

.submit2,.submit3{
	background: url(../images/Button_BG2.jpg) no-repeat 100% 100%;
	width:79px;
	height:22px;
	color:#000000;
	}

.submitsmall{
	background: url(../images/Button_BGsmall.jpg) no-repeat 100% 100%;
	width:90px;
	height:32px;
	}

#selectors .submitsmall {
	margin-top:9px;
	}

#zoeken .submit3 {
	margin-left:7px;
	}
	
.submit3{
	background: url(../images/Button_BG3.jpg) no-repeat 100% 100%;
	}

#hmenuButton {
	color: #FFF;
	font-family: Tahoma, Verdana,  Arial, Helvetica, sans-serif;
	}
	
#hmenuWrapper{
              width:220px;
              overflow:hidden;
              }

#hmenuButton a{
	background-color:#DBD9DA;
	display:block;
	width:210px;
	height:18px;
	color: black;
  	border-top:1px solid black;
	border-bottom: 1px solid black;
	font-family: Tahoma, Verdana,  Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:10px;
	padding-top: 5px;
	text-decoration:none;
	}

#hmenuButton a:hover{
	background-color:#7f2a81;
	border-top:1px solid black;
	border-bottom: 1px solid black;
	}

/*	CONTENT ~ RIGHTCONTAINER > HOOFDGROEP	*/
#hoofdgroeptitel {
	color: white;
	font-size:14px;
	background-color:#DB0000;
	padding: 5px;
	text-align: left;
	}

#hoofdgroepimg {
	height:380px;
        overflow:hidden;
        }

#hoofdgroepimg_page1 {
	overflow:hidden;
	height:343px;
        text-align: left;
        }

#hoofdgroepdesc {
	color: white;
	background-color:#333333;
	padding: 5px;
	text-align: left;
        line-height: 18px;
	}	
	
/********************************************************
	pb1_a1 product/collectiebrowser1 > artikelinfo
********************************************************/
#IC01   {
        width: auto;
        vertical-align: top;
        font-weight:bold;
	line-height: 18px;
        padding-left: 2px;
        }

#IC02   {
        padding-left: 2px;
        width: 300px;
	line-height: 18px;
        vertical-align: top;
        }

#IC03   {
        width: 400px;
        padding-left: 5px;
        line-height: 18px;
        vertical-align: center;
        text-align: left;
        }

#col1, #col2, #col3 {
        padding-left: 3px;
        text-align: left;
        vertical-align: top;
        line-height: 18px;
        }

#col1 {
        padding-left: 6px;
        }

#betalingsknop {
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-size:13px;
        line-height: 18px;
        }

#contact {
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-size:13px;
        line-height: 18px;
        }

#welcome {
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-size:13px;
        }
#welcome1 {
	padding-top: 70px;
	text-align: left;
	font-size:20px;
        }

#welcome2 {
	padding-top: 90px;
	text-align: left;
        }

#melding {
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-weight:bold;
	font-size:13px;
        }

#selectors {
        padding-top: 5px;
	text-align: left;
	font-size:13px;
        }

#selectors TD {
        padding: 3px;
        vertical-align: top;
        line-height: 18px;
        }


#space{
	padding:10px;
	}

#pb1_td2, #pb1_td3, #cb1_td1,#cb1_td2,#cb1_td3  {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	background-color:#FFFFFF;
	}

#pb1_tr1{
	padding:10px;
	display:block;
	}

#pb1_td1 {
	border:1px solid #CCCCCC;
	padding:0;
	}

#pb1_td2{
	background:url(../images/TD_BG.gif) repeat-x;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	}

#pb1_ruimte {
	width:10px;
	height:10px;
	}

#cb1_td1 {
	border:1px solid #CCCCCC;
	padding:0;
	}

#cb1_td2 {
	background:url(../images/TD_BG.gif) repeat-x;
	border:1px solid #CCCCCC;
        }

/*	CONTENT ~NAVIGATIE	*/
#navigatie {
	margin-top:10px;
	height:20px;
	padding-top:10px;
	width:750px;
	border-top:1px solid #CCCCCC;
	}

#navigatie a {
	color:black;
	text-decoration:none;
	}

#navigatie img {
	padding-right:5px;
	padding-left:5px;
	}

/*	TABLES ~ WINKELWAGEN	*/
#ww1_table {
	border-spacing: 1px;
	background-color:#c2c7af;
	margin:12px;
	width:97%;
	}

/*	TABLES ~ WINKELWAGEN HEADER	*/
#ww1_header_td1,#ww1_header_td2,#ww1_header_td3,#ww1_header_td4,#ww1_header_td5,#ww1_header_td6,#ww1_header_td7 {
	padding: 6px ;
	background:url(../images/TH_BG.gif) repeat-x;
	border:1px solid #FFFFFF;
	color:black;
	}
	
#ww1_header_td4,#ww1_header_td5 {
	text-align: right;
        }


/*	TABLES ~ WINKELWAGEN TABLECELLS	*/
#ww1_td1,#ww1_td2,#ww1_td3,#ww1_td4,#ww1_td5,#ww1_td6,#ww1_td7{
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align:top;
	background:url(../images/TD_BG.gif) #FFFFFF repeat-x;
	}

#ww1_td4,#ww1_td5 {
  	text-align: right;
        }

#ww1_td6 {
	text-align: center;
        }

#ww1_td1{
	padding:0px;
	width:100px;
	}

/*	TABLES ~ WINKELWAGEN FOOTER 	*/
#ww1_table_footer {
	text-align: left;
        }

#ww1_footer_td1,#ww1_footer_td2 ,#ww1_footer_td3 ,#ww1_footer_td4,#ww1_footer_td5,#ww1_footer_td6,#ww1_footer_td7 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	background-color:#FFFFFF;
	}
#ww1_footer_td5 {
        width: 280px;
        }


/*	TABLES ~ WINKELWAGEN BEVESTIGING	*/
#ww1_bevestiging_bt1,#ww1_bevestiging_at1,#ww1_bevestiging_td1	{
	text-align: left;
	vertical-align: top;
	}

#ww1_bevestiging_td1 	{
	background-color:#FFFFFF;
	}

/*	TABLES ~ WINKELWAGEN INLOGGEN	*/
#ww1_inlogpage_td1,#ww1_inlogpage_BT1,#ww1_inlogpage_at1 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	background-color:#FFFFFF;
	}

 #ww1_inlogpage_td1 {
	background-color:#FFFFFF;
	}

#inlogpage1 TD, #inlogpage2 TD {
  	text-align:left;
    	width: 30px;
        padding: 4px;
        line-height: 18px;
        }

#inlogpage1 TR, #inlogpage2 TR {
        padding-top: 3px;
        }

/*	TABLES ~ WINKELWAGEN BEVESTIGING	*/
#ww1_klantupdgeg_table,#ww1_klantgegevens_table,#inlog_klantnieuw_table{
	border-spacing: 1px;
	margin:12px;
	width:97%;
	}

#ww1_klantupdgeg_table TH,#ww1_klantgegevens_td1,#inlog_klantnieuw_td1 TH {
	font-weight:bold;
	font-size:13px;
	padding-bottom:10px;
	}

#ww1_header_klantupdgeg_td1 {
	width: 100px;
	}

#ww1_header_klantupdgeg_td1,#ww1_header_klantupdgeg_td2,#ww1_header_klantupdgeg_td3{
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
        }


#ww1_klantupdgeg_td1,#ww1_klantgegevens_td1,#inlog_klantnieuw_td1 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 73%;
	background-color:#FFFFFF;
	width: 100px;
	}

#ww1_klantupdgeg_td2 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 30%;
	background-color:#FFFFFF;
	}
#ww1_klantupdgeg_td3 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 30%;
	background-color:#FFFFFF;
	}
#ww1_klantupdgeg_at1 {
	padding: 10px 10px 10px 22px;
	text-align: left;
	vertical-align: top;
        }

/*	TABLES ~ WINKELWAGEN KLANTGEGEVENS	*/
#ww1_header_klantgegevens_td1 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	width: 100px;
        }

#ww1_header_klantgegevens_td2,#ww1_header_klantgegevens_td3  {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
        }

#ww1_klantgegevens_td1 {
	line-height: 73%;
	width: 100px;
	}

#ww1_klantgegevens_td1,#ww1_klantgegevens_td2 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 30%;
	background-color:#FFFFFF;
	}
#ww1_klantgegevens_td3 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 30%;
	background-color:#FFFFFF;
	}
#ww1_klantgegevens_at1,#ww1_klantgegevens_at2 {
	padding: 10px 10px 10px 22px;
	text-align: left;
	vertical-align: top;
        }

/*	TABLES ~ KLANTGEGEVENS NIEUW	*/
#inlog_klantnieuw_table {
	border-spacing: 1px;
	margin:12px;
	width:97%;
	}

#inlog_klantnieuw_table TH {
	font-weight:bold;
	font-size:13px;
	padding-bottom:10px;
	}

#inlog_klantnieuw_td1 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	width: 100px;
        }

#inlog_header_klantnieuw_td2,#inlog_header_klantnieuw_td3 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
        }

#inlog_klantnieuw_td1 {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 73%;
	background-color:#FFFFFF;
	width: 100px;
	}

#inlog_klantnieuw_td1,#inlog_klantnieuw_td2,#inlog_klantnieuw_td3  {
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 30%;
	background-color:#FFFFFF;
	}

#inlog_klantnieuw_at1 {
	padding: 10px 10px 10px 22px;
	text-align: left;
	vertical-align: top;
        }

/*	THANK YOU PAGE	*/

#thankyoupage_td1 {
 	padding: 10px;
	text-align: left;
	vertical-align: top;
        }

/*	TABLES ~ WINKELWAGEN BETALINGSWIJZE - BETALING	*/

#ww1_betalingswijze_td1, #ww1_betalingswijze_td2, #ww1_betalingswijze_td3 {
  	text-align:left;
        padding: 10px;
        line-height: 18px;
        }


TR.gb1,TD.gr1 {
	background-color: #EEEEEE;
}

TR.gb2,TD.gr2 {
	background-color: #FFFFFF;
}

TR.gb3 {
	background-color: #E2F9FE;
}

#TH {
	height:20px;
}


/* 	FOOTER	*/
.footer{
	position: relative;
	margin:0 auto;
	margin-top: 0px; 
	height: 25px;
	clear:both;
	background-color:#0078c1;
	width: 1000px;
 	text-align: center;
	color: white;
	padding-top:15px;
	}

.footer A{
	color:white;
	}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* end hide from IE-mac */
	
/* CLASSES ~ HTML TAGS*/	
H1,H2,H3,H4{
	text-align:left;
	font-size:14px;
	padding:5px;
	font-weight:bold;
	}

H2,H3,H4 {
	font-size:13px;
	}

H3,H4{
	padding-bottom:10px;
	}

H4{
	color:#FFFFFF;
	padding-left:10px;
	}

FIELDSET{
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	padding:10px;
	}

LEGEND{
	padding: 5px;
	font-weight:bold;
	font-size:13px;
	}

FORM{
	text-align:left;
	padding-left:10px;
	}
	
#whiteborder {
	border:1px solid white;
	}

#blackborder {
	border:1px solid #CCCCCC;
	}