body {
	background-color: rgb(25, 32, 110);   /*#19216f;*/
	color: rgb(243,242,177); /*#f5f2a5;*/
	font-family: "Trebuchet MS", verdana, helvetica, sans-serif;	
	z-index:0;
}

html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	font-size:76%;
  font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
  overflow:hidden;
}

body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
}

#content {
	overflow:auto;
	position:absolute;
	z-index:3;
	top:80px;
	bottom:0px;
	left:200px;
	right:0px;
	background: rgb(243,242,177); /*#f5f2a5;*/
	color: rgb(25, 32, 110);  /*#19216f;*/
}

* html #content {
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	height:100%;
	max-height:100%;
	width:100%;
	overflow:auto;
	position:absolute;

	z-index:3;
	border-top:80px solid #fff;
	border-bottom:0px solid #fff;
	border-left:200px solid #fff;
}

#content p {padding:3px;}

#content h1 {
  padding-left:40px;
  padding-top:26px;
  font-size:20px;
}


#submitbutton{
  background: url('images/winkelwagen_leeg.gif') no-repeat; 
	border:0px;
	height: 50px;
	width: 50px; 
	font-size: 0px;
	cursor:pointer;
}

#submitbuttonklein{
  background: url('images/winkelwagen_klein.gif'); 
	border:0px;
	height: 22px;
	width: 22px; 
	font-size: 0px;
	cursor:pointer;
}

#askbutton{
  background: url('images/askbutton.gif') no-repeat; 
	border:0px;
  margin-left:10px;
  margin-top:5px;
	height: 45px;
	width: 40px; 
	font-size: 0px;
	cursor:pointer;
}

#askbuttonklein{
  background: url('images/askbutton_klein.gif') no-repeat; 
	border:0px;
  margin-top:2px;
	height: 20px;
	width: 22px; 
	font-size: 0px;
	cursor:pointer;
}

#abobutton{
  background: url('images/abobutton.gif') no-repeat; 
	border:0px;
  margin-left:10px;
  margin-top:5px;
	height: 45px;
	width: 40px; 
	font-size: 0px;
	cursor:pointer;
}

#abobuttonklein{
  background: url('images/abobutton_klein.gif') no-repeat; 
	border:0px;
	height: 22px;
	width: 22px; 
	font-size: 0px;
	cursor:pointer;
}

#editbutton{
  background: url('images/edit.gif'); 
	border:0px;
	height: 22px;
	width: 22px; 
	font-size: 0px;
	cursor:pointer;
}

#detailbutton {
	background: url('images/detail.gif');
	border:0px;
	height: 22px;
	width: 22px; 
	font-size: 0px;
	cursor:pointer;
}

#deletebutton {
	background: url('images/del.gif');
  background-repeat:no-repeat;
	border:0px;
	height: 22px;
	width: 22px; 
	font-size: 0px;
	cursor:pointer;
}

#submitbuttonred {
	cursor          : pointer;
	color           : rgb(255,86,86);	
	background-color: rgb(255,187,187);
	border-color    : rgb(255,86,86);
	text-decoration : none;
        font-family     : "Trebuchet MS", verdana, helvetica, sans-serif;	
	font-weight     : bold;
	font-size       : 12px;
	border-style    : solid;
	border-width    : 2px;
	height          : 22px;
	/*width           : 150px; */
}

#submitbuttongreen {
	cursor          : pointer;
	color            : rgb(0,165,0);	
	background-color : rgb(197,255,197);
	border-color     : rgb(0,165,0);	
	text-decoration : none;
        font-family     : "Trebuchet MS", verdana, helvetica, sans-serif;	
	font-weight     : bold;
	font-size       : 12px;
	border-style    : solid;
	border-width    : 2px;
	height          : 22px;
	/*width           : 150px; */
}

#submitbuttonblue{
	cursor          : pointer;
	color            : rgb(86,86,255);	
	background-color : rgb(187,187,255);
	border-color     : rgb(86,86,255);
	text-decoration : none;
        font-family     : "Trebuchet MS", verdana, helvetica, sans-serif;	
	font-weight     : bold;
	font-size       : 12px;
	border-style    : solid;
	border-width    : 2px;
	height          : 22px;
	/*width           : 150px; */
}


input, textarea, select{
	border: 1px solid rgb(25, 32, 110);
	font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
	background-color: #FFFF95;
	font-weight:bold;
	color:rgb(25, 32, 110);
	font-size: 12px; 
	margin:0px;
	padding-left: 2px;
}

.bold {
  font-size:1.2em;
  font-weight:bold;
}


#head {
	position:absolute;
	margin:0;
	top:0;
	left:200px;
	display:block;
	width:100%;
	height:80px;
	background:rgb(25, 32, 110);  /*#19216f;*/
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:4.0em;
	overflow:hidden;
	z-index:4;
	color:rgb(243,242,177); /*#f5f2a5;*/
}

#headquote {
	position:absolute;
	margin:0;
	top:55px;
	left:200px;
	display:block;
	width:400px;
	height:25px;
	background:rgb(25, 32, 110);  /*#19216f;*/
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:1.3em;
	overflow:hidden;
	z-index:5;
	color:rgb(243,242,177); /*#f5f2a5;*/
}

#actie {
	position:absolute;
	margin:0;
	top:12px;
	left:580px;
	display:block;
	width:100px;
	height:45px;
  cursor:pointer;
  /*opacity: 0.88;
  filter: alpha(opacity=88);
  -moz-opacity: 0.88;  */
	z-index:15;
}

.actie_dierenthuis_header {
  position:absolute;
	color            : rgb(86,86,255);	
	background-color : rgb(187,187,255);
	border-color     : rgb(86,86,255);
  border: 2px solid;
  height:22px; 
  padding-left:8px;
  margin:0;
  width:672px;	
	top:82px;
  left:240px;
	display:block;
	z-index:20;
}
.actie_dierenthuis_content {
	color            : rgb(86,86,255);	
	background-color : rgb(187,187,255);
	border-color     : rgb(86,86,255);
  border: 2px solid;
  height:280px; 
	position:absolute;
  padding-left:8px;
	margin:0;
  width:672px;
  left:-2px;
	top:-2px;
	display:none;
	z-index:20;
  overflow:none;
}

.contact_header {
  position:absolute;
	color            : rgb(86,86,255);	
	background-color : rgb(187,187,255);
	border-color     : rgb(86,86,255);
  border: 2px solid;
  height:50px; 
  padding-left:8px;
  margin:0;
  width:66px;	
	top:4px;
  right:410px;
	display:block;
	z-index:20;
}
.contact_content {
	color            : rgb(86,86,255);	
	background-color : rgb(187,187,255);
	border-color     : rgb(86,86,255);
  border: 2px solid;
	position:absolute;
  padding-left:8px;
	margin:0;
  width:150px;
  left:-2px;
	top:-2px;
	display:none;
	z-index:20;
  overflow:none;
}

#nieuwsbrief{
	position:absolute;
  padding-left:4px;
	top:12px;
	right:190px;
	display:block;
	border:2px solid rgb(243,242,177);
	width:200px;
	height:70px;
	z-index:16;
}

#headimage {
	position:absolute;
	margin:0;
	top:0;
	left:0px;
	display:block;
	width:200px;
	height:80px;
	background:rgb(243,242,177); /*#f5f2a5;*/
	background-position:0 0;
	overflow:hidden;
	padding-top: 10px;
	z-index:8;
}

#winkelwagen {
	position:absolute;
	margin:0;
	top:20px;
	left:600px;
	width:355px;
	height:60px;
	background:rgb(25, 32, 110);  /*#19216f;*/
	background-position:0 0;
	overflow:hidden;
	z-index:6;
}

#inlogsection {
	overflow:none;
	position:absolute;
	margin:0;
	/*top:56px;*/
	top:8px;
	right:10px;
	width:358px;
	height:60px;
	background-position:0 0;
	z-index:9;
	padding        : 2px 0px 0px 0px; 
}

#cartnumber {
	overflow:none;
	position:absolute;
	top:18px;
	left:25px;
	width:135px;
	height:15px;
	z-index:17;
}

#carttotal {
	overflow:none;
	position:absolute;
	top:33px;
	left:25px;
	width:135px;
	height:15px;
	z-index:17;
}

#cartsummary {
	overflow:none;
	position:absolute;
	border:2px solid rgb(243,242,177);
	top:12px;
	right:4px;
	width:175px;
	height:70px;
	z-index:16;
}

#strikeout{
  text-decoration: line-through;
}

#navi {
	overflow:auto;
	position:absolute;
	z-index:9;
	top : 80px;
	bottom:0px;
	left:0px;
	width:200px;
	background: rgb(25, 32, 110);
}

* html #navi {
	top:0px;
	left:0px;
	bottom:0px;
	height:100%;
	max-height:100%;
	width:200px;
	overflow:auto;
	position:absolute;

	z-index:7;
	border-top:80px solid #fff;
	border-bottom:0px solid #fff;
	border-left:0px solid #fff;
}

#dummynavi {
	overflow:auto;
	position:absolute;
	z-index:9;
	top : 80px;
	bottom:0px;
	left:0px;
	width:200px;
	background: rgb(25, 32, 110);
}

* html #dummynavi {
	top:0px;
	left:0px;
	bottom:0px;
	height:100%;
	max-height:100%;
	width:200px;
	overflow:auto;
	position:absolute;

	z-index:7;
	border-top:80px solid #fff;
	border-bottom:0px solid #fff;
	border-left:0px solid #fff;
}

.go_away{
display: none;
}


a:link, a:visited{
	font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
	color: #595999;
	text-decoration: underline;
	background: transparent;
}

a:hover, a:active{
	font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
	color: #595999;
	text-decoration: none;
	/*background: #595999;*/
}

#navi ul{
	margin: 0 0 5px 15px;
}

#navi ul ul{
	margin: 4px 0 0 15px;
}

ul{
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
}

li{
	padding: 2px -1 2px 0;
	margin: 0;
}

li li{
	padding: 2px 0 2px 0;
	margin: 0;
}

ul ul{
	margin: 4px 0 0 15px;
	padding: 0;
}


ul a:link, ul a:visited{
	font-weight: bold;
	color: #999bfd;/*#5959CC; #595999;*/
	text-decoration: none;
	background: transparent;
}

ul a:hover, ul a:active{
	font-weight: bold;
	color: #999bfd;/*#5959FF; #595999;*/
	text-decoration: underline;
	background: transparent;
}

ul ul a:link, ul ul a:visited, ul ul a:hover, ul ul a:active{
	font-weight: normal;
}

li span{
	color: rgb(243,242,177); /*#f5f2a5;*/ /*#F7760D;*/
	font-weight: bold;
	background: transparent;
}

li li span{
	color: rgb(243,242,177); /*#f5f2a5;*/ /*#F7760D;*/
	font-weight: bold;
	background: transparent;
}


table { 
  overflow:auto;
	position:relative;
	margin:0;
	left:40px;
	color: #595999;
}

td { 
        font-size:12px;
	padding: 2px 2px 2px 2px; 
}

.error{
        color : rgb(205, 0, 0);
        font-weight: bold;
}

.artikel{
        padding-top: 10px
}
.afb { 
        width:160px;
        height:100px;
	padding: 6px 6px 6px 6px; 
}
.prijs {
        font-size:12px;
        width:40px;
}
.extrabold{
        font-size:12px;
	font-weight: bold;
}
.tiny{
        font-size:10px;
}
.buttons{
	padding: 4px 0px 0px 0px; 
}

.rechts{
        margin-right:0pt;
}

th {   	
  	font-size:14px;        
        padding: 2px 2px 2px 2px;
	/*padding: 30px 20px 20px 11px; */
}

a.sitemap:link, a.sitemap:visited, a.sitemap:hover, a.sitemap:active{
	font-weight: bold;
  color:rgb(25,32,110);
}

a.simpel18:link, a.simpel18:visited, a.simpel18:hover, a.simpel18:active{
	font-weight: bold;
  color:rgb(25,32,110);
  font-size:18px;
  text-decoration:none;
}

a.buttonblue{
        font-family    : "Trebuchet MS", verdana, helvetica, sans-serif;	
	font-weight    : bold;
	font-size      : 12px;
	padding        : 0px 10px 0px 10px; 
	border-style   : solid;
	border-width   : 2px;
    /* positie geven */
    position:relative;
    top: -1px;
    left: 0px;	
}
* html a.buttonblue{
    position:relative;
    top: -3px;
}

a.buttonblue:link, a.buttonblue:visited{
	color            : rgb(86,86,255);	
	background-color : rgb(187,187,255);
	border-color     : rgb(86,86,255);
	text-decoration: none;
}

/*
a.buttonblue:hover, a.buttonblue:active{
	color            : rgb(0,0,255);
	background-color : rgb(136,136,255);
	border-color     : rgb(0,0,255);
}*/




a.buttonred{
        font-family    : "Trebuchet MS", verdana, helvetica, sans-serif;	
	font-weight    : bold;
	font-size      : 12px;
	padding        : 0px 10px 0px 10px; 
	border-style   : solid;
	border-width   : 2px;
    /* positie geven */
    position:relative;
    top: -1px;
    left: 0px;	
}
* html a.buttonred{
    position:relative;
    top: -3px;
}

a.buttonred:link, a.buttonred:visited{
	color            : rgb(255,86,86);	
	background-color : rgb(255,187,187);
	border-color     : rgb(255,86,86);
	text-decoration: none;
}

/*
a.buttonred:hover, a.buttonred:active{
	color            : rgb(255,0,0);
	background-color : rgb(255,136,136);
	border-color     : rgb(255,0,0);
}
*/



a.buttongreen{
        font-family    : "Trebuchet MS", verdana, helvetica, sans-serif;	
	font-weight    : bold;
	font-size      : 12px;
	padding        : 0px 10px 0px 10px; 
	border-style   : solid;
	border-width   : 2px;
    /* positie geven */
    position:relative;
    top: -1px;
    left: 0px;	
}
* html a.buttongreen{
    position:relative;
    top: -3px;
}

a.buttongreen:link, a.buttongreen:visited{
	color            : rgb(0,225,0);	
	background-color : rgb(187,255,187);
	border-color     : rgb(0,225,0);	
	text-decoration: none;
}

/*
a.buttongreen:hover, a.buttongreen:active{
	color            : rgb(0,155,0);
	background-color : rgb(50,225,50);
	border-color     : rgb(0,155,0);
}
*/

a.linknoline{
  font-family    : "Trebuchet MS", verdana, helvetica, sans-serif;	
	font-size      : 12px;
	text-decoration: none;
}

a.linknoline:link, a.linknoline:visited{
	text-decoration: none;
}

a.linknoline:hover, a.linknoline:active{
	text-decoration: none;
}






a.add {
	background: url('images/add.gif') no-repeat;
	position:relative;
	display:block;
	border:0px;
	height: 19px;
	width: 15px; 
	cursor:pointer;
}

a.sub {
	background: url('images/sub.gif') no-repeat;
	position:relative;
	display:block;
	border:0px;
	height: 19px;
	width: 15px; 
	cursor:pointer;
}

a.del {
	background: url('images/del.gif') no-repeat;
	position:relative;
	display:block;
	border:0px;
	height: 19px;
	width: 15px; 
	cursor:pointer;
}


.artbox{
  float:left;
  background: url('images/artbox.gif') no-repeat;
  width: 220px;
  height:202px;
  padding-top:1px;
  margin-bottom:12px;  
  margin-right:12px;
}
.artboxactive{
  float:left;
  background: url('images/artboxactive.gif') no-repeat;
  width: 220px;
  height:202px;
  padding-top:1px;
  margin-bottom:12px;    
  margin-right:12px;
}
.artboxheader{
 	color: rgb(243,242,177);
	font-weight: bold;
}

.artboxcontent{
  overflow:none;
  font-weight: bold;
  height:150px;
  padding-top:10px;
  cursor:pointer;    
}
.artboximage{
  overflow:none;
  height:92px;
}
.artboxvanprijs{
  text-decoration: line-through;
}
.artboxactieprijs{ 
  color:rgb(205, 0, 0); 
  font-size: 130%;
  font-weight: bold;
}
.artboxbuttons{
  position:realtive;
  margin-top: -35px;
  z-index: 2;
}

.artboxbuttons_korting{
  position:realtive;
  margin-top: -35px;
  z-index: 2;
}
* html .artboxbuttons_korting{
  position:realtive;
  margin-top: -48px;
  z-index: 2;
}


.bannerbox{
  float:left;
  background: url('images/bannerbox.gif') no-repeat;
  width: 684px;
  height:202px;
  padding-top:1px;
  margin-bottom:12px;  
  margin-right:12px;
}
.bannerboxactive{
  float:left;
  background: url('images/bannerboxactive.gif') no-repeat;
  width: 684px;
  height:202px;
  padding-top:1px;
  margin-bottom:12px;    
  margin-right:12px;
}

.bannertekst{
  float:left;
  font-size: 160%;
  color: rgb(25, 32, 110);
  font-weight: bold;
  width:300px;
}





.grouplink {
  float:left; 
  width:280px;
}

a.odd{
  font-family      : "Trebuchet MS", verdana, helvetica, sans-serif;	
  font-weight      : bold;
  position         : relative;
  padding          : 8px 10px 8px 10px; 
  display          : block;
  background-color : #FFFF95;
  text-decoration  : none;
}

a.odd:link, a.odd:visited{
  padding          : 8px 10px 8px 10px; 
  font-size        : 12px;
  background-color : #FFFF95;
  text-decoration  : none;
}

a.odd:hover, a.odd:active{
  padding          : 6px 10px 6px 10px; 
  font-size        : 16px;
  background-color : #e6e6e6;
  text-decoration  : none;    
}




a.even{
  font-family      : "Trebuchet MS", verdana, helvetica, sans-serif;	
  font-weight      : bold;
  position         : relative;
  padding          : 8px 10px 8px 10px; 
  display          : block;
  background-color : #FFFFC4;
  text-decoration  : none;
}

a.even:link, a.even:visited{
  padding          : 8px 10px 8px 10px; 
  font-size        : 12px;
  background-color : #FFFFC4;
  text-decoration  : none;
}

a.even:hover, a.even:active{
  padding          : 6px 10px 6px 10px; 
  font-size        : 16px;
  background-color : #e6e6e6;
  text-decoration  : none;    
}

a.simpel12:link, a.simpel12:visited{
	text-decoration: none;
  font-size:12px;
  color: rgb(25, 32, 110);
}

a.simpel12:hover, a.simpel12:active{
	color: rgb(0, 0, 255);
	text-decoration: underline;
}

div.pageinfo{
  text-align:left;
  border: solid 1px rgb(187,187,255);
  background: rgb(255, 255, 255);
  width:145px;  
  left:10px;
  padding: 4px 0px 4px 4px;
}

div.pageinfoheader_verzenden{
  border-bottom: dashed 1px rgb(187,187,255);
  background: url('images/parcel.png') no-repeat right;  
  width:140px;  
  height:44px;
  font-weight: bold;
  font-size: 14px;  
  color: rgb(25, 32, 110);
  cursor:pointer;  
}
div.pageinfoheader_betalen{
  border-bottom: dashed 1px rgb(187,187,255);
  width:140px;  
  height:24px;
  font-weight: bold;
  font-size: 14px;  
  color: rgb(25, 32, 110);
  cursor:pointer;
}

div.paydetail_left{
  width:54px;  
  height:64px;
  float:left;
  cursor:pointer;
}

div.paydetail_right{
  width:80px;  
  height:64px;
  float:left;
  cursor:pointer;
}