/*
div{border:solid 1px green}
*/

body
{
  font-family: Arial;
  font-size: 12px;
  color: #777777; /*   background-color: #c4c5c7;   */
  margin: 0;
  padding: 0;
}

html
{
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}


.basis, td
{
  font-family: Arial;
  font-size: 12px;
  color: #777777;
}
.titel
{
  font-family: Arial;
  font-size: 14px;
  color: #525252;
  font-weight: bold;
}

.small
{
  font-family: Arial;
  font-size: 10px;
  color: #777777;
}

h1
{
  color: white;
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  font-weight: bold;
}
.basisDonker
{
  font-family: Arial;
  font-size: 12px;
  color: #525252;
}

a
{
  text-decoration: underline;
  color: #525252;
}

p
{
  margin: 0px;
  padding: 0px;
}

img
{
  border: none;
}

.clr {float: none; clear: both}

.pad10 {padding: 10px;display:block}



/************************* VOORPAGINA ************************/

#divContainerVoorpagina
{
  position: relative;
  margin: auto;
  width: 1090px;
  text-align: left;
  background-color: White;
  top: 35px;
}



/************************* VIDEO CHANNEL ************************/

#divContainerVideo
{
  position: relative;
  margin: auto;
  width: 1074px;
  text-align: left;
  background-color: White;
  top: 35px;
}


/************************* SITE CONTAINER ************************/


#divContainer
{
  position: relative;
  margin: auto;
  width: 980px;
  text-align: left;
  background-color: White;
  top: 35px;
}



/************************* BOVENBALK ************************/
#divBovenbalk
{
  width: 100%;
  position: fixed;
  text-align: center;
  background-color: #555;
  height: 25px;
  color: white;
  margin: 0;
  padding: 10px 0 0 0;
  display:block;
  z-index:999;
}
#divBovenbalk a
{
  color: white;
  text-decoration: none;
  padding: 8px;
}
#divBovenbalk a:hover
{
  background-color: #888;
}


/************************* LOSSE ONDERDELEN ************************/


#divLogo
{
  position: absolute;
  top: 10px;
  left: 410px;
 }
#divLogin
{
  position: absolute;
  top: 18px;
  left: 20px;
  width: 480px;
 }



/************************* FOOTER ************************/

#divFooter
{
  text-align:center;
  color: Black;
  display: block;
  width:1074px;
}
#divFooter table td
{
  color: Black;
  text-align:left;
}
#divFooter a
{
  color: #333;
  text-decoration: none;
  line-height:19px;
}
#divFooter a:hover
{
  color: #666;
}


/************************* SOCIAL MEDIA ************************/
#divSocialMedia
{
  position: absolute;
  top: 30px;
  left: 896px;
  width: 80px;
  z-index:1;
}


/************************* BOVEN BLOK ************************/
#divBovenblok
{
  /*border: solid 1px #8c8c8c;*/
  display: block;
  width: 950px;
  height: 60px;
  margin-bottom: 12px;
}



/************************* LINKER BLOK ZOEK+NAV ************************/
#divLinkerblok
{
  width: 215px;
  background-color: #f6f6f6;
  padding-left: 10px;
  padding-top: 10px;
}


/************************* CATEGORY CONTENT ************************/
.divCategoryContent
{
  width: 715px;
  display: block;
  background-color: #f6f6f6;
  margin: 0px 0px 12px 0px;
  padding: 0px;
}



/************************* HEADER BLOK ************************/
.divHeader
{
  width: 705px;
  background-color: #555;
  display: block;
  text-align: right;
  font-weight: normal;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 3px;
}


/************************* NIEUWS ************************/
.news_titel
{
  font-size: 12px;
  color: #525252;
  font-weight: bold;
  text-decoration: none;
}
.news_intro
{
  font-size: 10px;
  color: #777777;
  text-decoration: none;
}

.news_details
{
  font-size: 13px;
  color: #777777;
  text-decoration: none;
  padding-right: 10px;
}



/************************* COLLECTIE ************************/

.divCollectieListBlok
{
  margin: 0px 10px 10px 0px;
  float: left;
  width: 169px;
  display: inline;
  position: relative;
  border: solid 1px #aaaaaa;
}
.divCollectieListBlokTekst
{
  font-size: 10px;
  padding: 5px;
  height: 41px;
}
.divCareInstructions
{
  display: block;
  padding: 0px 10px 10px 10px;
  background-color: #f6f6f6;
}




/************************* COLLECTIE WEB ************************/

.divListBlok
{
  margin: 0px 10px 10px 0px;
  float: left;
  width: 169px;
  display: block;
  position: relative;
  border: solid 1px #aaaaaa;
  background-color: #ebebeb;
}

.divListBlok a
{
  text-decoration:none;
}
.divListBlokTekst
{
  font-size: 10px;
  padding: 5px;
  height: 41px;
}


.divListBlokPrijs
{
  position: absolute; top: 201px; left: 0px; text-align: right; width: 165px; display: block
 }
.divListIsNew {position: absolute; top: 136px; left: 5px;}

.divCareInstructions
{
  display: block;
  padding: 0px 10px 10px 10px;
  background-color: #f6f6f6;
}



/************************* WERKNEMERS / CONTACT ************************/
.divWerknemerListTitel
{
  padding: 5px; 
  background-color: #e2e3e5; 
  height: 32px;
	display: block; 
	text-align: right; 
	width: 341px;
  font-family: Arial;
  font-size: 14px;
  color: #525252;
  font-weight: bold;
}




/************************* PRESS MEDIA ************************/

.divPress_media_ListBlok
{
  margin: 0px 10px 10px 0px;
  float: left;
  width: 169px;
  display: inline;
  position: relative;
  border: solid 1px #aaaaaa;
}
.divPress_media_ListBlokTekst
{
  font-size: 10px;
  padding: 5px;
  height: 28px;
}

.divPress_media_details_thumb
{
  border: solid 1px #aaaaaa;
  display: block;
  width: 376px;
  margin-bottom: 10px;
}


/************************* PAGENR's ************************/
.pagenr
{
  font-size: 12px;
  color: #525252;
  font-weight: normal;
}
.pagenr_selected
{
  font-size: 14px;
  color: #525252;
  text-decoration: none;
  font-weight: bold;
}





/*************************** REGISTER ******************************/

#tblForm td {color:#333; vertical-align:top;
  }

.basisveld
{
  border: #d3d3d3 1px solid;
}
.basisveld_breed
{
  width: 350px;
  border: #d3d3d3 1px solid;
}




/************************* PRODUCT KLEUR ************************/

.img_color
{
  border: solid 2px #dddddd;
  display: block;
  width: 60px;
  height: 60px;
  float: left;
  margin: 2px;
}
.img_color_selected
{
  border: solid 2px #525252;
  display: block;
  width: 60px;
  height: 60px;
  float: left;
  margin: 2px;
}




/************************* BREADCRUMB ************************/

.breadCrumb
{
  height: 18px;
  display: block;
  margin: 0px;
  padding: 0px;
  float: left;
}
.breadCrumb ul
{
  list-style: none;
  padding: 0px;
  margin: 0px;
  font-size: 11px;
}
.breadCrumb ul li
{
  display: inline;
  font-weight: bold;
  font-size: 11px;
  color: #666666;
}
.breadCrumb ul li a
{
  font-weight: bold;
  font-size: 11px;
  color: #666666;
  text-decoration: none;
}




/************************* TERUG LINK ************************/

.backLink
{
  display: block;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  float: right;
  font-weight: bold;
  font-size: 11px;
  color: #666666;
  text-decoration: none;
}


/************************* MENU ************************/

.menu_1
{
  display: block;
  width: 193px;
  height: 15px;
  font-weight: bold;
  font-size: 14px;
  padding: 2px 0px 2px 5px;
  margin: 10px 0px 2px 0px;
  text-decoration: none;
  background-color: #ebebeb;
  color: #525252;
}
.menu_1_selected
{
  display: block;
  width: 193px;
  height: 15px;
  font-weight: bold;
  font-size: 14px;
  padding: 2px 0px 2px 5px;
  margin: 10px 0px 2px 0px;
  text-decoration: none;
  background-color: #ebebeb;
  color: #525252;
}
.menu_2
{
  width: 183px;
  display: block;
  padding: 2px 0px 0px 15px;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}
.menu_2_selected
{
  display: block;
  padding: 2px 0px 0px 15px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}
.menu_2:hover
{
  background-color: #ebebeb;
}
.menu_3
{
  width: 168px;
  display: block;
  padding: 3px 0px 1px 30px;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #727272;
}
.menu_3_selected
{
  display: block;
  padding: 3px 0px 1px 30px;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #323232;
}
.menu_3:hover
{
  background-color: #ebebeb;
}






/************** SHOW MESSAGE **************/
.showMessage_Green
{
  font-family: Arial, Helvetica, clean, sans-serif;
  font-size: large;
  font-weight: bold;
  background-color: #ddd;
  border: solid 1px green;
  color: black;
}