@import url("shadowbox.css");

/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* font face */
@font-face {
    font-family: 'ArimoRegular';
    src: url('../fonts/arimo-regular-webfont.eot');
    src: url('../fonts/arimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arimo-regular-webfont.woff') format('woff'),
         url('../fonts/arimo-regular-webfont.ttf') format('truetype'),
         url('../fonts/arimo-regular-webfont.svg#ArimoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, #header q, #headeractie .overlay .subtitel { 	
	font-family: 'ArimoRegular';
}

h1,h2,h3,h4 { font-weight: normal; }

/* site css */
body {
	font				: 0.75em Arial, sans-serif;
	background			: #FFF url(../img/body-bg.png) no-repeat center top;
}

.toegankelijkheid {
	position			: absolute;
	left				: -999em;
}

.clear {
	clear				: both;
}

.navigatie .clear {
    height              : 0;
}


/* meldingen */
#overlay .melding,
#overlay .melding_info,
#overlay .melding_fout,
#overlay .melding_goed,
#content .melding,
#content .melding_info,
#content .melding_fout,
#content .melding_goed  {
    clear: both;
    padding             : 10px 10px 10px 36px;
    margin              : 1.5em 1.5em 1.5em 1.5em;
    font-weight         : bold;
    background          : #fffbce url(../img/icons/melding.png) no-repeat 10px 10px;
    border              : solid 1px #ebdc25;
}

#content ul li.melding,
.pagina-contact #content .formmodule li.melding {
    padding             : 10px 10px 10px 36px;
}

#overlay .melding a,
#overlay .melding_info a,
#overlay .melding_fout a,
#overlay .melding_goed a,
#content .melding a,
#content .melding_info a,
#content .melding_fout a,
#content .melding_goed a    {
    color               : #092139;
}

#overlay .melding_info,
#content .melding_info  {
    background-color    : #ddefff;
    background-image    : url(../img/icons/info.png);
    border              : solid 1px #77baf3;
}

#overlay .melding_fout,
#content .melding_fout,
#content ul.error {
    background-color    : #ffcccc;
    background-image    : url(../img/icons/fout.png) no-repeat;
    border              : solid 1px #eb3c3c;
}

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

#overlay .melding_goed,
#content .melding_goed  {
    background-color    : #cef4d3;
    background-image    : url(../img/icons/goed.png);
    border              : solid 1px #7dcc86;
}

/* Melding wanneer js is uitgeschakeld */
.melding-geen-js {
        padding         : 10px 0;
        border-bottom   : 2px solid #6F80B1;
        text-align      : center;
        color           : #3a4c80;
        background-color: #ffcccc;
}

.melding-geen-js a {
        color           : #092139;
}

/* help */
.help {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    background: url(../img/icons/info.png) no-repeat left top;
    cursor: help;
}

.help > div {
    position: absolute;
    left: -900em;
    bottom: 12px;
    z-index: 1337;
    width: 400px;
    padding: 10px;
    border: 1px solid #7489bc;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #203b7e;
    background: #EBEFF9;
    box-shadow: 0 0 12px rgba(0,0,0,0.4)
}

.help:hover > div { left: -180px; }

/* --------------------------------	*/
/* google_translate_element		 	*/
/* --------------------------------	*/
#google_translate_element_container {
	display				: inline;
	float				: left;
	position			: relative;
	top					: 2px;
}

#google_translate_element_container.ingelogd {
    clear: both;
	float: right;
    margin: 5px 14px 0 0;
}

.goog-te-gadget-simple {
	padding-bottom			: 5px !important;
	padding-top				: 5px !important;
	-webkit-border-radius   : 6px;
	-moz-border-radius      : 6px;
    border-radius           : 6px;
	color					: #666666 !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
	color					: #666666 !important;
}

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container {
	position			: relative;
	width				: 958px;
	margin				: 0 auto;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header {
	position			: relative;
	z-index				: 20;
	height				: 130px;
}

#header a.logo {
	position			: absolute;
	top					: 5px;
	left				: 29px;
}

#header .top {
	position			: absolute;
	right				: 0;
	top					: 10px;
	z-index				: 100;
}

/* Topmenu */
#topmenu {
	display				: inline;
	float				: left;
	position			: relative;
	z-index				: 10;
	margin				: 5px 5px 0 0;
}

#topmenu > li {
	display				: inline;
	float				: left;
	position			: relative;
	margin				: 0;
}

#topmenu li.nb {
	padding				: 0 0 0 5px;
}

#topmenu > li > a {
	float				: left;
	position			: relative;
	padding				: 5px 7px;
	text-decoration		: none;
	color				: #757575;
}

#topmenu > li span {
    float				: left;
	position			: relative;
	padding				: 5px 0;
	text-decoration		: none;
	color				: #757575;
}

#topmenu > li.nb a {
	z-index				: 10;
	height				: 15px;
	padding				: 5px 10px 5px 5px;
}

#topmenu li:hover a {
	text-decoration		: underline;
	color				: #000;
}

#topmenu li.actief a,
#topmenu li.nbactief a {
	color				: #000;
}

/* Topmenu submenu */
#topmenu li ul {}

#topmenu li div.submenu {
	position			: absolute;
	display				: none;
	left				: 0;
	top					: 23px;
	z-index				: 5;
	width				: 175px;
	padding				: 8px 0 0 0;
	background			: url(../img/submenu-bg.png) no-repeat right top;
    margin              : 0 0 0 10px;
}

#topmenu li:hover div.submenu,
#topmenu li.hover div.submenu {
	display				: block;
}

#topmenu li div.submenu ul {
	width				: 175px;
	padding				: 0 0 8px 0;
	background			: url(../img/submenu-bg.png) no-repeat left bottom;
}

#topmenu li div.submenu ul a {
	display				: block;
	padding				: 5px 3px 5px 10px;
	text-decoration		: none;
	color				: #000;
}

#topmenu li div.submenu ul a:hover {
	text-decoration		: underline;
}

#topmenu li div.submenu ul li.actief a {
	font-weight			: bold;
	color				: #d73347;
}

/* Nieuwsbrief form */
#topmenu li.nbactief {
	background			: url(../img/menu-item-sub.png) no-repeat left top;
}

#topmenu li.nbactief a {
	background			: url(../img/menu-item-sub.png) no-repeat right top;
}

#topmenu li.nb .nb-blok {
	position			: absolute;
	left				: -900em;
	top					: 24px;
	z-index				: -5;
	width				: 231px;
	padding				: 8px 0 0 0;
	line-height			: 1.6em;
	background			: url(../img/nieuwsbrief-bg.png) no-repeat right top;
}

#topmenu li.nbactief .nb-blok {
	left				: 0;
}

#topmenu li.nb .nb-blok .wrap {
	padding				: 10px 5px 12px 8px;
	background			: url(../img/nieuwsbrief-bg.png) no-repeat left bottom;
}

#topmenu li.nb .nb-blok #nieuwsbriefformulier {
	margin				: 1em 0;
}

#topmenu li.nb .nb-blok li {
	display				: block;
	float				: none;
	margin				: 0 0 3px 0;
}

#topmenu li.nb .nb-blok li.melding {
    margin              : 5px 0;
}

#topmenu li.nb .nb-blok legend {
	display				: none;
}

#topmenu li.nb .nb-blok input[type=text] {
	width				: 202px;
	height				: 21px;
	padding				: 4px 8px 0 8px;
	border				: 0;
	font-size			: 1em;
	font-family			: Arial, sans-serif;
	line-height			: normal;
	background			: url(../img/input-bg.png) no-repeat left top;
}

#topmenu li.nb .nb-blok input.fout {
    background          : url(../img/input-bg-fout.png) no-repeat left top;
    color               : #fff;
}

#topmenu li.nb .nb-blok input.defaultvalue {
	color				: #999;
}

#topmenu li.nb .nb-blok #melding_nieuwsbriefformulier {
	display				: none;
}

#topmenu li.nb .nb-blok input.button {
	float				: right;
	width				: 118px;
	height				: 26px;
	overflow			: hidden;
	margin				: 10px 0 0 0;
	padding				: 0;
	border				: 0;
	text-indent			: -900em;
	line-height			: 900em;
	background			: url(../img/button-aanmelden.png) no-repeat left top;
	cursor				: pointer;
}

/* Zoeken */
#zoekform {
	display				: inline;
	float				: left;
	position			: relative;
	width				: 258px;
	height				: 30px;
	margin				: 3px 14px 0 0;
	padding				: 0 0 0 6px;
	background			: url(../img/zoek-bg.png) no-repeat left top;
}

#zoekform legend {
	display				: none;
}

#zoekform input {
	width				: 220px;
	padding				: 0;
	border				: 0;
	vertical-align		: middle;
}

#zoekform input.defaultvalue {
	color				: #666;
}

#zoekform input.button {
	width				: 32px;
	height				: 30px;
	overflow			: hidden;
	text-indent			: -900em;
	line-height			: 900em;
	background			: url(../img/button-zoek.png) no-repeat left top;
	cursor				: pointer;
}

/* Zoeksuggesties */
#zoekform .suggesties {
	display				: none;
	position			: absolute;
	left				: 0;
	top					: 32px;
	width				: 264px;
	background			: url(../img/zoeksuggestie-bg.png) no-repeat left bottom;
}

#zoekform .suggesties ul {
	width				: 264px;
	padding				: 9px 0;
	background			: url(../img/zoeksuggestie-bg.png) no-repeat right top;
}

#zoekform .suggesties li {
	padding				: 0 1px;
}

#zoekform .suggesties li a {
	display				: block;
	overflow			: hidden;
	padding				: 5px;
	text-decoration		: none;
	color				: #000;
}

#zoekform .suggesties li a:hover,
#zoekform .suggesties li.hover a {
	color				: #FFF;
	background			: #D73347;
}

#zoekform .suggesties li a img {
	display				: inline;
	float				: left;
	margin				: 0 5px 0 0;
}

#zoekform .suggesties li a strong {
	display				: block;
}

#zoekform .suggesties li.header {
    font-weight         : bold;
    text-align          : center;
    color               : #D73347;
}

#zoekform .suggesties a.alle {
	display				: block;
	overflow			: hidden;
	padding				: 5px;
	text-decoration		: none;
	text-align			: center;
	font-weight			: bold;
	color				: #000;
}

#zoekform .suggesties a.alle:hover {
	text-decoration		: underline;
}

/* Talen */
#talen {
	float				: left;
}

#talen li {
	float				: left;
}

#talen li a {
	float				: left;
	width				: 28px;
	height				: 28px;
	border				: 3px solid #FFF;
	text-indent			: -900em;
	background			: url(../img/talen.png) no-repeat;
}

#talen li a.nl { background-position: left top; }
#talen li a.de { background-position: -28px top; }
#talen li a.en { background-position: -56px top; }

#talen li a:hover {
	border				: 3px solid #CCC;
}

/* Slogan */
#header q {
	display				: block;
	position			: absolute;
	left				: 180px;
	top					: 60px;
	font-size			: 1.8em;
}

/* Winkelwagen */
#header .winkelwagen {
	position			: absolute;
	right				: 10px;
	top					: 95px;
	width				: 230px;
	height				: 63px;
	color				: #FFF;
}

#header .winkelwagen strong {
	display				: none;
}

#header .winkelwagen p,
#header .winkelwagen a {
	width				: 143px;
	height				: 31px;
	padding				: 32px 75px 0 12px;
	background			: url(../img/winkelwagen-bg.png) no-repeat;
}

#header .winkelwagen p {
	background-position	: left top;
}

#header .winkelwagen a {
	display				: block;
	text-decoration		: none;
	color				: #FFF;
	background-position	: -230px top;
}

#header .winkelwagen a:hover {
	text-decoration		: underline;
	background-position	: -460px top;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu {
	position			: absolute;
	left				: 183px;
	top					: 93px;
}

#menu > li {
	display				: inline;
	float				: left;
	position			: relative;
	margin				: 0 4px 0 0;
}

#menu > li > a {
	float				: left;
	position			: relative;
	z-index				: 10;
	padding				: 0 0 0 5px;
	text-decoration		: none;
	color				: #000;
}

#menu li a.home {
	width				: 36px;
	height				: 35px;
	text-indent			: -900em;
	background			: url(../img/menu-home.png) no-repeat left top;
}

#menu li a.home:hover,
#menu li.actief a.home {
	background			: url(../img/menu-home.png) no-repeat left bottom;
}

#menu li a span {
	float				: left;
	height				: 16px;
	padding				: 9px 10px 9px 5px;
	cursor				: pointer;
}

#menu > li.actief > a {
	font-weight			: bold;
	color				: #D73347;
}

#menu > li:hover > a span {
	text-decoration		: underline;
}

/* Hover met submenu */
#menu > li.sub:hover > a,
#menu > li.sub.hover > a {
	background			: url(../img/menu-item-sub.png) no-repeat left top;
}

#menu > li.sub:hover > a span,
#menu > li.sub.hover > a span {
	background			: url(../img/menu-item-sub.png) no-repeat right top;
}

/* Submenu */
#menu li div {
	position			: absolute;
	left				: -900em;
	top					: 33px;
	z-index				: 5;
	width				: 175px;
	padding				: 8px 0 0 0;
	background			: url(../img/submenu-bg.png) no-repeat right top;
}

#menu li:hover div,
#menu li.hover div {
	left				: 0;
}

#menu li div ul {
	width				: 175px;
	padding				: 0 0 8px 0;
	background			: url(../img/submenu-bg.png) no-repeat left bottom;
}

#menu li div ul a {
	display				: block;
	padding				: 5px 3px 5px 10px;
	text-decoration		: none;
	color				: #000;
}

#menu li div ul a:hover {
	text-decoration		: underline;
}

#menu li div ul li.actief a {
	font-weight			: bold;
	color				: #d73347;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main {
	position			: relative;
	z-index				: 10;
	line-height			: 1.6em;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk {
	float				: left;
	width				: 183px;
	padding				: 50px 0 170px 0;
}

/* Productmenu */
#productmenu {
	width				: 174px;
	overflow			: hidden;
}

#productmenu li {
	float				: left;
	width				: 174px;
}

#productmenu > li > a {
	display				: block;
	position			: relative;
	z-index				: 10;
	width				: 174px;
	height				: 38px;
	text-decoration		: none;
	font-size			: 1.4em;
	line-height			: normal;
	color				: #000;
	background			: url(../img/productmenu-item-bg.png) no-repeat left top;
}

#productmenu > li > a > span {
	display				: block;
	width				: 144px;
	height				: 30px;
	padding				: 8px 0 0 30px;
	background			: url(../img/productmenu-item-pijl.png) no-repeat 12px 11px;
	cursor				: pointer;
}

#productmenu > li.actief > a {
	color				: #d73347;
}

/* Productmenu sub */
#productmenu li ul {
	position			: relative;
	z-index				: 5;
	width				: 162px;
	overflow			: hidden;
	margin-top			: -8px;
	padding				: 10px 6px;
	background			: url(../img/productmenu-sub-bg.png) no-repeat left bottom;
}

#productmenu li li {
	width				: 162px;
	padding				: 1px 0;
	border-top			: 1px solid #d3d3d3;
}

#productmenu li li:first-child {
	border-top			: 0;
}

#productmenu li li a {
	display				: block;
	padding				: 3px 0 3px 5px;
	line-height			: normal;
	text-decoration		: none;
	color				: #000;
}

#productmenu li li a:hover,
#productmenu li li.actief a {
	background			: #DDD;
}

#productmenu li li.actief a {
	font-weight			: bold;
	color				: #FFF;
	background			: #D63346;
}

/* Logo's */
#zijbalk .logos {
	width				: 135px;
	overflow			: hidden;
	margin				: 20px 0 0 15px;
	text-align			: center;
}

/* --------------------------------	*/
/* maincontent					 	*/
/* --------------------------------	*/
#maincontent {
	float				: right;
	position			: relative;
	width				: 775px;
}


/* --------------------------------	*/
/* headeractie					 	*/
/* --------------------------------	*/
#headeractie {
	position			: relative;
	width				: 775px;
	height				: 203px;
}

#headeractie .fotos li {
	position			: absolute;
	left				: 0;
	top					: 0;
	z-index				: 5;
	width				: 775px;
	height				: 203px;
	overflow			: hidden;
	background			: #000;
}

#headeractie .overlay {
    display             : block;
	position			: absolute;
    top                 : 0;
    left                : 0;
	z-index				: 10;
	width				: 775px;
	height				: 188px;
	padding				: 15px 0 0 0;
	overflow			: hidden;
	background			: url(../img/headeractie/overlay.png) no-repeat left top;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#contentwrap {
	float				: left;
	width				: 480px;
}

#contentwrap.breed {
    float               : left;
    width               : 770px;
}

#content {
	padding				: 15px 0;
	color				: #333;
}

#content h1 {
	margin				: 0 0 10px 0;
	font-size			: 2.2em;
}

#content h2 {
	margin				: 0 0 10px 0;
	font-size			: 2em;
}

#content h3 {
    margin				: 0 0 10px 0;
    font-size           : 1.6em;
}

#contentwrap h2 {
    margin              : 15px 0;
}

#contentwrap h3 {
    margin              : 10px 0;
}

#content .module h3 {
    margin-top          : 20px;
}

#content .gegevens h3 {
    margin-top          : 20px;
}

#content a 			{ color: #b21a2c; }
#content a:hover 	{ color: #000; }

/* iwes opmaak */
#content .iwes a:visited {
	color				: #666;
}

#content .iwes blockquote {
	margin				: 0 0 10px 30px;
}

#content .iwes ul {
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol {
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	margin				: 0;
	list-style			: none;
}

#content input,
#content select,
#content textarea {
	padding				: 2px;
	border				: 1px solid #CCC;
	font				: 1em Arial;
}

#content textarea {
	overflow			: auto;
}

#content input:hover,
#content textarea:hover {
	border				: 1px solid #333;
}

#content input.veldfocus,
#content textarea.veldfocus {
	border				: 1px solid #333;
}

#content input.radio,
#content input.checkbox {
	border				: none;
}

#content input.button {
	margin				: 10px 0;
	padding				: 3px 15px;
	font-weight			: bold;
	border				: none;
	color				: #fff;
	background			: #D73347;
	cursor				: pointer;
    -moz-border-radius  : 5px;
    -webkit-border-radius: 5px;
    border-radius       : 5px;
}

#content input.fout, #content textarea.fout {
	border				: 1px solid #F00;
}

#content .melding, #content label.fout {
	color				: #F00;
}

.crudfieldsetlegend {
    display             : none;
}

table.tabel tr td {
    padding             : 5px;
    background          : #f7f7f7;
    border-top          : 1px solid #fff;
    border-bottom       : 1px solid #e4e4e4;
}

fieldset .tabel tr:first-child td {
    border-top          : 1px solid #e4e4e4;
}

table.tabel tr td:first-child {
    border-left         : 1px solid #e4e4e4;
}

table.tabel tr td:last-child {
    border-right        : 1px solid #e4e4e4;
}

table.tabel tr td label {
    font-weight         : bold;
}

table.tabel tr td.recordForm label {
    font-weight         : normal;
}

.betaling .recordForm label {
    display: block;
    min-height: 24px;
    padding: 0 0 0 30px;
}

.betaling .recordForm label[for=betaalwijze_ideal] { background: url(../img/winkelwagen/ideal.png) no-repeat left center; }

table.tabel tr td table tr td {
    border              : none !important;
}

/* Formulier op contactpagina */
.pagina-contact #content .formmodule {
	width				: 407px;
	padding				: 0 0 20px 0;
	background			: url(../img/contactformulier-bg.png) no-repeat left bottom;
}

.pagina-contact #content .formmodule h4 {
	display				: block;
	padding				: 20px 0 10px 20px;
	font-size			: 1.5em;
	background			: url(../img/contactformulier-bg.png) no-repeat right top;
}

.pagina-contact #content .formmodule ul {
	padding				: 0 20px;
}

.pagina-contact #content .formmodule li {
	clear				: both;
	padding				: 5px 0;
}

.pagina-contact #content .formmodule .label {
	float				: left;
	width				: 100px;
	padding				: 2px 0 0 0;
}

.pagina-contact #content .formmodule .veld {
	float				: right;
	width				: 255px;
	padding				: 5px 0 0 0;
	background			: url(../img/contactform-input-bg.png) no-repeat right top;
}

.pagina-contact #content .formmodule .veld input,
.pagina-contact #content .formmodule .veld textarea {
	padding				: 0 5px 5px 5px;
	border				: 0;
	background			: url(../img/contactform-input-bg.png) no-repeat left bottom;
}

.pagina-contact #content .formmodule .veld input.defaultvalue,
.pagina-contact #content .formmodule .veld textarea.defaultvalue {
	font-style			: italic;
	color				: #999;
}

.pagina-contact #content .formmodule .button {
	float				: right;
	width				: 118px;
	height				: 26px;
	overflow			: hidden;
	padding				: 0;
	text-indent			: -900em;
	line-height			: 900em;
	background			: url(../img/button-verstuur.png) no-repeat left top;
}

.pagina-contact #content .formulier-duits .button {
    background          : url(../img/button-verstuur.png) no-repeat 0 -26px;
}

.pagina-contact #content .formulier-engels .button {
    background          : url(../img/button-verstuur.png) no-repeat left bottom;
}

.pagina-contact #content .formmodule li.verplicht {
	display				: none;
}

/* Pagina navigatie */
#content .navigatie {
	padding				: 10px;
	border				: 1px solid #E3E3E3;
	color				: #666;
	background			: #F5F5F5;
    zoom:1;
}

#content .navigatie ul,
#content .navigatie ol {
    float               : left;
	display				: inline;
}

#content .navigatie * {zoom:1;}

#content .navigatie ul li,
#content .navigatie ol li {
	display				: inline;
	margin				: 0;
	padding				: 0 1px 0 0;
	border				: none;
	font-weight			: bold;
}

#content .navigatie ul li.huidige_pagina,
#content .navigatie ol li.huidige_pagina {
	margin				: 0 1px 0 0;
	padding				: 2px 5px;
	border				: 1px solid #D63346;
	color				: #FFF;
	background			: #D63346;
}

#content .navigatie ul li a,
#content .navigatie ol li a {
	padding				: 2px 5px;
	background			: #FFF;
	border				: 1px solid #CCC;
	color				: #AAA;
	text-decoration		: none;
}

#content .navigatie ul li.actief a,
#content .navigatie ul li a:hover,
#content .navigatie ol li.actief a,
#content .navigatie ol li a:hover {
	border				: 1px solid #D63346;
	color				: #D63346;
}


/* sorteren en aantal items per pagina*/
#content .navigatie .right {
    float               : right;
}
#content .aantal-per-pagina,
#content .navigatie .sorteren {
    display              : inline;

}

#sorteren strong,
#aantal-per-pagina strong {
    font-size               : 0.95em;
    padding             : 4px 5px 0 5px !important;
}

#aantal-per-pagina .sub .wrap,
#sorteren .sub .wrap {
    overflow            : hidden;
}

#sorteren li a,
#aantal-per-pagina  li a{
    border              : none !important;
    background          : none !important;
    color               : #000 !important;
    font-weight         : normal !important;
}

#content .navigatie #sorteren span,
#content .navigatie #sorteren ul {
    float               : left;
    overflow            : hidden;
}

#content .navigatie #sorteren ul {
    width               : 100%;
    overflow            : hidden;
}

#content .navigatie #sorteren  li {
    float               : left;
    min-height          : 18px;
    width               : 150px;
    background          : url(../img/sorteer-buttons.png) no-repeat left top;
}

#content .navigatie #sorteren  li a {
    display             : block;
    width               : 100%;
    height              : 100%;
    border              : none !important;
    padding             : 0;
    background          : none !important;
    text-indent         : 25px;
}

#content .navigatie #sorteren  li.reset {
    background          : none;
}

#content .navigatie #sorteren  li.aflopend {      background-position : 0 top;   }
#content .navigatie #sorteren  li.oplopend {      background-position : 0 -183px;   }


#content .navigatie #sorteren  li:hover a,
#content .navigatie #sorteren  li.actief a {
    border              : none !important;
}


/* breadcrumbs */
#content .breadcrumbs {
	height				: 22px;
	margin				: 20px 0 10px 0;
	padding				: 0 0 0 2px;
	background			: url(../img/breadcrumbs-bg.png) no-repeat left top;
}

#content .breadcrumbs li {
	float				: left;
	height				: 22px;
	padding				: 0 0 0 14px;
	background			: #585858 url(../img/breadcrumbs-bg.png) no-repeat left -22px;
}

#content .breadcrumbs li:first-child {
	padding				: 0 0 0 5px;
	background			: #585858 none;
}

#content .breadcrumbs li a {
	display				: block;
	height				: 22px;
	padding				: 0 5px;
	border-bottom		: 0;
	text-decoration		: none;
	color				: #FFF;
}

#content .breadcrumbs li a:hover {
	text-decoration		: underline;
}

#content .breadcrumbs li.actief {
	background			: #d73347 url(../img/breadcrumbs-bg.png) no-repeat left -44px;
}

#content .breadcrumbs li.actief span {
	display				: block;
	height				: 22px;
	padding				: 0 16px 0 5px;
	color				: #FFF;
	background			: url(../img/breadcrumbs-bg.png) no-repeat right -66px;
}

/* --------------------------------	*/
/* sublimatieshirts                 */
/* --------------------------------	*/
#content .module td.fm_form1_type_shirt label,
#content .module td.fm_form1_type_kraag label {
    float               : left;
    border              : 2px solid #fff;
    margin              : 2px;
    background          : #fff;
    cursor: pointer;

    -moz-border-radius  : 5px;
    -webkit-border-radius: 5px;
    border-radius       : 5px;
}

#content .module td.fm_form1_type_shirt label.selected,
#content .module td.fm_form1_type_kraag label.selected {
    border              : 2px solid #C5C5C5;
}

/* --------------------------------	*/
/* sitemap							*/
/* --------------------------------	*/
#content .sitemap-block {
    border              : 1px solid #ccc;
    -moz-border-radius  : 5px;
    -webkit-border-radius: 5px;
    border-radius       : 5px;
    width               : 220px;
    padding             : 10px;
    background          : #f9f9f9;
    float               : left;
    margin              : 5px;
}

#content .sitemap-block.first-block {
    margin-left         : 0;
}

#content .sitemap-block h2 a {
    text-decoration     : none;
}

#content .sitemap,
#content .sitemap ul{
	list-style			: circle;
	margin-left			: 20px;
	margin-bottom		: 5px;
}

#content .sitemap > li	{
	margin-bottom		: 5px;
}

#content .sitemap > li > a {
	font-weight			: normal;
	font-size			: 1.1em;
	color				: #000;
	text-decoration		: none;
}

#content .sitemap > li > a:hover {
	text-decoration		: underline;
}

/* --------------------------------	*/
/* overzicht producten			 	*/
/* --------------------------------	*/
#content .overzicht {
	position			: relative;
}

#content .overzicht li {
	display				: -moz-inline-stack;
	display				: inline-block;
	position			: relative;
	width 				: 243px;
	margin				: 0 19px 19px 0;
	vertical-align		: top;
	background			: url(../img/overzicht-bg.png) no-repeat left bottom;
}

#content ul.product li
{
    height              : 225px;
}

#content ul.product li h3
{
    height              : 35px;
}


#content .overzicht li.last-row-item {
	margin				: 0 0 20px 0;
}

#content .overzicht li h3 {
	padding				: 10px 1px 5px 10px;
	font-size			: 1.5em;
	width 				: 232px;
    overflow            : hidden;
	background			: url(../img/overzicht-bg.png) no-repeat right top;
    word-wrap           : break-word;
}

#content .overzicht li img {
	display				: block;
	padding				: 0 1px;
    margin              : 0 auto;
}

#content .overzicht li .prijs {
	position			: relative;
	z-index				: 20;
	overflow			: hidden;
	padding				: 10px 15px 10px 0;
	line-height			: 2.3em;
	text-align			: right;
}

#content .overzicht li .prijs strong,
#content .overzicht li .prijs ins {
	padding				: 0 0 0 10px;
	line-height			: normal;
	font-weight			: normal;
	font-size			: 1.7em;
}

#content .overzicht li .prijs del {
	text-decoration		: none;
	background			: url(../img/prijs-del.gif) no-repeat 50% 50%;
}

#content .overzicht li .prijs sup {
	font-size			: 0.7em;
	line-height			: 0.5em;
}

#content .overzicht li a {
	display				: block;
	position			: absolute;
	left				: 6px;
	bottom				: 12px;
	z-index				: 30;
	width				: 26px;
	height				: 22px;
	text-indent			: -900em;
	background			: url(../img/overzicht-link.png) no-repeat left top;
}

/* Hover */
#content .overzicht li.hover a {
	background-position	: left bottom;
}

/* Prijslabel */
#content .overzicht li .label {
	position			: absolute;
	right				: -12px;
	bottom				: -12px;
	z-index				: 10;
	width				: 110px;
	height				: 73px;
	background			: url(../img/overzicht-label.png) no-repeat left top;
}

#content .overzicht li.prijslabel .prijs {
	min-height			: 28px;
	padding				: 10px 110px 10px 0;
}

#content .overzicht li.prijslabel .prijs strong,
#content .overzicht li.prijslabel .prijs ins {
	color				: #FFF;
}

#content .overzicht li.prijslabel .prijs ins,
#content .overzicht li.prijslabel .prijs strong {
	position			: absolute;
	right				: 0;
	top					: 10px;
	width				: 80px;
	text-align			: center;
}


/* --------------------------------	*/
/* categorie producten			 	*/
/* --------------------------------	*/
#aanbiedingen {
	padding				: 10px 0 30px 0;
	background			: url(../img/schaduw-onder.png) no-repeat left bottom;
}

/* overzicht subcategorieen */
#subcategorieen .overzicht li img {
	position			: relative;
	left				: 0;
	top					: 0;
	z-index				: 5;
	padding				: 1px 1px 0 1px;
	background			: url(../img/overzicht-bg.png) no-repeat right top;
}

#subcategorieen .overzicht li h3 {
	position			: relative;
	z-index				: 10;
	padding				: 10px 1px 5px 45px;
    width               : 192px;
    overflow            : hidden;
    word-wrap           : break-word;
	background			: url(../img/overzicht-overlay.png) no-repeat left top;
}


/* --------------------------------	*/
/* filter						 	*/
/* --------------------------------	*/
#filter {
	position			: relative;
	z-index				: 100;
	margin				: 10px 0 20px 0;
}

#filter p,
#filter form {
	display				: inline;
	float				: left;
	margin				: 0 10px 0 0;
}

#sorteren,
#aantal-per-pagina,
#filter li {
	display				: inline;
	float				: left;
	position			: relative;
	margin				: 0 10px 0 0;
}

#sorteren strong,
#aantal-per-pagina strong,
#filter li strong {
	display				: block;
	position			: relative;
	z-index				: 10;
	width				: 114px;
	height				: 18px;
	padding				: 4px 0 0 10px;
	line-height			: normal;
	background			: url(../img/filter-keuze.png) no-repeat left top;
	cursor				: pointer;
}

#sorteren strong,
#aantal-per-pagina strong {}

#sorteren strong.toegepast,
#aantal-per-pagina strong.toegepast,
#filter li strong.toegepast {
    background          : url(../img/filter-keuze-toegepast.png) no-repeat left top;
    color               : #FFFFFF;
}

#sorteren strong:hover,
#aantal-per-pagina strong:hover,
#filter li strong:hover 		{ background-position: right top; }

#sorteren.open strong,
#aantal-per-pagin.open strong,
#filter li.open strong 			{ background-position: left bottom; }

#sorteren.open strong:hover,
#aantal-per-pagina.open strong:hover,
#filter li.open strong:hover 	{ background-position: right bottom; }

#sorteren .sub,
#aantal-per-pagina .sub,
#filter li .sub {
	position			: absolute;
	left				: -900em;
	top					: 17px;
	z-index				: 5;
	width				: 219px;
	padding				: 16px 0 0 0;
	line-height			: normal;
	background			: url(../img/filter-sub-bg.png) no-repeat right top;
}

#sorteren.open .sub,
#aantal-per-pagina.open .sub,
#filter li.open .sub {
	left				: 0;
}

#sorteren .sub .wrap,
#aantal-per-pagina .sub .wrap,
#filter li .sub .wrap {
	padding				: 0 1px 8px 5px;
	color				: #959595;
	background			: url(../img/filter-sub-bg.png) no-repeat left bottom;
}

#sorteren .wrap ul,
#aantal-per-pagina .wrap ul,
#filter li .wrap ul {
	margin				: 5px 0 0 5px;
}

#aantal-per-pagina .wrap ul {
    margin-top           : 0 !important;
    padding             : 7px 0;
}

#filter li .wrap li {
	float				: none;
	display				: block;
	margin				: 0;
	padding				: 3px 0;
}

#filter li .wrap li input {
	margin				: 0 5px 0 0;
	padding				: 0;
	border				: 0;
}

#filter li .wrap li label {
	display				: block;
	color				: #333;
	cursor				: pointer;
}

#filter li input.button,
#filter li input.reset {
	width				: 69px;
	height				: 21px;
	overflow			: hidden;
	margin				: 0;
	padding				: 0;
	border				: 0;
	text-indent			: -900em;
	line-height			: 900em;
	background			: url(../img/filter-button.png) no-repeat left top;
	cursor				: pointer;
}

#filter li input.reset {
	background-position	: right top;
}

#sorteren ul,
#aantal-per-pagina ul {
    display             : block !important;
    overflow            : hidden;
}

#sorteren li,
#aantal-per-pagina li {
    float               : left;
    display             : block !important;
    clear               : left;
    margin              : 3px 0 !important;
}

#aantal-per-pagina li a {
    border              : none;

}


/* --------------------------------	*/
/* productdetail				 	*/
/* --------------------------------	*/
/* toegevoegd */
.toegevoegd {
	overflow			: hidden;
	padding				: 15px;
	font-size			: 1.1em;
	line-height			: 1.8em;
	background			: #FFF;
}

.toegevoegd p {
	padding				: 0 0 10px 100px;
	background			: url(../img/toegevoegd.png) no-repeat left top;
}

.toegevoegd a {
	display				: inline;
	float				: left;
	margin				: 10px 10px 0 0;
	padding				: 5px 10px;
	font-weight			: bold;
	text-decoration		: none;
	color				: #FFF;
	background			: #D63346;
}

.toegevoegd a:hover {
	background			: #333;
}

#productdetail {
	padding				: 0 0 30px 0;
	background			: url(../img/schaduw-onder.png) no-repeat center bottom;
}

#productdetail #fotos {
	float				: left;
	position			: relative;
	z-index				: 10;
	width				: 350px;
}

#productdetail .fotogroot {
	float				: left;
	position			: relative;
	width				: 267px;
	height				: 442px;
	text-align			: center;
	vertical-align		: middle;
	background			: #FFF;
}

#productdetail .foto {
	position			: absolute;
	left				: 0;
	top					: 0;
	visibility			: hidden;
	border				: 1px solid #939598;
	background			: #F5F5F5;
}

#productdetail .fotogroot a {
	display				: block;
}

#productdetail .fotogroot .foto:first-child {
	visibility			: visible;
}

#productdetail .fotogroot img {
	position			: relative;
	z-index				: 5;
}

#productdetail .fotogroot .vergrootglas {
	display				: block;
	position			: absolute;
	right				: 0;
	bottom				: 0;
	z-index				: 10;
	width				: 36px;
	height				: 36px;
	text-indent			: -900em;
	background			: url(../img/vergrootglas.png) no-repeat left top;
}

/* Zoom */
div.jqZoomTitle {
	position			: absolute;
	z-index				: 10000;
	top					: 0;
	left				: 0;
	width				: 100%;
	padding				: 5px 0;
	text-align			: center;
	color				: #FFF;
	background			: #333;
	-moz-opacity		: 0.5;
	opacity				: 0.5;
	filter				: alpha(opacity = 50);
}

.jqZoomPup {
	z-index				: 10;
	overflow			: hidden;
	border				: 1px solid #000;
	background			: #FFF;
	-moz-opacity		: 0.2;
	opacity				: 0.2;
	filter				: alpha(opacity = 20);
	cursor				: crosshair;
}

.preload {
	position			: absolute;
	top					: 3px;
	left				: 3px;
	z-index				: 10;
	width				: 90px;
	height				: 43px;
	padding				: 8px;
	border				: 1px solid #CCC;
	text-align			: center;
	text-decoration		: none;
	color				: #333;
	background			: #FFF url(../img/zoomloader.gif) no-repeat 43px 30px;
	-moz-opacity		: 0.8;
	opacity				: 0.8;
	filter				: alpha(opacity = 80);
}

* html .preload {
	width				: 90px;
	height				: 43px;
}

.jqZoomWindow {
	border				: 3px solid #333;
	background			: #333;
}

/* Thumbs */
#productdetail #fotos .thumbs {
	float				: left;
}

#productdetail #fotos .thumbs li {
	padding				: 10px;
	position			: relative;
}

#productdetail #fotos .thumbs li a {
	display				: block;
}

#productdetail #fotos .thumbs li:hover,
#productdetail #fotos .thumbs li:hover ul {
	background			: #e8e8e8;
}

#productdetail #fotos .thumbs li ul {
	position			: absolute;
	top					: 0;
	left				: 77px;
	width				: 149px;
}

#productdetail #fotos .thumbs li:hover ul {
	display				: block;
}

#productdetail #fotos .thumbs li ul {
	display				: none;
}

#productdetail #fotos .thumbs li ul li {
	float				: left;
	padding				: 10px 5px;
}

#productdetail #fotos .thumbs img {
	border				: 1px solid #949699;
}

/* Share */
#productdetail #fotos .share {
	clear				: both;
	padding				: 20px 0;
}

#productdetail #fotos .share .a2a_dd {
	color				: #fff;
	border				: none;
}

#productdetail #fotos #facebook-like {
	margin				: 0 0 -3px 2px;	
}

/* Info */
#productdetail #info {
	float				: right;
	width				: 420px;
}

#productdetail #info h2 {
    width 				: 420px;
    word-wrap           : break-word;
}

/* Maat Aantal */
#productdetail #info .maat-aantal table.productvarianten tbody tr td select.select_kleur {
    width               : 95%;
}

#productdetail #info .maat-aantal table.productvarianten tbody tr td select.select_maat {
    width               : 90%;
}

#productdetail #info .maat-aantal table.productvarianten tbody tr td input.productaantal {
    width               : 40px;
}

#productdetail #info div.maten table tbody tr td input.productaantal {
    width               : 40px;
}

#productdetail #info .maat-aantal table.productvarianten {
	margin				: 15px 0 0 0;
}

#productdetail #info .maat-aantal table.productvarianten tbody th {
	text-align			: left;
	padding				: 5px 0;
}

#productdetail #info .maat-aantal table.productvarianten tbody tr td {
	padding				: 5px 0;
}

#productdetail #info .maat-aantal table.productvarianten tbody tr td:first-child {
	padding-left		: 5px;
}

#productdetail #info .maat-aantal table.productvarianten tbody tr td {
	background			: #f2f2f2;
}

#productdetail #info .maat-aantal table.productvarianten tbody tr.oneven td {
	background			: #e9e9e9;
}

#productdetail #info .maat-aantal td.regeltotaal {
	font-weight			: bold;
}

#productdetail #info .maat-aantal .andere-maat {
	text-align			: right;
	margin				: 10px 0 20px;
	padding				: 0;
}

#productdetail #info .maat-aantal .andere-maat a {
	line-height			: 20px;
	color				: #000;
}

/* Prijstabel */
#productdetail #info .prijstabel table {
	border				: 1px solid #ccc;
}

#productdetail #info .prijstabel table thead tr th,
#productdetail #info .prijstabel table tbody tr td {
	border-right		: 1px solid #ccc;
}

#productdetail #info .prijstabel table thead tr th {
	padding				: 5px 10px;
	text-align			: left;
}

#productdetail #info .prijstabel table thead tr:first-child th {
	font-size			: 1.2em;
	font-weight			: normal;
}

#productdetail #info .prijstabel table tbody tr td {
	background			: #f2f2f2;
	padding				: 5px 10px;
}

#productdetail #info .prijstabel table tbody tr.oneven td {
	background			: #e9e9e9;
}

/* Prijs */
#productdetail #info .prijs {
	clear				: both;
	padding				: 20px 0;
	text-align			: right;
}

#productdetail #info .prijs strong,
#productdetail #info .prijs ins {
	padding				: 0 0 0 10px;
	line-height			: normal;
	font-weight			: normal;
	font-size			: 2.8em;
}

#productdetail #info .maat-aantal .prijs strong {
	font-size			: 2.1em;
}

#productdetail #info .prijs del {
	text-decoration		: none;
	background			: url(../img/prijs-del.gif) no-repeat 50% 50%;
}

#productdetail #info .prijs sup {
	font-size			: 0.7em;
	line-height			: 0.5em;
}

/* Button*/
#productdetail #info .button {
	float				: right;
	width				: 208px;
	height				: 36px;
	overflow			: hidden;
	text-indent			: -900em;
	line-height			: 900em;
	background			: url(../img/button-plaats-in-winkelwagen.png) no-repeat left top;
}

/* -------------------------------- */
/* sportprijzen                     */
/* -------------------------------- */
#productdetail #info .maten {
        margin                          : 10px 0;
        padding                         : 10px;
        border                          : 1px solid #ccc;
        border-radius                   : 5px;
        -moz-border-radius              : 5px;
        -webkit-border-radius           : 5px;
}

#productdetail #info .maten table tbody {
        background                      : #f3f3f3;
}

#productdetail #info .maten table th,
#productdetail #info .maten table td {
        padding                         : 3px 0;
}

#productdetail #info .maten table tbody tr td:first-child {
        padding                         : 3px 0 3px 5px;
}

#productdetail #info .maten table thead th {
        text-align                      : left;
        font-weight                     : normal;
}

#productdetail #info .maten table tr.oneven td {
        background                      : #ccc;
}

#productdetail #info .embleem {
        margin                          : 10px 0;
        padding                         : 10px;
        border                          : 1px solid #ccc;
        border-radius                   : 5px;
        -moz-border-radius              : 5px;
        -webkit-border-radius           : 5px;
}

#productdetail #info .embleem li label {
        display                         : inline-block;
        width                           : 60px;
}

#productdetail #info .embleem li input {
        width                           : 191px;
        height                          : 21px;
        padding                         : 4px 8px 0 8px;
        border                          : 0;
        line-height                     : normal;
        background                      : url(../img/winkelwagen/inloggen-input-bg.png) no-repeat left top;
}

/* Gegraveerde tekst blok */
#productdetail #info .gegraveerde-tekst {
        margin                          : 10px 0;
        border                          : 1px solid #ccc;
        border-radius                   : 5px;
        -moz-border-radius              : 5px;
        -webkit-border-radius           : 5px;
}

#productdetail #info .gegraveerde-tekst h3 {
        padding							: 10px 10px 0 10px;
}

#productdetail #info .gegraveerde-tekst p {
        padding							: 0px 0px 10px 10px;
}

#productdetail #info .gegraveerde-tekst li {
		overflow						: hidden;
        padding                         : 3px 10px;
}

#productdetail #info .gegraveerde-tekst li.even{
		background						: #EEE;
}

#productdetail #info .gegraveerde-tekst li label,
#productdetail #info .gegraveerde-tekst li input,
#productdetail #info .gegraveerde-tekst li em {
		float							: left;
}

#productdetail #info .gegraveerde-tekst li label {
        width                           : 60px;
}

#productdetail #info .gegraveerde-tekst li input {
        width                           : 191px;
        height                          : 21px;
        padding                         : 4px 8px 0 8px;
        border                          : 0;
        line-height                     : normal;
        background                      : url(../img/winkelwagen/inloggen-input-bg.png) no-repeat left top;
}

#productdetail #info .gegraveerde-tekst li em {
        width                           : 120px;
		margin							: 0 0 0 10px;
}

/* -------------------------------- */
/* nieuwsoverzicht				 	*/
/* --------------------------------	*/
#nieuwsoverzicht li {
	overflow			: hidden;
	padding				: 20px 10px 10px 10px;
	background			: #EEE url(../img/winkelwagen/overzicht-cel-bg.png) repeat-x left top;
}

#nieuwsoverzicht h2 {
	margin				: 0 0 5px 0;
	font-size			: 1.4em;
}

#nieuwsoverzicht .datum {
	padding				: 0 0 5px 10px;
	color				: #666;
}

#nieuwsoverzicht a {
	float				: right;
	width				: 118px;
	height				: 26px;
	text-indent			: -900em;
	background			: url(../img/button-leesmeer.png) no-repeat left top;
}

/* Hover */
#nieuwsoverzicht li.hover {
	background			: #DDD url(../img/winkelwagen/overzicht-cel-bg.png) repeat-x left top;
}

#nieuwsoverzicht li.hover a {
	background-position	: left bottom;
}


/* --------------------------------	*/
/* zoekoverzicht				 	*/
/* --------------------------------	*/
.zoekoverzicht.links {
	float               : left;
}

.zoekoverzicht.rechts {
    float               : right;	
}

.zoekoverzicht li {
	overflow			: hidden;
	padding				: 20px 10px 10px 10px;
	background			: #EEE url(../img/winkelwagen/overzicht-cel-bg.png) repeat-x left top;
	width               : 360px;
	/*height              : 90px;*/
}

.zoekoverzicht li:first-child {
    background          : #D73347;
    padding             : 0px 10px 0px 10px;
    color               : #FFF;
    height              : 35px;
}


.zoekoverzicht img {
	float				: left;
	margin				: 0 10px 0 0;
	border				: 1px solid #666;
}

.zoekoverzicht h2 {
	margin				: 0 0 5px 0;
	font-size			: 1.4em;
}

.zoekoverzicht a {
	float				: right;
	width				: 118px;
	height				: 26px;
	text-indent			: -900em;
	background			: url(../img/button-bekijk.png) no-repeat left top;
    margin              : 5px 0;
}

/* Hover */
.zoekoverzicht li.hover {
	background			: #DDD url(../img/winkelwagen/overzicht-cel-bg.png) repeat-x left top;
}

.zoekoverzicht li.hover a {
	background-position	: left bottom;
}


/* --------------------------------	*/
/* Nieuwsbrief aan- afmelden	 	*/
/* --------------------------------	*/
#content .nb-blok li {
	clear               : both;
    width               : 300px;
    margin				: 0 0 3px 0;
    overflow            : hidden;
}

#content .nb-blok li.melding {
    margin              : 5px 0;
}

#content .nb-blok li.aan_afmelden {
	padding             : 10px 0 10px 80px;
}

#content .nb-blok li label {
    clear               : both;
    float               : left;
    width               : 80px;
}

#content .nb-blok legend {
	display				: none;
}

#content .nb-blok input[type=text] {
	float               : left;
    width				: 202px;
	height				: 21px;
	padding				: 4px 8px 0 8px;
	border				: 0;
	font-size			: 1em;
	font-family			: Arial, sans-serif;
	line-height			: normal;
	background			: url(../img/input-bg.png) no-repeat left top;
}

#content .nb-blok input.fout {
    background          : url(../img/input-bg-fout.png) no-repeat left top;
    color               : #fff;
}

#content .nb-blok input.defaultvalue {
	color				: #999;
}

#content .nb-blok #melding_nieuwsbriefformulier {
	display				: none;
}

#content .nb-blok input.button {
	width				: 118px;
	height				: 26px;
	overflow			: hidden;
	margin				: 10px 0 0 80px;
	padding				: 0;
	border				: 0;
	text-indent			: -900em;
	line-height			: 900em;
	background			: url(../img/button-aanmelden.png) no-repeat left top;
	cursor				: pointer;
}

#content .share {
	padding				: 40px 0 20px 0;	
}


/* --------------------------------	*/
/* winkelwagen					 	*/
/* --------------------------------	*/
#winkelwagen {
	padding				: 10px 0 40px 0;
	background			: #FFF url(../img/schaduw-onder.png) no-repeat center bottom;
}

#winkelwagen .header {
    padding-bottom: 20px;
    padding-right: 10px;
}

#winkelwagen .header h2 {
    float: left;
}

#winkelwagen h1,
#winkelwagen h2,
#winkelwagen p {
	padding				: 0 0 0 10px;
}

#winkelwagen ul.error {
    margin              : 10px;
}


/* Stappen */
#winkelwagen #stappen {
	width				: 755px;
	height				: 70px;
	margin				: 0 0 20px 0;
	background			: url(../img/winkelwagen/stappen-bg.png) no-repeat left top;
}

#winkelwagen #stappen li {
	float				: left;
	height				: 70px;
}

#winkelwagen #stappen li span,
#winkelwagen #stappen li a {
	display				: block;
	height				: 70px;
	text-indent			: -900em;
}

#winkelwagen #stappen li.stap1,
#winkelwagen #stappen li.stap1 span,
#winkelwagen #stappen li.stap1 a	{ width: 173px; }
#winkelwagen #stappen li.stap2,
#winkelwagen #stappen li.stap2 span,
#winkelwagen #stappen li.stap2 a	{ width: 186px; }
#winkelwagen #stappen li.stap3,
#winkelwagen #stappen li.stap3 span,
#winkelwagen #stappen li.stap3 a	{ width: 181px; }
#winkelwagen #stappen li.stap4,
#winkelwagen #stappen li.stap4 span,
#winkelwagen #stappen li.stap4 a	{ width: 215px; }

#winkelwagen #stappen li span.actief,
#winkelwagen #stappen li a {
	background			: url(../img/winkelwagen/stappen-bg.png) no-repeat;
}

#winkelwagen #stappen li.stap1 span.actief,
#winkelwagen #stappen li.stap1 a { background-position: left bottom; }
#winkelwagen #stappen li.stap2 span.actief,
#winkelwagen #stappen li.stap2 a { background-position: -173px bottom; }
#winkelwagen #stappen li.stap3 span.actief,
#winkelwagen #stappen li.stap3 a { background-position: -359px bottom; }
#winkelwagen #stappen li.stap4 span.actief,
#winkelwagen #stappen li.stap4 a { background-position: -540px bottom; }

/**********/
/* STAP 1 */
/**********/
/* Overzicht */
#winkelwagen .winkelwagenoverzicht {
	width				: 100%;
}

#winkelwagen .winkelwagenoverzicht td {
	padding				: 10px;
	background			: #e1e1e1 url(../img/winkelwagen/overzicht-cel-bg.png) repeat-x left top;
}

#winkelwagen .winkelwagenoverzicht td.maat,
#winkelwagen .winkelwagenoverzicht td.prijs_per_stuk,
#winkelwagen .winkelwagenoverzicht td.verwijder {
	background			: #ebebeb url(../img/winkelwagen/overzicht-cel-bg.png) repeat-x left top;
}

#winkelwagen .winkelwagenoverzicht td.afbeelding 	{ width: 61px; }
#winkelwagen .winkelwagenoverzicht td.maat 			{ width: 61px; }
#winkelwagen .winkelwagenoverzicht td.aantal		{ width: 61px; }
#winkelwagen .winkelwagenoverzicht td.aantal input  { width: 54px; }
#winkelwagen .winkelwagenoverzicht td.verwijder		{ width: 20px; }

#winkelwagen .winkelwagenoverzicht td img {
	border				: 1px solid #9d9fa2;
}

#winkelwagen .winkelwagenoverzicht td.prijs_per_stuk,
#winkelwagen .winkelwagenoverzicht td.prijs_totaal {
	white-space			: nowrap;
	/*vertical-align		: top;*/
}

#winkelwagen .winkelwagenoverzicht td.prijs_per_stuk,
#winkelwagen .winkelwagenoverzicht td.prijs_totaal {
	width				: 80px;
	font-weight			: bold;
	font-size			: 1.5em;
	white-space			: nowrap;
}

#winkelwagen .winkelwagenoverzicht td.verwijder a {
	display				: block;
	width				: 20px;
	height				: 20px;
	text-indent			: -900em;
	background			: url(../img/winkelwagen/overzicht-verwijder.png) no-repeat left top;
}

#winkelwagen .winkelwagenoverzicht td.verwijder a:hover {
	background-position	: left bottom;
}

#winkelwagen .winkelwagenoverzicht tr td.maat select { width: 60px; }
#winkelwagen .winkelwagenoverzicht tr td.aantal select { width: 60px; }

/* Product popup */
#winkelwagen .product_popup {
    position: absolute;
    left: -900em;
}

.product_popup_container {
    width: 665px;
    height: 400px;
    padding: 10px;
    overflow: hidden;
    background: #FFF;
}

.product_popup_container .figure {
    float: left;
    width: 265px;
    height: 400px;
    text-align: center;
}

.product_popup_container img {
    border: none !important;
}

.product_popup_container .content {
    float: right;
    width: 360px;
    height: 380px;
    padding: 20px 20px 0 0;
    overflow: auto;
}

.product_popup_container .content > p {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #DDD;
    line-height: 18px;
}

.product_popup_container a {
    color: #D73347;
}

/* Totaal */
#winkelwagen #totaal #kortingscode {
	float				: right;
	position			: relative;
	text-align			: right;
}

#winkelwagen #totaal #kortingscode a {
	color				: #000;
}

#winkelwagen #totaal #kortingscode .code {
	position			: relative;
	padding				: 10px;
	border				: 1px solid #CCC;
	background			: #FFF;
}

#winkelwagen #totaal #kortingscode .code p {
	text-align			: left;
}

#winkelwagen #totaal #kortingscode .code input {
	width				: 100px;
	padding				: 5px;
	vertical-align		: middle;
}

#winkelwagen #totaal #kortingscode .code .button {
	width				: 31px;
	height				: 26px;
	overflow			: hidden;
	padding				: 0;
	text-indent			: -900em;
	line-height			: 900em;
	background			: url(../img/winkelwagen/winkelwagen-bijwerken.png) no-repeat left top;
}

/* Tabel */
#winkelwagen #totaal {
	overflow			: hidden;
	padding				: 20px 0;
}

#winkelwagen #totaal .tabel {
	float				: right;
	padding				: 0 70px 0 30px;
}

#winkelwagen #totaal .tabel td {
	padding				: 3px;
}

#winkelwagen #totaal .tabel td.prijs {
	text-align			: right;
}

#winkelwagen #totaal .tabel tr.totaal td {
	padding				: 10px 3px;
	font-weight			: bold;
}

/**********/
/* STAP 2: GEGEVENS KEUZE */
/**********/
#winkelwagen #gegevens {
	overflow			: hidden;
	padding				: 0 10px;
}

#winkelwagen #gegevens h3 {
    margin: 0;
	padding				: 20px 5px 5px 2px;
	font-size			: 1.6em;
}

#winkelwagen .pakjegemak input.button {
    margin              : 0;
    *padding            : 2px 15px; /* Stieksem voor IE */
}

#winkelwagen #gegevens .aside {
	float				: left;
	width				: 255px;
}

/*#winkelwagen #gegevens .bezit-account {
	width				: 255px;
    height              : 341px;
    margin-left: 0 0 20px 0;
	background			: url(../img/vlak-inloggen-bg.png) no-repeat left top;
}*/

#winkelwagen #gegevens .bezit-account h3 { padding: 5px; }

#winkelwagen #gegevens .info {
	overflow			: hidden;
	padding				: 5px;
}

#winkelwagen #gegevens .info h3 {
	padding				: 10px 0 5px 0;
	background			: none;
}

#winkelwagen #gegevens .nieuw-account a,
#winkelwagen #gegevens .geen-account a {
	float				: right;
	width				: 135px;
	height				: 19px;
	margin				: 10px 0 0 0;
	padding				: 3px 0 0 10px;
	text-decoration		: none;
	line-height			: normal;
	color				: #FFF;
	background			: url(../img/winkelwagen/buttons.png) no-repeat left -52px;
}

#winkelwagen #gegevens .nieuw-account a:hover,
#winkelwagen #gegevens .geen-account a:hover {
	text-decoration		: underline;
}

#winkelwagen #gegevens .nieuw-account li {
	padding				: 1px 0 5px 28px;
	font-weight			: bold;
	line-height			: normal;
	background			: url(../img/winkelwagen/voordeel-vink.png) no-repeat left top;
}

#winkelwagen #gegevens .bezit-account li {
	margin				: 5px 0;
}

#winkelwagen #gegevens .bezit-account legend {
	display				: none;
}

#winkelwagen #gegevens .bezit-account input {
	width				: 191px;
	height				: 21px;
	padding				: 4px 8px 0 8px;
	border				: 0;
	line-height			: normal;
	background			: url(../img/winkelwagen/inloggen-input-bg.png) no-repeat left top;
}

#winkelwagen #gegevens .bezit-account input.checkbox {
    width               : auto;
    padding             : 0;
    height              : auto;
}

#winkelwagen #gegevens .bezit-account input.defaultvalue {
	color				: #999;
}

#winkelwagen #gegevens .bezit-account input.ww-clear {
	display				: none;
}

#winkelwagen #gegevens .bezit-account input.button {
	float				: right;
	width				: 97px;
	height				: 22px;
	padding				: 0;
	background			: url(../img/winkelwagen/buttons.png) no-repeat left -74px;
}

#winkelwagen #gegevens .bezit-account li.clear {
	text-align			: right;
	line-height			: 2em;
}

#winkelwagen #gegevens .bezit-account li.clear a {
	text-decoration		: none;
	color				: #000;
}

#winkelwagen #gegevens .bezit-account li.clear a:hover {
	text-decoration		: underline;
}

#winkelwagen #gegevens .aside .bezit-account,
#winkelwagen #gegevens .aside .kosten_beknopt {
	margin: 0 0 10px 5px;
}

#winkelwagen .melding-verplicht {
    padding             : 15px 0 0;
}

#winkelwagen #gegevens .account-formulier {
    float: right;
    position: relative;
    width: 468px;
    padding: 5px;
    border: 1px solid #CCC;
}

#winkelwagen #gegevens .account-formulier > h2 {
    margin: 5px 0 10px 0;
    font-size: 1.6em;
    font-weight: bold;
}

#winkelwagen #gegevens .account-formulier > p {
    margin: 1em 0;
}

#winkelwagen .account-formulier .afleveradres label[for=afwijkend_afleveradres] {
    display: block;
}

#winkelwagen .MSVE_MapContainer {
    width: 730px !important;
}

#winkelwagen .account-formulier .MSVE_MapContainer {
    width: 446px !important;
}


/**********/
/* STAP 3 */
/**********/
#winkelwagen #betaalwijze {
    position: relative;
	padding				: 10px;
}

#winkelwagen #betaalwijze .betaling {
	float				: left;
}

#winkelwagen #betaalwijze .betaling tbody tr.selected td {
    background: #E1E1E1;
}

#winkelwagen #betaalwijze .betaling tbody tr td:first-child,
#winkelwagen #betaalwijze .betaling tbody tr td:last-child {
    text-align          : center;
    font-weight         : bold;
}

#winkelwagen #betaalwijze .betaling tbody strong {
    font-size: 1.1em;
    padding: 0 0 10px 0;
}

/**
 * Beknopte kosten overzicht
 */
#winkelwagen .bezit-account,
#winkelwagen .kosten_beknopt {
    width				: 237px;
	background			: url(../img/winkelwagen/gegevens-bg.png) no-repeat -237px bottom;
}

#winkelwagen #betaalwijze .kosten_beknopt {
	float				: right;
}

#winkelwagen .bezit-account .inhoud,
#winkelwagen .kosten_beknopt .tabel {
	padding				: 10px;
	background			: url(../img/winkelwagen/gegevens-bg.png) no-repeat right top;
}

/* producten */
#winkelwagen .kosten_beknopt .products {
	border: 1px solid #CCC;
    border-width: 1px 0;
}

#winkelwagen .kosten_beknopt .products li {
	padding: 5px 0;
    overflow: hidden;
}

#winkelwagen .kosten_beknopt .products li:nth-child(even) {
	background: #EEE;
}


#winkelwagen .kosten_beknopt .products .naam {
	display: block;
    font-weight: bold;
}

#winkelwagen .kosten_beknopt .products .aantal {
	float: left;
    width: 114px;
    padding: 0 0 0 3px;
    font-size: 11px;
    color: #666;
}

#winkelwagen .kosten_beknopt .products .prijs {
	float: right;
    width: 97px;
    padding: 0 3px 0 0;
    text-align: right;
    font-size: 11px;
}

/* totaal */
#winkelwagen .kosten_beknopt table {
	line-height: 14px;
}

#winkelwagen .kosten_beknopt td {
	padding: 3px;
    font-size: 11px;
}

#winkelwagen .kosten_beknopt td:first-child {
	width: 50px;
}

#winkelwagen .kosten_beknopt .subtotaal td { padding-top: 10px; }
#winkelwagen .kosten_beknopt .verzendkosten td { padding-bottom: 10px; }

#winkelwagen .kosten_beknopt td.prijs {
	text-align: right;
}

#winkelwagen .kosten_beknopt tr.totaal td {
	padding	: 10px 3px;
    border-top: 1px solid #333;
	font-weight: bold;
    font-size: 12px;
}


/**********/
/* STAP 4 */
/**********/
#winkelwagen #bevestiging {
	padding				: 10px;
}

/* Buttons */
#winkelwagen .buttons {
	clear				: both;
	overflow			: hidden;
	padding-top			: 20px;
}

#winkelwagen .stap2buttons,
#winkelwagen .stap3buttons {
    position: absolute;
    right: 5px;
    top: 0;
    padding: 0;
}

#winkelwagen .stap3buttons {
    top: -40px;
    right: 10px;
}

#winkelwagen .buttons .verder-winkelen,
#winkelwagen .buttons .terug-naar-gegevens,
#winkelwagen .buttons .terug-naar-homepage,
#winkelwagen .buttons .button-afronden,
#winkelwagen .buttons .button-verzenden {
	border				: 0;
	background			: url(../img/winkelwagen/buttons.png) no-repeat;
	cursor				: pointer;
}

#winkelwagen .buttons .verder-winkelen,
#winkelwagen .buttons .terug-naar-gegevens,
#winkelwagen .buttons .terug-naar-homepage {
	float				: left;
	width				: 178px;
	height				: 26px;
	text-indent			: -900em;
	background-position	: left top;
}

#winkelwagen .buttons .terug-naar-gegevens {
	background-position	: -178px top;
}

#winkelwagen .buttons .terug-naar-homepage {
	float				: right;
	background-position	: -178px -26px;
}

#winkelwagen .buttons .button-afronden,
#winkelwagen .buttons .button-verzenden {
	float				: right;
	width				: 178px;
	height				: 26px;
	overflow			: hidden;
	text-indent			: 900em;
	line-height			: 900em;
	background-position	: left -26px;
}

#winkelwagen .buttons .button-verzenden {
	background-position	: -178px -52px;
}


/* --------------------------------	*/
/* Inloggen						 	*/
/* --------------------------------	*/
#inloggen {
	margin				: 10px 0;
	padding				: 20px;
	border				: 1px solid #CCC;    
    -moz-border-radius  : 5px;
    -webkit-border-radius: 5px;
    border-radius       : 5px;
	background			: #EEE url(../img/winkelwagen/overzicht-cel-bg.png) repeat-x left top;    
}

#inloggen form {
	padding				: 0 0 0 110px;
    background			: url(../img/login-icon.png) no-repeat -20px 5px;
    min-height          : 200px;
    _height             : 200px;
}

#inloggen li {
	margin				: 0 0 10px 0;
}

#inloggen input {
	width				: 191px;
	height				: 21px;
	padding				: 4px 8px 0 8px;
	border				: 0;
	line-height			: normal;
	background			: url(../img/winkelwagen/inloggen-input-bg.png) no-repeat left top;
}

#inloggen input.checkbox {
	width				: auto;
	height				: auto;
	padding				: 0;
}

#inloggen input:hover,
#inloggen input.veldfocus {
	border				: 0;
}

#inloggen input.defaultvalue {
	color				: #999;
}

#inloggen input.ww-clear {
	display				: none;
}

#inloggen input.button {
	width				: 97px;
	height				: 22px;
	margin				: 0;
	padding				: 0;
	background			: url(../img/winkelwagen/buttons.png) no-repeat left -74px;
}

/* --------------------------------	*/
/* mijn kwd.nl 						*/
/* --------------------------------	*/
#container .bestellingen .bestelling {
	border				: 1px solid #ccc;
	margin				: 0 0 25px 0;
}

#container .bestellingen .bestelling .metadata {
	background			: url(../img/pijl-orderhistorie.png) no-repeat left -50px;
	padding				: 10px 0 5px 15px;
	margin				: 0 0 5px 0;
}

#container .bestellingen .bestelling.actief .metadata {
	background			: url(../img/pijl-orderhistorie.png) no-repeat left top;
}

#container .bestellingen .bestelling h3 {
	padding				: 0 0 0 30px;
	margin				: 0;
}

#container .bestellingen .bestelling p {
	padding				: 0 0 0 30px;
	margin				: 0;
}

#container .bestellingen .bestelling table.winkelwagenoverzicht {
	display				: none;
}

#container .bestellingen .bestelling table.actief {
	display				: block;
}

#container .bestellingen .bestelling table tr td {
	vertical-align		: middle;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps {
	overflow			: hidden;
	border				: solid 1px black;
}

/* --------------------------------	*/
/* googlemaps op contactpagina	 	*/
/* --------------------------------	*/
.pagina-contact #googlemaps {
	width				: 775px;
	height				: 306px;
	background			: #FFF;
}

.pagina-contact #googlemaps a {
	color				: #000;
}


/* --------------------------------	*/
/* fotoboek						 	*/
/* --------------------------------	*/
#content .fotoboek {
	float				: right;
	width				: 271px;
	background			: url(../img/fotoboek-bg.png) repeat-y left top;
}

#content .fotoboek .fotogroot {
	width				: 248px;
	height				: 253px;
	padding				: 11px 11px 1px 11px;
	background			: url(../img/fotoboek-bg.png) no-repeat -271px top;
}

#content .fotoboek .fotogroot img {
	border				: 4px solid #D73347;
}

#content .fotoboek .fotogroot a:hover img {
	border				: 4px solid #FFF;
}

#content .fotoboek .thumbs {
	width				: 260px;
	padding				: 5px 0 5px 11px;
	background			: url(../img/fotoboek-bg.png) no-repeat -542px bottom;
}

#content .fotoboek .thumbs li {
	display				: inline;
	padding				: 0 3px 0 0;
}

#content .fotoboek .thumbs img {
	border				: 4px solid #D73347;
}

#content .fotoboek .thumbs a:hover img {
	border				: 4px solid #FFF;
}


/* --------------------------------	*/
/* adresgegevens rechts			 	*/
/* --------------------------------	*/
#content .adresgegevens {
	float				: right;
	width				: 271px;
}

#content .adresgegevens h2 {
	font-size			: 1.5em;
}

#content .adresgegevens address {
	margin				: 0 0 20px 0;
	font-style			: normal;
}


/* --------------------------------	*/
/* contactgegevens				 	*/
/* --------------------------------	*/
#main .contactgegevens {
	position			: absolute;
	left				: 0;
	bottom				: 0;
	padding				: 10px 0 20px 20px;
}

#main .contactgegevens h4 {
	margin				: 0 0 10px 0;
	font-size			: 1.5em;
	color				: #d73347;
}

#main .contactgegevens address {
	font-style			: normal;
}

#main .contactgegevens a {
	text-decoration		: none;
	color				: #000;
}

#main .contactgegevens a:hover {
	text-decoration		: underline;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer {
	width				: 948px;
	margin				: 0 5px;
	line-height			: 1.6em;
	background			: url(../img/footer-bg.png) no-repeat left bottom;
}

#footer .footerwrap {
	width				: 888px;
	overflow			: hidden;
	padding				: 15px 40px 40px 20px;
	background			: url(../img/footer-top.png) no-repeat left top;
}

#footer h4 {
	margin				: 0 0 10px 0;
	font-size			: 1.5em;
}

#footer h4 a,
#footer h4 a:hover {
	text-decoration		: none;
	color				: #000;
}

#footer a {
	text-decoration		: none;
	color				: #000;
}

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

#footer a.icoon {
	display				: block;
	position			: absolute;
	right				: 0;
	top					: 0;
	width				: 20px;
	height				: 20px;
	text-indent			: -900em;
	background			: url(../img/footer-icons.png) no-repeat;
}

#footer .sportnieuws {
	float				: left;
	width				: 285px;
	padding				: 0 50px 0 0;
}

#footer .kwdnieuws {
	float				: left;
	position			: relative;
	width				: 255px;
}

#footer .kwdnieuws a.icoon 			{ background-position: left top; }
#footer .kwdnieuws a.icoon:hover 	{ background-position: left bottom; }

#footer .twitter {
	float				: right;
	position			: relative;
	width				: 240px;
}

#footer .twitter a.icoon 		{ background-position: right top; }
#footer .twitter a.icoon:hover 	{ background-position: right bottom; }

#footer .twitter span.datum {
	display				: block;
	margin				: 5px 0;
	text-align			: right;
}


/* --------------------------------	*/
/* bottom						 	*/
/* --------------------------------	*/
#bottom {
	overflow			: hidden;
	padding				: 10px;
	color				: #999;
}

#bottom a {
	text-decoration		: none;
	color				: #999;
}

#bottom a:hover {
	text-decoration		: underline;
	color				: #000;
}

#bottom li.actief a {
	font-weight			: bold;
	color				: #000;
}

#bottom ul {
	float				: left;
}

#bottom li {
	display				: inline;
	border-left			: 1px solid #999;
}

#bottom li:first-child {
	border-left			: none;
}

#bottom li a {
	padding				: 0 5px;
}

#bottom .copyright {
	float				: right;
}