* { margin:0; padding:0;  text-decoration:none; font-family:Arial,Verdana, "comic sans ms",sans-serif; }

/* Body */
body { background-image:url(../images/backgroundfancy1.png); background-repeat:repeat-x; }

/* vaste waarden*/

ul {list-style-type:none;}
h3, h5, h6 {margin-top:10px; margin-left:10px; color:#200279;}
.h2String{margin-top:10px; margin-left:10px; color:#200279; font-size:13px;}
img {border:none;}
input {border:1px solid #CCC;}
.button {width:136px; height:20px; text-align:center; font-size:14px; font-weight:bold;}
.errormessage {margin-top:10px; margin-left:10px; font-size:14px; font-weight:bold; color:grey;}

/* Index.php */



/* service */
.underline {text-decoration:underline;}
.underline1 {font-size:13px;}
.underline2 {font-size:9px;}
/* Menu En Banner */ 
#main {width:900px; margin: 5px auto; background-color:#fff;  }
#banner {background-image:url(../images/banner6.gif); height:111px;}
#menu {height:30px; height:35px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; background-image:url(../images/menu.jpg);}
#menu ul {}
#menu ul li {float:left; margin-right:10px; vertical-align:bottom; margin-top:5px;}
.menu_ul_li_a {color:#000;font-weight:bold; font-size:14px;}
.menu_ul_li_a_red {color:red;font-weight:bold; font-size:14px;}
.loginMenu {text-align:right;}

/**/
#navigation {  width:150px; vertical-align:top;   }
#navigation table { display:block; margin-bottom:5px; width:150px; border-left: 1px solid #455eb4; border-right:1px solid #455eb4; border-bottom:1px solid #455eb4; background-color:#e2defb; }
.merken { margin-bottom:5px;}
.logo {margin-top:20px;}
.logo a img {border:none;}
.hoofding1 {background-image:url(../images/hoofding.jpg); display:block; width:150px;  height:25px; }
.hoofding1 p {color:#fff; text-align:center; font-size:11px; font-weight:bold; padding-top:5px;}
.hoofding {background-image:url(../images/hoofding.jpg); display:block; width:170px;  height:25px; }
.hoofding p {color:#fff; text-align:center; font-size:11px; font-weight:bold; padding-top:5px;}

.onderhoofding1 {width:168px; margin-bottom:20px; display:block;  border-left: 1px solid #455eb4; border-right:1px solid #455eb4; border-bottom:1px solid #455eb4;background-color:#e2defb;}
.onderhoofding1 p {text-align:left; color:#000;  font-size:12px; padding:5px 0px; margin-left:3px;}
.onderhoofding1 p a {color:#000; font-size:12px;}

.onderhoofding2 {width:148px; margin-bottom:5px; display:block; border-left: 1px solid #455eb4; border-right:1px solid #455eb4; border-bottom:1px solid #455eb4;background-color:#e2defb;}
.onderhoofding2 p {text-align:center; color:#000; font-weight:bold; font-size:14px; }
.onderhoofding2 p a {color:#000; font-weight:bold; font-size:12px;}

.onderhoofding3 {width:148px; margin-bottom:5px; display:block; border-left: 1px solid #455eb4; border-right:1px solid #455eb4; border-bottom:1px solid #455eb4;background-color:#e2defb;}
.onderhoofding3 p {text-align:center; color:#000; font-weight:bold; font-size:14px; }
.onderhoofding3 p a {color:#000; font-weight:bold; font-size:12px;}

.onderhoofding4 {width:148px; margin-bottom:5px; display:block;  border-left: 1px solid #455eb4; border-right:1px solid #455eb4; border-bottom:1px solid #455eb4;background-color:#e2defb;}
.onderhoofding4 p {text-align:center; color:#000; font-weight:bold; font-size:14px;}
.onderhoofding4 p a {color:#000; font-weight:bold; font-size:12px;}

.onderhoofding5 {width:168px; margin-bottom:20px; display:block;  border-left: 1px solid #455eb4; border-right:1px solid #455eb4; border-bottom:1px solid #455eb4;background-color:#e2defb;}
.onderhoofding5 p {text-align:center; color:#000;font-size:12px; }
.onderhoofding5 p a {color:#000;  font-size:14px;}

.onderhoofding6 {width:168px; margin-bottom:5px; display:block;  border-left: 1px solid #455eb4; border-right:1px solid #455eb4; border-bottom:1px solid #455eb4;background-color:#e2defb; text-align:center;}
.onderhoofding6 p {text-align:center; color:#000;font-size:12px; }
.onderhoofding6 a {color:#000;  font-size:14px; }

.merken {  width:148px; display:block; height:80px; border-left: 1px solid #455eb4; border-right:1px solid #455eb4; border-bottom:1px solid #455eb4;  }
.merken2 {  width:148px; display:block; height:80px; border-left: 1px solid #455eb4; border-right:1px solid #455eb4; border-bottom:1px solid #455eb4; text-align:left; }
.merken2 a{margin-left:5px; margin-top:5px; font-size:12px;}
.merken a {margin-left:33px;}
.merken1 {   height:80px; border-left: 1px solid #455eb4; border-right:1px solid #455eb4; border-bottom:1px solid #455eb4; text-align:center; }
.merken1 a {margin-top:5px;}
.bestseller {  width:148px; display:block; text-align:center; height:165px; border-left: 1px solid #455eb4; border-right:1px solid #455eb4; border-bottom:1px solid #455eb4; font-weight:bold; }
.divbestseller {margin-bottom:5px;}
.bestsellername {font-size:10px;}

.categories {  }
.categories li{ }
.categories li a { color:#000; font-size:12px; display:block;  margin-bottom:5px; font-weight:bold;   }
.artikels li {text-align:left;}
.artikels li p a{  border:none; color:#777; font-size:12px;  }
.selected { font-weight: bold;  }

/* Product page */
.big_image { width:220px; height:220px;display:block; float:left; }
.product_spec_prijs {width:140px; height:300px; display:block; float:left; margin-left:15px;}
.speci {border:1px solid #000; width:300px; height:70px; display:block;}
.product_prijs_input {}
.product_naam {margin-right:140px; width:200px; margin-bottom:15px; }
.product_prijs { font-size:20px; font-weight:bold; width:150px; margin-right:140px; margin-top:20px; padding-left:5px;}
.product_prijs2 { font-size:20px; font-weight:bold; width:150px; margin-right:140px; margin-top:40px;  text-decoration: line-through;padding-left:5px;}
.product_prijs5 { font-size:20px; font-weight:bold; width:150px; margin-right:140px; margin-top:5px;  text-decoration: line-through;padding-left:5px;}
.product_prijs3 { font-size:20px; font-weight:bold; width:150px; margin-right:140px; margin-top:0px; color:red;padding-left:5px;}

.product_spec {font-size:12px; font-weight:bold; float:left;  margin-top:10px;}
.speed { margin-top:5px; font-size:12px; background-color:#FFF; width:100px; display:block;}
.spin {font-size:12px; background-color:#FFF; width:100px; display:block; }
.lagen {font-size:12px; background-color:#FFF; width:100px; display:block;}
.controle {margin-bottom:10px; font-size:12px; background-color:#FFF; width:100px; display:block;}
.inputbestelpic {width:100px; height:25px;}

#eigenschappenTable { width:300px; display:block; margin-top:10px;}
.eigenschappenTableTD {font-size:12px; background-color:#FFF; width:100px; text-align:center;}

.product_content{border:1px solid #000;}
.little_image { width: 50px; height: 60px; display:block; float:left; }
.little_img_border {border:3px solid #CCC;}
#structure {vertical-align:top; margin-top:2px;}
/* artikel Page */
#artikel { vertical-align:top; width:600px; }

.imageproduct {border:1px solid #ccc; margin:1px;}

/* lijst_artikels == <table> voor alle artikels */
#lijst_artikels { margin: auto;  }

/* De ul van de pagina manage_site.php */
.manage_site_list { margin-top:30px;}
.manage_site_list li{ list-style-type:square; margin:10px 20px;;}
.manage_site_list li a{color:#533;}

/* */
.back_button{font-size:12px;}
/* Dit is de omkadering van het product waarin ze weergegeven wordt */
.kader_artikel {width: 562px;  display:block; border:1px solid #CCC; float:left; margin: 0px 0px 10px 0px; background-color:#DDDDFF; }

/*Dit is het kopstuk ( info ) voor het weergeven van de artikelen */
#info_product{height:30px; width:700px; display:block; background-image:url(../images/info_product.jpg);  color:#FFF; text-align:center; margin:0px;}
.artikel_info_merk {font-weight:bold; display:block; width:110px; height:30px; float:left;}
.artikel_info_naam {font-weight:bold; font-style: italic; display:block; width:220px; height:30px; float:left;}
.artikel_info_prijs {font-weight:bold;  display:block; width:170px; height:30px; float:left;}
.artikel_info_pic {font-weight:bold;  display:table; width:200px; height:30px;}

/*titel van het product en zijn beschrijving */
.naam_merk_prijs_artikel {  width:562px; height:25px; display:block; background-image:url(../images/aanbieding_name.jpg);}
.merk_artikel {width:140px; height:25px;display:block; float:left; text-align:center; color:#fff; font-weight:bold; font-size:15px; }
.naam_artikel {width:275px; height:25px;display:block; float:left; text-align:center; color:#fff; font-weight:bold; font-size:15px; }
.prijs_artikel {width:120px; height:25px; display:table; margin: 0 -3px; text-align:center; color:#f8c7c4; font-weight:bold; font-size:16px; }


/* aanbieding */
.liProduct {float:left; width:180px;}
.liProductimage{height:140px; text-align:center; margin:0.5em 0;}
.liProductname {text-align:center;}
.liProductname a {color:black; font-size:0.6em; font-weight:bold; text-transform:uppercase;}
 
.content_artikel {width:280px; height:113px; display:block;  font-size:13px; float:left; padding:10px;}
.specificatie_artikel {width:130px; height:133px; display:block; float:left;}
.specificatie_artikel p{ margin-bottom:10px; margin-top:10px; font-size:12px;}
.image_artikel {width:125px; height:133px; display:table; float:left; margin: 0 -3px; border:none;}
.image_artikel a img{border:none;}

.under_content_artikel{width:300px; height:15px; display:block; float:left;}
.bestel_artikel {width:100px; height:25px; display:block; float:left;padding-bottom:2px; margin-top:10px;}
.zoom_artikel {width:125px; height:15px; display:table; float:left; text-align:center; font-size:11px; }
.zoom_artikel a{text-decoration:underline;}


.titel_prijs_artikel { height:30px; width:500px; display:block; border-bottom:1px solid #000; ; color:#FFF; background-color:#3f32a0; text-align:center; }
.artikel_vak_merk { font-weight:bold; display:block; width:110px; height:30px; float:left;}
.artikel_vak_naam {font-weight:bold; font-style: italic; display:block; width:220px; height:30px; float:left; }
.artikel_vak_prijs {font-weight:bold;  display:table; width:170px; height:30px; float:left; }
.hidden_input {float:left; margin-right:3px;}
.vakje_prijs_input { float:left; display:block; margin-right:3px; }
.wink_pic {display:table; float:left; }
.beschrijving_artikel { height:103px; width:500px; background-color:#e0def1; color:#000; }

/* Hier moet de image van het product weergegeven worden */
.artikel_picture {width:200px; height:133px; display:block; float:right;}
.imgbreed {width:125px; height:133px; display:block; border:none;}
.imgsmal {width:89px; height:133px; display:block; border:none;}
.imgmed {width:125px; height:125px; display:block; border:none;}
.imgkwn {width:114px; height:133px; display:block; border:none;}
.img_big_breed{width:241px; height:260px; display:block; border:none;}
.img_big_smal{width:200px; height:300px; display:block; border:none;}
.img_big_med{width:250px; height:250px; display:block; border:none;}
.img_big_kwn{width:300px; height:200px; display:block; border:none;}

/*Dit is de structuur van de intro pagina */
.welkom_titel { height:70px; width: 648px; margin:10px; text-align:center; vertical-align: middle;}
.welkom_intro{height: 330px; width: 648px; display:block;  margin:10px; text-align:center; vertical-align: top;}
.welkom_intro_image{height: 406px; width: 648px; display:block;  }

.welkomTable {margin:auto; width:550px; }
.welkomTable tr {margin-bottom:20px;}
.welkom_aanbieding{background-color:#e2defb;  border-bottom:1px solid #455eb4; }
.welkom_aanbieding1{background-color:#fff;  border-bottom:1px solid #455eb4; }
.welkom_aanbieding2 { text-align:center; margin:10px; }
.aanbieding_name { color:#fff; background-image:url(../images/aanbieding_name.jpg); height: 25px; width: 550px; font-size:15px; display:block;  font-weight:bold; margin-bottom:10px; text-align:center;}
.aanbieding_name3 { color:#fff; background-image:url(../images/new_kp.jpg); height: 25px; width: 550px; font-size:15px; display:block;  font-weight:bold; margin-bottom:10px; text-align:center;}

.aanbieding_tekst{float:left; width:400px; text-align:left; margin-bottom:20px; margin-left:5px; margin-right:5px; font-size:14px;}
.aanbieding_tekst2{float:left;  text-align:left; margin-bottom:20px; margin-left:5px; margin-right:5px; font-size:14px;}

.aanbieding_tekst5{float:left; width:290px; text-align:left; margin-bottom:20px; margin-left:5px; margin-right:5px; font-size:14px;}
.aanbieding_foto{}
.aanbieding_foto img{border:none;}
.image_index {   text-align:center;}

/* Winkelmand login registreer search */
#winkelmand_search_enz { vertical-align:top; width:170px; display:block; }
#winkelmand_search_enz tr { margin-bottom:13px;}
.winkelmand {width:170px; height:100px;  background-color:#8C7AC4;  font-size:11px;    display:block;text-align:center; border:none;}
.winkelmand a {color:#fff; font-weight:bold; }
.winkelmand p{color:#fff; font-weight:bold; padding-top:30px;}
.winkelmand a:hover {text-decoration:underline;}
#search{ text-align:center; font-size:11px;font-weight:bold; width:130px; height:100px; background-color:#8C7AC4; color:#FFF;}
.search_box {width:100px; height:15px;}
.search_pic { font-size:10px;}

.login_php {margin-left:10px;}
.login_phps {margin-left:10px; color:blue;}
/* Killy pong video image*/

.kpvideoim {  margin: 0px auto 10px auto; }
.kpvideoim img{border:none; margin:2px;}

/* Pagination */
.pagination { width:20px; height:20px; border: 1px solid #CCC; display:block; text-align:center; float:left; margin-right:5px; color:#222; font-size:14px;}
.kaderpagination {width:70px; height:20px; color:#3366cc; display:block;  font-size:16px; float:left; font-weight:bold;}
.kaderpagination1 {width:90px; height:20px; color:#3366cc; display:block;  float:left; font-size:16px;  font-weight:bold;}

.Ppagination {font-weight:bold;}
/* Form Cart */
.aantal_producten_winkelmand {margin:auto auto 20px auto; width:550px; color:#a11c1a;}
.form_cart{margin:auto; width:550px;}
.h3winkelmand {background-image:url(../images/aanbieding_name.jpg); color:#FFF; height: 25px; width: 550px; display:block; text-align:center; font-weight:bold; margin:auto;}
.cart_table {}
.cart_header {height:30px;  }
.cart_list_item { height:30px;}

.cart_image {height:30px; padding:5px; text-align:center;background-color:#f8f7f5; }
.cart_merknaam {width:200px; padding:5px; text-align:left; background-color:#f8f7f5;}
.cart_naam {width:200px; padding:5px; text-align:left; background-color:#f8f7f5;}
.cart_hoeveel {padding:5px; text-align:center; background-color:#f8f7f5;}
.cart_prijs { width:70px; text-align:center; background-color:#f8f7f5; padding:5px;}
.cart_totaal {width:70px; text-align:center; background-color:#f8f7f5; padding:5px;}
.cart_info {  width:100px;text-align:center;background-color:#f8f7f5; padding:5px;}

.cart_image2 {height:30px; padding:5px; text-align:center; background-color:#e4eff8; border:1px solid #f8f7f5; }
.cart_merknaam2 {width:200px; padding-right:10px; text-align:left; background-color:#e4eff8; border: 1px solid #f8f7f5;}
.cart_naam2 { width:200px; padding-right:10px; text-align:left; background-color:#e4eff8; border: 1px solid #f8f7f5;}
.cart_hoeveel2 {padding-right:10px; text-align:center; background-color:#e4eff8; border: 1px solid #f8f7f5;}
.cart_prijs2 {width:70px; text-align:center; background-color:#e4eff8; border: 1px solid #f8f7f5;}
.cart_totaal2 {width:70px; text-align:center; background-color:#e4eff8; border: 1px solid #f8f7f5;}
.cart_info2 { width:100px; text-align:center; background-color:#e4eff8; border: 1px solid #f8f7f5;}

.eindtotaal { margin:auto; width:550px;}
.button_cart { margin-left:50px; width:170px; height:25px;}

.betaal_methode {margin:auto; width:550px;}
searchbox p{margin-top:3px }

/* De td voor merken te kiezen bij menu */
.merken_image_box {float:left;}
.merken_box {width:150px; height:150px; display:block; text-align:center; }
.merken_box a{ color:#0000FF;}

.verdelingindex {font-size:10px; color:#666; font-weight:bold;}
.verdelingindex:hover {color:red;}
/* Contact */
.floatleft {float:left;}
.contact_killypong {margin:auto; width:550px; height:200px; display:block;}
.contact_verstuur {margin:auto; width:550px; height:250px; display:block;}
.contact_killypong a{font-size:12px;}
.contact_verstuur a{font-size:12px;}
.skype_kp {margin:auto; width:550px;}
.contactpersonen{margin:auto; width:550px;}
/* Footer */
#footer {  width:900px;text-align:center;   font-size:13px; margin:auto; color:#888;  }
#footer a {color:#666; }

.grey_underline {text-decoration:underline; color:#333;font-size:10px;}
.product {margin:auto; width:550px;}
.productpagina_naam {background-image:url(../images/hoofding.jpg); width:550px; margin:auto;  height:25px; display:block; text-align:center; color:#FFF; font-weight:bold;}

.productpagina_image {display:block;  border-left: 1px solid #455eb4; border-right:1px solid #455eb4;border-bottom:1px solid #455eb4; background-color:#e2defb; }
.productpagina_beschr {width:300px; height:300px; font-size:14px;}
.productpagina_little_image { }
.border { border: 1px solid #000; width:150px; text-align:center;background-color:#9C9;}
.border1 { border: 1px solid #000; width:150px; text-align:center; background-color:#CCC;}
.beschrijving_product {width:320px; margin-top:5px; padding-left:5px;}

/* Css van profiel.php*/
.profielTable {border:1px solid #999; margin:auto; width:550px; margin-top:10px; background-color:#dedef9;}
.profielTable2 {border:1px solid #999; margin:auto; width:550px; margin-top:10px; background-color:#dedef9;}
.profielTable2 tr td p{ font-size:12px;}
.profielTable3{ font-weight:bold; text-align:left;}
.profieltr1 {color:#555; font-weight:bold;}

.profielBewerken { width:550px; display:block; text-align:right; margin:auto;}
.profielBewerkenP {}
.profielBewerkenA { font-weight:bold; color:#222;}

/* op de index pagina promotie vakken*/
.aanbieding_name2 { color:#fff; background-image:url(../images/promotie_name.jpg); height: 25px; width: 648px; font-size:15px; display:block;  font-weight:bold; margin-bottom:10px; text-align:center;}
.vak_prom {float:right; text-align:center; }
.vak_prom2 {float:left; width:400px; }
.vak_prom3 {float:left; F }
.prom_img { }
.prom_prijs { height:20px;}
.prom_korting { height:20px;}
/* Lijst klanten.php */
.lijstkl ol li a{color:#222; }
.lijstkl ol li { margin-top:7px;}
.lijstkl ol {}
.lijstkl {margin-left:40px; margin-top:20px;}

/* Checkout.php */
.checkoutP {margin-left:20px;}
.checkoutP tr td {color:#1a1a1a;}
.checkoutPred {margin-left:20px; color:red;}
/* Einde checkout/php */

/* Quiz.php*/
.quizP {margin-left: 40px; margin-top:20px;}
.quizP1 {margin-left: 20px; margin-top:20px;}
.quizP2 {margin-left: 20px; margin-top:50px;}
.quizvraag {margin-top:10px; padding:5px; border:1px solid #CCC; background-color:#ddddff;}
.quizradiobutton input{margin-left: 5px;}

/*Einde Quiz.php*/

/* Waardebon.php */
.waardebonDiv {margin-left:20px;}
.waardebonDiv ul {}
.waardebonDiv ul li {list-style-type:none; padding-top:5px;}
.waardebonDiv input{margin-left:10px; margin-top:10px;}
.getal {width:40px; float:left;}
.nummer {}

/* Einde Waardebon.php */

/* Howtoorder.php */
.imghowto {border:1px solid #CCC; margin-top:10px;}
.howtoDiv {width:550px; margin:auto;}
.howtoP {margin-left:40px; margin-top:10px;}
/* Einde Howtoorder.php */


.bold_red { font-weight:bold; color:red;}
.bold_line { font-weight:bold; text-decoration:line-through; }
.bold { font-weight:bold;}
/* Hier de verdeling van de keuze menu afbeeldingen op index pagina*/
.afbeeldingcat_tr { margin-top:40px;}
.afbeeldingcat_td { margin:0px 10px; border:1px solid #000;}
/* Manage afdeling de lijst sector */
.manage_lijst_table {margin: auto; width:500px; }
.manage_lijst_tr {margin-top:7px; padding:3px;}
.manage_lijst_houtje_delete {width: 50px; text-align: center; padding:3px; font-weight:bold; color:#751603; background-color:#7ff982; border-bottom: 1px solid #000; border-top: 1px solid #000; border-left: 1px solid #000; margin-top: 5px;}
.manage_lijst_houtje_edit {width: 50px; text-align: center; font-weight:bold; color:#751603; background-color:#7ff982; border-bottom: 1px solid #000; border-top: 1px solid #000; border-left: 1px solid #000; margin-top: 5px; }
.manage_lijst_houtje_id {width: 80px; text-align: center; font-weight:bold; color:#000; background-color:#fe70ca; border-bottom: 1px solid #000; border-top: 1px solid #000; border-left: 1px solid #000; margin-top: 5px;}
.manage_lijst_houtje_naam {width: 250px; text-align: center; font-weight:bold; color:#FFF; background-color:#e62d4c; border-bottom: 1px solid #000; border-top: 1px solid #000; border-left: 1px solid #000; margin-top: 5px;}
.manage_lijst_houtje_prijs {width: 70px; text-align: center; font-weight:bold; color:#000; background-color:#7ffdfc; border-bottom: 1px solid #000; border-top: 1px solid #000; border-left: 1px solid #000; margin-top: 5px;}

/* Stock.php*/
.stockdiv {margin-left:20px; }
.stockdiv select { border: 1px solid #ccc;}

/* Einde Stock.php*/


.slideshow { height: 315px; width: 550px; margin: auto; }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee;  margin: auto; }

.slideshow2 { height: 315px; width: 550px; margin: auto; }
.slideshow2 img {  border: 1px solid #ccc; background-color: #eee;  margin: auto; }

.h1product {font-size:16px; color:#FFF; font-weight:bold;}
/* Einde Index.php*/

/* Login.php*/

.submitRegister {margin-left:20px;}