body{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: default;
	background-color: #ececec;
	background-image: url(/pics/paperpattern.jpg);
	background-attachment: fixed;
	color: #2f2f2d;
	min-width: 960px;
}


.infowindow{
	width: 270px;
	height: auto;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #CCC;
	display: none;
}

/* //// POSITIONING /// */
.container_abs{
	width: 100%;
	height: auto;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
}

.container_cent{
	width: 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}

.container_pattern{
	width: 100%;
	height: auto;
	float: left;
	background-image: url(/pics/stokpatt1.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF !important;
	background-position: 402px 120px;
}

.container_stok{
	width: 100%;
	height: auto;
	float: left;
	background-image: url(/pics/stokcomplete3_T-best.jpg);
	background-repeat: no-repeat;
	min-height: 2000px;
}

.container_content{
	width: 375px;
	height: auto;
	float: right;
	position: relative;
	top: 0px;
	right: 55px;
	padding: 130px 0px 0px 0px;
	overflow: hidden;
}

.content{
	width: 100%;
	height: auto;
	float: left;
}

.container_end{
	width: 100%;
	height: 210px;
	float: left;
	background-image: url(/voetstukken/voet-rvs.png);
	background-repeat: no-repeat;
	margin-top: -40px;
	background-position: 0px 0px;
}

.logostok{
	width: 62px;
	height: 90px;
	float: left;
	position: relative;
	top: -80px;
	left: 405px;
}

/* //// HEADER /// */
.container_header{
	width: 100%;
	height: 220px;
	float: left;
}

.logo{
	width: 225px;
	height: 202px;
	float: left;
	position: relative;
	top: 12px;
	left: 517px;
	overflow: hidden;
}

.langsel{
	width: auto;
	height: auto;
	float: right;
	position: relative;
	top: 12px;
	right: 16px;
	font-size: 13px;
	color: #666;
}

.langsel a{
	color: #BBB;
	text-decoration: none;
}

.langsel a:hover{
	color: #999;
}

.langis{
	color: #666 !important;
}

/* //// MENU //// */
.container_fix{
	width: 100%;
	height: auto;
	float: left;
	position: fixed;
	top: 0px;
	left: 0px;
}

.container_rel{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}

.menucontainer{
	width: 150px;
	height: auto;
	float: left;
	position: absolute;
	top: 380px;
	left: 85px;
	float: left; 
}
  
.menucontainer h1{
	padding: 0px 0px 6px 4px;
	margin: 0px;
	font-size: 21px;
	color: #888888;
	border-width: 0px;
}

.menu{
	width: 100%;
	height: auto;
	float: left;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 12px 0px 14px 4px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC;
}

.menu li{
	width: 100%;
	height: auto;
	float: left;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}

.menu li a{
	width: 100%;
	height: auto;
	float: left;
	display: block;
	color: #8a8786;
	text-decoration: none;
	font-size: 13px;
	padding: 2px 0px 1px 0px;
	text-transform: lowercase;
	cursor: pointer;
	cursor: hand;
}

.menu li a span{
	display: block;
	padding: 0px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

.menu li ul{
	width: 100%;
	height: auto;
	float: left;
	padding: 1px 0px 1px 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}

.menu li ul li{
	width: 100%;
	height: auto;
	float: left;
}

.menu li ul li a{
	width: 100%;
	height: auto;
	float: left;
	display: block;
	padding: 1px 0px 2px 15px;
}

.bestelknop{
	width: 100%;
	height: auto;
	display: block;
	float: left;
	text-decoration: none;
	padding: 14px 0px 0px 0px;
	color: #999999;
	font-size: 24px;
}

.bestelknop span{
	display: block;
	padding: 0px 5px 0px 5px;
	margin: 1px 0px 0px 0px;
	float: left;
	font-size: 18px;
}

.bestelknop:hover{
	color: #333;
}

/* /// MENUHOVERS /// */
.menu li a:hover{
	color: #000;
}

.menu li:hover .headlink{
	color: #000;
}

.menu li ul li a:hover{
	color: #666;
	padding: 1px 0px 2px 19px;
}

.headopen{
	color: #000 !important;
}

.subopen{
	display: block !important;
}

.subactive{
	color: #555 !important;
	padding: 1px 0px 2px 19px !important;
}

.subactive span{
	color: #d93821 !important;
}

.headitem .subitemholder{
	display: none;
}

.headitem:hover .subitemholder{
	display: block;
}

.menuww{
	width: auto;
	height: auto;
	display: block;
	float: left;
	background-image: url(/pics/shoppingcarS.png);
	background-repeat: no-repeat;
	background-position: 1px 3px;
	padding: 3px 0px 4px 20px;
	color: #777;
	margin-left: 0px;
	margin-top: 9px;
	text-decoration: none;
}

.menuww span{
	font-size: 10px;
}

.menuww:hover{
	color: #222;
}

/* //// FOOTER /// */
.container_footer{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	color: #888;
}

.container_footer p{
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 25px 0px 14px 0px;
}

.container_footer a{
	color: #888;
}

.container_footer a:hover{
	color: #d32e17;
}

.footersoc{
	width: 20px;
	height: 20px;
	text-decoration: none;
	display: block;
	float: left;
	position: absolute;
	top: 3px;
}

.footersoc:hover{
	background-position: 0px -20px;
}

.soctwit{
	background-repeat: no-repeat;
	background-image: url(/pics/twitter.jpg);
	left: 42px;
}

.socface{
	background-repeat: no-repeat;
	background-image: url(/pics/facebook.jpg);
	left: 20px;
}