@charset "utf-8";

/* TBV SIFR */
.sIFR-flash
{
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore
{
	visibility: visible !important;
}

.sIFR-alternate
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* GELD VOOR ALLES */
*
{
	font-family: verdana,arial;
	font-size: 11px;
	color: rgb(0,0,0);
	font-weight: normal;
	text-decoration: none;
	outline: none;
}

/* FONTS OPMAAK */
p{ margin: 0; padding: 0; }

h1{ font-weight: bold; color: rgb(0,153,204); font-size: 14px; }
h2{ font-weight: normal; color: rgb(153,153,153); font-size: 11px; }

div#welkom-banner-rechts h1{ color: rgb(255,255,255); margin: 0; }

.item-content h2{ font-weight: bold; color: rgb(0,153,204); font-size: 14px; }
h3.product-image{ font-weight: bold; color: rgb(102,102,102); margin: 0; padding: 0; }

h3, h4, h5{ margin: 0; padding: 0; }

hr{ border: 1px solid rgb(255,255,255);}

a *{ cursor: pointer; }

.bold{ font-weight: bold; }
.clean{	clear: both; }
.wit{ color: rgb(255,255,255); }
.grijs{ color: rgb(102,102,102); }
.rood{ color: rgb(200,30,30); }
.donkerGrijs{ color: rgb(51,51,51); }
.donker-blauw{ color: rgb(3,57,82); }
.padding_10{ padding: 0 10px 0 10px; }
.bottom{ vertical-align: bottom; bottom: 0; position: absolute; }
.pointer{ cursor: pointer; }
.floatLeft{ float: left; }
.floatRight{ float: right; }
.alignLeft{ text-align: left; }
.alignRight{ text-align: right; }
.size13{ font-size: 13px; }
.donkerGrijsOnderstreept{ color: rgb(51,51,51); font-weight: bold; text-decoration: underline; }

.price
{
	color: rgb(255,0,0);
	font-size: 18px;
}

.old-price
{
	color: rgb(0,153,204);
	font-size: 12px;
	text-decoration: line-through;
}

.price-wit
{
	color: rgb(255,255,255);
	font-size: 18px;
}

.old-price-wit
{
	color: rgb(255,255,255);
	font-size: 12px;
	text-decoration: line-through;
}

.filter-image
{
	width: 40px;
	height: 20px;
	vertical-align: middle;
}

/* --- ACCOUNT PAGINAS --- */
.noBorder, .noBorderP
{
	border: 0px solid rgb(255,255,255);
	color: rgb(51,51,51);
	padding: 2px;
	cursor: text;
	margin: 0;
}

.noBorderP
{
	cursor: pointer;
}

.w25
{
	width: 25px;
}

.w50
{
	width: 50px;
}

.w150
{
	width: 150px;
}

.totaal_container_wm
{
	background: transparent url('../gfx/afrekenContainer.gif') no-repeat;
	width: 375px;
	height: 128px;
}

/* --- VOOR BANNER --- */
.logo
{
	background: url('../gfx/il-logo.jpg') no-repeat center left;
	height: 100%;
	float: left;
	width: 206px;
	padding: 0 120px 0 0;
}
#login tr td, #winkelmand tr td
{
	height: 25px;
}

#login, #winkelmand
{
	float: left;
}

#login input
{
	border: 1px solid rgb(0,153,204);
	color: rgb(0,153,204);
	padding: 2px;
	cursor: text;
	margin: 1px;
}

#login a
{
	text-decoration: underline;
	cursor: pointer;
}


/* --- HOMEPAGE --- */
#over-ons-links
{
	display: block;
	background: url('../gfx/man_in_pak2.png') no-repeat;
	width: 430px;
	height: 291px;
	float: left;
}
#klantenservice-links
{
	display: block;
	background: url('../gfx/man_in_pak2.png') no-repeat;
	width: 430px;
	height: 291px;
	float: left;
}
.algemene-pagina-rechts {
	display: block;
	width: 471px;
	float: left;
}
.algemene-pagina-rechts a {
	text-decoration: underline;
	cursor: pointer;
}
.algemene-pagina-midden {
	margin: 10px 0 0 0;
	width: 645px;
}
.algemene-pagina-midden a {
	text-decoration: underline;
	cursor: pointer;
}

.algemene-pagina-midden h2 {
	font-weight: bold;
	color: rgb(0,153,204);
	font-size: 12px;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}

.algemene-pagina-midden h2 a {
	font-weight: bold;
	color: rgb(0,153,204);
	font-size: 12px;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	text-decoration: none;
	cursor: default;
}

/* --- HOMEPAGE --- */
#welkom-banner-links
{
	background: url('../gfx/man_in_pak.png') no-repeat;
	width: 430px;
	height: 291px;
	float: left;
}

#welkom-banner-links h4 {
	padding-top: 10px;
}

#welkom-banner-rechts
{
	background: url('../gfx/italiaansevlag.png') no-repeat;
	width: 471px;
	height: 291px;
	float: left;
}

#welkom-banner-rechts h1 {
	padding-top: 10px;
}

.link-grijs
{
	cursor: pointer;
	text-decoration: underline;
	color: rgb(102,102,102);
}

.link-wit
{
	cursor: pointer;
	text-decoration: underline;
	color: rgb(255,255,255);
}

#reistassen, #reistassen a
{
	display: block;
	border: 0;
	width: 318px;
	height: 193px;
	float: left;
	cursor: pointer;
	background: url('../gfx/reistassen.jpg') no-repeat;
	margin: 0px 5px 10px 0;
}

#overhemden, #overhemden a
{
	display: block;
	border: 0;
	width: 318px;
	height: 193px;
	float: left;
	cursor: pointer;
	background: url('../gfx/overhemden.jpg') no-repeat;
	margin: 0px 0px 10px 0px;
}

.product-image, .product-title
{
	width: 140px;
	height: 130px;
	border-top: 1px solid rgb(102,102,102);
	border-right: 1px solid rgb(102,102,102);
	border-left: 1px solid rgb(102,102,102);
	overflow: hidden;
	text-align: center;
	padding: 5px;
}

.product-title
{
	width: 140px;
	height: 50px;
	border-top: 0 solid transparent;
	border-bottom: 1px solid rgb(102,102,102);
	border-right: 1px solid rgb(102,102,102);
	border-left: 1px solid rgb(102,102,102);
	padding: 0 5px 5px 5px;
}

.product-window
{
	margin: 0 12px 12px 0;
	float: left;
}

.product-window:hover
{
	background: rgb(204,204,204);
}

/* --- OVERZICHT PAGINA --- */
#overzicht-banner-links
{
	width: 365px;
	height: 195px;
	float: left;
}

#overzicht-banner-rechts
{
	background: url('../gfx/pak_met_stropdas.gif') no-repeat;
	width: 535px;
	height: 195px;
	float: left;
}

#selecteer-filter
{
	float: left;
	width: 180px;
	background: rgb(229,229,229);
	margin: 0 5px 5px 5px;
}

.selecteer-filter-container
{
	padding: 5px;
	text-align: left;
}

.selecteer-filter-container li
{
	list-style-type: none;
	text-indent: -40px;
	text-align: left;
	height: 25px;
}

.product-item{ cursor: pointer; margin-left: 10px; padding: 5px; }
.product-item:hover{ background: rgb(228,228,228); cursor:pointer; }
.item-image{ height: 190px; float: left; text-align: center; padding: 0 5px 0 0; }

.item-content{ height: 145px; width: 470px; }
.item-price{ height: 45px; width: 470px; text-align: right; }

.product-line
{
	margin-left: 10px;
	width: 480px;
	border-bottom: 1px solid rgb(204,204,204);
}

/* --- KASSA --- */
.kassa
{
	width: 645px;
	/*height: 100%;*/
	float: left;
	background: rgb(229,229,229);
	margin: 11px 0 0 0;
	position: relative;
}

.kassa-container
{
	/*width: 120px;
	height: 127px;
	float: left;*/
	padding: 15px;
}

.bestel-titel-balk
{
	background: rgb(105,105,105);
	padding: 2px;
	margin: 0;
}

/* --- BESTEL PAGINA --- */
.rondje
{
	text-align: center;
	padding: 2px 0 0 0;
	display: block;
	width: 18px;
	height: 18px;
	background: url('../gfx/rondje.png') no-repeat;
}

#betaal-intro
{
	width: 310px;
	height: 195px;
	float: left;
}

#bestel-banner
{
	background: url('../gfx/pak_met_stropdas.gif') no-repeat;
	width: 575px;
	height: 195px;
	float: right;
}

#bestel-images
{
	float: left;
	width: 305px;
	height: 366px;
	overflow: visible;
	border: 1px solid rgb(103,103,103);
	text-align: center;
	padding: 5px;
}

#bestel-specs
{
	float: right;
	width: 575px;
}

.bestel-line
{
	width: 535px;
	margin: 60px 0 0 0;
	border-bottom: 1px solid rgb(204,204,204);
}

.input-select
{
	border: 1px solid rgb(171,173,179);
	color: rgb(0,153,204);
}

.bestel-vlak
{
	width: 180px;
	height: 115px;
	background: rgb(0,153,204);
	position: absolute;
	top: 355px;
	right: 40px;
}

.bestel-vlak-content
{
	width: 170px;
	height: 97px;
	padding: 5px;
	text-align: center;
}

.bestel-prijs
{
	font-size: 24px;
	color: rgb(51,51,51);
}

/* --- VAN RONDINGEN --- */
.tl-blue{ background: url('../gfx/corner_blue_tl.gif') no-repeat; float: left; }
.tr-blue{ background: url('../gfx/corner_blue_tr.gif') no-repeat; float: right; }
.bl-blue{ background: url('../gfx/corner_blue_bl.gif') no-repeat; float: left; }
.br-blue{ background: url('../gfx/corner_blue_br.gif') no-repeat; float: right; }
.tl-gray{ background: url('../gfx/corner_gray_tl.gif') no-repeat; float: left; }
.tr-gray{ background: url('../gfx/corner_gray_tr.gif') no-repeat; float: right; }
.bl-gray{ background: url('../gfx/corner_gray_bl.gif') no-repeat; float: left; }
.br-gray{ background: url('../gfx/corner_gray_br.gif') no-repeat; float: right; }
.tl-white{ background: url('../gfx/corner_white_tl.gif') no-repeat; float: left; }
.tr-white{ background: url('../gfx/corner_white_tr.gif') no-repeat; float: right; }
.bl-white{ background: url('../gfx/corner_white_bl.gif') no-repeat; float: left; }
.br-white{ background: url('../gfx/corner_white_br.gif') no-repeat; float: right; }

.tl-blue,.tr-blue,.bl-blue,.br-blue,.tl-gray,.tr-gray,.bl-gray,.br-gray,.tl-white,.tr-white,.bl-white,.br-white
{
	background-color: rgb(255,255,255);
	margin: 0;
	padding: 0;
	width: 8px;
	height: 8px;
}

/* --- VOOR FOOTER --- */
#footer ul
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

li.footer-item, li.footer-item a, li.footer-scheiding
{
	list-style: none;
	display: inline;
	text-align: left;
	color: rgb(0,153,204);
	font-size: 12px;
}

li.footer-item a
{
	cursor: pointer;
}

li.footer-scheiding
{
	padding: 0 5px 0 5px;
}

/* --- MENU ONDER --- */
.bottom-menu-container
{
	background: rgb(0,153,204);
	width: 645px;
	height: 100%;
	float: left;
}

.bottom-menu-container-column
{
	width: 120px;
	height: 127px;
	float: left;
	padding: 15px;
}

.bottom-menu-container-column ul
{
	margin: 0;
	padding: 0;
}

.bottom-menu-container-column li, .bottom-menu-container-column li a
{
	list-style: none;
	text-align: left;
	color: rgb(255,255,255);
}

.bottom-menu-container-column li a
{
	cursor: pointer;
}

.bottom-menu-container-column li a:hover
{
	color: rgb(30,30,30);
}

.payoff
{
	font-size: 16px;
	color: rgb(141,141,141);
	text-align: right;
}

/* --- BEGIN VOOR TOPMENU --- */
#menu-boven ul
{
	margin: 0;
	padding: 0;
	display: inline;
	border: none;
	text-align: left;
	text-transform: uppercase;
}

li.menu-blauw, li.menu-blauw a, li.menu-grijs, li.menu-grijs a, li.menu-scheiding-blauw, li.menu-scheiding-grijs
{
	list-style: none;
	display: inline;
	text-align: left;
	font-size: 12px;
}

li.menu-blauw, li.menu-blauw a, li.menu-scheiding-blauw
{
	color: rgb(0,153,204);
}

li.menu-grijs, li.menu-grijs a, li.menu-scheiding-grijs
{
	color: rgb(105,105,105);
}

li.menu-blauw a,li.menu-grijs a
{
	cursor: pointer;
}

li.menu-blauw a:hover
{
	color: rgb(105,105,105);
}

li.menu-scheiding-blauw, li.menu-scheiding-grijs
{
	padding: 0 5px 0 5px;
}

/* --- BLOKKEN RECHTS --- */
.blok-rechts-inhoud
{
	padding: 5px;
	height: 180px;
}

.blok-rechts-blauw, .blok-rechts-grijs
{
	float: right;
	width: 200px;
	margin: 5px;
}

.blok-rechts-grijs a {
	cursor: pointer;
	color: #FFFFFF;
}

.blok-rechts-grijs a:hover {
	color: rgb(30,30,30);
}

.blok-rechts-blauw
{
	background: rgb(0,153,204);
}

.blok-rechts-grijs
{
	background: rgb(106,106,106);
}

.blok-rechts-blauw li, .blok-rechts-grijs li
{
	list-style-type: decimal;
	text-align: left;
	color: rgb(255,255,255);
}

/* VOOR THUMB BIJ BESTEL PAGINA */
#horizontal_carousel
{
	float: left;
	width: 305px;
	height: 100px;
	position: relative;
	top:260px;
	left: 0;
}

#horizontal_carousel .container
{
	float: left;
	width: 267px;
	height: 98px;
	position: relative;
	overflow: hidden;
	border-top: 1px solid rgb(0,153,204);
	border-bottom: 1px solid rgb(0,153,204);
}

#horizontal_carousel ul
{
	margin: 0;
	padding:0;
	width: 100000px;
	position: relative;
	top: 0;
	left: 0;
	height: 98px;
}

#horizontal_carousel ul li
{
	width: 151px;
	height: 98px;
	text-align: center;
	list-style:none;
	float:left;
	vertical-align: bottom;
}

#horizontal_carousel .previous_button
{
	float:left;
	width: 19px;
	height: 100px;
	background: url('../gfx/left.png') no-repeat;
	z-index: 100;
	cursor: pointer;
}

#horizontal_carousel .previous_button_over
{
	background: url('../gfx/left.png');
}

#horizontal_carousel .previous_button_disabled
{
	background: url('../gfx/left_disabled.png') no-repeat;
	cursor: default;
}

#horizontal_carousel .next_button
{
	float:left;
	width: 19px;
	height: 100px;
	background: url('../gfx/right.png') no-repeat;
	z-index: 100;
	cursor: pointer;
}

#horizontal_carousel .next_button_over
{
	background: url('../gfx/right.png') no-repeat;
}

#horizontal_carousel .next_button_disabled
{
	background: url('../gfx/right_disabled.png') no-repeat;
	cursor: default;
}

/* --- BUTTON OPMAAK --- */
.buttonBlue
{
	padding: 3px;
}

.buttonBlue a:hover
{
	cursor: pointer;
}

.buttonBlueStart
{
	background: url('../gfx/button_begin.gif') no-repeat right;
	width: 7px;
	height: 23px;
	float: left;
}

.buttonBlueContent
{
	background: url('../gfx/button_bg.gif') repeat-x;
	height: 23px;
	float: left;
	padding: 3px 2px 0px 0px;
	color: rgb(255,255,255);
	font-weight: bold;
}

.buttonBlueEnd
{
	background: url('../gfx/button_end.gif') no-repeat left;
	width: 21px;
	height: 23px;
	float: left;
}

.buttonBlueShopEnd
{
	background: url('../gfx/button_end_shop.gif') no-repeat left;
	width: 7px;
	height: 23px;
	float: left;
}


.buttonGray
{
	padding: 3px;
}

.buttonGray a:hover
{
	cursor: pointer;
}

.buttonGrayStart
{
	background: url('../gfx/button_begin_g.gif') no-repeat right;
	width: 21px;
	height: 23px;
	float: left;
}

.buttonGrayContent
{
	background: url('../gfx/button_bg_g.gif') repeat-x;
	height: 23px;
	float: left;
	padding: 3px 2px 0px 0px;
	color: rgb(255,255,255);
	font-weight: bold;
}

.buttonGrayEnd
{
	background: url('../gfx/button_end_g.gif') no-repeat left;
	width: 7px;
	height: 23px;
	float: left;
}