@charset "utf-8";

/* --<<[[ THEME - achtergronden]]>>-- */
#language_selection,
#header,
#navigation,
#footer{
	background:				#fcfcfb url(../../images/theme/bg.gif) 0 0 repeat-x;
}
#language_selection span{
	color:					#5a5b5d;
}

/* --<<[[ THEME - links ]]>>-- */
#language_selection a{
	color:					#5a5b5d;
	text-decoration:		none;
}
#language_selection a:hover{
	text-decoration:		underline;
}

#navigation a{
	color:					#5a5b5d;
	text-decoration:		none;
}
#navigation a:hover{
	text-decoration:		underline;
}
#navigation .active{
	background:				url(../../images/theme/navigation_active.gif) center left no-repeat;
}

#footer a{
	color:					#5a5b5d;
	padding:				0 15px;
	text-decoration:		none;
}
#footer a:hover{
	text-decoration:		underline;
}
#footer ul li a{
	border-right:			1px solid #5a5b5d;
}

/* --<<[[ LAYOUT ]]>>-- */
html,
body{
	background:				#ffffff;
	margin:					0;
	padding:				5px 0;
}

a img{
	border:					none;
}

#container{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	height:					610px;
	line-height:			14px;
	margin:					0 auto;
	padding:				0;
	width:					980px;
}

/* --<<[[ LANGUAGE SELECTION ]]>>-- */
#language_selection{
	height:					240px;
	padding:				220px 0 0 0;
	text-align:				center;
	width:					980px;
}
#language_selection a,
#language_selection span{
	font-size:				14px;
	line-height:			14px;
	padding:				0 5px;
}

/* --<<[[ HEADER ]]>>-- */
#header{
	border-bottom:			5px solid #ffffff;
	font-size:				0%;
	height:					105px;
	line-height:			0%;
	padding:				0 10px;
}
#header a{
	outline:				none;
}
#header a img{
	padding:				5px;
}

/* --<<[[ NAVIGATION ]]>>-- */
#navigation{
	display:				block;
	float:					left;
	height:					420px;
	margin:					0 5px 0 0;
	padding:				20px 30px;
	width:					195px;
}
#navigation ul{
	list-style-type:		none;
	margin:					0;
	padding:				0;
}
#navigation li{
	list-style-type:		none;
	margin:					0;
	padding:				5px 10px 5px 15px;
}
#navigation a{
	outline:				none;
	text-decoration:		none;
}
#navigation a:hover{
	text-decoration:		underline;
}

/* --<<[[ CONTENT ]]>>-- */
#content{
	background:				#ffffff;
	display:				block;
	float:					left;
	height:					460px;
	width:					720px;
}

#content.home{
	font-size:				0%;
	line-height:			0%;
}

#content.shoes{
	font-size:				0%;
	line-height:			0%;
	overflow:				hidden;
	position:				relative;
}
#content.shoes img{
	display:				block;
	float:					left;
}
#content.shoes #nav{
	font-size:				0%;
	line-height:			0%;
	position:				absolute;
	right:					10px;
	top:					10px;
}
#content.shoes #nav span{
	display:				block;
	float:					left;
	font-size:				11px;
	line-height:			13px;
	padding:				7px 5px;
}
#content.shoes #nav a{
	background-image:		url(../../images/layout/shoes_nav.gif);
	background-repeat:		no-repeat;
	color:					#ffffff;
	display:				block;
	float:					left;
	font-size:				0px;
	height:					27px;
	line-height:			0%;
	margin:					0 0 0 5px;
	outline:				none;
	text-decoration:		none;
	width:					27px;
}

#content.shoes #nav a#prev{
	background-position:	0 -27px;
}
#content.shoes #nav a#prev:hover{
	background-position:	0 -54px;
}
#content.shoes #nav a#prev.inactive,
#content.shoes #nav a#prev.inactive:hover{
	background-position:	0 0 !important;
	cursor:					default;
}

#content.shoes #nav a#next{
	background-position:	-27px -27px;
}
#content.shoes #nav a#next:hover{
	background-position:	-27px -54px;
}
#content.shoes #nav a#next.inactive,
#content.shoes #nav a#next.inactive:hover{
	background-position:	-27px 0 !important;
	cursor:					default;
}

#content.shoes #nav br{
	clear:					both;
}

/* --<<[[ CONTENT - text ]]>>-- */
.text{
	background:				#c3c3c3 url(../../images/layout/shops_bg.jpg) top right no-repeat !important;
	color:					#666666;
	font-size:				11px;
	line-height:			16px;
	padding:				15px 220px 0px 20px !important;
	height:					445px !important;
	text-align:				justify;
	width:					480px !important;
}
.text h3{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			bold;
	margin:					0;
	padding:				0 0 15px 0;
}
.text p{
	margin:					0;
	padding:				0 0 10px 0;
}
.text a{
	color:					#666666;
	text-decoration:		none;
}
.text a:hover{
	text-decoration:		underline;
}
.text img.spacer{
	clear:					right;
	float:					right;
	opacity:				0;
}

/* --<<[[ CONTENT - shops ]]>>-- */
.shops{
	padding:				35px 220px 0px 40px !important;
	height:					425px !important;
	width:					460px !important;
}
a.thickbox{
	background:				url(../../images/layout/bullet.jpg) center left no-repeat;
	display:				block;
	font-size:				14px;
	font-weight:			bold;
	margin:					0 0 10px 0;
	outline:				none;
	padding:				20px 0 20px 50px;
	width:					250px;
}
a.thickbox:hover{
	color:					#ffffff !important;
	text-decoration:		none !important;
}
.shop{
	display:				none;
	visibility:				hidden;
}

/* --<<[[ CONTENT - emaillijst ]]>>-- */
form{
	margin:					0;
	padding:				0;
}
.email{
	background:				#c3c3c3 !important;
	color:					#666666;
	padding:				50px 20px 0px 20px !important;
	height:					410px !important;
	width:					680px !important;
}
.email p{
	margin:					0;
	padding:				20px 50px;
}
.email #form_1{
	margin:					0 25px 15px 50px;
}
.email #form_1 label{
	display:				block;
	float:					left;
	margin:					3px 25px 3px 0;
	text-align:				right;
	width:					100px;
}
.email #form_1 .frm_field{
	border:					1px solid #cccccc;
	color:					#333333;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	margin:					1px 0;
	padding:				2px 0;
	width:					325px;
}
.email #form_2,
.email #form_3,
.email #form_4{
	margin:					0 25px 15px 175px;
}
.email #form_2 label{
	margin:					0 20px 0 0;
}
.email #form_3 label{
	display:				block;
}





/* --<<[[ CONTENT - contact ]]>>-- */
.contact{
	color:					#ffffff;
	font-size:				12px;
	padding:				80px 220px 0px 80px !important;
	height:					380px !important;
	width:					420px !important;
}
.contact a{
	color:					#ffffff;
}

/* --<<[[ FOOTER ]]>>-- */
#footer{
	border-top:				5px solid #ffffff;
	clear:					both;
	height:					20px;
	padding:				11px 20px 4px 20px;
	position:				relative;
}
#footer ul{
	font-size:				0%;
	line-height:			0%;
	list-style-type:		none;
	margin:					0;
	padding:				0;
}
#footer li{
	display:				inline;
	list-style-type:		none;
	margin:					0;
}
#footer a{
	font-size:				11px;
	line-height:			14px;
}
#footer .active a{
	text-decoration:		underline;
}
#footer .last a{
	border-right:			none;
}

#footer #language{
	position:				absolute;
	right:					20px;
	top:					11px;
}
