@charset "UTF-8";

#extraInfo{
position: absolute;
width: 200px;
z-index: 1500;
background-color: #cccccc;
border:1px solid black;
padding:10px;
display:none;
}

#filterOpSubcat{
	left:490px;
	position:relative;
	top:-20px;
}

#form1 img{
cursor : pointer;
}

/*BEGIN PERSOONLIJKE GEBRUIKERS GEGEVENS POPUP PAGINA*/
#saveKlantGegevensKNOP{
background-color:#c0c0c0;
border:2px solid black;
color:black;
cursor:pointer;
font-size:1.2em;
text-align:center;
width:48%;
float:left;
}
#CancelKlantGegevensKNOP{
background-color:#c0c0c0;
border:2px solid black;
color:black;
cursor:pointer;
font-size:1.2em;
text-align:center;
width:48%;
float:right;
}

#persoonlijkegegevens{
background-color:transparant;
}

#persoonlijkegegevens th{
border-bottom:1px solid #cecece;
font-size:0.9em;
text-align:left;
}

#persoonlijkegegevens td{
border-bottom:1px solid #cecece;
font-size:0.9em;
text-align:right;
}
#persoonlijkegegevens input{
font-size:0.9em;
text-align:left;
width:260px;
}

#persoonlijkegegevens select{
font-size:0.9em;
text-align:left;
width:266px;
}

#persoonlijkegegevens textarea{
font-size:0.9em;
text-align:left;
width:260px;
}

/*EINDE PERSOONLIJKE GEBRUIKERS GEGEVENS POPUP PAGINA*/

/*BEGIN BESTELOVERZICHT POPUP PAGINA*/

#plus{
	margin-top: 5px;
	vertical-align:top;
}
#min{
	margin-top: 5px;
	vertical-align:top;
}
/*EINDE BESTELOVERZICHT POPUP PAGINA*/

#gewenstaantal{
  height:25px;
  left:598px;
  position:absolute;
  top:403px;
  width:141px;
}

#container {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:100px;
	z-index:1;
	background-color: #878787;
	margin-right: auto;
	margin-left: auto;
}
#nav {
	position:absolute;
	top:-58px;
	width:817px;
	height:27px;
	z-index:2;
	font-weight: lighter;
	text-transform: uppercase;
	color: #666;
	font-family: "Trajan Pro", Baskerville, "Bell MT", "Book Antiqua";
	margin-right: 50%;
	margin-left: 50%;
	left: -418px;
	text-align: center;
}
#content {
	position:absolute;
	top:260px;
	width:680px;
	z-index:2;
	background-image: url(../images/background/back.jpg);
	background-repeat: repeat-y;
	padding-left: 110px;
	padding-right: 110px;
	background-position: center;
	left: 0px;
}
.SubHeadingLeft {
	background-image: url(../images/headingSub.jpg);
	font-size: medium;
	background-repeat: no-repeat;
	background-position: left top;
	width: 200px;
	padding-top: 28px;
	color: #333;
	padding-left: 75px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	float: left;
	margin: 0px;
	height: 45px;
}
.SubHeadingRight {
	background-image: url(../images/headingSub.jpg);
	font-size: medium;
	background-repeat: no-repeat;
	background-position: left top;
	width: 200px;
	padding-top: 28px;
	color: #333;
	padding-left: 75px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	float: right;
	margin: 0px;
	height: 45px;
}
#kaderHoog {
	background-image: url(../images/background/achtergrondKaderHoog.jpg);
	background-repeat: no-repeat;
	height: 330px;
	width: 230px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-position: left top;
	padding-top: 9px;
	padding-right: 14px;
	padding-bottom: 9px;
	padding-left: 15px;
	color: #000;
	overflow: auto;
}
.opsomming {
	list-style-position: inside;
	list-style-type: circle;
	display: inline-block;
}
.centreerGroot {
	font-size: large;
	text-align: center;
}
.imgRechts {
	float: right;
	margin-top: 8px;
	margin-bottom: 3px;
	margin-left: 10px;
}
.imgLinks {
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 3px;
}
#container #content #kaderLaag p {
	padding-top: 5px;
	padding-bottom: 10px;
	margin: 0px;
}
.centreer {
	text-align: center;
}
/*#container #content a:link {
	color: #000;
}*/
#container #content #kaderLaag h1 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	color: #000;
	font-style: italic;
	border-bottom-width: 2px;
	border-bottom-color: #666;
	padding-bottom: 2px;
	padding-right: 15px;
	width: 215px;
	padding-top: 5px;
}
#footer {
	width:680px;
	height:110px;
	z-index:2;
	background-image: url(../images/background/footer.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #666;
	margin-left: -110px;
	padding-left: 110px;
	padding-right: 110px;
	background-position: center bottom;
}
#container #content #footer table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}
body {
	background-color: #999;
	background-image: url(../images/background/bodyBack.jpg);
	background-repeat: repeat-x;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: small;
	color: #333;
	letter-spacing: normal;
	margin: 0px;
}
#content h1 {
	font-size: large;
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 15px;
	width: 650px;
	padding-top: 25px;
	margin: 0px;
	clear: both;
}
#container #content #nav a img {
	padding-right: 8px;
	padding-left: 8px;
}

#productenOverzicht {
	background-image: url(../images/background/backgroundProducts.jpg);
	background-repeat: no-repeat;
	height: 440px;
	width: 605px;
	padding-right: 20px;
	padding-left: 25px;
	padding-top: 50px;
	padding-bottom: 10px;
	color: #000;
	vertical-align: middle;
	font-size: 11px;
}
#container #content #productenOverzicht #naam {
	font-size: medium;
}
#container #content #productenOverzichtFR #naam {
	font-size: medium;
}
#container #content #productenOverzicht table tr td p {
	margin: 0px;
	padding: 0px;
}
#container #content #productenOverzicht table {
	margin: 0px;
}
#container #content #productenOverzicht img {
	margin-top: 5px;
	vertical-align:top;
}
/*franse productenovezicht*/
#productenOverzichtFR {
	background-image: url(../images/background/backgroundProductsFR.jpg);
	background-repeat: no-repeat;
	height: 440px;
	width: 605px;
	padding-right: 20px;
	padding-left: 25px;
	padding-top: 50px;
	padding-bottom: 10px;
	color: #000;
	vertical-align: middle;
	font-size: 11px;
}
#container #content #productenOverzichtFR table tr td p {
	margin: 0px;
	padding: 0px;
}
#container #content #productenOverzichtFR table {
	margin: 0px;
}
#container #content #productenOverzichtFR img {
	margin-top: 5px;
	vertical-align:top;
}

/*einde franse productenoverzicht*/



.bestelknop {
	color: #000;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
#container #content #kaderLaag a:link {
	color: #000;
	font-size: small;
}
#container #content #kaderLaag a:visited {
	color: #000;
	font-size: small;
}
#container #content #categorienOverzicht table tr td img {
	background-color: #333;
	padding: 0px;
	border: 3px double #000;
}
#container #content #kaderLaag a:hover {
	color: #666;
}
#breadcrumps {
	position:absolute;
	top:-20px;
	width:691px;
	height:28px;
	z-index:2;
	left: 104px;
}
#kaderLaag {
	background-image: url(../images/background/achtergrondKaderBreed.jpg);
	background-repeat: no-repeat;
	height: 180px;
	width: 230px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-position: left top;
	padding-top: 9px;
	padding-right: 14px;
	padding-bottom: 9px;
	padding-left: 15px;
	color: #000;
}
#container #content #kaderLaag ul li {
	text-align: left;
	list-style-type: disc;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#categorienOverzicht {
	background-image: url(../images/background/backgroundCategorien.jpg);
	background-repeat: no-repeat;
	height: 440px;
	width: 605px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #000;
	text-align: center;
}
#container #content #kaderHoog p {
	padding-top: 5px;
	padding-bottom: 10px;
	margin: 0px;
}
#container #content #kaderHoog h1 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	color: #000;
	font-style: italic;
	border-bottom-width: 2px;
	border-bottom-color: #666;
	padding-bottom: 2px;
	padding-right: 15px;
	width: 215px;
	padding-top: 5px;
}
.titelAchterSter    {
	color: #000;
	font-size: small;
}
#container #content #kaderHoog a:visited {
	color: #000;
	font-size: small;
}
#container #content #kaderHoog a:hover {
	color: #666;
}
.nl {
	clear: both;
}
#omschrijving {
	position: absolute;
	left: 383px;
	top: 149px;
	width: 172px;
	height: 215px;
	overflow: auto;
}
#inhoud {
	overflow: auto;
	position: absolute;
	left: 661px;
	top: 153px;
	width: 70px;
	height: 23px;
}
#verkochtPerAantalFR {
	overflow: auto;
	position: absolute;
	left: 662px;
	top: 201px;
	width: 51px;
	height: 25px;
}
#naam {
	position: absolute;
	top: 81px;
	height: 50px;
	left: 383px;
	width: 345px;
	overflow: auto;
}
#gewicht {
	overflow: auto;
	position: absolute;
	left: 624px;
	top: 256px;
	width: 109px;
	height: 25px;
}
#prijs {
	overflow: auto;
	position: absolute;
	left: 589px;
	top: 309px;
	width: 146px;
	height: 18px;
}
#foto1 {
	margin-bottom:10px;
	width: 204px;
	position:absolute;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	left: 145px;
	height: 284px;
}

#thumbnails {
	position:absolute;
	height:68px;
	overflow:hidden;
	width:202px;
	left: -37px;
	top:325px;
	text-align: center;
}
li {
	list-style-position: inside;
}
.uitlegWinkel {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #999;
	color: #333;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 350px;
	margin-left: 10px;
	padding-left: 6px;
	padding-bottom: 3px;
}
.kryolan-verkooppunten {
	font-size: medium;
	font-style: italic;
	font-weight: bold;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

#thumbnails li {
	display:inline;
	margin:2 0px;
	padding-top:4px;
}

#thumbnails li.current img {
border:2px solid #1B5C9D;
}

#thumbnails img {
border:1px solid #DFDFDF;
vertical-align:top;
}

#thumbnails li.current {
	background:transparent url(../images/select.png) no-repeat scroll 50% 0;
	margin:0 3px;
	padding-top:0px;
}
#bestelknop {
	position:absolute;
	left:593px;
	top:357px;
	width:157px;
	height:182px;
	z-index:2;
	cursor:pointer;
}

#beschikbareKleuren{
	position:absolute;
	left:382px;
	top:402px;
	width:175px;
	height:70px;
	z-index:2;
	overflow:auto;
}

.kleur_hoeveelheid {
    border: 1px solid #A3C0F8;
    width: 1.5em;
    height: 15px;
    padding: 0 0 0 2px;
    margin-top: 5px;
    display: none;
  }
  
.kleur_hoeveelheid_kies {
    border: 1px solid #A3C0F8;
    width: 1.5em;
    height: 15px;
    padding: 0 0 0 2px;
    margin-top: 5px;
  }
#container #content #kaderHoog li {
	list-style-position: outside;
	list-style-type: square;
	text-align: left;
}
#container #content #footer a:link {
	color: #333;
}
#container #content #footer a:visited {
	color: #333;
}
#container #content #footer a:hover {
	color: #F00;
}
#kleurenknoplink {
	color: #000;
}
#container #content #kaderHoog ul li {
	text-align: left;
	list-style-type: disc;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#container #content #kaderHoog ul {
	margin-top: 0px;
	margin-bottom: 25px;
}
#container #content a:link {
	color: #000;
}
#container #content a:visited {
	color: #333;
}
#container #content a:hover {
	color: #C00;
}
#icoon {
	position: absolute;
	left: 502px;
	width: 140px;
	top: 21px;
	display: block;
}
#zoekdiv {
	position:absolute;
	left:389px;
	top:-70px;
	width:283px;
	height:30px;
	z-index:2;
}
#taal {
	position:absolute;
	left:183px;
	top:-67px;
	width:60px;
	height:32px;
	z-index:2;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#container #content #nav #taal a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.titelAchterSter {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	color: #000;
	font-style: italic;
	border-bottom-width: 2px;
	border-bottom-color: #666;
	padding-bottom: 2px;
	padding-right: 15px;
	width: 156px;
	padding-top: 10px;
	font-size: x-large;
	padding-left: 60px;
	margin-bottom: 10px;
	display: block;
}
#sterPromotie {
	position:absolute;
	left:77px;
	top:100px;
	width:114px;
	height:110px;
	z-index:2;
}
#promoties {
	width: 700px;
	float: left;
	color: #000;
	overflow: auto;
	margin-left: -25px;
}
#kaderHoogRechts {
	background-image: url(../images/background/achtergrondKaderHoog.jpg);
	background-repeat: no-repeat;
	height: 330px;
	width: 230px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-position: left top;
	padding-top: 9px;
	padding-right: 14px;
	padding-bottom: 9px;
	padding-left: 15px;
	color: #000;
	overflow: auto;
}
#sterNieuw {
	position:absolute;
	left:508px;
	top:100px;
	width:106px;
	height:110px;
	z-index:2;
}
#nieuw {
	width: 700px;
	float: left;
	color: #000;
	overflow: auto;
	margin-left: -25px;
}
#container #content #kaderHoogRechts h1 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	color: #000;
	font-style: italic;
	border-bottom-width: 2px;
	border-bottom-color: #666;
	padding-bottom: 2px;
	padding-right: 15px;
	width: 215px;
	padding-top: 5px;
}
#container #content #footer table tr td img {
	padding-left: 10px;
	vertical-align: text-bottom;
}
.lijstNum {
	margin-bottom: 20px;
}
#header {
	background-image: url(../images/background/header.jpg);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	width: 1400px;
	left: -250px;
	top: 0px;
	height: 282px;
	margin-right: auto;
	margin-left: auto;
	clip: rect(auto,auto,auto,auto);
}
#verkochtPerAantal {
	overflow: auto;
	position: absolute;
	left: 654px;
	top: 203px;
	width: 70px;
	height: 25px;
}

