/*
* Cache van main.style.css
* Created: 2011-11-25 17:19:55
*/

/*
* $Author: sjors $
* $LastChangedDate: 2006-07-05 13:58:04 +0200 (wo, 05 jul 2006) $
* $Id: main.style.css 18 2006-07-05 11:58:04Z sjors $
* $Rev: 18 $
*/

/* Style reset */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End style reset */

.clear {clear: both; line-height: 0px;}
strong {font-weight: bold;}
em {font-style: italic;}
.hidden {display: none;}
.linethrough {text-decoration: line-through;}
.error {color: red;}
ul {
	list-style: disc;
	margin: 2px 12px;
}

body, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	color: #63544A;
}
p {
	margin-bottom: 10px;
}
p.date {
	font-style: italic;
	margin-bottom: 0;
}
a {
	font-size: 10px;
	color: #96330F;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	color: #63544A;
	text-decoration: none;
}
a:hover {
	color: #63544A;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #96330F;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 16px;
	margin-bottom: 5px;
}
h2 {
	font-size: 14px;
}
div#container_all {
	width: 857px;
	margin: 0 auto;
	padding: 0 10px;
	background-image: url(/images/interface/back_shadow.gif);
	background-repeat: repeat-y;
	position: relative;
}
div#container {
	width: 857px;
}
div#headerclearer {
	height: 114px;
}
div#header {
	height: 80px;
	position: absolute;
	background-color: #96330F;
	top: 0px;
	width: 857px;
}
img#logo {
	width: 378px;
	height: 64px;
	position: absolute;
	top: 0;
	left: 0;
}

/*-----SuperNav-----*/

ul#supernav {
	height: 23px;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0;
	right: 0;
}
ul#supernav li {
	float: left;
	text-indent: -220px;
	overflow: hidden;
}
ul#supernav li a {
	height: 23px;
	margin: 0;
	padding: 0;
	display: block;
	background-repeat: no-repeat;
	background-image: url(/images/navigation/supernav.gif);
}
ul#supernav li#contact a {
	width: 43px;
	background-position: 0 0;
}
ul#supernav li#openingstijden a {
	width: 83px;
	background-position: -43px 0;
}
ul#supernav li#route a {
	width: 38px;
	background-position: -126px 0;
}
ul#supernav li#nieuwsbrief a {
	width: 70px;
	background-position: -164px 0;
}
ul#supernav li#vacatures a {
	width: 57px;
	background-position: -234px 0;
}
ul#supernav li#home a {
	width: 44px;
	background-position: -289px 0;
}
ul#supernav li#contact a:hover, ul#supernav li#contact.current a {
	background-position: 0 -23px;
}
ul#supernav li#openingstijden a:hover, ul#supernav li#openingstijden.current a {
	background-position: -43px -23px;
}
ul#supernav li#route a:hover, ul#supernav li#route.current a {
	background-position: -126px -23px;
}
ul#supernav li#nieuwsbrief a:hover, ul#supernav li#nieuwsbrief.current a {
	background-position: -164px -23px;
}
ul#supernav li#vacatures a:hover, ul#supernav li#vacatures.current a {
	background-position: -234px -23px;
}
ul#supernav li#home a:hover, ul#supernav li#home.current a {
	background-position: -289px -23px;
}

/*----end SuperNav----*/

/*------Mainmenu------*/

ul#mainmenu {
	width: 702px;
	height: 28px;
	margin: 0 0 6px 0;
	padding: 0 0 0 155px;
	background-color: #F4EAE7;
	list-style: none;
	position: absolute;
	top: 80px;
}
ul#mainmenu li {
	float: left;
	text-indent: -220px;
	overflow: hidden;
}
ul#mainmenu li a {
	height: 28px;
	margin: 0;
	padding: 0;
	display: block;
	width: 140px;
	background-image: url(/images/navigation/menu.gif);
}
ul#mainmenu li#schoenen a {
	
	background-position: 0 0;
}
ul#mainmenu li#kleding a {
	background-position: -140px 0;
}
ul#mainmenu li#accessoires a {
	background-position: -280px 0;
}
ul#mainmenu li#wandelingen a {
	background-position: -420px 0;
}
ul#mainmenu li#nieuws a {
	width: 142px;
	background-position: -560px 0;
}

ul#mainmenu li#schoenen a:hover      {background-position: 0 -28px;}
ul#mainmenu li#schoenen.current a    {background-position: 0 -56px;}
ul#mainmenu li#kleding a:hover       {background-position: -140px -28px;}
ul#mainmenu li#kleding.current a     {background-position: -140px -56px;}
ul#mainmenu li#accessoires a:hover   {background-position: -280px -28px;}
ul#mainmenu li#accessoires.current a {background-position: -280px -56px;}
ul#mainmenu li#wandelingen a:hover   {background-position: -420px -28px;}
ul#mainmenu li#wandelingen.current a {background-position: -420px -56px;}
ul#mainmenu li#nieuws a:hover        {background-position: -560px -28px;}
ul#mainmenu li#nieuws.current a      {background-position: -560px -56px;}

/*------end Mainmenu------*/

/*------Sidemenu------*/

ul#mainmenu ul {
	width: 155px;
	margin: 0 6px 0 0;
	padding: 0;
	background-color: #63544a;
	list-style: none;
	position: absolute;
	top: 34px;
	left: 0;
	z-index: 2;
	display: none;
}
ul#mainmenu li.current ul {
	display: block;
}
ul#mainmenu ul li a {
	height: 30px;
	width: 155px !important;
	background-position: 0 0 !important;
	display: block;
	text-indent: -220px;
	overflow: hidden;
}
ul#mainmenu li#schoenen ul a {
	background-image: url(/images/navigation/sidemenu_01.gif);
}
ul#mainmenu li#kleding ul a {
	background-image: url(/images/navigation/sidemenu_02.gif);
}
ul#mainmenu li#accessoires ul a {
	background-image: url(/images/navigation/sidemenu_03.gif);
}
ul#mainmenu li#wandelingen ul a {
	background-image: url(/images/navigation/sidemenu_04.gif);
}
ul#mainmenu li#nieuws ul a {
	background-image: url(/images/navigation/sidemenu_06.gif);
}

ul#mainmenu ul li.position_01 a {background-position: 0 0 !important;}
ul#mainmenu ul li.position_02 a {background-position: 0 -30px !important;}
ul#mainmenu ul li.position_03 a {background-position: 0 -60px !important;}
ul#mainmenu ul li.position_04 a {background-position: 0 -90px !important;}
ul#mainmenu ul li.position_05 a {background-position: 0 -120px !important;}
ul#mainmenu ul li.position_06 a {background-position: 0 -150px !important;}

ul#mainmenu ul li.position_01 a:hover, ul#mainmenu ul li.position_01.current a {background-position: -155px 0 !important;}
ul#mainmenu ul li.position_02 a:hover, ul#mainmenu ul li.position_02.current a {background-position: -155px -30px !important;}
ul#mainmenu ul li.position_03 a:hover, ul#mainmenu ul li.position_03.current a {background-position: -155px -60px !important;}
ul#mainmenu ul li.position_04 a:hover, ul#mainmenu ul li.position_04.current a {background-position: -155px -90px !important;}
ul#mainmenu ul li.position_05 a:hover, ul#mainmenu ul li.position_05.current a {background-position: -155px -120px !important;}
ul#mainmenu ul li.position_06 a:hover, ul#mainmenu ul li.position_06.current a {background-position: -155px -150px !important;}

/*------end Sidemenu------*/

img#logo_side {
	position: absolute;
	bottom: 50px;
	left: 10px;
}
img#logo_home {
	position: absolute;
	bottom: 50px;
	left: 25px;
}
div#home_content {
	width: 857px;
	margin-top: 1px;
	padding-top: 33px;
	padding-bottom: 45px;
	background-color: #63544A;
	float: right;
	position: relative;
}
div#box {
	width: 200px;
	height: 155px;
	position: absolute;
	top: 45px;
	left: 24px;
}
div#home_content div#home_specials img {
	float: right;
	margin-left: 24px;
}
div#box p {
	color: #ffffff;
	font-size: 11px;
	line-height: 14px;
}
div#content, div#content_contact {
	width: 482px;
	min-height: 446px;
	_height: 446px;
	padding: 130px 180px 10px 175px;
	background-image: url(/images/interface/sidemenu_back.gif);
	background-repeat: repeat-y;
	position: relative;
}
div#content_contact {
	width: 662px;
	padding: 25px 0 10px 195px;
}
div#fotobox {
	position: absolute;
	top: 132px;
	right: 0;
	width: 160px;
	border-bottom: 1px solid #63544A;
}
img.productphoto {
	border: 1px solid #63544a;
	margin-bottom: -7px;
}
div.column {
	width: 250px;
	margin-right: 20px;
	float: left;
}
div.column p {
	margin-bottom: 0;
}
div.column input.text, div#content input.text  {
	width: 230px;
	margin-bottom: 5px;
}
div#content label.text  {
	width: 230px;
	height: 13px;
	margin-bottom: 5px;
	float: left;
}
div#content label.radio {
	float: none;
	width: auto;
}
div#content input.sum, div#content input#total  {
	width: 30px;
	height: 13px;
	margin-bottom: 5px;
	text-align: right;
}
div#content td  {
	width: 160px;
}
div#content tr  {
	vertical-align: bottom;
}
div#content hr {
	color: #63554B;
	height: 1px;
	border-bottom-style: hidden;
	border-bottom-style: left;
	border-bottom-style: right;
}
div#content input.checkbox  {
	width: auto;
	margin-bottom: 0;
}
div#content input.radiobutton {
	width: 20px;
}
div.column textarea, div#content textarea {
	width: 230px;
}
div.column input.short {
	width: 100px;
	height: 13px;
}
span.fakelabel {
	width: 230px;
	float: left;
}
div.column input.button, div#content input.button {
	height: 22px;
	margin: 10px 0;
}
div.newsbox {
	width: 462px;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #f4eae7;
	border-bottom: 1px dashed #63544a;
}
img.float_right {
	padding: 2px;
	margin-left: 10px;
	border: 1px solid #63544a;
	float: right; 
}
div#footer {
	width: 877px;
	height: 20px;
	margin: 0 auto;
	background-image: url(/images/interface/footer.gif);
	background-repeat: no-repeat;
	position: relative;
	clear: both;
}

div#sfeerimgs {
	position: relative;
	margin: 0 0 0 161px;
}
div#sfeerimgs img {
	position: absolute;
	top: 0px;
	left: 0px;
}
form#newsletter_subscr label {
	width: 90px;
	float: left;
	margin-bottom: 10px;
}
form#newsletter_subscr input.text {
	width: 180px;
}
form#newsletter_subscr .nolabel {
	margin-left: 90px;
}