html, body{margin: 0px 0px 0px -11px;    padding: 0px 0px 0px 0px;}
*html, body{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
body{background-color: #dcdbd5;	text-align: center;	overflow-y: hidden;	overflow-x: auto;	font-family: arial;	font-size: 10px;	color: #000000;	background-image: url(/App_Themes/Master/Images/background_pattern.gif);}
#scrollcontainer{background-image: url(/App_Themes/Master/Images/back-container.gif);	background-repeat: repeat-y;	background-position: center center;	text-align: center;	height: 99%; /* firefox wont allow 100% it will add a second scrollbar, in IE this will work as planned */	overflow: auto;}
*html #scrollcontainer { height: 100%;	position:relative;}
#container {width: 1000px;height: 100%;margin-left: auto;margin-right: auto;padding: 0px 0px 0px 0px;position: relative;}
*html #container {width: 1000px;height: 100%;margin-left: auto;margin-right: auto;padding: 0px 0px 0px 2px;position: relative;}
#header
{
	text-decoration: none;
	background-image: url(/App_Themes/Master/Images/header.gif);
	background-repeat: no-repeat;
	width: 1000px;
	height: 95px;
	position: relative;	
	left: 10px;
}

*html #header {	left: 0px;}

#header a {display: block; height: 95px; width: 400px; }
/* Hoofd navigatie */
#menuholder {width: 960px;  background : #00a6eb;position: relative; left: 30px; top: 6px; margin-top : 0px; margin-left : 0px;}
*html #menuholder {left: 0px; }
#nav {height: 22px; width: 960px; background : #00a6eb;position: relative; left: 0px; top: 0px; margin-top : 0px; margin-left : 0px;}


#nav ul {list-style : none; margin : 0; padding : 0; text-align : center; height: 20px}

#nav li {display : block; float : left;}
#nav li a{color: #ffffff;	display: block;	width: 110px;	height: 20px; line-height:20px;	text-decoration: none;	background: #00a6eb;padding: 1px 0px;	border-right: 1px solid #ffffff; text-transform: uppercase;	font-family: Arial;	font-size: 11px;	font-weight: bold;}
/* *html #nav li a{ height: 22px;}*/
#nav ul li a:hover {color : #000000;  background : #59c5f2; height: 20px;}
/**html #nav li a:hover{height: 22px; width:110px;}*/
#nav #special {border-right : 1px solid #ffffff;}

#zoekbutton{	font-weight: bold;	font-size: 10px;	text-transform: uppercase;	color: #ffffff;	font-family: Arial;	position: absolute;	background-color: #00a6eb; margin:0,0,0,5px;}
.zoekbutton{font-weight: bold;font-size: 10px;	text-transform: uppercase;	color: #ffffff;	font-family: Arial;	position: absolute;	background-color: #00a6eb;}
.zoekbuttonover{	font-weight: bold;	font-size: 11px;	text-transform: uppercase;	color: #ff0000;	font-family: Arial;	position: absolute;background-color: #59c5f2;}




/*#nav ul {list-style : none; margin : 0; padding : 0; text-align : center;}
#nav li {display : block; float : left;}
#nav li a {color: #757477;display : block;width : 97px;height: 16px;text-decoration : none;background : #f8f8f7;padding : 1px 0px;border-left : 1px solid #757477;border-right : 0px solid #757477;text-transform: uppercase;font-family: Arial;font-size: 10px;font-weight: bold;}
#nav ul li a:hover {color : #000000;  background : #DCDBD5;}
#nav #special {border-right : 1px solid #757477;}*/



/* ClickPad midden */
.ClickPad {background-image: url(/App_Themes/master/Images/ClickPad.jpg); background-repeat: no-repeat; text-align: left; width: 960px; height: 19px; padding: 2px 0px 0px 0px;}
#maincontainer { width: 969px; margin-left:auto; margin-right:auto; position: relative; left: 4px;}
**html #maincontainer { width: 960px; margin-left:auto; margin-right:auto;}


#mainleft {background-color: #ffffff; width:180px; float: left; margin: 0; padding: 0; text-align: left; margin-left: 2px;}
*html #mainleft {margin-left: 1px;}
#mainleft h2 {font-family: arial; background-color: #00a6eb;  color: #FFFFFF; font-size: 13px; font-weight: bold; margin: 0; padding: 4px 0 4px 4px;}
#mainleft #zoeken { background-color: #DCDBD5; margin: 0; padding:0; text-align: left;}


/* Informatie pagina */

.infopanel
{
	left: 0px;
	width: 576px;
	position: relative;
	top: 0px;
	background-color: #dcdcdc;
	margin-bottom: 5px;
	padding-bottom: 25px;
	padding-right:10px;
	height: 100%;
}

.infopanel IMG
{
	position: relative;
	top: -14px;
	left: 10px;
}
.infotitle
{
	font-size: 14px;
	color: #e40083;
	font-family: Arial;
	position: relative;
	top: -10px;
	left: 10px;
	font-weight: bold;
}
.infotitle2
{
	font-size: 14px;
	color: #e40083;
	font-family: Arial;
	position: relative;
	left: 10px;
	font-weight: bold;
}
.infocontent
{
	font-size: 12px;
	color: #000000;
	font-family: Arial;
	left: 10px;
	position: relative;
	top: 10px;
    width: 540px;
}


.infocontent A:link, .infocontent A:active, .infocontent A:visited 
{
	font-size: 12px;
	color: #000000;
	font-family: Arial;
}

.infocontent A:hover
{
	font-size: 12px;
	color: #e40083;
	font-family: Arial;
}
.infocontent UL
{
	list-style-position: outside;
	list-style-image: url(/App_Themes/Informatie/Images/bluebullet.gif);
	position: relative;
	left: -24px;
}

/* LEFT NAVIGATIE */


#menudiv {position: relative; left: 8px; width:180px;}
*html #menudiv {left: 0px}

#Leftlogos
{
	position: relative;
	left: 8px;
	width: 180px;
	margin:0; padding: 10px 0 0 0;
	padding-top: 10px;
	height: 100px;
	border-bottom: #000000 1px solid;
}
*html #Leftlogos {left: 0px; }
.logo1{ position:absolute; left:50px;  }
.logo2{ position:absolute; top:60px; left :5px; }
.logo3{ position:absolute; top:60px; left:70px;}
.logo4{ position:absolute; top:60px; left:125px;}

#kieskeuriglogo
{
	position: relative;
	left: 0px;
	width: 180px;
	margin:0; padding: 10px 0 0 0;
	padding-top: 0px;
	height: auto;
}
*html #kieskeuriglogo {left: 0px; }

#menu {width: 180px; font-family: Arial; font-size: 10px; color: black; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; position: relative; left: 0px;}
*html #menu {left: 0px;}
#menu li {margin: 0px 0px 0px 0px; padding: 0; background-color: #c6c6c6; border-bottom: #000000 1px solid;	}
#menu li a{	background: url(/App_Themes/Master/Images/menu_bullet_01_DICHT.gif) no-repeat 10px 10px;	height: 20px;	margin: 0px 0px 0px -5px;	color: #000000;	padding: 7px 0 0 25px;	display: block;	text-decoration: none;	color: #000000;	font-family: Arial;	font-weight: bold;	font-size: 11px;}
#menu a:hover {background-color: #59c5f2; color: #ffffff;}
#menu .active {background-color: #00a6eb;background: url(/App_Themes/master/Images/menu_bullet_02_OPEN.gif) no-repeat 10px 10px; height: 20px;font-family: Arial; color: #000000; font-weight: bold;}

.menuitem
{
	font-family: Arial;
	font-size: 10px;
	color: black;
	background-color: #c6c6c6;
	height: 19px;
	border-bottom: #000000 1px solid;
	vertical-align: middle;
	line-height: 19px;
	width: 100%;
	text-decoration: none;
}
.leaf
{
	font-family: Arial;
	font-size: 10px;
	line-height: 19px;
	color: black;
	background-color: #ffffff;
	height: 19px;
	border-bottom: #000000 1px solid;
	vertical-align: middle;
	width: 100%;
}
.menuitemhover, menuitemhover A:hover
{
	font-family: Arial;
	font-size: 10px;
	color: #ffffff;
	background-color: #00a6eb;
	width: 100%;
	height: 19px;
	border-bottom: #000000 1px solid;
	line-height: 19px;
	text-decoration: none;
}

#menu .submenu
{
	background-color: #c6c6c6;
	margin: 0;
	padding: 0;
}
#menu .submenu li
{
	margin: 0;
	padding: 0;
	display: block;
	background-color: #c6c6c6;
}
#menu .submenu a       {font-size: 11px; background: url(/App_Themes/master/Images/menu_bullet_01_DICHT.gif) no-repeat 10px 4px;font-family: Arial;color: #000000; font-weight: bold; margin: 0; display: block; padding: 2px 0 0 30px;}
#menu .submenu .active {font-size: 11px; background: url(/App_Themes/master/Images/menu_bullet_02_OPEN.gif)  no-repeat 10px 4px;font-family: Arial;color: #000000; font-weight: bold; margin: 0; display: block; padding: 2px 0 0 25px;color:#ffffff;}
#menu .submenu a:hover {background-color: #59c5f2; color: #ffffff;}

#menu .submenu1 {background-color: #ffffff; margin: 0; padding: 0;}
#menu .submenu1 li {display: block;}
#menu .submenu1 a
{
	margin: 0px 0px 0px -10px;
	padding: 0 0 0 45px;
	background: url(/App_Themes/master/Images/menu_bullet_03_ACTIEF.gif) #ffffff no-repeat 30px 2px;
	font-family: Arial;
	display: block;
}
#menu .submenu1 .active
{
	margin: 0px 0px 0px -10px;
	padding: 0 0 0 45px;
	background: url(/App_Themes/master/Images/menu_bullet_03_ACTIEF.gif) #ffffff no-repeat 30px 2px;
	font-family: Arial;
	display: block;
	color: #00a6eb;
}

#menu .submenu2 {background-color: #ffffff; margin: 0; padding: 0;}
#menu .submenu2 li {display: block;}
#menu .submenu2 a
{
	background: url(/App_Themes/master/Images/menu_bullet_03_ACTIEF.gif)  #ffffff no-repeat 40px 2px;
	font-family: Arial;
	display: block;
	padding: 0 0 0 50px;
}
#menu .submenu2 .active
{
	background: url(/App_Themes/master/Images/menu_bullet_03_ACTIEF.gif) #ffffff no-repeat 40px 2px;
	font-family: Arial;
	display: block;
	padding: 0 0 0 50px;
	color: #00a6eb;
}

#maincenter { float: left; width: 578px;margin-left: 4px; text-align: left;z-index:100;}
#mainright
{
	background-color: #FFFFFF; width: 180px; float: right; text-align: left; margin-right: 0px;
}
*html #mainright {margin-right: 3px;}
#mainright h2 {font-family: arial; background-color: #00a6eb;  color: #FFFFFF; font-size: 13px; font-weight: bold; margin: 0; padding: 4px 0 4px 4px;}
#mainright #loginright {background-color: #DCDBD5; width: 190px;height: 120px;float: left; margin: 0; padding: 0;}    
#mainright #loginright h4 {padding: 3px 0px 0px 0px;font-family: Arial;font-weight:bold;font-size: 10px;color: #000000;text-align: left;}    
#mainright .Boxinloggen {font-family: Arial; font-size: 10px; font-weight: bold; color: #000000; padding: 5px 0px 0px 18px;}
#mainright .Loginbutton {margin: 2px 0px 2px 145px;}   
#mainright .UspImageRight {float: left;width: 190px; height: 469px;}
#mainright .UspImageRight img {border: none;}
/* ---=== basket ===--- */
.shoppingplaceholder, .shoppingplaceholderDOWN{	position: absolute;	left:200px;	bottom: 0px; overflow:hidden; height: 130px; width: 788px;	vertical-align: text-bottom; z-index:10000;}
*html .shoppingplaceholder, *html .shoppingplaceholderDOWN{	margin-bottom: -1px; left: 214px;	/* this bottom margin only works in IE, firefox will add a second scrollbar if this margin is used*/}
.shoppingplaceholderDOWN{height: 33px;	overflow: hidden;z-index:20000;}
.noitems {background-color: #335177;color: Red; font-weight: bold; height: 30px; font-family:Arial; font-size: 12px;}
.shoppingTab{background-image: url(/images/winkelwagen/achtergrond.gif); z-index:5000;	display:block;	line-height:25px;	margin:0px;	padding-left:0px;	cursor: hand;	width: 793px;	overflow:hidden;	height: 33px;	text-align: left;}
.shoppingbasketempty{	background-color: #000000;	width: 100%;font-size: 8pt;	text-align: center;	color: #e40083;	font-weight: bold;}
.shoppingtableft{background-image: url(../images/winkelwagen/besteltab_middle_tab.gif);background-repeat: repeat-x;	height: 33px;	width: 7px;	float: left;	overflow:hidden;}
.shoppingtabtext{position:absolute;	left:5px;	font-size: 8pt;	margin:0px;	height: 33px;text-indent:5px;width: 147px;}
.shoppingtabtext a:link, .shoppingtabtext a:visited, .shoppingtabtext a:visited, .shoppingtabtext a:hover{color: #ffffff;	text-decoration: none;}
.shoppingtabright{height: 33px;width: 615px;float: right;}
.shoppingtabicon{/* overflow:hidden; */float:right;	height: 33px;	margin: 5px 0 0 4px;	border: 0;}
.shoppingtabicon img {border: 0;}
.shoppingcontentplaceholder{ width: 100%; color: #000000; font-weight: bold; font-size: 8pt; background-color: #e40083; height: 90px; border-left: 1px solid #000; border-right: 1px solid #000; float: left; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 0px;}
.datascroll{height: 100px;	overflow: auto;background-color: #dcdcdc;}
.shoppingleftcontent{	float: left;	width: 620px;	height: 90px;}
.shoppingrightcontent{	float: right;	padding-top: 0px;font-weight: bold;	text-indent: 0px; height:100px;	width: 145px;	line-height: 20px;	text-align: left; background-color: #ffffff;}
.shoppingrighttext{text-indent: 0px;	padding-left: 5px;	font-weight: normal;	line-height: normal;	padding-top: 5px;	font-size: 7pt;	text-align: left; position: relative; top: 20px;}
*html .shoppingrighttext{ top:0px;}
.shoppingbuttonplaceholder{border-top: 1px solid #e40083;  border-bottom: 1px solid #e40083; background-color:#ffffff; color: #E90024; height: 15px;	line-height: 15px; vertical-align:middle}
.shoppingprise{ padding-right:5px; float: right;line-height: 22px;	font-size: 12px; vertical-align:bottom}
.shoppingtotaal{padding-left:5px; float : left;line-height: 22px;	font-size: 12px;}
.shoppingbutton{ float: none;}
.shoppingbasket
{
	color: Black;
	background-color: #dcdcdc;
	font-size: 8pt;
	text-align: left;
	text-indent: 7px;
}
*html .shoppingbasket .datarow
{
	padding-top: 2px;
	vertical-align: middle;
	background-color: #ffffff;
	height: 20px;
}
*html .shoppingbasket .datarow2 {	padding-top:2px;	vertical-align:top; height: 20px;}
.shoppingdataheader, .datapos{	height: 20px; vertical-align:middle; border-bottom: 1px solid #000;  }
.datapos{text-indent: 0px;}
.shoppingdata,  .shoppingdatamiddle,  .shoppingdatatotaal 
  {border-top: 1px solid #000; border-bottom: 1px solid #000;  	font-weight: normal; height:12px;  vertical-align:middle}
.shoppingdata2, .shoppingdatamiddle2, .shoppingdatatotaal2
  {border-top: 1px solid #000; border-bottom: 1px solid #000;  	font-weight: normal; background-color:#ffffff; vertical-align:middle}
.shoppingdata a {color: #000000; text-decoration: none;}
.shoppingdata a:hover {color: #e40083; text-decoration: underline;}
.shoppingdatamiddle{	text-align: left;	text-indent: 0px; width:20px;	 height:12px;}
.shoppingselect{	width: 35px;	vertical-align: middle;	text-align: right;}
.shoppingbutton{ width: 35px; vertical-align: middle;	text-align: left; height:20px;}
.shoppingselect2{margin-left: 7px;	margin-right: 5px; width: 40px;	vertical-align: middle;	}
.shoppingselect input{width: 21px;	height: 15px;	border: 1px solid #000;	text-align: right;	padding-right: 2px;	background-color: #ffffff;	font-size: 8pt;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.textnormal{ padding-top: 0px; padding-bottom: 3px;	margin-top: 5px;	margin-bottom: 0px;	margin-left: 20px;font-family: Arial;	font-size: 10px;font-weight: bold;color: #000000;}
#Tekstnormal{ font-family: Arial; font-size: 10px; font-weight: normal; color: #000000; margin: 0px 15px 0px 15px;}
DIV.searchbox {position: relative; top: -16px; width:940px;padding-right: 4px; width: 100%; text-align: right;}

.searchbox{font-family:Arial;font-size:11px;}

.check{margin: 6px 0px 6px 16px;}
.texthyperlink{text-align: center; font-family: Arial;font-size: 10px;font-weight: bold;color: #000000;	margin-bottom: 5px;}
.betalen{}
.shoppingbutton .pijlteup   {position: relative;    top: -2px;    left: 0px;    margin: 0px;    padding: 0px; width: 9px; height: 9px; }
.shoppingbutton .pijltedown { position: relative; top: 8px; left: -9px; margin: 0px;    padding: 0px;    width: 9px;    height: 9px;}
#nieuwsbrief{background-image: url(/App_Themes/Master/Images/Nieuwsbrief.gif);	background-repeat: no-repeat;	float: right;	width: 173px; height: 60px;	margin:  0px 0px 0px 2px;}
#nieuwsbrieftextbox{background-color: #00a6eb;width: 173px; height: 25px;margin:  0px 0px 0px 1px; float:right;}
#NieuwsbriefButton{margin:0px,0px,0px,4px}
.ImageRightTop {	background-image: url(/App_Themes/Master/Images/USP_01_BestePrijs.gif);	background-repeat: no-repeat;	float: right;	width: 173px; height: 107px;	margin:  0px 0px 0px 2px;}
.ImageRightTop a {text-decoration: none;border: none;width: 99px; height: 55px;}
.ImageRightTop1 {background-image: url(/App_Themes/Master/Images/USP_02_Garantie.gif);	background-repeat: no-repeat;float: right;	width: 173px; height: 107px;	margin:  0px 0px 0px 2px;}
.ImageRightTop1 a {	text-decoration: none;	border: none;	width: 91px; height: 55px;}
.ImageRightTop2 {background-image: url(/App_Themes/Master/Images/USP_03_betaalgemak.gif);	background-repeat: no-repeat;float: right;	width: 173px; height: 127px;	margin:  0px 0px 0px 2px;}
.ImageRightTop2 a {	text-decoration: none;	border: none;	width: 91px; height: 55px;}
.Hyp { font-family: Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #4e658A;}
.Hyp a { font-family: Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #4e658A;}
.Hyp a:hover { font-family: Arial; font-size: 12px; font-style: normal; font-weight: bold; color: red;}
.top5right { float: right;	width: 173px; 	margin:  0px 0px 0px 2px;}

.top5headline
{
	background-color: #00a6eb;
	height: 24px;
	width: 164px;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding:  3px 0px 0px 3px;
	border-top: #e40083 4px solid;
}
*html .top5headline {width: 166px}
.top5whiteline
{
	cursor: pointer;
	background-color: #ffffff;
	height: 30px;
	width: 164px;
	color: #000000;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 3px;
	text-transform: capitalize;
}
*html .top5whiteline {width: 166px}
.top5Greyline
{
	cursor: pointer;
	background-color: #ebebeb;
	height: 30px;
	width: 164px;
	color: #000000;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 3px;
	text-transform: capitalize;
}
*html .top5greyline {width: 166px}
.top5Close
{
	background-color: #ffffff;
	height: 24px;
	width: 164px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 3px;
	border-top: #e40083 4px solid;
}
*html .top5close {width: 166px}