@charset "utf-8";
/* CSS Document */

html, body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 margin:0;
 padding:0;
 color:#802000;
 line-height:20px;
 background:url('../images/background.gif') repeat-x #cc3300;
}

.container {
 position:absolute;
 width:960px;
 min-height:100%;
 left:50%;
 margin-left:-480px;
 background:url('../images/bg_content.gif');
}

*html .container {
 height:100%;
}

.header {
 width:960px;
 height:80px;
 background:white;
 background:url('../images/background.gif');
}

.filler {
 width:300px;
 height:40px;
 background:#828200;
 margin:0;
}

.winkelmandje {
 width:280px;
 background:#828200;
 margin:0;
}

.slidingProduct {
 display:block;
 width:100%;
 float:left;
}

.winkelmandje a {
 font-weight:bold;
 text-decoration:none;
 color:white;
}

.winkelmandje a:hover {
 text-decoration:underline;
}

.winkelmandjeOverzicht th {
 text-align:left;
 color:#802000;
}

.bestel {
	display:block;
	width:66px;
	height:21px;
	background:url('../images/basket_2.png');
	color:white;
	text-decoration:none;
	line-height:28px;
	text-indent:25;
}

.zoeken {
 position:absolute;
 left:305px;
 top:28px;
 display:block;
}

.hint {
 color:#aaa;
}

.headerMenu {
 position:absolute;
 top:34px;
 right:0;
 text-align:right;
}

.headerMenu a {
 font-weight:bold;
 text-decoration:none;
 color:#802000;
}

.headerMenu a:hover {
 color:#cc3300;
}

.zoeken input[type=text] {
 height:26px;
 width:125px;
 border-top:solid 1px #ccc;
 border-left:solid 1px #ccc;
 border-bottom:solid 1px #ccc;
 border-right:none;
 background:#eee;
 float:left;
 padding-left:6px;
 line-height:26px;
}

.zoeken input[type=submit] {
 width:30px;
 height:30px;
 background:url('../images/zoeken.gif');
 border:none;
}

.logo {
 position:absolute;
 top:0;
 left:0;
 width:300px;
 height:79px;
}

.slide {
 width:300px;
 height:300px;
}

.main {
 width:960px;
 padding-bottom:40px;
 display:inline-block;
}

.content {
 float:left;
 background:white;
 width:640px;
 padding:10px;
 display:inline-block;
}

.homeAanbieding {
 color:white;
 background:#828200;
 display:inline-block;
 width:620px;
 float:left;
 padding:10px;
 margin-top:-45px;
}

.side {
 padding:0;
 float:left;
 width:300px;
 background:#c67513;
 color:white;
}

.pageTitle {
 height:25px;
}

.sideTitle {
 width:240px;
 color:#fff;
 background-color:#777;
 border-bottom:solid 1px #474747;
 height:25px;
 line-height:25px;
 text-indent:10px;
 font-weight:bold;
 margin-bottom:8px;
}

.infoBar {
 display:inline-block;
 width:660px;
 height:30px;
 background:#802000;
 color:white;
 line-height:30px;
}
.infoBarTitle {
 margin-left:5px;
 font-weight:bold;
}
.infoBarNav {
 float:right;
 margin-right:5px;
}
.infoBarNav a {
 color:white;
 font-weight:bold;
 text-decoration:none;
}

.info {
 width:300px;
 color:white;
 }

.infoText {
 padding:10px;
 color:white;
}

.banner {
 border:solid 1px #ccc;
 background:#eee;
 width:468px;
 height:60px;
 text-align:center;
 line-height:60px;
}

/* --- PORTFOLIO --------------- */

.portfolio {
 width:240px;
 float:left;
 margin-bottom:15px;
}

.portfolioItem {
 color:#474747;
}

.portfolioList {
 float:left;
 margin-top:10px;
}

.portfolioLink {
 float:left;
 width:70px;
 height:44px;
 text-decoration:none;
 display:block;
 border:solid 3px #fff;
 margin:0 4px 4px 0;
}

/* --- NEWS -------------------- */

.news {
 width:260px;
 float:left;
 margin-bottom:15px;
}

.newsItem {
 width:220px;
 padding:0 10px 0 10px;
 color:#474747;
}

.newsLink {
 color:#474747;
 font-weight:bold;
 text-decoration:none;
}

.newsLink:hover {
 color:#000000;
}
/* --- Wiki -------------------- */
.wiki {
 position:absolute;
 top:655px;
 left:750px;
 width:200px;
 height:200px;
 padding:5px;
 margin-top:5px;
}

.wikiTitle {
 width:200px;
 height:20px;
 margin-bottom:3px;
 text-indent:20px;
 background:url('../images/tag.png') left center no-repeat;
 margin-bottom:10px;
}

.wikiItem {
 display:block;
 width:95px;
 height:20px;
 float:left;
 text-indent:15px;
 background:url('../images/arrowSmall.png') left center no-repeat;
 line-height:19px;
 margin-right:5px;
 color:#000;
}

.wikiItem:hover {
 color:white;
 background:url('../images/arrowSmall.png') left center no-repeat #54276a;
 cursor:pointer;
}
/* --- FOOTER ------------------ */

.footer {
 position:absolute;
 bottom:0;
 left:0;
 height:25px;
 background:#802000;
 width:960px;
 z-index:99;
}

.footer a {
 color:white;
 font-size:12px;
 font-weight:bold;
 display:block;
 height:20px;
 line-height:20px;
}

/* --- CONTACT ------------------ */

fieldset 				{padding:10px;margin-bottom:10px;width:446px;}
legend 					{padding:3px;font-weight:bold;}
label 					{display:block;float:left;width:100px;border-bottom:dotted 1px #ccc;}

.formContactInput 		{border:solid 1px #ccc;width:337px;margin-left:5px;text-indent:2px;height:19px;margin-bottom:2px;}
#formContactTextarea 	{border:solid 1px #ccc;width:442px;height:80px;padding-left:2px;}
#formContactSubmit 		{margin-left:319px;margin-top:10px;width:150px;height:30px;font-size:12px;font-family:arial;font-weight:bold;}


.winkelmandjeFinal th {
 background:#802000;
 color:white;
 padding:5px;
}

.winkelmandjeFinal td {
 padding:5px;
}

.winkelmandjeFinal {
 margin:10px 0 10px 0;
}

.button {
 display:block;
 width:120px;
 height:25px;
 border:solid 1px #666600;
 background:#828200;
 line-height:25px;
 text-align:center;
 font-weight:bold;
 color:#fff;
 text-decoration:none;
 float:left;
 margin-right:5px;
}

.productContainer {
 width:160px;
 display:block;
 float:left;
 text-align:center;
 margin-bottom:30px;
}

.productContainerBig {
 float:left;
}

.productFotos {
 display:block;
 float:left;
 margin:0 10px 15px 0;
 width:240px;
 text-align:center;
}

.productFotos img {
 margin-right:10px;
}

.productTitelNaam {
 height:50px;
}

.productOmschrijving {
 width:230px;
 float:left;
 margin-right:20px;
 color:#828200;
}

.productInfo {
 float:left;
}

.productInfoPrijs {
 font-size:14px;
 font-weight:bold;
 display:block;
 margin:2px 0 5px 0;
 color:#cc3300;
}

.productPrijsKorting {
 float:left;
 display:block;
 margin:2px 0 5px 0;
 text-decoration:line-through;
 font-size:14px;
 text-align:center;
 width:50%;
}

.artikelNaam {
 color:#666600;
 font-weight:bold;
 text-decoration:none;
 display:block;
 height:25px;
 line-height:10px;
 margin-top:4px;
}

.artikelPrijs {
 font-size:20px;
}

input {
 margin-bottom:5px;
}

.terug {
 position:absolute;
 top:197px;
 left:50%;
 margin-left:420px;
 width:50px;
 height:20px;
 display:block;
 text-align:right;
 color:white;
 font-weight:bold;
 text-decoration:none;
 z-index:1;
}

#global label {
 font-weight:bold;
 border:none;
 width:80px;
 line-height:28px;
}
#global input[type=text], input[type=password] {
 width:230px;
 height:22px;
 line-height:22px;
 padding-left:4px;
}
#global .wachtwoordVergeten {
 font-size:10px;
 color:#802000;
}

.globalFieldset {
 padding:10px;margin-bottom:10px;
}
.globalFieldset input[type=text] {
 width:200px;
 height:22px;
 line-height:22px;
}
.globalFieldset input[type=password] {
 width:197px;
 height:22px;
 line-height:22px;
}
.globalFieldset label {
 width:135px;
 border:none;
}
.globalFieldset select {
 width:206px;
 height:28px;
 padding:2px;
 margin-bottom:5px;
}


.productInformatieBig {
 float:left;
}

.linksItem {
 width:290px;
 float:left;
 background:#828200;
 padding:10px;
 margin-right:10px;
 margin-bottom:10px;
}

.linksLink {
 color:white;
}

.linksLink a {
 color:#363600;
 font-weight:bold;
}

.linksFoto {
 float:left;
 margin-right:10px;
}