@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
*:focus{
	outline: none;
}

img{
	border:0;
}

body{
	background-color:#F7F3EA;
	background-image: url(../images/top_banner.png);
	/*no png-fix because gives bug on IE6 with mootools Fx.Slide !!!*/
	/*behavior: url(/admin/templates/css/iepngfix.htc);*/
	background-repeat:no-repeat;
	background-position:center top;
	font-family:"Lucida Grande","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	color:#51433F;
}

#container{
	width:960px;
	position:relative;
	margin:auto;
}


#logo{
	position:relative;
	background-image:url(../images/logo.png);
	behavior: url(/admin/templates/css/iepngfix.htc);
	background-repeat:no-repeat;
	left:100px;
	width:370px;
	height:113px;
	float:left;
}

#wrapper{
	position:relative;
	width:960px;
	height:auto;
}

#headertext{
	float:right;
	padding-right:180px;
	padding-top:20px;
}

#headertext #slogan{
	font-size:18px;
	display:block;
	margin-bottom:15px;
}

#headertext #slogan_subtext{
	font-size:14px;
}

#footer{
	clear:both;
	position:relative;
	background-image:url(../images/sub_footer.png);
	behavior: url(/admin/templates/css/iepngfix.htc);
	background-repeat:no-repeat;
	background-position:center bottom;
	height:145px;
	padding-top:80px;
}

#wrapfooter{
	width:960px;
	position:relative;
	margin:auto;
	font-size:10px;
	color:#5A493F;
}

#wrapfooter .left{
	float:left;
}

#wrapfooter .right{
	float:right;
}

#wrapfooter a{
	color:#5A493F;
	text-decoration:none;
}

#wrapfooter a:hover{
	color:#5A493F;
	text-decoration:underline;

}




/*===================================== MENU ==================================*/

#menu{
	position:relative;
	clear:both;
	background-image:url(../images/navbar.png);
	background-repeat:no-repeat;
	width:952px;
	height:45px;
	color:#FFF;
	*background-image:url(../images/navbar.gif);
	z-index:20;
}

#menu ul{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}

#menu ul li{
	position:relative;
	float:left;
	height:29px;
	padding-top:8px;
	padding-left:2px;
	behavior:none;
}

#menu ul li a{
	color:#fff;
	text-decoration:none;
}

#menu ul li a:hover{
	color:#333;
}

#menu ul li#winkelmandje{
	width:220px;
}

#menu ul li#search{
	width:180px;
	float:right;
	height:29px;
}

#menu ul li#search input{
	width:124px;
	height:19px;
	background-image:url(../images/search.jpg);
	background-repeat:no-repeat;
	border:0px;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
}

#menu ul li#search #searchbutton{
	background-image:url(../images/searcharrow.gif);
	background-position:center;
	position:relative;
	width:19px;
	height:15px;
	top:4px;
	*top:0px;
}

/*============================================== SUBMENU =========================================*/

#submenu{
	margin-top:30px;
	width:220px;
	float:left;
}

#submenu #submenu_header{
	display:block;
	width:220px;
	height:15px;
	background-image:url(../images/submenu_header.gif);
	background-repeat:no-repeat;
	background-position:top left;
	font-size:5px;
}

#submenu #submenu_footer{
	display:block;
	width:220px;
	height:15px;
	background-image:url(../images/submenu_footer.gif);
	background-repeat:no-repeat;
	background-position:top-left;
}

#submenu #submenu_body{
	display:block;
	width:220px;
	background-image:url(../images/submenu_bg.gif);
	background-repeat:repeat-y;
}

#submenu h2{
	font-size:21px;
	color:#51433F;
	padding-left:20px;
}

#submenu ul{
	position:relative;
	margin:0;
	padding:0;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:20px;
}

#submenu ul li{
	margin:0;
	position:relative;
	font-size:14px;
	text-transform:uppercase;
	list-style:none;
	margin-right:10px;
	padding-top:2px;
	padding-bottom:2px;
}

#submenu ul li a{
	display:block;
	color:#968A81;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
}

#submenu ul li a:hover{
	color:#43332F;
	text-decoration:none;
	background-image:url(../images/ul_arrow.gif);
	background-position:4px 6px;
	background-repeat:no-repeat;
}

#submenu ul li.active a{
	background-image:url(../images/ul_arrow.gif);
	background-position:4px 6px;
	background-repeat:no-repeat;
	color:#43332F;
}

/*================ SUBMENU Level 2 ===================*/

#submenu ul li ul.level2{
	display:block;
	position:relative;
	margin:0px;
	list-style:none;
}

#submenu ul li ul.level2 li{
	display:block;
	width:180px;
	font-size:11px;
	text-transform:uppercase;
	list-style:none;
	margin-right:20px;
	padding-top:2px;
	padding-bottom:2px;
}

#submenu ul li ul.level2 li a{
	color:#968A81;
	text-decoration:none;
}

#submenu ul li ul.level2 li a:hover{
	color:#43332F;
	text-decoration:none;
}

#submenu ul li.active ul.level2 li a{
	color:#968A81;
	background-image:none;
	*display:block;
	*width:100px;
}

#submenu ul li.active ul.level2 li a:hover{
	color:#43332F;
	text-decoration:none;
	/*background-image:url(../images/ul_arrow.gif);
	background-position:4px 6px;
	background-repeat:no-repeat;*/
}

#submenu ul li ul.level2 li.active a{
	font-weight: bold;
	color:#43332F;
	/*background-image:url(../images/ul_arrow.gif);
	background-position:4px 6px;
	background-repeat:no-repeat;*/
}
	

/* ================================== SUPER IDEE ====================================== */
.superidee{
float:left;
position: relative;
margin: 50px 0 0 0;
padding: 5px;
height: 221px;
background: url(../images/bg_superidee.png) no-repeat top left;
behavior: url(/admin/templates/css/iepngfix.htc);
font-size:10px;
text-align: right;
display:block;
width:210px;
}

.superidee h3{
display: none;
}

.superidee p{
margin: 0 0 0 0;
padding: 70px 45px 0 65px;
}


#geboortelijsten{
	position:relative;
	float:left;
	top: 40px;
	margin: 0 0 0 0;
	padding: 5px;
	height: 194px;
	background: url(../images/bg_geboortelijst.png) no-repeat top left;
	behavior: url(/admin/templates/css/iepngfix.htc);
	font-size:10px;
	text-align: right;
	line-height: 1.4em;
	display:block;
	width:210px;
}

#geboortelijsten h2{
	display:none;
}

#geboortelijsten p{
	margin: 0 0 0 0;
	padding: 55px 46px 0 65px;
}

/* ==================================== CONTENT ========================================*/

#content{
	padding:0px;
	margin:0px;
	float:right;
	display:block;
	width:740px;
	padding:5px 0px 40px 0px;
	font-family:"Lucida Grande","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

#content a{
	color:#E03591;
	text-decoration:none;
	font-weight:bold;
}

#content a:hover{
	color:#e03591;
	text-decoration:underline;
	font-weight:bold;
}

#content h1{
	padding-top:10px;
	font-size:19px;
	padding-left:40px;
	color:#25140F;
}

#content h1 a{
	text-decoration:none;
	color:#E03591;
	font-weight:bold;
}

#content h1 a:hover{
	color:#51433F;
}

#content h1.toggler{
	display:block;
	cursor:pointer;
}

#content h3{
	padding:20px 40px 20px 50px;
	font-size:16px;
}

#content h4{
	padding: 20px 40px 20px 50px;
	font-size:16px;
	color:##CC0099;
}

#content h5{
	padding: 10px 40px 10px 10px;
	font-size:16px;
	color:##CC0099;
}

#content p{
	padding:5px 40px 5px 50px;
	font-size:12px;
}

#content #gallery{
	width:705px;
	height:385px;
	padding-left:33px;
	padding-top:10px;
}

#content #news{
	padding-left:35px;
}

#content #news .newsitem{
	width:220px;
	height:160px;
	float:left;
	padding-right:5px;
}

#content #shopnews{
	width:730px;
	padding-left:35px;
}

#content #shopnews .newsitem{
	width:220px;
	height:160px;
	float:left;
	padding-right:18px;
}

#content .shopcontent{
	width:705px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:20px;
}

#content table{
	font-size:12px;
}

#content input {
	border: 1px solid #BFBFBF;
	color: #4a3f2d;
	background: #fff;
	padding: 2px 5px 1px 5px;
	font-size: 1em;
	width: 200px;
}
.NCOLINIM {
    border: none;
    width: auto !important;
    display: block;
    margin: 10px;
}

#content input.checkbox{
	width:auto;
	border:none;
	background:none;
}

#content input.radiobutton{
	width:auto;
	border:none;
	background:none;
}

#content input[type="checkbox"]{
	width:auto;
}

#content input:hover {
	background: #fff;
	border: 1px solid #b30066;
	color: #4a3f2d;
	font-size: 1em;
	}

#contactform{
	padding-left:50px;
}
	

#content textarea {
	font-family: Arial, Verdana, Helvetica;
	font-size: 1.1em;
	border: 1px solid #BFBFBF;
	color: #4a3f2d;
	padding: 2px 5px 1px 5px;
	width: 200px;
	}
	
#content textarea:hover {
	background: #fff;
	border: 1px solid #b30066;
	color: #4a3f2d;
	}

/* ================================== BABY-SEARCH ============================== */

#searchandlogin{
	float:left;
	padding-top:40px;
	width:700px;
	height:170px;
	padding-left:40px;
}

#searchandlogin.homepage{
	padding-top:5px;
	width:350px;
	height:200px;
	padding-left:40px;
}

#babysearch{
	width:300px;
	height:150px;
	background-image:url(../images/babysearch_bg.jpg);
	background-repeat:no-repeat;
}

#login{
	width:300px;
	height:150px;
	background-image:url(../images/login_bg.jpg);
	background-repeat:no-repeat;
}

.contentsubbutton{
	font-size:12px;
	padding-right:15px;
	float:left;
}

#babysearch .buttoncontent{
	position:relative;
	top:40px;
	left:110px;
}

#login .buttoncontent{
	position:relative;
	top:20px;
	left:110px;
}

form#searchform{
	padding:0;
}
form#login{
	padding: 0;
	}

.contentsubbutton .text{
	width:172px;
	padding-bottom:20px;
}

.buttoncontent{
	width:180px;
}

.inputfield{
	width:180px;
	padding:0px;
}

#searchandlogin input{
	width:130px;
	height:19px;
	background-image:url(../images/babysearch_button_bg.jpg);
	background-repeat:no-repeat;
	border:none;
	padding-top:4px;
}

#searchandlogin input:hover{
	width:130px;
	height:19px;
	background-image:url(../images/babysearch_button_bg.jpg);
	background-repeat:no-repeat;
	border:none;
	padding-top:4px;
}

#searchandlogin a #searchandloginbutton{
	width:21px;
	height:19px;
	background-image:url(../images/send_bg.jpg);
	background-position:0 0;
}

#searchandlogin #searchandloginbutton{
	width:21px;
	height:19px;
	background-image:url(../images/send_bg.png);
	background-position:0 0;
}

#searchandlogin #searchandloginbutton:hover{
	width:21px;
	heihgt:19px;
	background-image:url(../images/send_bg.png);
	background-position:0 24px;
}

#contactform{
	position:relative;
	width:680px;
}
/* ================================== PRODUCTEN ================================= */

.productelement{
	position:relative;
	display:block;
	width:225px;
	height:225px;
	float:left;
	margin-right:6px;
	margin-bottom:15px;
}

.productelement .productelement_picture{
    text-align:center;
}

.productelement a{
	display:block;
	position:relative;
	width:225px;
	height:225px;
}

#content .shopcontent .productelement a:hover{
	color:#51433F;
	text-decoration:none;
}



.productelement_frame{
	position:absolute;
	display:block;
	width:225px;
	height:225px;
	top:0px;
	left:0px;
	background-image:url(../images/productframe.png);
	background-repeat:no-repeat;
}

.productelement_title{
	position:absolute;
	top:180px;
	left:25px;
	width:170px;
	text-align:center;
	font-size:11px;
}

#content .shopcontent .productelement a:hover .productelement_title{
	cursor:pointer;
}

.clearfix{
	clear:both;
}

#detail h4{
	padding-left:5px;
	margin-bottom:10px;
	margin-top:20px;
}

#detail p{
	padding:5px;
}

#detail h5{
	padding-left:5px;
}

#form_add{
	position:relative;
	padding-left:10px;
}

#price{
	margin-top:20px;
}

#price input.number{
	width:50px;
}

#price input.buttonmandje{
	padding:5px;
	cursor:pointer;
}

#price input.buttonmandje:hover{
	background-color:#B30066;
	color:#fff;
	border:1px solid #fff; 
}

.shopcontent .totaal{
	font-weight:bold;
}

#cartflow .shopprogress_active{
	background-color:#B30066;
	padding:5px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

#cartflow .shopprogress_active a{
	color:#fff;
}

#cartflow .shopprogress_active a:hover{
	text-decoration:none;
}

#cartflow .shopprogress {
	background-color:#B30066;
	padding:5px;
	text-align:center;
	color:#E03591;
	font-weight:bold;
}

#cartflow .shopprogress a:hover{
	color:#FFF;
	text-decoration:none;
}

#cartnavigation a{
	color:#fff;
}

#cartnavigation a:hover{
	text-decoration:none;
}

.cartright{
	position:relative;
	float:right;
	background-color:#B30066;
	padding:5px;
	padding-left:10px;
}

.cartleft{
	position:relative;
	float:left;
	padding:5px;
	padding-right:10px;
	background-color:#B30066;
}

.paymentmethods{
	text-align:center;
	margin-top:10px;
}