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

/*	-------------------------------
	Hier worden alle stijlen gerest
	Standaarden worden hier gezet
	-------------------------------*/
html, body, div, span, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
b, u, i, center, 
dl, dt, dd, ol, 
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font:100% Arial,Helvetica,Garuda,sans-serif;
	line-height:14px;font-weight:normal;font-style: normal;*font-size:small;*font:x-small;
	vertical-align: baseline;
	background: transparent;
}


ul, li{
        margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font:100% Arial,Helvetica,Garuda,sans-serif;
	line-height:14px; font-weight:bold;font-style: normal;*font-size:small;*font:x-small;
	vertical-align: baseline;
	background: transparent;

}




table {
font-size:inherit;font:100%;
}

ul {
list-style:none;
}

li {
list-style:none;
}
img {
border:0;
}

p {
margin:1em 0;
}

html {overflow-y: scroll;}
body {
   background-color: white;
}
/*	---------------------------------
	Hier begint de opmaak van de site
	---------------------------------*/
.kleurbalk {width: 100%; height: 20px; background-color: #bed73b;} /* CMS link background-color */
.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.round_onderkant {	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
					-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}

#wrapper {width: 950px; margin: 0px auto;}
#container {width: 930px; margin: 10px 0 0 10px; }

#header {width: 930px; height: 130px;}
	.logo {width: 170px; height: 130px; background: url(images/header/logo.png); float: left; cursor: pointer;}
	.banner {width: 580px; height: 130px;  margin: 0 0 0 10px; float: left;}
        .winkelwagen {width: 160px; height: 110px; background-color: #bed73b; margin: 0 0 0 10px; float: right; cursor: pointer; padding-top: 20px;} /* CMS link background-color */
        .winkelwagen1 {width: 160px; height: 110px; background-color: #f8f8f8; margin: 0 0 0 10px; float: right; cursor: pointer; padding-top: 20px;} /* CMS link background-color */
	
#content {width: 930px; margin: 10px 0 0 0; }
	#links {width: 170px; float: left; color: #555555;}


input.zoekveld {width: 125px; height: 20px; background: url(images/zoekglas.png) no-repeat left; border: 1px solid #9a9a9a; padding-left: 25px; margin: 20px 0 0 0; color: #555555;}
input.zoekveld:focus {border: 1px solid #555555;} /* CMS link border-color */



/* CMS link background-color en :hover background-color en font-color */
#search_button {border: 0px; width: 150px; height: 20px; background-color: #bed73b; color: white; margin:3px 0 0 0; cursor: pointer; z-index: -1; font-weight: bold;}
#search_button:hover {background-color: #a8c027;}
#resultaten {width: 110px; background-color: #fbffe7; border: 1px solid #bed73b; padding: 20px; margin: 3px 0 0 0; z-index: 100;}

	#midden {width: 600px; margin: 0 0 0 0; float: left;  font-family: arial; font-size: 13px;}
		.product {width: 285px; height: 130px; background-color: #FFF; float: left; margin: 0 0 10px 10px; cursor: pointer; position: relative; border: 1px solid #cccccc;} /* CMS link background-color */
		.product:hover {background-color: #f3f5e6; border: 2px solid #cccccc; margin: 0 0 8px 8px;} /* CMS link :hover background-color */
			.product_foto {width: 100px; height: 90px; background-color: white; margin: 7px 0 7px 7px; float: left; line-height: 115px; position: relative; }
                        .product_foto img{max-height: 80px; vertical-align: middle; line-height: 115px; position: absolute; top: 5px; }
			.product_image{margin-top: 3px;}
			.product_informatie {margin: -4px 0 0 0; width: 165px; height: 115px; float: right; font-size: 12px; color: #555555; line-height: 16px; }
                        .product-tekst{width: 160px; height: 80px; margin-top: 3px;}
                        .product-tekst2{width: 160px; height: 80px; margin-top: 3px; color: black;}
				.product h1 {font-size: 14px;  color: #6d6f71; font-weight: bold; margin-bottom: 5px; margin-left: 5px; height: 30px; } /* CMS link font-color */
				.prijs {font-size: 20px; color: red;  height: 15px; position: absolute; bottom: 4px; right: 4px;  } /* CMS link font-color padding: 10px 5px 5px 0;*/
                                .MeerinfoButton {margin-bottom: 3px; margin-top: 3px; margin-right: 5px; background-color: #79a70c; width: 55px; height: 12px; color: #fff; border: 1px solid gray; float: right; padding: 1px 3px 3px 3px; font-family: arial; font-weight: bold; font-size: 11px; text-decoration: none;}
                                .MeerinfoButton:hover {background-color: #6e9908;}
                                .MeerinfoButton2 {background-color: #79a70c; width: 55px; height: 12px; color: #fff; border: 1px solid gray; float: left; padding: 1px 3px 3px 3px; font-family: arial; font-weight: bold; font-size: 11px; text-decoration: none;}
                                .MeerinfoButton2:hover {background-color: #6e9908;}
                                .extra_holder{width:160px; height:85px; margin-top: 5px;}
                                .holderset{width:160px; min-height: 18px;}
                                .holderset_left{float: left; width: 75px; padding-top:17px;}
                        /* tooltip styling */
                    .tooltip {display:none; background:url(images/pop.png); height:159px; padding:40px 30px 15px 30px; width:180px; font-size:11px; color:#fff; margin-top:20px;  margin-left:-40px; }
                    .wegstrepen{text-decoration:line-through; margin-left: 10px; float: left; color: red;}





	#rechts {width: 160px; margin: 0 0 0 0; float: right;}
		.inlog_venster {width: 160px;  background-color: #bed73b; font-size: 10px; color: white;} /* CMS link background-color */
			.inlog_venster h1 {font-size: 14px; color: white; padding: 10px 0 5px 10px; font-weight: bold;} /* CMS link font-color */
				.inlog_formuliertje {padding: 5px 5px 5px 10px; font-family: arial; font-size: 11px; color: gray;}
				input.inlog_veld { width: 136px; height: 16px; border: 1px solid #858585; color: #555555; padding: 2px;}
					input.inlog_veld:focus {border: 1px solid red; color: #555555;}
				input.inlog_knop {width: 99px; height: 20px; background: url(images/inlog_knop.png) no-repeat; border: 0px; margin: 10px 0 0 20px; cursor: pointer;}
                                input.uitlog_knop {width: 99px; height: 20px; background: url(images/uitlog_knop.png) no-repeat; border: 0px; margin: 10px 0 0 20px; cursor: pointer;}
				/*input.inlog_knop:hover {background: url(images/inlog_knop_hover.png) no-repeat;}*/
			.tekst_onder_inlog {text-align: center; width: 140px; margin: 5px 0 0 10px;}
		.inlog_venster a {text-decoration: none; font-style: italic; color: white;}
		.inlog_venster a:hover {font-size: 11px; color: white; font-weight: bold;}
                .inlog_knopje {width: 145px; height: 20px; border: 0px; margin: 0px 0 0 -5px; cursor: pointer;}

                .nieuwsbrief {width: 160px; height: 110px; background-color: #bed73b; font-size: 10px; color: white; margin-top: 10px;}

		.verzend_methodes {width: 160px; background-color: #f1f1f1; margin-top: 10px; text-align: center;}
			.verzend_methodes h1 {font-size: 14px; color: #555555; font-weight: bold; padding: 5px 0 0 15px;}
			.verzend_logos {width: 150px; margin:5px 0 0 0px;}
				.logo_plaatjes {margin-bottom: 5px;}


.clearfix {clear: both;}

/* background-color + font-colors */
#footer_omliggend {width: 930px; position: relative;padding-top: 31px;}
	.knopje {position: absolute; top: 0; right: 0;}

.footer {width: 930px; height: 125px; background-color: #6d6f71; border-top: 2px solid #bed73b; margin: 0px 0 0 0; font-size: 11px; color: #fff; margin-top: 15px;}
.footer a {color: #fff; text-decoration: none;}
.footer a:hover {font-style: italic; color: #bed73b;}
	.footer h1 {font-size: 16px; color: #bed73b; margin-bottom: 5px;}
	.contact_informatie {width: 455px; float: left; padding: 10px; cursor: pointer;}
	.internet_service {width: 265px; float: left;padding: 10px;}
	.algemene_informatie {width: 150px; float: right;padding: 10px;}


	.openingstijden {font-family: arial; font-size: 12px;}


	.orderlist{ background-color: #bed73b; width: 540px; float: left; }
	.link1{font-family: arial; color: black; text-decoration: none; padding-left: 15px;}
        .link2{font-family: arial; color: black; text-decoration: none; padding-left: 20px;}
        .link2:hover{font-family: arial; color: black; text-decoration: underline; padding-left: 20px;}






     .inhoud_ww {font-size: 9px; font-family: arial;}

  


          #verder_informatie {width: 750px; min-height: 365px; background-color: #f0f0f0; float: left; margin: 0 0 0 10px;}
          .afstandhouder{float:left; padding-left: 12px; width: 580px; }
     


		
			.algemene_gegevens {width: 270px; float: left; margin: 7px 0 0 7px;}

		.product_foto_omhulsel {width: 100px;  margin: 7px 0 7px 7px; float: left;}
			.product_foto_info {width: 100px; background-color: white; float: left;}
				.kleine_foto {width: 40px;  background-color: white; margin: 3px 5px 0 0; float: left;}
					.kleine_foto_3 {width: 40px; height: 50px; background-color: white; margin: 3px 0px 0 0; float: left;}

			.product_foto_info img {margin-top: 5px;}
			.thumbnails img {margin-top: 5px;}
                        .infromatieblokje{ width: 200px;  border:1px solid #e7e7e7; padding: 5px; float: left;}
                        .informatieblokjehouder{ width: 180px; height: 22px; float: left; color: grey;}
                        .GratisZend{ margin-top: -130px; margin-right: 160px; float:right;}

				.algemene_gegevens h1 {font-size: 14px; color: #2052a6; font-weight: bold; margin-bottom: 0px;}
				.algemene_gegevens h2 {font-size: 13px; color: #93ce64; font-weight: bold; margin-bottom: 5px;}
                                .algemene_gegevens h3 {font-size: 13px; color: #93ce64; font-weight: bold; margin-bottom: 5px;}
					.gegevens_titel {float: left; width: 75px;}
					.algemene_gegevens ul{font: 12px Tahoma; list-style-type: none;}
					.algemene_gegevens ul li {list-style-image: none; line-height: 16px;}

						.gegevens_titel ul.titels {color: #2052a6;}
							.gegevens_titel ul.titels li {}
					.ingevulde_info {float:right; width: 195px; text-align: left;}
						.ingevulde_info ul {font: 12px Tahoma; color: #555555}

				#bestel_box {width: 180px;  background-color: white; float: right; margin: 7px 7px 0 0; position: relative;
								box-shadow: 0px 0px 10px #818181;
								-webkit-box-shadow: 0px 0px 10px #818181;
								-moz-box-shadow: 0px 0px 10px #818181;}

					.bestel_box_prijs {padding: 10px 10px 0 10px;}
					.bestel_box_prijs p {float: left; color: #555555; font: 12px Tahoma; }
							.bestel_box_prijs p.klein { color: #555555; font:9px Tahoma; padding-bottom: -10px;}
                                                        .upper{width: 160px; height: 20px; float: left; }
                                                        .ptop{margin-top: 5px; float: left;}
					.bestel_box_prijs h1 {font-size: 20px; color: red; font-weight: bold; margin-top: 5px; float: right;}
							.bestel_box_prijs h1.normaleprijs {font-size: 12px; color: #000000; text-decoration: line-through; margin-top: 5px;}
						p.lever_info {font: 12px Tahoma; color: #75ad00; margin-top: 5px;}





                                                /* Relevante en gerelateerde artikelen */

                                                .RelevanteHeader{margin-bottom: 5px; padding-left: 10px; padding-top: 4px; width:750px; height:25px; background-color: #fff; float:left; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; font: 14px Tahoma;  font-weight: bold;}
                                                .RelName{width: 250px; float:left; text-decoration: none; height: 18px;}
                                                .RelName:hover{text-decoration: underline;}
                                                .RelPrice{ width: 100px; float: left; height:18px;}
                                                .relhover:hover{text-decoration: underline;}
                                                .RelateLink{ text-decoration: none; color: black;}
                                                





						input.in_winkelwagen { width: 167px; height: 28px; border: 0px; background: url(images/winkelwagen_knop.png) no-repeat; margin: 15px 0 7px 7px;
													color: #fff7cf; font:14px Tahoma; font-weight: bold; cursor: pointer; }
						input.in_winkelwagen:hover {color: #fee981;}

								#bestel_box ul { width: 160px; margin: 0 0 5px 30px;}
									#bestel_box ul li {list-style-image: url(images/menu_list_item.png);}
										#bestel_box ul li a {font: 10px Tahoma; color: #2052a6; text-decoration: none; }
											#bestel_box ul li a:hover {color: #75ad00;}

				/*<!--.beschrijving {width: 576px; margin: 0px 7px 10px 7px; float: left; background-color:  fuchsia;}-->*/
                                .beschrijving {width: 596px; margin: 12px 7px 10px 7px; float: right; font-size:12px;  }

                                               .beschrijving li{
                                            margin-left: 15px;
                                            padding: 0;
                                            border: 0;
                                            outline: 0;
                                            font:100% Arial,Helvetica,Garuda,sans-serif;
                                            line-height:14px;
                                            vertical-align: baseline;
                                            background: transparent;
                                            list-style-type:disc;

                                }

                               

					.beschrijving h1 {font-size: 18px; color: #2052a6; font-weight: bold; margin-bottom: 5px;}
						.beschrijving h2 {font-size: 14px; color: #2052a6; font-weight: bold; margin-bottom: 5px;}
							.beschrijving p {font: 12px Arial; color: #555555; line-height: 16px;}



                        /* Download */

                        .downloadveld {width: 300px; margin: 5px; background-color: grey; border: 1px solid green; float: right; }









/* menu */

.sub_heading1{ cursor: pointer;}



/* Meldingen */

.melding {font-family: arial; font-size: 12px; color: black;}


/* Winkelwagen */

.totalRow { width: 570px; height: 27px;  margin-left: 10px; font-family: arial; font-size: 13px; padding-top: 3px; float: left;}
.totalRow:hover { width: 570px; height: 27px;  margin-left: 10px; font-family: arial; font-size: 13px; padding-top: 3px; float: left; background-color: #f0efef; }
  .totalRow input {width: 30px; margin-left: 3px;}
    .winkelAantal{width: 45px; float: left; height: 27px; }
    .WinkelGroep {width: 150px; float: left; height: 24px; margin-top: 3px;}
    .WinkelArtikel {width: 275px; float: left; height: 24px; margin-top: 3px;}
    .Winkelprijs {width: 75px; float: left; height: 24px; margin-top: 3px;}
    .WinkelDel{width: 25px; float: left; height: 24px; margin-top: 3px; }
    .artikellink{ text-decoration: none; color: black;}
    .winkeltitel{ font-family: arial; font-size: 20px;}
    .updatebutton {width: 150px;}
    .DelButton {width: 20px; background: url(images/delete.png) no-repeat; border: 0px; height: 16px; font-size: 00px; cursor: pointer; color: white; }

    .totalRow2 { width: 570px; height: 27px;  margin-left: 10px; font-family: arial; font-size: 13px; padding-top: 33px; float: left;}
    .verderwinkelen span span{width: 100px; height: 25px; border: 1px solid gray; background-color: #f7f5d3; padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}


   .header          { font-family: arial; font-size: 20px;}
   .normaltext      {font-family: arial; font-size: 12px;}
   .submitbutton    { margin-left: 150px; margin-top: 15px;}
   .tussenRow       { width: 560px; height: 20px; padding-left: 5px;  margin-left: 0px; font-family: arial; font-size: 13px; padding-top: 3px; float: left; background-color: #adcbee;}
   .emptyRow        { width: 570px; height: 20px; padding-left: 0px;  margin-left: 0px; font-family: arial; font-size: 13px; padding-top: 3px; float: left; padding-bottom: 5px; }
   .smallinput      {width: 30px; margin-left: 3px;}
   .normalinput     {width: 250px;}
   .huisnrinput     {width: 140px;}
   .error           { color: red; font-family: arial; font-size: 15px; margin-bottom: 10px;}

 .onderveld{ width: 570px; float: left; margin-top: 15px;}



 .orderboxtotaal{ width: 560px; float: left; height: 25px;}
 .orderbox_1{ width: 112px; float: left; height: 25px;}


 .goedebetaling{ float: left; margin-top: 15px; width: 500px; height:20px; border: 1px solid #7abc80; background-color: #cdefd0; margin-left: 10px; padding: 3px;}
 .foutebetaling{ float: left; margin-top: 15px; width: 500px; height:20px; border: 1px solid #ff392a; background-color: #f98e86; margin-left: 10px; padding: 3px;}

 .Menu2Title {background-color: #6d6f71; height: 20px; font-size: 14px; color: white; padding-left: 5px; padding-top: 2px; border-top: 2px solid #bed73b; margin-top: 10px; margin-bottom: 5px;}
 .Menu_2 {}
 .Menu_2 li a {padding-left: 2px; text-decoration: none; color: #656769; font-size: 12px; font-weight: bold; width: 168px; float: left; height: 16px; padding-top: 2px;}
 .Menu_2 li a:hover {background-color: #f9fcec;}
 .inhoudpagina { margin-left: 10px; }
 .grijzebalk_klantreactie{width: 570px; height: 20px; padding: 5px; background-color: #c9c9c9;}
 .place_reaction_button { float: right; margin-top: 35px; margin-right: 22px; background-color: #bed73b; border: 1px solid #92a23b; cursor: pointer;}
 .meldwaarschuwing {float: left; color: red;}

 .sterhouder{float: left; width: 570px; padding-top: 15px; padding-left: 10px; padding-bottom: 10px; font-size: 9px;}
 .ReactieInhoud {background-color: #f5f5f5; width: 570px; margin-left: 10px; margin-top: 5px; padding: 5px; float: left;}
 .klantreactie { background-color: #f5f5f5; width: 160px; height:40px; background: url(images/klantreactie.png); margin-top: 10px; cursor: pointer;}
 .klantreactie:hover { background: url(images/klantreactie_hover.png); }