/*
 * Butch
 * SCREEN
 * datum 20090330
 */

/* 
 * Kleuren
 * Hier kleurcodes definiëren
 */

/* Base css wordt geladen in HTML */


/*******************************************************************************************************
 * Blokken
 * 
 * Opmaak voor standaard blokken
 * class gebruiken
 * 
 *******************************************************************************************************/
/* Template Header, 2col, Footer */
	body{ text-align:center}
	#container{ margin:0 auto;  text-align:left}
	#header{overflow:hidden}
	#middle{overflow:hidden}
	#middleCol1, #middleCol2{ float:left}
	#footer{clear:left}
/* Vertikaal menu*/
	.menuVert1 {list-style: none;}
	.menuVert1 li {list-style: none;}
	.menuVert1 li a {display: block;zoom:1;text-decoration:none;}



/*******************************************************************************************************
 * Algemene css
 * 
 * Opmaak voor alle pagina's
 * 
 *******************************************************************************************************/
body {
		background:url('/site/images/bg_body.png') no-repeat center 550px;
}
#container {
    width: 1000px; /* Breedte ontwerp */
}
/* Header */
	#header {
		height: 13px;
		padding:30px 0 7px 0;
		text-align:right;
	}
		#header p{
			padding:0;
			margin:0;
		}
		#header a{
			display:block;
			width:13px;
			height:13px;
			text-indent:10em;
			float:right;
			background:url('/site/images/buttonSquad.gif') no-repeat left top;
			
		}
/* middle */
	#middle{
		height:500px;
	}
	#logo{
		width:170px;
		height:130px;
		overflow:hidden;
		text-indent:-999em;
		background:url("/site/images/logo.png") no-repeat center top;
	}
	/* middleCol1 */
		#middleCol1 {
		    width: 170px; 
			height:480px;
			padding:20px 0 0 0;
		    background: #EBEBEB url('/site/images/bg_middleCol1.png') no-repeat left top; 
		}
		#menu1 {
			text-align:center;
			padding:50px 0 0 0;
		}
			#menu1 li{
				height:20px;
			}
			#menu1 a{
				color:#484848;
			}
			#menu1 a:hover
			,#menu1 .selected a{
				color:#000;
				font-weight:bold;
			}
	/* middleCol2 */
		#middleCol2{
			width:829px;
			margin:0 0 0 1px;
			height:500px;
			overflow:auto;
			/* background in html */
			color:#000;
		}
		#middleCol2 a{
			color:#000;
		}
/* Footer */
	#footer {
	 	text-align: center;
		padding: 0 10px 0 20px; 
	}
/*******************************************************************************************************
 * Templates
 * 
 * Opmaak voor templates
 * Identificatie van template dmv class in body
 * 
 *******************************************************************************************************/
/* Stores */
	.template3 #middleCol2{
		background:url('/site/images/bg_middleCol2stores.png') repeat-y left top;
	}
	.template3 #middleCol2 .col1{
		float:left;
		width:172px;
	}
		.template3 #menu2{
			padding:260px 0 0 0;
			text-align:center;
		}
		.template3 #menu2 li{
			height:20px;
		}
		.template3 #menu2 a{
			color:#484848;
			text-transform:uppercase;
		}
		.template3 #menu2 a:hover
		,.template3 #menu2 .selected a{
			color:#000;
			font-weight:bold;
		}
	.template3 #middleCol2 .col2{
		float:left;
		height:480px;
		width:635px;
		padding:20px 0 0 20px;
		overflow:auto;
		text-transform:uppercase;
	}
		.template3 #middleCol2 .col2 h1{
			font-size:1.4em;
		}
		.template3 #middleCol2 .col2 a{
			color:#000;
		}
		.template3 #shopImages{
			overflow:hidden;
			height:460px;
		}
		.template3 #shopImageLarge{
			float:left;
			width:500px;
		}
		.template3 #shopImageThumbs{
			float:left;
			width:70px;
			padding:0 0 0 10px;
		}
		.template3 #shopImageThumbs div{
			padding:0 0 5px 0;
		}
/* B2B */
	.template4 #middleCol2 .col2{
		padding:30px 0 0 475px;
		width:325px;
		text-transform:uppercase;
	}
	.template4 #middleCol2 p{
		margin:0;
		padding:0;
	}
	.template4 #middleCol2 h1{
		font-size:2.4em;
	}
/* Links en lifestyle */
	.template5 #middleCol2 .col2{
		padding: 35px 0 0 0;
		width: 390px;
		text-transform:uppercase;
		text-align:right;
	}
	.template5 #middleCol2 a{
		color: #848588;
		text-decoration: none;
		font-size: 14px;
	}
	
	.template5 #middleCol2 p{
		color: #848588;
		font-size: 9px;
	}
	
	.template5 #middleCol2 p strong{
		color: #848588;
	}
	
	.template5 #middleCol2 p strong a{
		text-decoration: underline;
		font-size: inherit;
	}
	
	.template5 #middleCol2 h2{
		font-size:14px;
		color: #848588;
		margin-bottom: 0px;
	}
	
	.template5 #middleCol2 h1{
		font-size:2.4em;
		margin:0 0 12px 0;
		font-weight:100;
	}
/* Made to measure*/
	.template6 #middleCol2 a{
		display:block;
		width:829px;
		height:500px;
		overflow:hidden;
		text-indent:-999em;
	}
/* showrooms */
	.template7 #middleCol2 .col2{
		padding:30px 0 0 290px;
		width:255px;
		text-transform:uppercase;
		color:#fff;
		text-align:center;
	}
	.template7 #middleCol2 p{
		margin:0;
		padding:0;
		line-height:1.2em;
	}
	.template7 #middleCol2 h1{
		font-size:2.4em;
		padding:0 0 50px 0;
	}
	.template7 #middleCol2 h2{
		font-size:1.6em;
		margin:0;
		padding:15px 0 0 0;
	}
/* Collection */
.template9 #middleCol2{
	background:#D9D9D9;
}

.template9 #middleCol2 h1{
	font-family:"Times New Roman", Times, serif;
	font-size:1.6em;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	padding:20px 0 0 0;
}

.template9 #menu2
{
	float: left;
	padding: 18px 0 0 25px;
	font-family:"Times New Roman", Times, serif;
	font-size:1.4em;
	font-style:italic;
	font-weight:bold;
}

.template9 #menu2 li
{ 
	list-style-image: url(/site/images/arrowleft.jpg);
	margin-left: 15px;
}

/* Winter */
body.winter {
		background:#000;
}
body.winter #header a{
	background:url('/site/images/buttonSquadWinter.gif') no-repeat left top;
}
body.winter	#middleCol1 {
    background: #222222 url('/site/images/bg_middleCol1Winter.png') no-repeat left top; 
}
body.winter	#logo{
	background:url("/site/images/logoWinter.png") no-repeat center top;
}
body.winter #menu1 a{
	color:#929292;
}
body.winter #menu1 a:hover
,body.winter #menu1 .selected a{
	color:#fff;
	font-weight:bold;
}
body.winter #middleCol2{
	color:#fff;
}
body.winter.template3 #middleCol2{
		background:url('/site/images/bg_middleCol2storesWinter.png') repeat-y left top;
	}
body.winter.template3 #menu2 a:hover
,body.winter.template3 #menu2 .selected a{
	color:#FFF;
}
body.winter.template4 #middleCol2{
		color:#000;
	}
body.winter.template5 #middleCol2{
		color:#000;
	}

body.winter.template9 #middleCol2 h1{
	color: #000;
}