/* Kleuren

wit:        255,255,255
rood        222,0,0
lichtrood   255,204,210
blauw       16,16,123
lichtblauw  252,253,255
zwart       0,0,0


 */



body {
  background: #FFFFFF url(/images/logo_ausma_background.jpg) repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: rgb(16,16,125);
  line-height: 150%;
}

body.beheer{
  padding: 10px 10px 10px 10px;
}

p{
  font-size: 11px;
  line-height: 150%;
}

table{
  font-size: 11px;
  line-height: 150%;
}

th {
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  background-color: rgb(16,16,127);
  color: rgb(255,255,255);
}

.cellheader {
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: rgb(16,16,132);
  color: rgb(250,250,255);
}

.cell1 {
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: rgb(255,250,245);
  color: rgb(16,16,123);
}

.cell2 {
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: rgb(255,245,235);
  color: rgb(16,16,123);
}

.cell9 {
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: rgb(192,192,192);
  color: rgb(10,0,0);
}

h1 {
  font-weight: bold;
  font-size: 18px;
  color: rgb(16,16,122);
  font-family: verdana, arial, helvetica, sans-serif;
}

h2 {
  font-weight: bold;
  font-size: 14px;
  color: rgb(16,16,121);
  font-family: verdana, arial, helvetica, sans-serif;
}

h3 {
  font-weight: bold;
  font-size: 12px;
  color: rgb(16,16,120);
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

a {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  color: rgb(17,17,127);
  text-decoration: none;
  font-weight: normal;
  line-height: 150%;
}

a:hover{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  color: rgb(0,0,255);
  text-decoration: underline;
}

.kader1 {
  background-color: rgb(16,16,129);
  color: rgb(255,255,255);
  font-size: 11px;
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  border-right: rgb(16,16,123) 1px solid;
  border-top: rgb(16,16,123) 1px solid;
  border-left: rgb(16,16,123) 1px solid;
  border-bottom: rgb(16,16,123) 1px solid;
}

.kader1a {
	background-image: url(icons/hoek.gif);
  font-size: 11px;
  border-left: rgb(16,16,123) 1px solid;
  border-bottom: rgb(16,16,123) 1px solid;
}

.kader2 {
  background-color: rgb(249,251,254);
  color: rgb(16,16,123);
  border-right: rgb(16,16,123) 1px solid;
  border-top: rgb(16,16,123) 1px solid;
  border-left: rgb(16,16,123) 1px solid;
  border-bottom: rgb(16,16,123) 1px solid;
}

.kader3 {
  background-color: rgb(249,251,254);
  color: rgb(16,16,123);
  border-right: rgb(16,16,123) 1px solid;
  border-top: 0px;
  border-left: rgb(16,16,123) 1px solid;
  border-bottom: rgb(16,16,123) 1px solid;
}

.small7 {
  color: rgb(16,16,123);
  font-size: 10px;
  font-family: verdana, arial, helvetica, sans-serif;
}

.small7a {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: rgb(16,16,123);
  text-decoration: none;
  font-weight: bold;
}

.small7a:hover {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: rgb(0,0,255);
  text-decoration: underline;
  font-weight: bold;
}

.vis1 {
  visibility: visible;
}

.vis2 {
  visibility: hidden;
}

form {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.tekst {
  background-color: rgb(252,253,255);
  color: rgb(16,16,123);
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  text-decoration: none;
  font-weight: normal;
  border: 1px solid rgb(16,16,123);
}

.cbox {
  background-color: rgb(255,253,253);
  border-color: rgb(16,16,123);
  color: rgb(16,16,123);
  font-size: 10px;
  font-weight: normal;
}

.tekstgebied {
  background-color: rgb(252,253,255);
  color: rgb(16,16,123);
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  text-decoration: none;
  font-weight: normal;
  border: 1px solid rgb(16,16,123);
}

.knop {
  background-color: rgb(252,253,255);
  color: rgb(16,16,123);
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid rgb(16,16,123);
}

#prod_detail_image {
  border-left: rgb(230,215,200) 1px solid;
  border-top: rgb(230,215,200) 1px solid;
  border-right: rgb(230,215,200) 1px solid;
  border-bottom: rgb(230,215,200) 1px solid;
}

.prod_detail_price {
  color: rgb(192,0,0);
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
}

.prod_detail_price_small {
  color: rgb(192,0,0);
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}


/* containers */

.container{
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 150%;
  border: 0px solid rgb(0,0,0);  
}

#centerpiece{
  width: 920px;
  max-width: 920px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid rgb(0,0,0);  
}

#headcontainer{
  width: 920px;
  max-width: 920px;
  height: 110px;
  max-height: 110px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  border: 0px solid rgb(0,0,255);  
}

#bodycontainer{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid rgb(0,255,0);  
}

#navcontainer{
  background: #FFFFFF url(/images/bg_nav.jpg) no-repeat top left;
  float: left;
  width: 165px;
  max-width: 153px;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  text-align: left;
  line-height: 150%;
  border: 1px solid rgb(255,128,0);  
  color: rgb(150,75,0);
  font-size: 11px;
}

#navcontainer p{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: rgb(150,75,0);
  line-height: 170%;
}

#navcontainer a{
  color: rgb(150,75,0);
  font-weight: normal;
  text-decoration: none;
  line-height: 150%;
}

#navcontainer a:hover{
  color: rgb(150,75,0);
  font-weight: normal;
  text-decoration: underline;
}

#navcontainer b{
  color: rgb(150,75,0);
  font-weight: bold;
}
#navcontainer h3{
  color: rgb(150,75,0);
  font-weight: bold;
}

#contentcontainer{
  background: #FFFFFF url(/images/bg_content.jpg) no-repeat bottom right;
  float: left;
  width: 530px;
  max-width: 518px;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  text-align: left;
  line-height: 150%;
  border: 1px solid rgb(255,128,0);  
  font-size: 11px;
}

#contentcontainer a {
  font-weight: bold;
  text-decoration: none;
}

#contentcontainer a:hover {
  text-decoration: underline;
}

#navcontainer2{
  background: rgb(255,150,30);
  float: left;
  width: 165px;
  max-width: 153px;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  text-align: left;
  line-height: 150%;
  border: 1px solid rgb(255,128,0);
  color: #FFFFFE;
  font-size: 11px;
}

#navcontainer2 p{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: 170%;
}


#navcontainer2 a{
  color: #FFFFFD;
  font-weight: normal;
  text-decoration: none;
  line-height: 150%;
}

#navcontainer2 a:hover{
  color: #FFEEDD;
  font-weight: normal;
  text-decoration: underline;
}

#navcontainer2 td{
  color: #FFFEFE;
  font-weight: normal;
  text-decoration: none;
  line-height: 150%;
}


#navcontainer2 b{
  font-weight: bold;
}
#navcontainer2 h3{
  font-weight: bold;
}

#informatiecenterpiece{
  width: 720px;
  max-width: 920px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid rgb(0,0,0);  
}

#informatieheadcontainer{
  width: 720px;
  max-width: 720px;
  height: 110px;
  max-height: 110px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  border: 0px solid rgb(0,0,255);  
}

#informatieheadcontainer2{
  background: rgb(255,128,1);
  width: 720px;
  max-width: 708px;
  height: 32px;
  max-height: 20px;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  border: 1px solid rgb(255,128,0);  
}

#informatieheadcontainer2 h1{
  text-align: right;
  color: #FFFEFD;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#informatiecontentcontainer{
  background: #FFFFFF url(/images/bg_content.jpg) no-repeat bottom right;
  width: 720px;
  max-width: 708px;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  text-align: left;
  line-height: 150%;
  border: 1px solid rgb(255,128,0);  
  font-size: 11px;
}

#informatiecontentcontainer a {
  font-weight: bold;
  text-decoration: none;
}

#informatiecontentcontainer a:hover {
  text-decoration: underline;
}


.hrule1{
  height: 1px;
  max-height: 12px;
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: rgb(255,150,50) 1px solid;
}

.hrule2{
  height: 1px;
  max-height: 12px;
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: rgb(255,220,170) 1px solid;
}



/* einde container */



.shoppingbasket{
  cursor: pointer;
}


TD.vet{
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 3px 5px 0px 5px;
}

TD.noqbreaks{
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 3px 5px 0px 5px;
  cursor: pointer;
}

TD.qbreaks {
  color: rgb(255,128,0);
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 3px 5px 0px 5px;
  cursor: pointer;
}