﻿/* FOTOBESTELSERVICE VERSIE 1.0         */
/* ONTWIKKELD DOOR DJEBE.NET  JUNI 2010 */
/* T.B.V. DIGITALEWINKELS.NL            */

body
{
  font-family: Verdana;
  font-size: 10pt;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  background-color: #C0C0C0;
}


img
{
 margin:0;
 padding:0;
 border:0; 
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; /*  background-color:#ccc; */
    color:#000;
    text-decoration:none;
   }

a.info:hover{z-index:25; /* background-color:#ff0 */ text-decoration:none;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #C0C0C0;
    background-color:#D25656; 
    color:#FFFFFF;
    text-align: left;
    }
 
.entry
{  
  padding:0;
  margin:0;
  border-style:solid;
  border-width:1px;
  text-align:left;
  border-color:#D25656;
}
.signal
{  
  padding:0;
  margin:0;
  border:0;
  color:#D25656;
  font-weight:bold ;
}


.breadcrumb
{  
  padding:0;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  margin:0;
  border-style:solid;
  border-width:1px;
  text-align:left;
  border-color:#D25656;
  background-color:#FFFFFF;
}

.buttonremove
{
  border-style: outset;
  border-width: 1px;
  border-color: inherit;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  width:80px;
  padding-bottom: 0px;
  margin-left:5px;
  margin-right:5px;
  margin-top:0px;
  margin-bottom:auto;
  color:#FFFFFF;
  text-align: center;
  background-color: #D25656;
  display:inline-block;
  float:right;
}

.cartimageheader
{
  border:0;
  margin:0;
  padding:0;
  font-size:8pt;
  width:60px;
  display:inline-block;
  text-align:left;
  float:left;
}

.cartprice
{
  border:0;
  margin:0;
  padding:0;
  font-size:8pt;
  width:80px;
  display:inline-block;
  float:left;
  text-align:right;
}

.cartamount
{
  border:0;
  margin:0;
  padding:0;
  font-size:9pt;
  width:80px;
  display:inline-block;
  font-weight:bold;
  float:left;
  text-align:right;
}

.cartquantity
{
  border:0;
  margin:0;
  padding:0;
  font-size:8pt;
  width:60px;
  display:inline-block;
  text-align:right;
  float:left;
}

.cartdescription
{
  border:0;
  margin:0;
  padding:0;
  font-size:7pt;
  width:180px;
  display:inline-block;
  text-align:left;
  float:left;
}
 


ul.genummerd
{
  list-style-type: decimal;
  list-style-image: none;
  list-style-position:outside;
}

div.cartimage
{
  border:0;
  margin:0;
  padding:0;
  width:66px;
  height:44px;
  text-align:center;
  vertical-align:middle;
  display:inline-block;
  float:left;
}

table.ordersummary
{
  border: 2px solid #D25656;
}
td.signal
{
  font-weight:bold;
 color:#D25656; 
  
}
div.cartimagefooter
{
  border:0;
  margin:0;
  padding:0;
  width:66px;
  text-align:center;
  vertical-align:middle;
  display:inline-block;
  float:left;
}
div.uitleg
{
   border:0;
   padding-top:0px;
   padding-bottom:0px;
   padding-left:7px;
   padding-right:7px;
   margin:0;
   font-style:italic;
   font-size:9pt; 
   font-family:Arial;
   width:750px;
   display:inline-block;
   float:left;
   vertical-align:top;
}

div.orderoverview
{
   border:0;
   padding:0;
   margin:0;
   font-size:9pt; 
   font-family:verdana;
   width:740px;
   height:250px;
   overflow:auto;
}

div.pagina
{
  width:1000px; 
  background-color:#FFFFFF;
  height:800px;
  color: #000000;
	z-index:0;
	text-align:left;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
  margin-bottom:0;
  background-position:top;
  background-repeat:no-repeat;
}

div.headercontainer
{
   width:1000px; 
  height:120px;
  border:0;
  padding:0;
  margin:0;
}
div.menucontainer
{
   width:1000px; 
  height:30px;
  border:0;
  padding:0;
  margin:0;
  display:block;
  float:none;
}

div.menubuttoncontainer
{
  width:1000px;
  position:relative;
  top:-30px;
  left:0px; 
  height:30px;
  z-index:20;
  
}


div.orderbuttoncontainer
{
  width:150px;
  height:30px;
  margin:0;
  padding:0;
  border:0;
  display:inline-block;
  float:right;
  
}


span.searchuitleg

{
 display:block;
 float:none;
 font-size:8pt;
 margin:0;
 padding:0;
 
 
  
}
a.menubutton:link,a.menubutton:visited,a.menubutton:hover,a.menubutton:active
{ margin:0;
  padding-top:5px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  border:0;
  width:250px;
  height:30px;
  color:#FFFFFF;
  font-family:Verdana;
  display:inline-block;
  text-align:center;
  float:left;
  font-size:13pt;
  font-weight:bold;
  letter-spacing:0.2pt;
  text-decoration:none; 
}
a.menubutton:hover
{
 
}

h1
{
 color:#D25656; 
 font-size:14pt; 
}

h2
{
 color:#D25656; 
 font-size:11pt; 
}


a.paging:link,a.paging:visited,a.paging:hover,a.paging:active,span.paging
{ margin:0;
  padding-top:0px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:0px;
  border:0;
  height:18px;
  color:#D25656; 
  font-family:Verdana;
  display:inline;
  font-size:11pt;
  font-weight:bold;
  letter-spacing:0.2pt;
  text-decoration:none; 
}
a.paging:hover
{
 color:#333333; 
}

a.mainbutton:link,a.mainbutton:visited,a.mainbutton:hover,a.mainbutton:active
{ margin:0;
  padding-top:3px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:0px;
  border:0;
  height:23px;
  width:140px;
  text-align:center;
  color:#FFFFFF; 
  font-family:Verdana;
  display:inline-block;
  float:left;
  font-size:9pt;
  font-weight:bold;
  letter-spacing:0.2pt;
  text-decoration:none; 
}
a.mainbutton:hover
{
 color:#333333; 
}


span.paging
{
  color:Black;
}
div.pagingcontainer
{  width:750px;
   height:20px;
   float:left;
   display:inline-block;
   text-align:center;
  
}

div.rowcontainer
{  width:750px;
   height:430px;
   float:left;
   display:inline-block;
   text-align:center;
  
}


div.thumbnailcontainer
{
   margin-left:8px;
   margin-right:8px;
   margin-top:0px;
   margin-bottom:0px;
   padding-left:3px;
   padding-bottom:5px;
   padding-top:5px;
   padding-right:3px;
   border-style:solid;
   border-width:1px;
   text-align:center;
   vertical-align:top;
   border-color:#D25656;
   width:226px;
   height:180px; 
   display:inline-block;
   float:left;
}

div.thumbnailcontainertop
{
   margin:0;
   padding:0;
   border:0;
   text-align:center;
   vertical-align:top;
   width:198px;
   height:154px; 
   display:inline-block;
   float:none;
}



div.largeimagecontainertop;
{
   margin:0;
   padding:10px;
   border-style:solid;
   border-width:1px;
   text-align:center;
   vertical-align:top;
   border-color:#D25656;
   width:620px;
   height:440px; 
   display:block;
   float:none;
}

div.contentmaincontainer,div.albumcontainer
{  margin:0;
   padding:0;
   border:0;
   text-align:left;
   width:750px;
   height:565px;   
   display:inline-block;
   float:left;
   vertical-align:top;
}

div.contenthomecontainer
{  margin:0;
   padding:27px;
   border:0;
   text-align:left;
   width:750px;
   height:565px;   
   display:inline-block;
   float:left;
   vertical-align:top;
}


div.contentcolofoncontainer
{  margin:0;
   padding:27px;
   border:0;
   text-align:left;
   width:750px;
   height:565px;   
   display:inline-block;
   float:left;
   vertical-align:top;
}

div.contentcontactcontainer
{  margin:0;
   padding:27px;
   border:0;
   text-align:left;
   width:750px;
   height:565px;   
   display:inline-block;
   float:left;
   vertical-align:top;
}




div.contentleftcontainer
{  margin:0;
   padding:0;
   border:0;
   text-align:left;
   width:750px;
   height:600px;   
   display:inline-block;
   float:left;
   
}


div.contentrightcontainer
{
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  width: 250px;
  height: 600px;
  display: inline-block;
  float: right;
  background-color: #CCCCCC;
}


div.searchbackground
{
  margin:0;
  padding:0;
  border:0;
  width:750px;
  height:125px; 
  position:relative;
  top:0px;
  background-image:url("/Images/zoekbackground.png");
  background-repeat:no-repeat;
  background-position:top;
  z-index:10;
  display:block;
  float:none;
}


div.thumbnailrow
{
   margin:0p;
   padding:0;
   border:0;
   width:750px;
   height:200px; 
   display:block;
   float:none;
}
div.contentfootercontainer
{
   position:relative;
   margin:0p;
   border:0;
   width:1000px;
   height:30px; 
   display:block;
   float:none;
   top:-25px;
}

div.contentmiddlecontainer
{
   margin:0p;
   padding:0;
   border:0;
   width:1000px;
   height:600px; 
   display:block;
   text-align:left;
   position:relative;
   top:-30px;
   float:none;
   vertical-align:top;
   
}


div.searchheader
{
  width:750px;
  height:65px; 
  margin:0;
  border:0;
  text-align:left;
  position:relative;
  z-index:20;
}

div.searchheaderinfo
{
  width:750px;
  height:45px; 
  margin:0;
  border:0;
  padding-left:7px;
  padding-right:7px;
  text-align:left;
  display:block;
  float:none;
}



div.searchheaderleft
{
  margin:0;
  border:0;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
  width:240px;
  height:20px;
  display:inline-block;
  float:left;
}

div.searchheaderright
{
  margin:0;
  border:0;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
  width:490px;
  height:20px;
  display:inline-block;
  float:left;
}


div.orderheader
{
  width:750px;
  height:60px; 
  margin:0;
  margin-top:10px;
  border:0;
  text-align:left;
  position:relative;
  z-index:50;
  
}

div.orderheaderleft
{
  margin:0;
  border:0;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
  width:240px;
  height:35px;
  display:inline-block;
  float:left;
}


div.orderheaderright
{
  margin:0;
  border:0;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
  width:490px;
  height:35px;
  display:inline-block;
  float:left;
  
}

div.mainbuttoncontainer
{
  margin:0;
  padding:0;
  border:0;
  background-image:url("/Images/knop.png");
  background-position:top;
  background-repeat:no-repeat;
  width:146px;
  height:25px;
  display:inline-block;
  float:left; 
  font-style:normal;
 
}

div.footerleft
{
  margin:0;
  padding:0;
  border:0;
  width:250px;
  text-align:center;
  float:left;
  vertical-align:bottom;
  height:30px;
  display:inline-block;
  
}

div.footermiddle
{
  margin:0;
  padding:0;
  border:0;
  width:500px;
  height:30px;
  text-align:center;
  vertical-align:bottom;
  float:left;
  display:inline-block;
  
}


div.footerright
{
  margin:0;
  padding:0;
  border:0;
  width:250px;
  height:30px;
  text-align:center;
  vertical-align:bottom;
  float:right;
  display:inline-block;
  
  
  
}


span.albumtitle
{
  position:relative;
  margin:0;
  padding:0;
  border:0;
  font-size:7pt;
  color:#D25656; 
  display:block;
  float:none;
  vertical-align:bottom;
}


a.albumselectie:link,a.albumselectie:visited,a.albumselectie:hover,a.albumselectie:active
{ margin:0;
  border:0;
  padding:0;
  text-decoration:none; 
}

a.actionlink:link,a.actionlink:visited,a.actionlink:hover,a.actionlink:active
{ margin:0;
  border:0;
  padding:0;
  text-decoration:none; 
  text-align:center;
  color:#D25656; 
  font-family:Verdana;
  display:inline;
  font-size:10pt;
  font-weight:bold;
  letter-spacing:0.2pt;
  
}
a.actionlink:hover
{
 color:#000000; 
}

a.colofonlink:link,a.colofonlink:visited,a.colofonlink:hover,a.colofonlink:active
{ margin:0;
  border:0;
  padding:0;
  text-decoration:none; 
  text-align:center;
  color:#A5A2A5;
  font-family:Verdana;
  display:inline;
  font-size:10pt;
  letter-spacing:0.2pt;
  
}
a.colofonlink:hover
{
 color:#000000; 
}





a.poweredlink:link,a.poweredlink:visited,a.poweredlink:hover,a.poweredlink:active
{ margin:0;
  border:0;
  padding:0;
  text-decoration:none; 
  text-align:center;
  /* color:#9A26AC;  DW PAARS */
  color:#A5A2A5;
  font-family:Verdana;
  display:inline;
  font-size:9pt;
  letter-spacing:0.2pt;
  
}
a.poweredlink:hover
{
 color:#9A26AC;
}


span.footersignal
{  
  padding:0;
  margin:1em;
  /* border:solid 1px #D25656;*/
  color:#D25656;
  text-align:center;
  font-size:90%;
  display:block;
  
}

