@charset "utf-8";

html {
	font-size: 100%;
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode","Trebuchet MS",Tahoma,Arial;
	font-size: 12px; /* default font-size */
	color: #333333; /* default kleur voor de tekst */
	line-height: 20px;
}
a,a font {
	color: #666666;
	text-decoration: none;
}
a:hover, a:hover font {
	text-decoration: underline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

p.error {
	line-height: 20px;
}

div.error {
	width: 300px;
	margin: 0 auto;
	padding: 10px;
}

div.error p.error {
	text-align: center;
	border: 1px solid #FF3366;
	padding:5px;
	width: 300px;
	margin-bottom: 0px;
}

fieldset,img {
	border: 0;
}

input,select,textarea,button {
	font-family: "Lucida Sans Unicode","Trebuchet MS",Tahoma,Arial;
	font-size: 12px; /* default font-size */
	color: #333333; /* default kleur voor de tekst */
}

input.hide {
	display: none;	
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}
p {
	margin: 0px 0px 20px 0px;	
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	text-transform: uppercase;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
}

/* H2 is een titelbalk */
h2 {
	background: url(../img/titelbalk_bg.gif) repeat-x left top;
	position: relative;	
	height: 24px;
	overflow: hidden;
	line-height: 24px;
	padding: 0px 15px 0px 15px;
	margin-bottom: 10px;
	clear: both;
}
h2 div.titel_links {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 3px;
	height: 24px;
	background: url(../img/titelbalk_links.gif) no-repeat left top;
}
h2 div.titel_rechts {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 3px;
	height: 24px;
	background: url(../img/titelbalk_rechts.gif) no-repeat left top;
}

h2 span {
	color: #999999;	
	padding-right: 12px;
	background: url(../img/h2_arrow.gif) no-repeat right 6px;
	cursor: pointer;
}

h2 span:hover {
	text-decoration: underline;
}

abbr,acronym {
	border: 0;
}

.hide {
	display: none;	
}


.img table, .img table tbody, .img table tr, .img table td {
	width: 100%;
	height: 100%;
}

.img table td,
.img table td img {
	text-align: center;
	vertical-align: middle;
}

/* paginator */
div.paginator a, div.paginator span {
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: white;
	float: left;
	margin-right: 2px;
}
div.paginator a:hover {
	text-decoration: none;
}
div.paginator .pijltje {
	width: 100%;
	height: 100%;
	background-position: center center;
}

.jongen div.paginator a,.jongen div.paginator span {
	background-image: none;
	color: #43B1F0;
}
.meisje div.paginator a,.meisje div.paginator span {
	background-image: none;
	color: #FF3366;
}
.jongen div.paginator a.is_active,.jongen div.paginator span.is_active {
	background-image: url(../img/paginator/selected_bg_jongen.gif);
	color: #43B1F0;
}
.meisje div.paginator a.is_active,.meisje div.paginator span.is_active {
	background-image: url(../img/paginator/selected_bg_meisje.gif);
	color: #FF3366;
}


.jongen div.paginator a.prev,.jongen div.paginator span.prev {
	background: url(../img/paginator/pijltje_prev_jongen.gif) no-repeat left top;
}
.meisje div.paginator a.prev,.meisje div.paginator span.prev {
	background: url(../img/paginator/pijltje_prev_meisje.gif) no-repeat left top;
}
.jongen div.paginator a.next,.jongen div.paginator span.next {
	background: url(../img/paginator/pijltje_next_jongen.gif) no-repeat left top;
}
.meisje div.paginator a.next,.meisje div.paginator span.next {
	background: url(../img/paginator/pijltje_next_meisje.gif) no-repeat left top;
}

.jongen div.filter div.paginator a,.jongen div.filter div.paginator span {
	background-image: url(../img/paginator/filter_bg_jongen.gif);
	color: #43B1F0;
}
.meisje div.filter div.paginator a,.meisje div.filter div.paginator span {
	background-image: url(../img/paginator/filter_bg_meisje.gif);
	color: #FF3366;
}
.jongen div.filter div.paginator a.is_active,.jongen div.filter div.paginator span.is_active {
	background-image: url(../img/paginator/filter_selected_bg_jongen.gif);
	color: white;
}
.meisje div.filter div.paginator a.is_active,.meisje div.filter div.paginator span.is_active {
	background-image: url(../img/paginator/filter_selected_bg_meisje.gif);
	color: white;
}

.jongen div.filter div.paginator a.prev,.jongen div.filter div.paginator span.prev {
	background: url(../img/paginator/filter_pijltje_prev_jongen.gif) no-repeat left top;
}
.meisje div.filter div.paginator a.prev,.meisje div.filter div.paginator span.prev {
	background: url(../img/paginator/filter_pijltje_prev_meisje.gif) no-repeat left top;
}
.jongen div.filter div.paginator a.next,.jongen div.filter div.paginator span.next {
	background: url(../img/paginator/filter_pijltje_next_jongen.gif) no-repeat left top;
}
.meisje div.filter div.paginator a.next,.meisje div.filter div.paginator span.next {
	background: url(../img/paginator/filter_pijltje_next_meisje.gif) no-repeat left top;
}

/* container voor de website elementen */
div#container {
	width: 980px;
	margin: 0 auto;
	float: none;
	display: block;

}

/* terug- en verder knoppen */
a.terug {
	margin: 0px;
	display: block;
	width: 201px;
	height: 30px;
	line-height: 30px;
	background: url(../img/knop_terug.gif) no-repeat left top;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-size: 11px;
	text-transform: uppercase;
}
a.terug:hover {
	text-decoration: none;
	color: #333333;
	background-image: url(../img/knop_terug_hover.gif);
}
a.verder,button.verder {
	border: 0px;
	margin: 0px;
	display: block;
	width: 270px;
	height: 30px;
	line-height: 30px;
	/*background: url(../img/knop_verder.gif) no-repeat left top;*/
	text-align: center;
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 11px;
	text-transform: uppercase;
	color: white;
	cursor: pointer;
}
.verder:hover {
	text-decoration: none;
}
.verder.smal {
	width: 126px;
	background: url(../img/knop_verder_smal.gif) no-repeat left top;
}
.verder.breed {
	width: 270px;
	background: url(../img/knop_verder_breed.gif) no-repeat left top;
}

.button_retour {
	border: none;
	background: none;
	width: auto;
	padding: 0;
	color: #FF3366;
	cursor: pointer;	
	text-decoration: underline;	
}

.button_retour:hover {
	text-decoration: none;	
}

div.end {
	clear: both;	
}

/* kleurblokje */
div.kleurblokje {
	margin: 3px 3px 0px 0px;
	float: left;
	position: relative;
}
div.kleurblokje.no-border {
	width: 18px;
	height: 18px;
	border: none;
	float: right;	
}
div.kleurblokje div {
	width: 0px;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	border-width: 9px;
	border-style: solid;
}

div.kleurblokje .layer {
	width: 18px;
	height: 18px;
	background: url(../img/layer_kleur.png);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 15;	
	border: none;
}

/* header */
div#header {
	position: relative;
	height: 306px;
	z-index: 15;
}
div#header .bg {
	position: absolute;
	left: 0px;
	top: 10px;
}
div#header .bg .beeld {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}
div#header .bg .beeld.active {
	z-index: 15;
}
div#header a,div#header a:hover {
	text-decoration: none;
}
div#header .top {
	position: absolute;
	top: 0px;
	left: -81px;
	z-index: 20;
}
div#header .bottom {
	position: absolute;
	top: 220px;
	left: -7px;
	z-index: 20;
}
div#header .winkelwagen_aantal {
	position: absolute;
	left: 645px;
	top: 275px;
	width: 48px;
	color: white;
	text-align: center;
	font-size: 14px;
	z-index: 30;
}
div#header .winkelwagen_tekst {
	position: absolute;
	width: 250px;
	color: white;
	left: 665px;
	top: 265px;
	text-transform: uppercase;
	z-index: 30;
}
div#header .winkelwagen_tekst .totaal {
	font-size: 14px;
}
div#header .winkelwagen_tekst .verzendkosten {
	font-size: 10px;
}
div#header .menu {
	position: absolute;
	left: 0px;
	top: 0px;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 40px;
	z-index: 30;
}

div#header .language {
	position: absolute;
	right: 130px;
	top: 0px;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 40px;
	z-index: 30;
}

div#header .menu ul {
	margin: 0px;
	padding: 0px;
}
div#header .menu li {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	float: left;
}
div#header .menu li {
	text-decoration: none;
}
div#header .menu ul li a:hover {
	color: #ff3366;	
}

div#header .submenu .wrapper {
	margin: 0px 7px;	
	width: 512px;
	height: auto;
	float: left;
}

div#header .submenu#submenu1 .wrapper {	
	background-color: #43B1F0;
}

div#header .submenu#submenu2 .wrapper {
	background-color: #FF6600;
}

div#header .submenu#submenu3 .wrapper {
	background-color: #31B107;
}

div#header .submenu#submenu4 .wrapper {
	background-color: #FF3366;
}

div#header .submenu#submenu1  {	
	left: 0px;
}

div#header .submenu#submenu2 {
	left: 156px;
}

div#header .submenu#submenu3 {
	left: 312px;
}

div#header .submenu#submenu4 {
	left: 468px;
}

div#header .submenu {
	background: url(../img/menu.png) repeat-y;	
	position: absolute;
	display: none;
	left: -7px;
	top: 86px;
	clear: both;
	width: 526px;
	color: white;
	margin: 0px 0px 21px 0px;
	z-index: 20;
}

div#header .submenu .shadow_bottom {
	width: 526px;
	height: 21px;
	position: absolute;
	left: 0px;
	bottom: -21px;	
}

div#header .submenu#submenu1 .shadow_bottom {
	background: url(../img/menu_bottom_1.png);		
}

div#header .submenu#submenu2 .shadow_bottom {
	background: url(../img/menu_bottom_2.png);		
}

div#header .submenu#submenu3 .shadow_bottom {
	background: url(../img/menu_bottom_3.png);		
}

div#header .submenu#submenu4 .shadow_bottom {
	background: url(../img/menu_bottom_4.png);		
}
div#header .submenu .tabs {
	width: 164px;
	height: 20px;
	float: left;
	margin: 10px 0px 0px 10px;
	text-align: center;	
	line-height: 20px;	
}

div#header .submenu .tabs .tab {
	width: 82px;
	height: 20px;
	float: left;
	color: #ffffff;
	text-transform: uppercase;
	cursor: pointer;	
}

div#header .submenu .tabs .tab:hover {
	text-decoration: underline;	
}

div#header .submenu .tabs .tab.is_active {
	background: url(../img/menu_tab.png);
	color: #555555;	
}

div#header .submenu .content {
	width: 480px;
	padding: 0px 17px 0px 20px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 10px;
	background: url(../img/menu_content.png) repeat-y;		
}

div#header .submenu .content .titel {
	text-transform: uppercase;
	font-weight: bold;
	color: #ff3467;
	line-height: 40px;
}

div#header .submenu .kolom {
	width: 240px;
	float: left;	
	line-height: 20px;
	padding: 10px 0px;
}

div#header .submenu .kolom ul {
	width: 105px;
	float: left;	
	padding: 0;
	margin: 0px 10px 0px 0px;
	border-top: 1px solid #eaeaea;
}

div#header .submenu .kolom ul li {
	border-bottom: 1px solid #eaeaea;	
}

div#header .submenu a {
	width: 110px;
	height: 20px;
	overflow: hidden;
	color: #999999;
	text-transform: uppercase;
	font-size: 10px;
}
div#header .submenu a:hover {
	text-decoration: underline;
}

/* footer */
div#footer {
	clear: both;
	float: left;
	margin-bottom: 10px;
	line-height: 15px;
}
div#footer .rij {
	clear: both;
	padding-top: 10px;
	position: relative;
}
div#footer .icons {
	float: left;
	margin-top: 10px;
}
div#footer .icons img {
	margin-right: 10px;
}
div#footer .driehoek {
	position: absolute;
	right: 0px;
	top: 10px;
}
div#footer .ontwikkeld {
	position: absolute;
	left: 15px;
	top: 80px;
	color: #868686;	
	text-transform: uppercase;
}
div#footer .ontwikkeld a {
	color: #868686;		
}
div#footer #thuiswinkel_waarborg {
	position: absolute;
	left: 336px;
	top: 15px;
	width: 80px;
	height: 81px;
}


div#footer .kader1 {
	position: relative;
	background-color: #eaeaea;
	color: #666666;
	width: 238px;
	height: 153px;
	text-transform: uppercase;
	float: left;
	margin-right: 11px;
	font-size: 10px;
}
div#footer .kader1 .top {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 238px;
	height: 5px;
	background: url(../img/kader1_top.gif) no-repeat left top;	
}
div#footer .kader1 .bottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 238px;
	height: 5px;
	background: url(../img/kader1_bottom.gif) no-repeat left top;	
}
div#footer .kader1 h6 {
	color: #ff3366;
	font-size: 10px;
	font-weight: bold;
	margin: 15px 0px 0px 15px;
}
div#footer .kader1 span {
	float: left;
	clear: both;
	margin-left: 15px;
	line-height: 22px;
	white-space: nowrap;
	padding-left: 11px;
	background: url(../img/kader1_dot.gif) no-repeat left 8px;
}
div#footer .kader1 img {
	margin: 8px 0px 0px 26px;	
}

div#footer .kader1 div#waarom_betaalmethoden {
	clear: both;
	position: relative;
	width: 228px;
	margin: 5px 0px 0px 6px;
	padding-top: 5px;
	height: 20px;
}
div#footer .kader1 div#waarom_betaalmethoden img {
	position: relative;
	margin: 0px 2px 0px 0px;
}

div#footer .kader2 {
	width: 237px;
	height: 153px;
	float: left;
	margin-right: 10px;
	text-transform: uppercase;
	background: url(../img/kader2_bg.gif) no-repeat left top;
	font-size: 10px;
}
div#footer .kader2 a {
	float: left;
	clear: both;
	margin-left: 15px;
	line-height: 22px;
}
div#footer .kader2 h6 {
	color: #ff3366;
	font-size: 10px;
	margin: 15px 0px 0px 15px;
	font-weight: bold;
}
div#footer .kader2 form {
	margin: 3px 15px 0px 15px;
}
div#footer .kader2 input[type=text] {
	width: 198px;
	text-transform: uppercase;
	font-size: 10px;
	color: #666666;
}
div#footer .nieuwsbrief_aanmelden {
	position: relative;
	height: 60px;
}

/* klikpad */
.klikpad {
	width: 980px;		
	float: left;
	margin: 13px 0px 13px 0px;
}

.klikpad ul {
	display: block;
	float: left;	
	padding: 0px;	
	margin: 0;
}
.klikpad ul li {
	float: left;
	padding-left: 23px;
	font-size: 11px;
	color: #333333;
	text-transform: uppercase;
	background: url(../img/klikpad.gif) no-repeat 8px 6px;
}
.klikpad ul li.first {
	padding-left: 0px;
	background: none;
}
.klikpad ul li a {
	text-decoration: none;
	color: #333333;
}
.klikpad ul li a:hover {
	text-decoration: underline;
}

.klikpad .ingelogd {
	display: block;
	float: right;	
	font-size: 11px;
	color: #333333;
	text-transform: uppercase;
}

.login {
	float: right;	
}

.login input {
	width: 100px;
	float: left;
	text-transform: uppercase;
	margin-right: 1px;
	font-size: 10px;
}

.login .verder.smal {
	position: relative;	
	float: left;
	width: 50px;
	height: 20px;
	text-align: center;
	background: url(../img/button_login.gif);
	line-height: 20px;
}

/* content vlak */
div#content {
	clear: both;
	z-index: 1;
}

/* selectbox */
.selectbox {
	position: relative;
	text-transform: uppercase;
	z-index: 1;
	font-size: 10px;
	color: #999999;
	background: url(../img/sb_bg.gif) no-repeat left top;
	height: 20px;
}
.selectbox span {
	display: block;
	width: 145px;
	padding: 0px 3px 0px 3px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}
.selectbox.open {
	z-index: 10;
}
.selectbox .options {
	position: absolute;
	top: 20px;
	left: 0px;
	background-color: white;
	width: 168px;
	height: 120px;
	padding: 3px;
	overflow: hidden;
	overflow-y: scroll;
	display: none;	
}
.selectbox.open .options {
	display: block;
}
.selectbox .options a {
	display: block;
	color: #999999;
	line-height: 20px;
}
.selectbox .options a:hover {
	text-decoration: none;
	background-color: #c0c0c0;
	color: white;
}

/* artikel */
div.artikel {
	display: block;
	position: relative;
	width: 191px;
	height: 234px;
	float: left;
	margin: 0px 10px 10px 0px;
	text-decoration: none;
	cursor: pointer;
	z-index: 7;
}
div.artikel.laatste {
	margin-right: 0px;
}
div.artikel .afbeelding {
	width: 179px;
	height: 180px;
	margin: 1px 6px 0px 6px;
}
div.artikel .afbeelding {
	text-align: center;
}
div.artikel .nieuw,
div.artikel .sale,
.details_links .nieuw,
.details_links .sale {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 63px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 50;
}
.details_links .nieuw,
.details_links .sale {
	right: 10px;	
}
div.artikel .kleuren {
	position: absolute;
	bottom: 40px;
	left: 11px;
	width: 63px;
}
div.artikel .merk {
	position: absolute;
	right: 5px;
	bottom: 40px;
}
div.artikel .prijs {
	position: absolute;
	bottom: 4px;
	left: 18px;
	color: white;
	font-size: 16px;
	line-height: 24px;
}
div.artikel .prijs .oud {
	font-size: 10px;
	text-decoration: line-through;
	margin-left: 10px;
}
div.artikel.jongen {
	background: url(../img/artikel_jongen.gif) no-repeat left top;
}
div.artikel.jongen:hover {
	background: url(../img/artikel_jongen_hover.gif) no-repeat left top;	
}
div.artikel.jongen .nieuw,
.jongen .details_links .nieuw {
	background-image: url(../img/nieuw_jongen.png);
}
div.artikel.jongen .sale,
.jongen .details_links .sale {
	background-image: url(../img/sale_jongen.png);
}
div.artikel.meisje {
	background: url(../img/artikel_meisje.gif) no-repeat left top;
}
div.artikel.meisje:hover {
	background: url(../img/artikel_meisje_hover.gif) no-repeat left top;
}
div.artikel.meisje .nieuw,
.meisje .details_links .nieuw {
	background-image: url(../img/nieuw_meisje.png);
}
div.artikel.meisje .sale,
.meisje .details_links .sale {
	background-image: url(../img/sale_meisje.png);
}

/* linker deel scherm */

div#content .cm.home {
	float: left;
	width: 980px;
	height: auto;
	margin: 10px 0px;	
}

div#content .artikelen {
	width: 980px;
	height: 234px;
	float: left;	
	position: relative;
}

div#content .artikelen .links {
	height: 234px;	
	background: none;
}

div#content .carousel {
	width: 794px;
	height: 234px;
	overflow:hidden;
	position: relative;	
}

div#content .carousel ul {
	margin: 0px;
	padding: 0px;	
	list-style: none;
}

div#content .carousel ul li {
	float: left;	
}

div#content .artikelen .prev {
	width: 30px;
	height: 30px;
	background: url(../img/prev.png);
	position: absolute;
	left: 176px;
	top: 102px;	
	z-index: 10;
	cursor: pointer;
}

div#content .artikelen .next {
	width: 30px;
	height: 30px;
	background: url(../img/next.png);
	position: absolute;
	right: -10px;
	top: 102px;	
	z-index: 50;
	cursor: pointer;
}

div#content .merken {
	float: left;	
	width: 980px;
	overflow: hidden;
	background: url(../img/kader980.gif) repeat-y;
	margin-bottom: 10px;
	position: relative;
}

div#content .merken .bottom {
	width: 980px;
	height: 5px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(../img/kader_bottom.gif) repeat-x;	
}

div#content .merken .bottom .left {
	width: 5px;
	height: 5px;
	background: url(../img/kader_bottom_left.gif);	
	position: absolute;
	bottom: 0px;
	left: 0px;
}

div#content .merken .bottom .right {
	width: 5px;
	height: 5px;
	background: url(../img/kader_bottom_right.gif);	
	position: absolute;
	bottom: 0px;
	right: 0px;
}

div#content .merken .merk {
	width: 155px;
	height: 62px;
	float: left;
	margin: 0px 10px 10px 0px;
	line-height: 62px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

div#content .merken .merk .layer {
	width: 155px;
	height: 62px;
	background: #ffffff;
	opacity:0.50;
	-moz-opacity:0.50;
	filter:alpha(opacity=50);
	position: absolute;
	left: 0px;
	top: 0px;	
}

div#content .merken .merk:hover .layer {
	background: none;	
}

div#content .merken .merk.first {
	margin-left: 1px;
	width: 154px;	
}

div#content .merken .merk.laatste {
	margin: 0px 0px 10px 0px;
	width: 154px;	
}

div#content .links {
	float: left;
	width: 176px;
	margin-right: 10px;
	background: url(../img/links_bg.gif) repeat-y left top;
}
div#content .links .bottom {
	height: 5px;
	width: 176px;
	background: url(../img/links_bottom.gif) no-repeat left top;
	margin: 0px;
	float: left;
}
div#content .links div {
	margin: 10px 0px 5px 0px;
}
div#content .links a {
	padding: 0px 15px 0px 15px;
	width: 146px;
	display: block;
	text-transform: uppercase;
	line-height: 24px;
	overflow: hidden;
	color: #a0a0a0;
}
div#content .links a.active {
	color: #333333;
}
div#content .links .doelgroep {
	padding: 0px;
	margin: 0px;
	display: block;
	width: 88px;
	height: 30px;
	float: left;
}

div#content .links .doelgroep.cat {
	cursor: pointer;	
}

div#content .links .categorieen {
	display: none;
	float: left;
}

div#content .links .categorieen.active {
	display: block;
}

div#content .rechts {
	float: left;
	width: 794px;
}

/* overzicht tussenpagina */
div#content .overzicht {
	clear: both;
	margin-top: 10px;
}
div#content .overzicht .header {
	height: 60px;
	background: url(../img/overzicht_header.gif) no-repeat left top;
	clear: both;
	float: left;
	width: 100%;
}
div#content .overzicht .content {
	background: url(../img/overzicht_content.gif) repeat-y left top;
	clear: both;
	float: left;
	width: 100%;
	font-size: 10px;
}
div#content .overzicht .separator {
	background: url(../img/overzicht_separator.gif) no-repeat left top;
	height: 8px;	
	clear: both;
	float: left;
	width: 100%;
}
div#content .overzicht .footer {
	background: url(../img/overzicht_footer.gif) no-repeat left top;
	height: 6px;
	clear: both;
	float: left;
	width: 100%;
}
div#content .overzicht .content a {
	display: block;
	width: 124px;
	float: left;
	overflow: hidden;
	text-transform: uppercase;
	line-height: 25px;
}
div#content .overzicht .jongen, div#content .overzicht .meisje {
	float: left;
	width: 382px;
	margin: 5px;
}
div#content .overzicht .content .jongen, div#content .overzicht .content .meisje {
	padding: 0px 5px 0px 5px;
	width: 372px;
}
div#content .overzicht .jongen {
	margin-right: 15px;
}
div#content .overzicht h1 {
	font-weight: bold;
	color: white;
	font-size: 35px;
	text-transform: uppercase;
	font-family: Aharoni,"Trebuchet MS",Tahoma,Arial;
	line-height: 47px;
}

div#content .rechts .sfeer {
	width: 394px;
	height: 234px;
	float: left;	
	margin: 0px 0px 10px 0px;
} 

div#content .rechts .new {
	width: 392px;
	height: 234px;
	float: right;	
}

div#content .rechts .merken {
	float: left;	
	width: 794px;
	height: auto;
	overflow: hidden;
	background: url(../img/kader_bg.gif) repeat-y;
	margin-bottom: 10px;
	position: relative;
}



div#content .rechts .merken .merk {
	width: 124px;
	height: 62px;
	float: left;
	margin: 0px 10px 10px 0px;
	line-height: 62px;
	text-align: center;
}

div#content .rechts .merken .merk.laatste {
	margin: 0px 0px 10px 0px;
}

div#content .rechts .merken .merk .layer {
	width: 124px;
	height: 62px;
	background: #ffffff;
	opacity:0.50;
	-moz-opacity:0.50;
	filter:alpha(opacity=50);
	position: absolute;
	left: 0px;
	top: 0px;	
}

div#content .rechts .merken .merk:hover .layer {
	background: none;	
}


/* style per geslacht */
div.rechts.jongen h1 {
	color: #35ABEF;
}
div.rechts.meisje h1 {
	color: #FF3366;
}
div.rechts.jongen .filter {
	background: url(../img/filter_jongen_bg.gif) no-repeat left top;
}
div.rechts.meisje .filter {
	background: url(../img/filter_meisje_bg.gif) no-repeat left top;
}

/* filter */
.filter {
	float: right;
	width: 362px;
	height: 204px;
	margin-bottom: 10px;
	padding: 15px;
	position: relative;
}
.filter h6 {
	color: white;
	margin-bottom: 5px;
}
.filter .selectbox {
	width: 173px;
	float: left;
	padding-bottom: 15px;
}

.filter .selectbox.left {
	float: left;	
}

.filter .selectbox.left {
	float: right;	
}

.filter .bottom {
	position: absolute;
	bottom: 15px;
	left: 15px;
}

/* details */
.details_links {
	position: relative;
	width: 402px;
	float: left;
	z-index: 6;
}
.details_onder {
	float: left;
	clear: both;
	width: 794px;
	height: 40px;
	margin-bottom: 10px;
	position: relative;
}
.details_rechts {
	position: relative;
	width: 392px;
	float: left;
	z-index: 5;
}
.details_links .afbeelding {
	width: 392px;
	height: 392px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: url(../img/detail_kader_foto.gif) no-repeat left top;
	cursor: crosshair;
}
.details_links .innerzoom {
	position: relative;
}
.details_links .innerzoom img {
	position: absolute;
}
.details_links .zoom {
	position: absolute;
	top: 0px;
	left: 401px;
	width: 391px;
	height: 390px;
	border: solid 1px #ECECEC;
	background-color: white;
	overflow: hidden;
}
.details_links .zoomicon {
	position: absolute;
	left: 354px;
	top: 354px;
	width: 38px;
	height: 38px;
}
.details_links .thumbs {
	clear: both;
	overflow: hidden;
	width: 402px;
}
.details_links .thumbs div {
	float: left;
	display: table-cell;
	width: 68px;
	height: 68px;
	vertical-align: middle;
	text-align: center;
	background: url(../img/detail_kader_thumb.gif) no-repeat left top;
	margin: 10px 10px 0px 0px;
	cursor: pointer;
	padding: 2px;
}
.details_soortgelijk {
	clear: both;
}
.details_rechts .titel {
	line-height: 35px;
	padding: 0px 15px 0px 15px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: white;
}
.rechts.jongen .details_rechts .titel {
	background: url(../img/detail_titelbalk_jongen.gif) no-repeat left top #35ABEF;
}
.rechts.meisje .details_rechts .titel {
	background: url(../img/detail_titelbalk_meisje.gif) no-repeat left top #FF3366;
}
.details_rechts .merk {
	padding: 0px 15px 0px 15px;
	margin-bottom: 10px;
}
.rechts.jongen .details_rechts h1.artikelnummer,
.rechts.meisje .details_rechts h1.artikelnummer {
	padding: 0px 15px 0px 15px;
	color: #000000;
	font-size: 12px;
	margin: 0;
}

.details_rechts .artikeldetails {
	padding: 0px 15px 0px 15px;
	color: #666666;
	padding-bottom: 15px;
}

.details_rechts .thumbs {
	clear: both;
	width: 352px;
	padding: 5px;
}
.details_rechts .thumbs div {
	float: left;
	display: table-cell;
	width: 70px;
	height: 70px;
	text-align: center;
	vertical-align: middle;
}

.details_rechts .kleuren input {
	display: none;
}
.details_rechts .kleuren label {
	width: 89px;
	height: 89px;
	display: block;
	background: url(../img/kleur.gif) no-repeat left top;
	margin: 0px 4px 4px 0px;
	padding: 3px;
	float: left;
	cursor: pointer;
	text-align: center;
}
.details_rechts .kleuren label.last {
	margin-right: 0px;	
}
.details_rechts .kleuren label.selected {
	color: white;
}
.rechts.jongen .details_rechts .kleuren label.selected {
	background: url(../img/kleur_jongen.gif) no-repeat left top #35ABEF;
}
.rechts.meisje .details_rechts .kleuren label.selected {
	background: url(../img/kleur_meisje.gif) no-repeat left top #FF3366;
}
.details_rechts .wasvoorschrifen,.details_rechts .maten {
	margin-top: 6px;	
}
.details_rechts .wasvoorschrift {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
}
.details_rechts .maten input {
	display: none;
}
.details_rechts .maten label {
	width: 45px;
	height: 45px;
	line-height: 45px;
	display: block;
	background: url(../img/maat.gif) no-repeat left top;
	text-align: center;
	margin: 0px 10px 10px 0px;
	
	float: left;
	font-size: 10px;
	cursor: pointer;
}
.details_rechts .maten label.selected {
	color: white;
}
.rechts.jongen .details_rechts .maten label.selected {
	background: url(../img/maat_jongen.gif) no-repeat left top #35ABEF;
}
.rechts.meisje .details_rechts .maten label.selected {
	background: url(../img/maat_meisje.gif) no-repeat left top #FF3366;
}
.details_rechts .maten label.uitverkocht {
	background: url(../img/maat_uitverkocht.gif) no-repeat left top !important;
	color: #A0A0A0;
}
.details_rechts h2 a {
	position: absolute;
	right: 15px;
	font-size: 10px;
}
.rechts.jongen .details_rechts h2 a {
	color: #35ABEF;
}
.rechts.meisje .details_rechts h2 a {
	color: #FF3366;
}

.details_rechts div.uitverkocht {
	padding: 30px 15px 0px 15px;
	font-size: 18px;
	text-transform: uppercase;
}

.rechts.jongen  .details_rechts div.uitverkocht {
	color: #35ABEF;	
}
.rechts.meisje .details_rechts div.uitverkocht {
	color: #FF3366;
}


.punten {
	width: 392px;
	height: 176px;
	margin-top: 10px;
	background: url(../img/detail_kader_punten.gif) no-repeat left top;
	float: left;
}

.punten ul {
	margin-bottom: 0px;
}

.punten div.betaalmethoden {
	clear: both;
	position: relative;
	width: 228px;
	margin: 5px 0px 0px 6px;
	padding-top: 5px;
	padding-left: 35px;
	height: 20px;
}

.punten div {
	font-weight: bold;
	text-align: left;
	color: #FF3366;
	text-transform: uppercase;
	margin: 10px 0px 0px 39px;
}

.punten ul {
	list-style: url(../img/detail_kader_dot.gif);
	float: left;
	margin-top: 5px;
}

.punten li {
	line-height: 25px;
	text-transform: uppercase;
}
.details_rechts .prijs {
	display: block;
	float: left;
	height: 45px;
	line-height: 45px;
	font-size: 19px;
	text-transform: uppercase;
}
.rechts.jongen .details_rechts .prijs {
	color: #35ABEF;
}
.rechts.meisje .details_rechts .prijs {
	color: #FF3366;
}
.details_rechts .prijs .oud {
	line-height: 12px;
	display: block;
	font-size: 11px;
	text-decoration: line-through;
}
.details_rechts input[type=submit].bestel {
	float: right;
	text-transform: uppercase;
	height: 45px;
	width: 191px;
	color: white;
	line-height: 45px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}
.rechts.jongen .details_rechts input[type=submit].bestel {
	background: url(../img/detail_knop_bestel_jongen.gif) no-repeat left top;
}
.rechts.meisje .details_rechts input[type=submit].bestel {
	background: url(../img/detail_knop_bestel_meisje.gif) no-repeat left top;
}

.details_soortgelijk .carousel {
	width: 794px;
	height: 234px;
	overflow:hidden;
	position: relative;	
}

.details_soortgelijk .carousel ul {
	margin: 0px;
	padding: 0px;	
	list-style: none;
}

.details_soortgelijk .carousel ul li {
	float: left;	
}

div#content .details_soortgelijk .artikelen {
	position: relative;	
	width: 794px;
}

div#content .details_soortgelijk .artikelen .prev {
	width: 30px;
	height: 30px;
	background: url(../img/prev.png);
	position: absolute;
	left: -10px;
	top: 102px;	
	z-index: 50;
	cursor: pointer;
}

div#content .details_soortgelijk .artikelen .next {
	width: 30px;
	height: 30px;
	background: url(../img/next.png);
	position: absolute;
	right: -10px;
	top: 102px;	
	z-index: 50;
	cursor: pointer;
}


/* winkelmandje */
.stappen {
	height: 51px;
}
.stappen .stap {
	position: relative;
	text-transform: uppercase;
	float: left;
	display: block;
	width: 163px;
	height: 30px;
	line-height: 30px;
	background: url(../img/bestel_stap.gif) no-repeat left top;
	color: #999999;
	padding-left: 38px;
	text-decoration: none;
}
.stappen .stap:hover {
	text-decoration: none;
}
.stappen .stap.last {
	width: 153px;
}
.stappen .stap div {
	position: absolute;
	text-align: center;
	width: 24px;
	left: 3px;
	top: 0px;
}
.stappen .stap.active {
	background: url(../img/bestel_stap_active.gif) no-repeat left top;
	color: white;
}
.stappen .stap.active div {
	color: #FF3366;
}
.winkelmandje h2 {
	position: relative;
}
.winkelmandje h2 div {
	position: absolute;
}
.winkelmandje .product {
	left: 16px;
}
.winkelmandje .omschrijving {
	left: 91px;
	width: 270px;
}
.winkelmandje .kleurmaat {
	left: 380px;
}
.winkelmandje .prijs {
	left: 524px;
}
.winkelmandje .aantal {
	left: 615px;
}
.winkelmandje .subtotaal {
	left: 694px;
}

.winkelmandje .verwijderen {
	left: 780px;	
	line-height: 76px;
}

.winkelmandje .item .verwijderen {
	top: 24px;	
}

.winkelmandje .item,.winkelmandje .totaal,.winkelmandje .actiecode {
	height: 76px;
	border-bottom: solid 1px #999999;
	position: relative;
}
.winkelmandje .item div,.winkelmandje .totaal div,.winkelmandje .actiecode div {
	position: absolute;
	top: 20px;
	text-transform: uppercase;
}
.winkelmandje .item div.product {
	top: 3px;
}
.winkelmandje .actiecode div.label {
	left: 16px;
	top: 12px;
}
.winkelmandje .actiecode div.actiecodefld {
	left: 150px;	
	top: 12px;
	width: 250px;
}
.winkelmandje .actiecode div.actiecodefld input {
	width: 100px;
	text-transform: uppercase;
}
.winkelmandje .totaal,.winkelmandje .actiecode {
	height: 39px;
}

.winkelmandje .kosten_item {
	height: 56px !important;
}

.winkelmandje .totaal div {
	top: 12px;
	color: #333333;
	font-weight: bold;
}
.winkelmandje_onder {
	position: relative;
	height: 65px;
	margin-bottom: 26px;
}

.winkelmandje_button_melding {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 30px;
	width: 350px;
	background: url("../img/knop_dummy_melding.gif") no-repeat scroll left top transparent;
	font-size: 11px;
	text-align: center;
	line-height: 30px;
	text-transform: uppercase;
	color: white;
	display: none;
}

/* Table list */
table.list{
	padding:0px;
	margin:0px;
	width:100%;
	border-collapse: collapse;
}

table.list .nowrap{
	white-space:nowrap;
}

table.list .right{
	text-align:right;
}

table.list tr.th{
	background:url('../img/titelbalk_bg.gif');
	height:24px;
	line-height:24px;
	text-transform: uppercase;
}
	
table.list th,
table.list td{
	padding-right:10px;
	vertical-align:middle;	
}

table.list th.first{
	background:url('../img/titelbalk_links.gif') no-repeat;
	padding-left:16px;
}
table.list th.last{
	background:url('../img/titelbalk_rechts.gif') no-repeat right 0;
	padding-right:16px;
}

table.list .button{
	border: 0px;
	margin: 0px;
	display: block;
	height: 30px;
	line-height: 30px;
	width:126px;
	background: url(../img/knop_verder_smal.gif) no-repeat red;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	color: white;
	cursor: pointer;
	float:right;
}

/* CM-pagina's */
div#content .cm_links {
	float: left;
	width: 176px;
	margin-right: 10px;
	min-height: 10px;
}
div#content .cm_midden {
	float: left;
	width: 608px;
	margin-right: 10px;
}

div#content .cm_midden h1 {
	padding: 0px 15px;	
}

div#content .cm_midden p {
	margin: 0px 15px;	
}

div#content .cm_rechts {
	float: left;
	width: 176px;
}
div#content .cm_rechts a{
	text-transform: uppercase;
	line-height: 25px;
	color: #c0c0c0;
}

div#content .cm_rechts ul ul {
	padding-left: 15px;
}

div#content .cm_rechts .is_active a {
	color: #333333;
}
div#content .cm_links .kader {
	position: relative;
	padding: 14px;
	text-transform: uppercase;
	font-size: 10px;
	border-left: solid 1px #ececec;
	border-right: solid 1px #ececec;
	margin-bottom: 10px;
	background: url(../img/links_fadekader_bg.gif) no-repeat left bottom;
	line-height: 20px;
}
div#content .cm_links .kader address {
	margin-bottom: 5px;
}
div#content .cm_links .kader h6 {
	color: #ff3366;
	font-size: 10px;
	font-weight: bold;
}
div#content .cm_links .kader .top,div#content .cm_links .kader .bottom {
	width: 176px;
	height: 3px;
	position: absolute;
	left: -1px;
}
div#content .cm_links .kader .top {
	top: -1px;
	background: url(../img/links_fadekader_top.gif) no-repeat left top;
}
div#content .cm_links .kader .bottom {
	bottom: -1px;
	background: url(../img/links_fadekader_bottom.gif) no-repeat left top;
}

/* CM stijlen */
.quote {
	border: solid 1px #FF3366;
	padding: 3px;
	font-style: italic;
	color: #a0a0a0;
	display: block;
}

/* categorie-links */
a#link_jongen,a#link_meisje {
	display: block !important;
	float: left !important;
	margin: 0px !important;
	padding: 0px !important;
	width: 88px !important;
	height: 30px !important;
}

/* tabellen */
div.form {
	padding: 0px 15px 10px 15px;
}
div.form p {
	padding-bottom: 5px;
}
td.label {
	width: 130px;
}
td.input {
	padding: 0px 0px 5px 15px;
	width: 295px;
}

div.error {
	width: 300px;
	margin: 0 auto;
	padding: 10px;
}

div.error p.error {
	text-align: center;
	border: 1px solid #FF3366;
	padding:5px;
	width: 300px;
	margin-bottom: 0px;
}

td.error,p.error {
	padding: 0px 0px 5px 30px;
	color: #FF3366;
	background: url(../img/error.gif) no-repeat 5px top;
}
td.input.verplicht {
	background: url(../img/required.gif) no-repeat 5px top;
}

/* betaalmethoden */
.betaalmethoden h2 {
	padding-left: 45px;
	padding-top: 30px;
	background: url(../img/titelbalk_bg.gif) repeat-x bottom left;
}

.betaalmethoden h2 div.titel_links, .betaalmethoden h2 div.titel_rechts {
	top: 32px;
}

.betaalmethoden h2.first {
	padding-left: 45px;
	padding-top: 0px;
}

.betaalmethoden h2.first div.titel_links, .betaalmethoden h2.first div.titel_rechts {
	top: 2px;
}

.betaalmethoden h2 img {
	position: absolute;
	top: 32px;
	left: 10px;
}

.betaalmethoden h2.first img {
	position: absolute;
	top: 2px;
	left: 10px;
}

.betaalmethoden label {
	display: block;
	float: left;
	clear: both;
	line-height: 21px;
	position: relative;
	margin-bottom: 5px;
}
.betaalmethoden label img {
	position: absolute;
	top: 0px;
}
.betaalmethoden label span {
	line-height: 21px;
	margin-left: 35px;
}

/* bevestigen*/
div.form_adres {
	padding: 0px 15px 10px 15px;
	width: 367px;
	float: left;
}

/* adressen */
h2 .factuuradres {
	position: absolute;
	left: 15px;
}
h2 .afleveradres {
	position: absolute;
	left: 412px;
}

/* laatst bekeken */
div#content .links #laatst_bekeken a {
	width: 136px;
	height: 80px;	
	padding: 0;
}

div#content .links #laatst_bekeken a.is_active {
	z-index: 10;	
}

div#content .links #laatst_bekeken a.last_active {
	z-index: 9;	
}

div#content .links #laatst_bekeken .carousel_small {
	position: relative;
	width: 136px;
	height: 80px;
	margin: 35px 20px 0px 20px;
}

div#content .links #laatst_bekeken .prev {
	width: 15px;
	height: 15px;
	background: url(../img/prev_small.png);
	position: absolute;
	left: 5px;
	top: 70px;	
	z-index: 50;
	cursor: pointer;
}

div#content .links #laatst_bekeken .next {
	width: 15px;
	height: 15px;
	background: url(../img/next_small.png);
	position: absolute;
	right: 5px;
	top: 70px;	
	z-index: 50;
	cursor: pointer;
}

/* cadeaubonnen */
.cadeaubon td {
	line-height: 21px;
}
.cadeaubon .totaal td {
	font-weight: bold;
	white-space: nowrap;
	padding-right: 5px;
}

/* tussenpagina */
#cnt_jongen.inactive,#cnt_meisje.inactive {
	display: none;
}

#popup {
  display: none;
  position: fixed;
  width: 800px;
  height: auto;
  padding: 10px 0px;
  _position: absolute; /* hack for internet explorer 6 */  
  z-index: 20;  
}

#popup .top {
	position: absolute;
	width: 800px;
	height: 10px;
	top: 0px;
	left: 0px;
	background: url(../img/popup_top.png); 	
}

#popup .bottom {
	position: absolute;
	width: 800px;
	height: 10px;
	bottom: 0px;
	left: 0px;
	background: url(../img/popup_bottom.png); 	
}


#popup_bg {
  display: none;
  position: fixed;
  _position: absolute; /* hack for internet explorer 6 */
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000000; 
  z-index: 10;
}

#popup_message {
  font-size: 12px;
  line-height: 20px;
  width: 740px;
  padding: 20px 30px 50px 30px;
  background: url(../img/popup_bg.png) repeat-y;
}

#popup .terug {
	color: #333333;
	background: none;
	border: none;
	margin-right: 10px;	
	float: left;
}

#popup .verder {
	width: 50px;
	height: 20px;
	color: #ffffff;
	text-align: center;
	padding: 0;
	background: url(../img/popup_button.gif);	
	float: left;
	display: block;
	line-height: 20px;
	position: relative;
}



div.ww_betaalmethode_regel {
	float: left;
	position: relative;
	display: inline;
	width: 794px;
}
div.klarna_form {
	float: left;
	position: relative;
	display: inline;
	width: 700px;
	margin-left: 60px;
	padding-bottom: 5px;
}
div.klarna_form table tr td {
	padding-right: 10px;
}

div#categoriebeschrijving {
	clear: both;
	display: block;
	border: 1px solid #ebebeb;
	padding: 10px;
	margin-bottom: 10px;
}

div#categoriebeschrijving p {
	color: #A0A0A0; 
	margin-bottom: 5px;
}

div#categoriebeschrijving h1, div#categoriebeschrijving h2, div#categoriebeschrijving h3 {
	color: #F36;
	font-size: 10px;
	font-weight: bold;
	background: none;
	padding: 0;
	margin: 0;
}
div#categoriebeschrijving h2 div.titel_links,
div#categoriebeschrijving h2 div.titel_rechts {
	display: none;
}
div#categoriebeschrijving ul {
	margin: 0;
}
div#categoriebeschrijving ul li {
	color: #A0A0A0; 
	list-style-type: disc;
}

div#facebook_vind_ik_leuk {
	width: 392px;
	height: 80px; 
	margin-top: 5px;
	overflow: hidden;
	padding-top: 5px;
}

div.artikel div.webonly {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../img/onlineonly-button.png);
	z-index: 50;
}

div.details_links div.webonly {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../img/onlineonly-large-button.png);
	z-index: 50;
}