/* reset.css (blueprint CSS framework) */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;/* font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;*/vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;} 

html {
	min-height		: 100%;
}

body {
	font-family		: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	background		: url('/images/bg-body.gif') repeat-x #b2cde8;
	line-height		: 18px;
	min-height		: 100%;
}

#bg-arc {
	background		: url('/images/bg-body-arc.gif') no-repeat center 189px;
	width					: 100%;
}

#bg-white-transparent {
	background		: url('/images/bg-white-transparent.png') repeat-y center top;
	min-height		: 100%;
	width					: 100%;
}

#wrapper {
	width					: 980px;
	margin				: 0px auto 0px auto;
	background		: white;
	display				: table;
}

/* ---------- LOGIN ---------- */

div#login {
	display				: none;
	background		: #145697;
	height				: 20px;
	padding				: 10px 10px 10px 20px;
	color					: white;
}

	div.ingelogdAls {
		float:right !important;
	}
	
	div#login form#loginRetailers {

	}
	
	div#login a {
		color:white;
	}
	
	div#login div#contentControls a {
		padding:2px 5px;
		cursor:pointer;
	}
	
	div#login div#contentControls a {
		display:block;
		background:#eee;
		color:black;
		text-decoration:none;
		padding:3px 8px;
		margin-top:-2px;
	}

	div#login div {
		float:left;
		margin-right:10px;
	}
	
	div#login label {
		text-transform:capitalize;
		font-weight:bold;
		padding-right:10px;
	}
	
	li.inloggen a {
		border-left:0 none !important;
		border-right:1px solid #FFFFFF;
	}
		
	div#login div.links {
		float:right;
		/*padding-right:20px;*/
	}
	
	div#login div.links a,
	div#login div.links a:visited {
		margin-left: 30px;
	}
	
	
	

/* ---------- HEADER ---------- */
#header {
	height				: 175px;
	background		: url("/images/bg-header.png") no-repeat;
}

	#logo img {
	height: 150px;
	width: 400px;
	position: absolute;
	border:0 none;
	}

	
	/* METAMENU */
	#metamenu {
	float: right;
	margin-right:20px;
	margin-top:5px;
	}

		ul.metamenu {
		float: right;
		}
			ul.metamenu li	{
			display: inline;			  
			}

				ul.metamenu li a,
				ul.metamenu li a:visited {
				font-size:11px;
				color:white;
				padding: 0px 5px;
				border-left: 1px solid #FFFFFF;
				text-decoration:none;
				}
				
				ul.metamenu li a:hover {
				text-decoration:underline;
				}

				ul.metamenu li.first a,
				ul.metamenu li.first a:visited {
				border: none;
				}
				
	
	/* SEARCH */
	#search {
	width: 260px;
	position: absolute;
	margin-left: 715px;
	top: 77px;
	border:0 none;
	}
	
	#search.down {
		top: 117px;
	}
	
		fieldset {
		border:0 none;
		}
		
		form#searchform {
		}

			input#searchstring {
			border: 0 none !important; 
			padding: 3px 3px;
			color: #555555;
			width: 200px;
			float: left;
			background:none;
			}

				input#searchstring:focus {
				}

			input#searchbutton {
			width: 30px;
			height: 20px;
			cursor: pointer;
			float: right;
			margin-right:10px;
			background:none;
			border: 0 none !important; 
			}


	/* LANGUAGESELECTOR */
	#language  {
	position: absolute;
	}

		#language ul {
		font-size: 10px;		  
		margin: 0px;		
		}
			#language ul li {
			display: inline;
			padding: 2px;
			}

				#language ul li.active a,
				#language ul li.active a:visited {
				text-decoration: none;
				font-weight: bold;
				}
	
	
	/* MEMBERLOGIN */
	#memberlogin {
	text-align: right;
	position: absolute;
	margin-top: -20px;
	margin-left: 645px;
	width: 335px;
	}
	
		#memberlogin input {
		border: 1px solid #999999;
		color: #555555;
		width: 75px;
		}
	
		#memberlogin input.SubmitButton {
		width: 75px;
		border: 1px solid #e2e2e2;
		}
	
	/* PAGER */
	
	div.pager {
	float:right;
	width: 160px;
	}
	
	div.pager.bottom {
	margin-left:380px;
	margin-top:20px;
	}
	
		div.pager ul {
			list-style-type:none;
			margin-left:0px !important;
			float: right;
		}
		
		div.pager li {
			float:left;
			margin-right:2px;
		}
		
		div.pager li a {
			font-weight:bold;			
			display: block;
			width: 22px;
			text-align: center;
			float: left;
			font-size:12px;
		}
		
		div.pager li a.next,
		div.pages li a.previous {
			padding-top: -2px;
			padding-bottom: 0px;
		}
		
		div.pager li.active a {
			background:#084684;
			color:white;
			text-decoration:none;
		}
		
		div.pager li a:hover {
			background:#084684;
			color:white;
			text-decoration:none;
		}
	

/* ---------- MAIN MENU ---------- */
#mainmenu {
width			: 980px;
height			: 38px;
background		: url("/images/bg-mainmenu.png") repeat-x;
margin-top		: -17px;
overflow :hidden;
}

	#mainmenu ul {
	float:left;
	margin: 3px 0px 0px 0px;
	display: block;
	list-style: none;
	}

		#mainmenu ul li {		
		display: inline;
		}

			#mainmenu ul li a,
			#mainmenu ul li a:visited {
			color: white;
			text-decoration: none;
			text-transform: none;
			font-size: 12px;
			font-weight: bold;
			padding: 0px 25px; /* deze padding aanpassen indien mainmenu wijzigt */
			display: block;
			float: left;
			line-height: 35px;
			background: url('/images/mainmenu-seperator.gif') no-repeat right 15px;
			}
			
				#mainmenu ul li a.last {
				padding-right: 24px;
				background: none;
				}
			
			#mainmenu ul li a:hover {
			background: #013e7a;

			}

			#mainmenu ul li.active a,
			#mainmenu ul li.active a:visited
			{
				text-decoration: none;
				margin-left: -1px;
				padding-left: 25px; /* huidige padding +1 */
				background: url('/images/mainmenu-active-bg.gif') repeat-x;
			}
			
			
/* ---------- BREADCRUMB ----------*/
#breadcrumb {
line-height		: 33px;
margin			: 1px 0px 15px 0px;
padding			: 0px 24px;
background		: #4cb300;
color			: white;
}

	#breadcrumb a,
	#breadcrumb a:visited {
	color: white;
	}

/* ---------- COLUMNS ---------- */
#column-left {
float			: left;
min-height		: 333px;
height			: auto !important;
height			: 333px;
width			: 180px;
}

		/* SUBMENU */
		#submenu ul {
		list-style: none;
		padding: 0px;
		margin: 0px 0px 5px 0px;
		width:100%;
		overflow:hidden;
		}

			#submenu ul ul	{
			border: none;
			margin: 0px 0px 10px 10px;
			}

			#submenu li a,
			#submenu li a:visited {
			color: #145697;				
			text-decoration: none;
			font-size: 12px;
			display: block;
			padding: 3px 0px;
			margin: 0px;				
			min-height: 20px;
			height: auto !important;
			height: 20px;
			border-bottom:1px solid #ccc;
			padding-left:15px;
			background:url("/images/icons/arrow-eigenschappen.gif") no-repeat -4px 7px;
			}
			
			#submenu li a:hover {
				text-decoration:underline;
			}

			#submenu li.active a,
			#submenu li.active a:visited {
			color: black;	
			font-weight:bold;
			}

				#submenu li.active li a,
				#submenu li.active li a:visited {
				padding: 2px 0px;
				min-height: 16px;
				height: auto !important;
				height: 16px;
				color: #666666;
				font-size: 11px;
				background:none;
				margin-left:5px;
				}

				#submenu li.active li.active a,
				#submenu li.active li.active a:visited {
				color: black;
				}
				
#column-right {
float			: right;
width			: 190px;
}

	#column-right .banner {
	padding-bottom:20px;
	}
		
/* ---------- CONTENT ---------- */

#content-container  {
padding: 0px 20px;
float: left;
margin-bottom	: 20px;
width:940px;
}

#content {
float: left;
height: auto !important;
height: 530px;
min-height: 530px;
width: 720px;
}
	
	#content.col-right,
	#content.col-left {
	width	:680px;	
	}
	
	


	
/* ----------- FOOTER ---------- */
#footer {
text-align		: center;
clear			: both;
width			: 955px;
margin			: 0px auto 0px auto;
height			: 195px;
background		: url("/images/bg-footer.png") no-repeat;
padding			: 65px 0px 25px 25px;
color			: #d1deed;
font-size		: 11px;
}


	#footer h2 {
	font-size: 13px;
	color:white;
	}
	
	#footer a,
	#footer a:visited {
	color			: #d1deed;
	}
	
		#footer a:hover {
		color: white;
		}
	
	#footer .adres, 
	#footer .navigatie, 
	#footer .social, 
	#footer .nieuwsbrief {
	float:left;
	width:222px;
	padding:0px 20px;
	text-align:left;
	}
																	
	#footer .adres {
	width:153px;
	padding:0px;
	}
	
	#footer .copyright {
	margin-top:40px;	
	}
		
		#footer span.year {
		font-weight:bold;
		}
						   
	#footer .social strong {
		display:block;
		float:left;
		width:65px;
	}
	
	#footer .nieuwsbrief {
	margin-right:0px !important;	
	}
	
		#nieuwsbriefform {
		margin-top: 10px;
		}
		
			#nieuwsbriefform tr {
			height: 22px;
			}
			
			#nieuwsbriefform label {
			padding-right: 8px;			
			}
			
			#nieuwsbriefform .forminputtext {
			width: 130px;
			height: 14px;
			font-size: 12px;
			padding: 1px;
			}
			
		
			#nieuwsbriefform .submitbutton {
			background: url('/images/button-newsletter-signup.png') no-repeat;
			color: white;
			width: 92px;
			cursor: pointer;
			height: 21px;
			margin-top: 5px;
			font-size: 12px;
			line-height: 21px;
			padding-bottom:5px;
			border:0 none;
			}

.clear {
clear:both;	
}

.tooltip {
	display:none;
	font-size:12px;
	background:white;
	border:1px dotted #90B8E4;
	padding:2px 8px;
	color:black;
	position:absolute;
	font-weight:bold;
	margin-left:10px;
}

.tooltip ul {
	margin-left: 20px;
}
.tooltip ul,
.tooltip ul li{
	list-style: disc;
}

.ui-widget-header {
	background-image: url("/images/mainmenu-active-bg.gif") !important;
	border:1px solid #ECECEC !important;
}

.ui-dialog-content {
	font-family:Arial, Helvetica, sans-serif;
}

.ui-dialog-content p {
	padding-bottom:20px;
}

/* EDIT STORE */

div.editStore {
	margin-right:10px;
	margin-bottom:20px;
	border:1px dotted #145697;
	padding-bottom:10px;
}

div.editStore a {

}


div.selectedStore {
 padding:10px;	
}


div.storeActions li {
	margin:0px 10px;
	font-weight:bold;
	
}

div.storeActions li a {
	display:block;
	text-decoration:none;	
	padding:2px 10px;
	color:#145697;
	margin:0px -20px !important;
	font-weight:normal;
}

div.storeActions li ul li a {
	
}


div.storeActions ul {
	list-style-type:none;
}

div.storeActions a.active {
	background:#e3eef8;
	
}

div.editStore h2 {
	margin:0px;
	font-size:14px;
	padding:10px;
}



.hidden{
	display:none;
}

div.winkelsByFiets>div.pager,
div.winkelsByMerk>div.pager
{
	margin-top: 0px;
	width: auto;
	float:none;
}

div.winkelsByFiets>div.pager>ul,
div.winkelsByMerk>div.pager>ul
{
	margin-bottom:0.2em;
}

#column-right .promo {

}

.promo {
margin-top:15px;
border:1px solid #C7DBEE;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius:5px;
}

.promo h2,
.promo p {
padding:10px;
}

.promo h2 {
-moz-border-radius:5px 5px 0 0;
background:url("/images/promo-links-gradient.gif") repeat-x scroll 0 0 #C7DBEE;
color:#145697;
height:auto !important;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius:5px;
}
    /********
    Verzekeringswizard
    ********/
#wizardContainer {
  width:718px;
  float:left;
  border:1px solid #ccc;  
  padding:20px 10px;
}
#wizardContainer h2, div#melding {
  padding-left:5px;
}
.wizard-stappen {
  list-style:none;
  clear:both;
  display:block;
  margin-left:0px !important;
  background:url("/images/bg-mainmenu.png") repeat-x scroll 0 0 transparent;
  width:100%;
  float:left;
}
.wizard-stappen li {
  float:left;
  width:155px;
  padding:10px;
  color:#fff;  
}
.wizard-stappen li.active {
  font-weight:bold;
  text-decoration:underline;
  background:url("/images/mainmenu-active-bg.gif") repeat-x scroll 0 0 transparent
}
table.wizardTable {
  width:100% !important;
}
table.wizardTable tr {
  border-top:1px solid #ccc;  
}
table.wizardTable td, table.wizardTable th {
padding:5px;
}
table.wizardTable th {
 width:200px; 
}
.planTable tr {
  border:0 !important;
}
.bestbuyimg {
position:absolute;right:2px;top:570px;
}