@charset "utf-8";
/* Reset
---------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, font, img, small, strike, strong, 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%; vertical-align:baseline;	background:transparent;}
img{-ms-interpolation-mode:bicubic;}
/* Global
---------------------------------------------------------------------------------------- */
body		 		 {font: normal 12px/1.3em Verdana, Arial, sans-serif; color:#b3b3b3;}
ol, ul		 	 {list-style: none;}

a						 {color:#999; text-decoration:none;}
a:hover			 {text-decoration:underline;}

input,
select,
textarea		 {font:10px Verdana, Arial, sans-serif; padding:2px;}
label			 	 {cursor:pointer;}

.clear 			 {clear:both;}
.left			   {float:left;}
.right		   {float:right;}
.hide 		   {display:none;}

.text-left	 {text-align:left; font-size:10px;}
.text-right	 {text-align:right;}

.bold 		   {font-weight:bold;}
.italic		   {font-style:italic;}
.underline   {border-bottom:1px solid;}
.highlight   {background:#F90;}

.small		 	 {font-size:10px;}

.image 			 {float:left; margin:0 5px 0 0;}

.error			 {color:#F00;}
.warning		 {color:#BB2D2D;}
.notice 		 {color:#0FF;}
.success		 {color:#0F0;}

.border img  {border:1px solid #000;}
.border:hover img {border:1px solid #F5270D;}

.menu-button {display:block; width:150px; border:none; padding:5px; margin:5px 5px 15px; cursor:pointer; color:#FFF; background:#761f1f; font:bold 12px Verdana, Arial, sans-serif;}

.button {display:inline; width:auto; border:none; padding:2px 5px 2px 2px; margin:2px; cursor:pointer; color:#FFF; background:#761f1f; font:bold 12px Verdana, Arial, sans-serif;}
.button:hover,.menu-button:hover {color:#FFF; background:#bb2d2d;}

.zoom				 {float:right; vertical-align:bottom;}

/* Top
---------------------------------------------------------------------------------------- */
#maincontainer{width:850px; margin:0 auto;}

#top{height:145px;}
	#top #header{height:80px; color:#b3b3b3;}
	#top #header img{float:left; padding:10px 20px 7px 10px;} /* width:333px; height:93px; */
	#top #header div#preferences{width:400px; float:right; padding:20px 15px 0 0; text-align:right;}
	#top #header div#preferences #betalingstype{float:right; margin:-20px -20px -30px 0;}
	
	#top #navigation{height:65px; background: url(../images/background/header.png) top no-repeat;}
	#top #navigation ul#menu{width:100%; padding:30px 0 0 15px; text-align:left;}
	#top #navigation #menu li{display:inline; padding:0 30px 0 30px;}
	#top #navigation #menu li a{padding:0 10px 0 5px; margin:0; color:#FFF; text-decoration:none;}
	#top #navigation #menu li a:hover{text-decoration:underline;}

/* ACTIVE MENU ITEM IS DISABLED: LI = id="selected" #top #navigation #menu li#selected{background: white;} */

/* Body
---------------------------------------------------------------------------------------- */
#contentwrapper  {float:left; width:100%; height:440px; background:url(../images/background/container.png) repeat-y;}
#contentwrapper-2{float:left; width:100%; height:586px; background:url(../images/background/content.png) repeat-y;}
#contentwrapper-3{float:left; width:100%; height:586px; background:url(../images/background/container.png) repeat-y;}
#contentwrapper-4{float:left; width:100%; height:440px; background:url(../images/background/content-2.png) repeat-y;}
#contentwrapper-8{float:left; width:100%; height:586px; background-repeat:repeat-y;} /* tm_vervolg_2 (inline) */
#contentwrapper-9{float:left; width:100%; height:440px; background:url(../images/background/container.png) repeat-y;}
#contentwrapper-10{float:left; width:100%; height:586px; background:url(../images/background/content-graphic.png) repeat-y;}

/* Flash intro
------------------------------------------- */
/*
#fadeinbox{position:absolute; z-index:777; width:832px; height:auto; top:145px; margin:0 0 0 9px; background:none;}
#fadeinbox object{width:441px; height:440px;}
#fadeinbox a{float:left; margin-left:398px;}
*/

/* Left column
------------------------------------------- */
#contentcolumn{margin-right:400px;}
	#contentcolumn #contentcolumn-inner{margin:0 0 0 9px;}
	
#contentcolumn-2{margin-right:485px;}
	#contentcolumn-2 #contentcolumn-inner-2{margin:20px 10px 10px 30px;}
	#contentcolumn-2 #contentcolumn-inner-2 h1{margin:10px 0; font-size:16px; color:#FFF;}
	#contentcolumn-2 #contentcolumn-inner-2 a{text-decoration:underline;}
	#contentcolumn-2 #contentcolumn-inner-2 a:hover{text-decoration:none;}
	
#contentcolumn-3{margin-right:425px; padding-left:9px;}	
	#contentcolumn-3 #contentcolumn-item-1{height:291px; border:1px solid #FFF; background: url(../images/background/item-1-bg.jpg) no-repeat left;}
	#contentcolumn-3 #contentcolumn-item-2{height:291px; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; background:url(../images/background/item-2-bg.jpg) no-repeat left;}

#contentcolumn-5{margin:0; text-align:left;}
	#contentcolumn-5 #contentcolumn-inner-5{margin:20px 20px 10px 25px;}
	#contentcolumn-5 #contentcolumn-inner-5 h1{margin:10px 0; font-size:16px; color:#FFF;}
	
	#contentcolumn-5 #thumbs{margin:10px 10px 10px 13px;} * html #contentcolumn-5 #thumbs{display:inline;}
	#contentcolumn-5 #thumbs div{clear:both; margin:10px 0 0 0; text-align:left;}
	#contentcolumn-5 #thumbs h1{text-align:left;}

#contentcolumn-6{margin-right:230px;}
#contentcolumn-6 .news-overview{padding:10px 10px 10px 20px;}
	#contentcolumn-6 .news-overview img{float:left; padding:0 5px 5px 0;}
		#contentcolumn-6 .news-overview h2{margin:0 0 10px 0; font-size:16px; color:#FFF;}
		#contentcolumn-6 h1{margin:10px 10px 10px 20px; font-size:16px; color:#FFF;}
		#contentcolumn-6 h1 a{color:#FFF;}
		
#contentcolumn-7{width:841px; height:586px; overflow:auto;}
	#contentcolumn-inner-7{margin:20px 10px 10px 20px;}	
		#contentcolumn-inner-7 h1 {margin:0 0 20px 0; font-size:16px; color:#FFF;}

.item-inner{padding:10px; text-align:right;}

#col-1-M,
#col-1-K,
#col-1-V,
#col-1-D{margin-right:270px; width:270px; height:438px; border:1px solid #fff; margin:0 0 0 9px;}
#col-1-M{background:url(../images/background/col1-man.jpg) no-repeat top left;}
#col-1-K{background:url(../images/background/col1-kid.jpg) no-repeat top left;}
#col-1-V{background:url(../images/background/col1-woman.jpg) no-repeat top left;}
#col-1-D{background:url(../images/background/col1-diversen.jpg) no-repeat top left;}

	#col-1-inner{width:240px; height:100px; background:url(../images/background/shoppingbag.png) no-repeat top left; margin:325px 15px 15px 15px;}
		#col-1-inner h2{padding:7px 7px 0 10px; font: bold 13px Verdana, Arial, sans-serif; color:#ff0000;}
		#col-1-inner-content{padding:3px 5px 7px 20px; font: bold 12px/1.9em Verdana, Arial, sans-serif; color:#000;}
			#col-1-inner a{color:#000;}			
	
/* Full content
-------------------------------------------*/		
#data{width:790px; margin:0 10px 0 0;	border-collapse:collapse; text-align:left;}	
#data th{font-size: 14px; font-weight:bold; color: #FFF; padding: 10px 8px; border-bottom:2px solid #F00;}	
#data td{color:#999;	padding:5px;}	
#data tbody tr:hover td{color:#FFF;}
#data a{font-weight:bold; color:#F00;}
#data .tdbg{background:#19191F;}
#data .tdtopbrd{border-top:1px solid #570900;}
#data .tdbottombrd{border-bottom:1px solid #570900;}
#data .tdrightbrd{border-right:1px solid #570900;}
#data .tdleftbrd{border-left:1px solid #570900;}
#data input.code{width:125px; margin:0 5px 0 0;}
#data .codebutton{display:inline; width:105px; border:none; padding:2px; margin:0; cursor:pointer; color:#FFF; background:#761f1f; font:bold 10px Verdana, Arial, sans-serif;}
#data .codebutton:hover{color:#FFF; background:#bb2d2d;}
#data img{vertical-align:middle;}
#data .pay td{color:#FFF;}

.profile{float:left; width:450px; margin:5px 0 5px 0;}
.profile fieldset{padding: 5px 0 5px 7px; font:80% Verdana, Arial, sans-serif;}
.profile fieldset div{float:left; margin-bottom:5px; width:200px; color:#FFF; text-align:left;}
.profile legend{margin:0 0 5px 0; font:bold 18px Verdana, Arial, sans-serif; color:#FFF;}
.profile label{clear:both; float:left; width:22em; text-align:left; margin-left:10px;}
.profile label.checkbox{clear:left; float:left; width:100%; text-align:left; margin:3px 0 0 0;}
.profile input{float:left; margin-bottom:5px;width:200px; font-size:10px}
.profile .radio{float:left; margin:0 5px 0 0; width:auto; height:auto;}
.profile .large{margin:0 5px 5px 0; width:150px;}
.profile .small{margin:0 5px 5px 0; width:40px;}
.profile .gender{overflow:auto;}
.profile .gender .radio{position:absolute; display:inline; margin: -3px 0 0 0; padding:0;} 
.profile input.checkbox{float:left; width:auto; margin:0 5px 0 0;}
.profile textarea{float:left; margin-bottom:1em; width:200px; height:80px;}
.profile select{float:left; margin:0 10px 1em 0; width:auto;}
.profile input.button{float:left; width:auto; border:none; padding:2px; margin:5px 5px 0 0; cursor:pointer; color:#FFF; background:#761f1f; font:bold 12px Verdana, Arial, sans-serif;}
.profile input.button:hover{background:#bb2d2d;}

.profile input.coupon{width:50px;}
.profile input.coupon-code{width:100px; padding:2px; margin:0 5px 0 5px; border:none; cursor:pointer; color:#FFF; background:#761f1f;}
.profile input.coupon-code:hover{background:#bb2d2d;}

.profile-activity{clear:left; float:left; text-align:left; margin:10px 0 20px 0;}
.profile-options{clear:left; float:left; width:350px; text-align:left; font-weight:bold; margin:5px 5px 20px 0;}
.profile-options h3{font:normal 18px/1 Verdana, Arial, sans-serif; margin:0 0 20px 0;}
.profile-options a{color:#FFF;}

.profile-order{clear:left; float:left; width:100%; text-align:left; font-weight:bold; margin:5px 5px 5px 5px;}
.profile-order a{color:#FFF; font-weight:bold;}
.profile-order a:hover{color:#FF0000;}

.breadcrumbs{margin:0 0 20px 0; text-align:left; font:bold 14px Verdana, Arial, sans-serif;}
	.breadcrumbs h3{display:inline; margin:0 10px 0 0; font:bold 18px inherit; color:#FFF;}

.order{float:left; width:330px; padding:5px;}
.order fieldset{padding: 5px 0 5px 7px; font:80% Verdana, Arial, sans-serif;}
.order fieldset div{float:left; margin-bottom:5px; color:#FFF; text-align:left;}
.order legend{margin:0 0 5px 0; font:bold 18px Verdana, Arial, sans-serif; color:#f8280d;}
.order label{clear:both; float:left; width:11em; text-align:left; margin:0 0 10px 0; font:bold 18px Verdana, Arial, sans-serif; color:#FFF;}
.order select{margin-top:3px;}

.next{float:right; width:165px; border:none; padding:2px; margin:0 8px 0 0; cursor:pointer; color:#FFF; background:#761f1f; font: bold 12px Verdana, Arial, sans-serif;}
.next:hover{color:#FFF; background:#bb2d2d;}

.checkout{float:left; padding:5px; background:#19191F; border:1px solid #570900;}
.checkout fieldset{padding: 5px 0 5px 7px; font:80% Verdana, Arial, sans-serif;}
.checkout fieldset div{float:left; margin-bottom:5px; width:180px; color:#FFF; text-align:left;}
.checkout legend{margin:0 0 5px 0; font:bold 18px Verdana, Arial, sans-serif; color:#f8280d;}
.checkout label{clear:both; float:left; width:14em; text-align:left; margin-left:10px;}
.checkout input.coupon{width:50px;}
.checkout input.coupon-code{width:100px; padding:2px; margin:0 5px 0 5px; border:none; cursor:pointer; color:#FFF; background:#761f1f;}
.checkout input.coupon-code:hover{background:#bb2d2d;}

.profile-register{text-align:left; font-size:10px;}
.profile-register h3{font:normal 18px/1 Verdana, Arial, sans-serif; margin:0 0 10px 0;}
.profile-register a{color:#FFF; font-weight:bold;}
.profile-register a:hover{color:#F00;}

.login{float:left; padding:5px; width:250px; background:#19191F; border:1px solid #570900; margin:0 0 0 75px;}
.login fieldset{padding: 5px 0 5px 7px; font:80% Verdana, Arial, sans-serif;}
.login input{float:left; margin-bottom:5px; width:130px; font-size:10px}
.login legend{margin:0 0 5px 0; font:bold 18px Verdana, Arial, sans-serif; color:#FFF;}
.login label{clear:both; float:left; width:11em; text-align:left;}
.login .button{float:right; width:40px;}

.popup{position:absolute; visibility:hidden; background:url(../images/background/popup.png) top no-repeat; width:145px; height:135px; padding:5px; padding-left:17px; text-align:left; font-size:11px; color:#000;}
	.popup a{color:#F00; line-height:16px; text-decoration:none;}
	.popup a:hover{text-decoration:underline;}

	#top #navigation #menu li div a{color:#000; text-decoration:none;}
	#top #navigation #menu li div a:hover{text-decoration:underline;}
	
.tip{position:relative; z-index:0;}
.tip:hover{background:transparent; z-index:50;}
.tip span{position:absolute; background:#312F35; left:-1000px; border:1px solid #570900; visibility:hidden; color:#FFF; text-decoration:none; white-space:nowrap; font-weight:normal; padding:5px;}
.tip span img{border-width:0; padding:2px;}
.tip:hover span{visibility:visible; top:0; left:20px;}	
	
/* T A B S  
-------------------------------------------*/		
.tabs-hide{display:none;}
.tabs-nav{list-style:none; margin:0 0 20px; padding:0;}
.tabs-nav li{float:left; padding:10px 8px 10px 0;}
.tabs-nav:after{display:block; clear:both; content:'';}
.tabs-nav a{color:#B3B3B3; font-size:18px; text-decoration:none;}
.tabs-nav .tabs-selected a{color:#F3270D;}
#stappen div{text-align:left;}

#thumbs .tabs-nav .tabs-selected a img{border:1px solid #b3b3b3;}	

/* Right column
------------------------------------------- */

#rightcolumn{float:left; width:392px; height:440px; margin-left:-400px; background:url(../images/background/news.jpg) repeat-y;}
	#rightcolumn h2{margin:0 0 5px 0; font:bold 14px Verdana; color:#FFF;}
	#rightcolumn .news{overflow:auto; clear:left; padding:0px 20px 0px 10px; margin:10px 0 0 0;}
	#rightcolumn .news img{float:left; padding:0 5px 5px 0;}	
	#rightcolumn .news-poster-container{clear:both; margin:10px 0 0 0; overflow:auto;}
	#rightcolumn .news-poster{float:left;}
	#rightcolumn .news-poster img{float:left;}
	#rightcolumn .news-poster .txt{padding:5px;}
	
#rightcolumn-2{float:left; width:476px; height:586px; margin-left:-485px;}

#rightcolumn-3{float:left; width:416px; height:586px; margin-left:-425px;}
	#rightcolumn-3 #rightcolumn-item-3{height:291px; border-top:1px solid #FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF; background:url(../images/background/item-3-bg.jpg) no-repeat left;}
	#rightcolumn-3 #rightcolumn-item-4{height:291px; border-bottom:1px solid #FFF; border-right:1px solid #FFF; background:url(../images/background/item-4-bg.jpg) no-repeat left;}

#col-3{float:left; width:559px; height:438px; margin-left:-569px; border-top:1px solid #FFF; border-right:1px solid #FFF; border-bottom:1px solid #FFF;}
 #col-3-inner{text-align:center;}
  #col-3-inner h1, h2, h3, h4, h5, h6{font-size:20px; color:#FFF; margin:5px 0 5px 0;}
	#col-3-inner #info{margin-top:5px;}
	 .col-3-item{padding:7px 10px 7px 300px; text-align:left;}
 
 #col-2{float:left; width:290px; height:438px; background:#FFF; border-right:1px solid #FFF;}
 	#col-2-inner{padding:5px; text-align:center;}
	 #col-2-inner h1, h2, h3, h4, h5, h6{font-size:12px; line-height:22px; color:#FFF; margin:3px 0;}
	 
#rightcolumn-6{float:left; width:200px; height:586px; margin-left:-230px;}	
	#rightcolumn-6 #news-index{background: #1c1b20; height:100%;}
		#rightcolumn-6 .news-index-inner{padding:10px;}
		#rightcolumn-6 .news-index-inner a{color:#FFF;}
		
	#rightcolumn-inner-8{margin:20px 10px 10px 30px;}
	#rightcolumn-inner-8 h1{margin:10px 0; font-size:16px; color:#FFF;}

/* Bottom
---------------------------------------------------------------------------------------- */

#bottom{clear:left; width:100%;}

#footer-large{height:auto; background: url(../images/background/container.png) top repeat-y; padding:13px 10px 5px 10px; text-align:center;}
	#footer-large a{padding:0 20px 0 20px;}
#footer-small{clear:left; width:100%; height:56px; background:url(../images/background/footer.png) top no-repeat; text-align:center; padding:5px 0;}
#footer-smaller{clear:left; width:100%; height:14px; background:url(../images/background/footer-smaller.png) top no-repeat; text-align:center; padding:0;}

#caption{text-align:center; padding:8px 0 5px 150px; font-size:11px;}
#VanRanzow{float:right; text-align:right; padding:0 11px 0 0; font-size:9px; line-height:12px; color:#f3110b;}