@import "template_fullpagescroll.css";

#languageselect {
	text-align: right;
	margin: 5px 10px 0 0;
}

#languageselect select {
	font-weight: bold;
	font-size: 11px;
}

/*************************
* START DROPDOWN HOOFDMENU
*************************/
/* Fix IE. Hide from IE Mac \*/
* html #hoofdmenu ul li {
	float: left;
}
* html #hoofdmenu ul li a {
	height: 1%;
}
/* End */

#hoofdmenu li:hover ul,
#hoofdmenu li.over ul { 
	display: block;
}

#hoofdmenu li ul {
	display: none;
	position: absolute;
	top: 19px;
	width: 180px;
	border-top: 1px solid #F5F4F3;
	border-left: 1px solid #F5F4F3;
	border-right: 1px solid #F5F4F3;
	margin: 0;
	background-color: #F28F00; /* IE flicker fix*/
	clear: left; /*IE float fix*/
	opacity: .99;
	filter: Alpha(Opacity=99, FinishOpacity=99, Style=1);
	z-index: 99;
}

#hoofdmenu li ul li {
	display: block;
	float: none;
	border-bottom: 1px solid #F5F4F3;
	/*border-top: 1px solid #000;*/
}

#hoofdmenu li ul a,
#hoofdmenu li ul a:link,
#hoofdmenu li ul a:visited,
#hoofdmenu li ul a:active {
	background-color: #F28F00;
	background-image: url();
	display: block;
	float: none;
	padding: 0 10px;
	height: 18px;
	line-height: 18px;
	border: 0;
	margin: 0;
	text-transform: none;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	opacity: .99;
	filter: Alpha(Opacity=99, FinishOpacity=99, Style=1);
}

#hoofdmenu li ul a:hover,
#hoofdmenu li ul a.selected,
#hoofdmenu li ul a.selected:link,
#hoofdmenu li ul a.selected:visited,
#hoofdmenu li ul a.selected:active,
#hoofdmenu li ul a.selected:hover {
	border: 0;
	font-weight: bold;
	background-color: #636267;
	/*color: #fff;*/
}
/*************************
* END DROPDOWN HOOFDMENU
*************************/

#banner {
	background-color: #636267;
	width: 738px;
	height: 182px;
}

#bannertitelLayer {
	position: absolute;
	height: 50px;
	line-height: 50px;
	width: 365px;
	opacity: .60;
	filter: Alpha(Opacity=60, FinishOpacity=60, Style=1);
	background-color: #F28F00;
	margin: 200px 0 0 610px;
	z-index: 1;
}

#bannertitel {
	position: absolute;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	margin: 200px 0 0 620px;
	z-index: 2;
	width: 365px;
}

#bannertekst {
	font-size: 11px;
	color: #fff;
	width: 100%;
}

#bannertekst div {
	overflow: auto;
	height: 182px;
	padding: 0;
	margin: 0;
	scrollbar-base-color: #636267;
	scrollbar-highlight-color: #636267;
	scrollbar-shadow-color: #f18e00;
	scrollbar-3dlight-color: #f18e00;
	scrollbar-arrow-color: #f18e00;
	scrollbar-darkshadow-color: #636267;
	scrollbar-track-color: #636267;
}

#contentlinks {
	float: left;
	padding: 10px;
}

#contentTitle {
	color: #F08F00;
	font-size: 15px;
}

#productsubgroepen h3 {
	text-align: center;
	font-size: 14px;
}

#productsubgroepen table {
	width: 712px;
}

#productsubgroepen table tr td {
	padding: 2px;
}

/*************************
* FORMULIEREN
*************************/
#shopForm label, #paymentForm label {
	width: 120px;
	display: block;
	float: left;
}
.canvasbutton {
	padding: 0 5px;
	border: 1px solid #000;
	color: #fff;
	background-color: #F28F00;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	cursor:pointer;
}

/***********************
* SHOP
***********************/
#productOverzicht {
	width: 100%;
	border-bottom: 1px dashed #F28F00;
}
.shopNumber, .shopPrice {
	width: 75px;
}
.shopShipping {
	text-align:right;	
}
.shopSend {
	width: 175px;
}
td.shopNumber {
	text-align: center;
}

.shopTotals {
	width: 75px;
	text-align:right;
}

.bestelform_text
{
width: 300px
}
/************************
* INLOGFORM
************************/
#inlogForm {
	padding-left: 30px;
	margin: 20px;
}
#inlogForm label {
	display: block;
	width: 100px;
	float: left;
	line-height: 16px;
}
#inlogForm input.text {
	width: 100px;
	height: 16px;
	border: 1px solid #000;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
#inlogForm div {
	margin: 4px;
}

/****************************
* Product scroller
****************************/
#pos {
	position: relative;
	overflow: hidden;
  z-index: 0;
	border: 0px solid #F28F00;
	margin: 0 0 2px 2px;
	*margin-left: 5px;
}
.inside {
	position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.inside2 {
	position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}
td.vt {
	font-size: 10px;
}

/************************
* FAQ
*************************/
#faq, #orderhistorie {
	width: 100%;
}

#faq th, #orderhistorie th {
	background-color: #F18E00;
	color: #fff;
	padding: 2px;
}
#faq tr td {
	padding: 2px;
}

#uwgegevens, #orderhistorie {
	background-color: #FCE0BB;
	width: 100%;
	margin-bottom: 10px;
}

#uwgegevens .tblHeader {
	background-color: #F18E00;
	color:#fff;
	font-weight:bold;
	padding:2px;
}
#uwgegevens th {
	width: 150px;
}

/************************
* PRODUCTEN
************************/
#producten img {
	border: solid 1px #636267;
}

/*************************
* THUMBS
*************************/
#thumb_overzicht div.thumb_product {
	width: 240px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}
#thumb_overzicht div.thumb_product div.titel_product {
	font-weight: bold;
	color: #636267;
}

/*************************
* topnews op frontpage
*************************/
#topnews a,
#topnews a:link,
#topnews a:visited,
#topnews a:active {
	color: #636267;
	text-decoration: none;
}
#topnews a:hover {
	text-decoration: underline;
}

/*************************
* hoofdmenu bottom
*************************/
#hoofdmenu_bottom {
	text-align: center;
	color: #000;
}
#hoofdmenu_bottom a,
#hoofdmenu_bottom a:link,
#hoofdmenu_bottom a:visited,
#hoofdmenu_bottom a:active {
	color: #636267;
	text-decoration: none;
}
#hoofdmenu_bottom a:hover {
	text-decoration: underline;
}

#formButtons {
	padding-left: 20px;
	padding-top: 10px;
}

#cartsteps {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	height: 30px;
	border-bottom: 1px dashed #F28F00;
	margin-bottom: 10px;
}
#shopnav {
	text-align: center;
	line-height: 30px;
}
.zoekbutton {
	border: 1px solid #000;
	color: #fff;
	background-color: #F28F00;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
}
#zoekForm {
	float: left;
	width: 250px;
	text-align: left;
	padding: 0;
	padding-left: 25px;
}

/*************************
* hoofdmenu bottom
*************************/

.voorwaarden_box{
width:600px;
height:100px;
border-width:1px;
border-color:black;
border-style:solid;
overflow:auto;
}