@charset "utf-8";

/********************************************************************************************************/
/*	Template																							*/
/********************************************************************************************************/

*{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;
}

html, body{
	height: 100%;
}

a{
	color: #09244b;	
}

a:hover{
	color: #a60100;
}

body{
	font: 12px/22px 'Arial';
	color: #333;
	background: #17b4e5;
}

h1{
	padding: 0 0 0 22px;
	font: bold 14px/42px 'Arial';
	color: #09244b;
}

/********************************************************************************************************/
/*	Container																							*/
/********************************************************************************************************/

#container{
	width: 996px;
	margin: 0 auto -343px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/********************************************************************************************************/
/*	Header																								*/
/********************************************************************************************************/

#header{
	height: 119px;
	background: url('images/header.png');
}

/* Logo */
#logo{
	float: left;
	margin: 0 0 0 243px;
}

/* Language */
#language{
	float: right;
	height: 29px;
}



#language li{
	float: left;
}

#language img{
	float: left;
	margin: 5px 10px 0 0;
}

.verwijderen{
	width:25px;
	height:25px;
    border: none;
    background: url('images/i_del.gif') no-repeat top left;
    margin:5px 0 0 0; float:left;	
		
}

.nl_NL{
	width:25px;
	height:25px;
    border: none;
    background: url('images/nederlands.png') no-repeat top left;
    margin:5px 0 0 0; float:left;	
		
}

.en_EN{
	width:25px;
	height:25px;
    border: none;
    background: url('images/engels.png') no-repeat top left;
    margin:5px 0 0 0; float:left;	
		
}

/* Cart */
#cart{
	clear: right;
	float: right;
	width: 216px;
	height: 82px;
	padding: 0 36px 0 55px;
	font: 11px/21px 'Arial';
	color: #343434;
	background: url('images/cart.png');
}

#cart h4{
	padding: 0 0 5px;
	font: bold 15px/30px 'Arial';
	color: #fff;
}

#cart p{
	background: #fff;
}

#cart a{
	color: #ee7b1c;
	text-decoration: underline;
}

#cart a:hover, #cart a:focus{
	text-decoration: none;
}

#cart .more{
	float: left;
	padding: 0 24px 0 0;
	background: url('images/more.png') right 2px no-repeat;
}

/********************************************************************************************************/
/*	Navigation																							*/
/********************************************************************************************************/

#nav{
	height: 77px;
	margin: 0 0 -20px;
	padding: 0 0 0 5px;
	font: bold 16px 'Arial';
	background: url('images/nav.png');
}

#nav li{
	float: left;
	padding: 0 1px 0 0;
	background: url('images/nav_line.png') right 8px no-repeat;
}

#nav a{
	float: left;
	display: block;
	height: 24px;
	padding: 33px 15px 0;
	color: #fff;
	outline: none;
	position: relative;
	background-position: center 6px;
	background-repeat: no-repeat;
}

#nav a:hover, #nav .active a, #nav a:focus{
	color: #fecd0f;
}

#nav .Home{ background-image: url('images/home.png'); }
#nav .Jongens{ background-image: url('images/jongens.png'); }
#nav .Kiosk{ background-image: url('images/kiosk.png'); }
#nav .Meisjes{ background-image: url('images/meisjes.png'); }
#nav .Babykleding{ background-image: url('images/babykleding.png'); }
#nav .Accessoires{ background-image: url('images/accessoires.png'); }
#nav .Babyproducten{ background-image: url('images/babyproducten.png'); }
#nav .Speelgoed{ background-image: url('images/speelgoed.png'); }
#nav .Wonen{ background-image: url('images/wonen.png'); }

/* Newsletter */
#newsletter{
	float: right;
	width: 220px;
	height: 36px;
	padding: 0px 0 11px;
	font: bold 13px/18px 'Arial';
	color: #fff;
	background: url('images/newsletter.png') 39px bottom no-repeat;
}

#newsletter p{
	float: left;
	width: 91px;
}

#newsletter strong{
	color: #fecd0f;
}

#newsletter .text{
	float: left;
	width: 140px;
	height: 13px;
	margin: 6px 0 0;
	padding: 6px 11px;
	font: 11px/13px 'Arial';
	color: #09244b;
	background: url('images/newsletter_input.png');
}

#newsletter .submit{
	float: left;
	width: 27px;
	height: 25px;
	margin: 6px 0 0 6px;
	cursor: pointer;
	background: url('images/newsletter_submit.png');
}

#newsletter .submit:hover, #newsletter .submit.hover{
	background: url('images/newsletter_submit.png') bottom;
}

/********************************************************************************************************/
/*	Content																								*/
/********************************************************************************************************/

#content{
	width: 938px;
	margin: 0 20px;
	padding: 0 10px 9px 8px;
	background: #fff;
	overflow: hidden;
}

#contentBottom{
	width: 938px;
    height:24px;
	margin: 0px 20px;
	padding: 10px 10px 9px 8px;
	background: #a60100;
	overflow: hidden;
    color:#FFFFFF;
}

#contentBottom ul{
	width: 996px;
	margin: 0 auto;
	text-align: center;
}

#contentBottom li{
	padding: 0 7px 0 6px;
	background: url('images/footer_li.png') right no-repeat;
	display: inline;
}

#contentBottom li.last{
	background: none;
}

#contentBottom a{
	color: #fff;
}

#contentBottom a:hover{
	text-decoration: underline;
}




#contentTop{
	height: 51px;
}

#contentTop #breadcrumb{
	float: left;
}

/* Breadcrumb */
#breadcrumb{
	height: 34px;
	padding: 0 0 0 11px;
	font: 11px/34px 'Arial';
	color: #09244b;
	position: relative;
}

#breadcrumb a{
	color: #09244b;
	text-decoration: underline;
}

/* Search */
#search{
	float: right;
	padding: 8px 0 0;
}

#search .text{
	float: left;
	width: 274px;
	height: 13px;
	padding: 7px 13px;
	font: 11px/13px 'Arial';
	color: #09244b;
	background: url('images/search_input.png');
}

#search .submit{
	float: left;
	width: 42px;
	height: 27px;
	margin: 0 0 0 5px;
	cursor: pointer;
	background: url('images/search_submit.png');
}

#search .submit:hover, #search .submit.hover{
	background: url('images/search_submit.png') bottom;
}

/* Text */
#text{
	margin: 0 3px 2px 1px;
	padding: 15px 20px 25px;
	background: #e3e3e3;
}

#text p{
	padding: 0 0 22px;
}

/********************************************************************************************************/
/*	Visual																								*/
/********************************************************************************************************/

#categorie{
	float: left;
	width: 466px;
	height: 306px;
	margin: 0px 3px 3px 0px;
	position: relative;
	overflow: hidden;

}

#categorie ul{
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}

#categorie li, #categorie img{
    
	height: 306px;
	clear: left;
	float: left;
	list-style: none;
}

#categorie .nav{
    display:none;
	float: right;
	position: relative;
	top: 220px;
	z-index: 100;
}

#categorie .nav li{
    display:none;
	clear: none;
	float: left;
	margin: 0 5px 0 5px;
	position: relative;
	left: -1px;
}

#categorie .nav a{
    display:none;
	float: left;
	width: 25px;
	height: 25px;
	color: #fff;
	line-height: 25px;
	text-align: center;
	background: url("visual.png");
}

#categorie .nav .active a, #categorie .nav a:hover{
    display:none;
	width: 23px;
	height: 23px;
	color: #fff;
	line-height: 23px;
	text-align: center;
	border: 1px solid #fff;
	background: #0687cd;
}

.visualFooter{
	margin: 11px 0;
	padding: 0 0 0 47px;
	font: bold 15px/30px 'Arial';
	color: #fff;
	background: #a60100 url('images/visual.png') 16px 0 repeat-y;
}

/********************************************************************************************************/
/*	home																								*/
/********************************************************************************************************/

#home{
	float: left;
	width: 705px;
	height: 322px;
	margin: 0px 3px 3px 0px;
	position: relative;
	overflow: hidden;
}

#home ul{
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}

#home li, #home img{
    
	height: 322px;
	clear: left;
	float: left;
	list-style: none;
}

#home .nav{
    display:none;
	float: right;
	position: relative;
	top: 220px;
	z-index: 100;
}

#home .nav li{
    display:none;
	clear: none;
	float: left;
	margin: 0 5px 0 5px;
	position: relative;
	left: -1px;
}

#home .nav a{
    display:none;
	float: left;
	width: 25px;
	height: 25px;
	color: #fff;
	line-height: 25px;
	text-align: center;
	background: url("visual.png");
}

#home .nav .active a, #home .nav a:hover{
    display:none;
	width: 23px;
	height: 23px;
	color: #fff;
	line-height: 23px;
	text-align: center;
	border: 1px solid #fff;
	background: #0687cd;
}

/* Products */
.products{
	width: 940px;
	margin: 0 0 0 1px;
	padding: 9px 0 0;
}

.products li, div.products{
	float: left;
	width: 229px;
	margin: 0px 4px 0px 0;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

#overlay{
    position: absolute; 
    width: 100%; 
    height: 50px; 
    bottom: 0px; 
}

#prijs{
    overflow: hidden; 
    top: 175px; 
    text-align: right; 
    position: absolute; 
    width: 229px;
    color:#ee7b1c;
}

#leadimg{
    width:229px;
    height:229px;
    overflow:hidden;
    float:left;
    cursor:pointer;
    position:relative
}
div.products{
	float: none;
	margin: 0;
	padding: 0;
}

.products h3{
	width: 229px;
	margin: 0 0px;
	font: bold 14px/43px 'Arial';
	position: relative;
	background: #09244b;
}

.products h3 a{
	height: 43px;
	padding: 0 15px;
	display: block;
	color: #fff;
}

.products a{
	outline: none;
}

.products img{
	padding: 2px;	
}

.products p{
	padding: 3px 5px 0;
	font: 20px/24px 'Arial';
	text-align: right;
	color: #ee7b1c;
}



.products a.more, .order a.more{
	float: left;
	width: 199px;
	height: 34px;
	margin: 0 0px;
	padding: 0 15px;
	display: block;
	font: bold 12px/34px 'Arial';
	color: #fff;
	position: relative;
	background: #ee7b1c url('images/more2.png') 205px 9px no-repeat;
}

.products a.more:hover, .order a.more:hover{
	background: #a60100 url('images/more3.png') 205px 9px no-repeat;
}

/* Menu */
#menu{
	float: left;
	width: 228px;
}

#menu h2{
	margin: 0 0 11px;
	padding: 0 0 0 20px;
	font:  bold 14px/29px 'Arial';
	color: #fff;
	background: #a60100 url('images/more4.png') 202px 6px no-repeat;
}

#menu ul{
	margin: 0 0 10px;
	border-top: 1px solid #e3e3e3;
}

#menu li{
	border-bottom: 1px solid #e3e3e3;
}

#menu a{
	display: block;
	height: 32px;
	padding: 0 20px;
	font: bold 12px/32px 'Arial';
	color: #09244b;
	outline: none;
	background: url('images/menu.png') 211px 13px no-repeat;
}

#menu a:hover, #menu .active a, #menu a:focus{
	color: #a60100;
	background: url('images/menu_hover.png') 211px 13px no-repeat;
}

/* Overview */
#overview, #product{
	float: right;
	width: 701px;
}

* html #overview{
	position: relative;
	left: 4px;
}

/* Sort */
.sort{
	height: 37px;
	margin: 0 0 4px 1px;
	padding: 0px 10px 0;
	font: bold 12px 'Arial';
	color: #09244b;
	text-align: right;
	background: #e3e3e3;
}

.sort select{
	float: right;
	width: 139px;
	margin: -3px 0 0 5px;
	border: 1px solid #abadb3;
}

#overview .visual{
	margin: 0 0 4px 1px;
}

#overview .small{
	float: left;
	width: 235px !important;
	margin: 0 -100px 0 4px !important;
}

#overview .small li{
	margin: 0;
}

#overview .products{
	width: 705px;
	margin: 0 -4px 0 1px;
	padding: 0;
}

#overview .products li{
	margin-bottom: 4px;
}

/* Pages */
.pages{
	float: right;
	padding: 7px 0 2px;
}

.pages li{
	float: left;
	margin: 0 0 0 6px;
}

.pages a{
	float: left;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #09244b;
	background: url('images/pages.png');
}

.pages .active a{
	color: #fff;
	background: url('images/pages_active.png');
}

.pages a:hover{
	text-decoration: underline;
}

/* Product */
#product h1{
	line-height: 29px;
	padding-bottom: 9px;
	border-bottom: 1px solid #09244b;
}

#product p{
	padding-bottom: 22px;
}

/* Detail */
.detail{
	margin: 0 0 20px;
	border-bottom: 1px solid #09244b;
	background: #e6e9ed;
}

.detail ul{
	float: left;
	padding: 8px 5px 7px 11px;
}

.detail li{
	clear: left;
	float: left;
}

.detail li img{
	clear: left;
	float: left;
	border-bottom: 1px solid #e6e9ed;
}

.detail .visual{
	float: left;
	width: 228px;
	margin: 7px 0 0;
	border: 1px solid #ddd;
	background: #fff;
}

.detail .visual a{
	float: left;
	display: block;
	padding-top: 6px;
	font: 11px/29px 'Arial';
	color: #3c3c3c;
	text-align: right;
}

.detail a span{
	float: right;
	padding: 0 33px 0 0;
	cursor: pointer;
	background: url('images/zoom.png') right 5px no-repeat;
}

.detail .visual img{
	float: left;
}



/* Order */
.order{
	width: 230px;
	padding: 15px 9px 0 0;
	float: right;
}

.order h5{
	font: bold 14px/54px 'Arial';
	color: #09244b;
}

#product .order p.price{
	padding: 0;
	font: 24px/62px 'Arial';
	color: #ee7b1c;
}

.order label{
	float: left;
	width: 54px;
	font-weight: bold;
	color: #09244b;
}

.order select{
	float: left;
	width: 140px;
	border: 1px solid #c8c8c8;
}

/* Clear */
.clear{
	clear: both;
}

/********************************************************************************************************/
/*	Push																								*/
/********************************************************************************************************/

#push{
	clear: both;
	height: 343px;
}

/********************************************************************************************************/
/*	Footer																								*/
/********************************************************************************************************/

#footer{
	height:50px;
	line-height: 25px;
	font-size:11px;
	background: #a60100 url('images/footer.png') bottom repeat-x;
}

#footer ul{
	width: 100%;
	text-align: center;
	background: #a60100
}

#footer li{
	padding: 0 7px 0 6px;
	background: url('images/footer_li.png') right no-repeat;
	display: inline;
}

#footer li.last{
	background: none;
}

#footer a{
	color: #fff;
}

#footer a:hover{
	text-decoration: underline;
}

/* Flash Holder */
#flashHolder{
	width: 100%;
	height: 304px;
	padding: 0 0px;
	margin: 0 auto;
	background: url('images/footer.png') 0 158px repeat-x;
}

#flashHolder img{
	float: left;
}

input.more{
	float: left;
	width: 231px;
	height: 34px;
	margin: 0 -1px;
	padding: 0 15px;
	display: block;
	font: bold 12px/34px 'Arial';
	color: #fff;
	position: relative;
	background: #ee7b1c url('images/more2.png') 205px 9px no-repeat;
	text-align: left;
    cursor:pointer;	
}

input.more:hover{
	background: #a60100 url('images/more3.png') 205px 9px no-repeat;
}

input.stappen{
	float: right;
	width: 170px;
	height: 34px;
	margin: 0 -1px;
	padding: 0 15px;
	display: block;
	font: bold 12px/34px 'Arial';
	color: #fff;
	position: relative;
	background: #a60100 url('images/more3.png') 146px 9px no-repeat;
	text-align: center;
    cursor:pointer;	
}

input.stappen:hover{
	
	background: #ee7b1c url('images/more2.png') 146px 9px no-repeat;
}

input.stappen_inactive{
	float: left;
	width: 170px;
	height: 34px;
	margin: 0 -1px;
	padding: 0 15px;
	display: block;
	font: bold 12px/34px 'Arial';
	color: #fff;
	position: relative;
	background: #878787 url('images/more_inactive.png') 146px 9px no-repeat;
	text-align: center;
    cursor:pointer;	
}


input.stappen_links{
	float: left;
	width: 175px;
	height: 34px;
	margin: 0 -1px;
	padding: 0 15px;
	display: block;
	font: bold 12px/34px 'Arial';
	color: #fff;
	position: relative;
	background: #ee7b1c url('images/more2-links.png') 11px 9px no-repeat;
	text-align: center;
    cursor:pointer;	
}

input.stappen_links:hover{
	background: #a60100 url('images/more3-links.png') 11px 9px no-repeat;
}

.login{
    border: 1px solid #a60100;
    width:95%;
    height:18px;
    padding:4px;
    margin: 3px 0 3px 0;
}

.submit_login{
	float: left;
	width: 226px;
	height: 34px;
	margin: 3px 0 10px 0;
	padding: 0 15px;
	display: block;
	font: bold 12px/34px 'Arial';
	color: #fff;
	position: relative;
	background: #ee7b1c url('images/more2.png') 202px 9px no-repeat;
	text-align: center;
    cursor:pointer;	    
}

input.submit_login:hover{
	background: #a60100 url('images/more3.png') 202px 9px no-repeat;
}

.submit_stappen{
	width: 226px;
	height: 34px;
	margin: 3px 0 10px 0;
	padding: 0 15px;
	display: block;
	font: bold 12px/34px 'Arial';
	color: #fff;
	position: relative;
	background: #ee7b1c url('images/more2.png') 202px 9px no-repeat;
	text-align: center;
    cursor:pointer;	    
}

input.submit_stappen:hover{
	background: #a60100 url('images/more3.png') 202px 9px no-repeat;
}

.submit_bestellen{
	float: left;
	width: 27px;
	height: 25px;
	margin: 6px 0 0 6px;
	cursor: pointer;
	background: url('images/newsletter_submit.png');
}

.succes{
	border: 1px solid #10a600;
	color: #10a600;
	padding: 4px 0 3px 33px;
	line-height: 22px;
	margin: 0 0 6px;
	background: #daffc3 url('images/succes.png') 7px 9px no-repeat;
}

/*formulier */

input[type=password] 
{
    border: 1px solid #a60100;
    width:95%;
    height:20px;
    margin: 3px 0 3px 0;
}

input[type=password]:hover 
{
    border: 1px solid #0094dc;
}

input[type=password]:focus 
{
	border: 1px solid #0094dc;
}


select
{
    border: 1px solid #a60100;
    width:95%;
    height:24px;
    margin: 3px 0 3px 0;
}

select:hover 
{
    border: 1px solid #0094dc;
}

select:focus 
{
    border: 1px solid #0094dc;
}

		.error{
			border: 1px solid #e50000;
			color: #e50000;
			padding: 4px 0 3px 33px;
			line-height: 22px;
			margin: 0 0 6px;
			background: #ffdfdf url('admin/images/error.png') 6px 6px no-repeat;
		}
		
			.error ul{
				padding: 0 0 8px;
			}
			
/* Header animatie */
#header_animatie{
  width: 250px;
  height: 119px;
  position: absolute;
  z-index: 1000;
  margin: 0 0 0 -461px;
}