/*
  autorisatie keuze scherm 31-3-2010
*/

/* login */
#authenticateForm{
    background: white url('/img/bg4.png') repeat-x bottom;
width:268px;
  height:268px;
  height:140px;
  float:left;
  margin-right:10px;
  margin-bottom:24px;
  padding:24px 16px;
  border:1px #ff38b6 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#content.editorWrapper #authenticateForm h2,
#content.editorWrapper #newCustomer h2,
#content.editorWrapper #noCustomer h2{
width:275px;
background:#ff38b6;
padding:7px 7px 7px 10px;
font-size:13px;
color:white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:-20px 0px 10px -12px;
}

#content.editorWrapper #authenticateForm h3,
#content.editorWrapper #newCustomer h3,
#content.editorWrapper #noCustomer h3{
width:278px;
padding:7px 7px 7px 7px;
font-size:13px;
color:black;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:-10px 0px -10px -12px;
}

#authenticateForm #loginForm label{
  padding:10px 0px 2px 0px;
font-size:11px;
}

#authenticateForm #loginForm input{
  float:right;
margin:-21px 0px 0px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:190px;
font-size:11px;
}


#authenticateForm .buttonWrapper button{
float:right;
padding:5px;
margin:35px 0px 0px 195px;
background:url('/img/knopachtergrond_blauw.png') repeat-x bottom;
width:80px;
height:25px;
font-size:10px;
font-weight:bold;
color:#303f47;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid white;
color:#303f47;
text-shadow:white 1px 1px 1px;

}

/* new customer */
#newCustomer{
    background: white url('/img/bg4.png') repeat-x bottom;
width:268px;
  height:268px;
  height:140px;
  float:left;
  margin-right:10px;
  margin-bottom:24px;
  padding:24px 16px;
  border:1px #ff38b6 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#newCustomer ul{
  font-size:11px;
line-height:1px;
margin:0;
  padding:0px 0px 0px 20px;
}

#newCustomer ul li{
  margin:10px 0px; padding:0;
  list-style-image:url('/img/template/icons/check.gif');
}



#newCustomer .buttonWrapper button{
float:right;
padding:5px;
margin:16px -8px 0px 0px;
background:url('/img/knopnieuweklant_blauw.png') repeat-x bottom;
width:180px;
height:25px;
font-size:10px;
font-weight:bold;
color:#303f47;
text-shadow:white 1px 1px 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid white;
}



/* proceed without login */
#noCustomer{
    background: white url('/img/bg4.png') repeat-x bottom;
width:268px;
  height:268px;
  height:140px;
  float:left;
  margin-right:10px;
  margin-bottom:24px;
  padding:24px 16px;
  border:1px #ff38b6 solid;
font-size:11px;
line-height:12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

/* popups */

#multipleRecipients,
#selfRecipient,
#registrationFormWrapper{
  clear:both;
font-size:11px;
line-height:12px;
  padding:5px;
  margin:0px 0px 0px 0px;
    background: white url('/img/bg4.png') repeat-x bottom;
  border:1px #ff38b6 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}


#content #registrationFormWrapper{
font-size:11px;

}

#content #multipleRecipients{
  padding:5px;
background: white url('/img/bg4.png') repeat-x bottom;
  border:1px #ff38b6 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#content #multipleRecipients h2{
width:860px;
background:#ff38b6;
font-size:13px;
color:white;
padding:5px 5px 5px 5px;
margin-bottom:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#content #multipleRecipients h3{
font-size:12px;
font-weight:bold;
color:#ff38b6;
margin-bottom:5px;
}



#content #registrationFormWrapper h2{
width:460px;
background:#ff38b6;
font-size:13px;
color:white;
padding:5px;
margin:0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#content #registrationFormWrapper #registrationForm input{
font-size:11px;
margin:5px 54px 0px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#content #registrationFormWrapper #registrationForm  #agreeTerms {
margin-left:0px;
margin-right:5px;
}

#content #registrationFormWrapper #registrationForm  #mailingList {
margin-left:0px;
margin-right:5px;
}

#content #registrationFormWrapper #registrationForm  #registrationSubmitButton{
float:right;
width:85px;
font-size:10px;
font-weight:bold;
margin:10px 0px 0px 0px;
background:url('/img/knopachtergrond_blauw.png');
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px;
border:1px solid white;
color:#303f47;
text-shadow:white 1px 1px 1px;

}

.popupOff{ display:none; }

#multipleRecipients.popupOn,
#selfRecipient.popupOn,
#registrationFormWrapper.popupOn{
  position:absolute;
  top:110px;
  left:50%;
  width:600px;
  margin: 0px 0px 0px -326px;
  z-index:30;
  display:block;
}

#registrationFormWrapper.popupOn{
  width:500px;
  margin: 0px 0px 0px -276px;
}

#multipleRecipients.popupOn{
  width:900px;
  margin: 0px 0px 0px -476px;
}

.popupHeader{
  float:right;
  width:20px;
  height:20px;
  margin-top:-8px;
  margin-right:-4px;
}

.popupHeader .popupclose{
  display:block;
  width:20px;
  height:20px;
margin-top:-4px;

  cursor:pointer;
  float:left;
background-image:url('/img/template/knop_sluit.png');
  background-repeat:no-repeat;
margin-top:10px;
margin-left:-10px;
}

.popupHeader .popupclose em{
  display:none;
}


/* kopteksten */

#recipientText h2,
#oneormorerecipientsWrapper h2,
#sendtoselfWrapper h2,
#registrationFormWrapper h2,
#multipleRecipients h2,
#selfRecipient h2,

#authenticateForm h2,
#newCustomer h2,
#noCustomer h2{
  color:#cc5599;
  font-size:1.4em;
  margin:0em 0em 1em 0em;
}

#recipientText h3,
#oneormorerecipientsWrapper h3,
#sendtoselfWrapper h3,
#registrationFormWrapper h3,
#multipleRecipients h3,
#selfRecipient h3,

#authenticateForm h3,
#newCustomer h3,
#noCustomer h3{
  color:#777;
  font-size:1.1em;
  margin:0em 0em 0.8em 0em;
}



/*
  Adresseeringsopties
*/

#recipientText{
font-family:arial;
font-size:11px;
line-height:12px;
}

/* send to one or more */
#content #oneormorerecipientsWrapper,
#content #sendtoselfWrapper{
    background: white url('/img/brievenbusachtergrond.png') repeat-x bottom;
width:268px;
  height:268px;
  height:240px;
  float:left;
  margin-right:10px;
  margin-bottom:24px;
  padding:24px 16px;
  border:1px #ff38b6 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#content #oneormorerecipientsWrapper h2,
#content #sendtoselfWrapper h2{
width:275px;
background:#ff38b6;
padding:7px 7px 7px 10px;
font-size:13px;
color:white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:-20px 0px 10px -12px;
}

#content #oneormorerecipientsWrapper h3,
#content #sendtoselfWrapper h3{
color:#ff38b6;
font-weight:bold;
}


#content #oneormorerecipientsWrapper .buttonWrapper button,
#content #sendtoselfWrapper .buttonWrapper button{
background:url('/img/knopadressen_blauw.png');
width:250px;
height:38px;
font-size:10px;
line-height:12px;
font-weight:bold;
color:#303f47;
text-shadow:white 1px 1px 1px;
margin:5px 0px 5px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid white;
}


#sendDateWrapper{
  float:left;
  width:710px;
  height:50px;
  padding:20px 0px 10px 0px;
  >position:relative;
}

#sendDateWrapper p{
  clear:both;
}

#sendDateWrapper input{
  float:left;
  width:100px;
  padding:0px 0px 10px 0px;
  >position:relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid white;
}

#showCostsWrapper{
  float:left;
  width:180px;
  height:30px;
  padding:30px 0px 0px 0px;
  text-align:right;
  color:#d15b9e;
  font-size:38px;
}

#showCostsWrapper .totalCostsEuro,
#showCostsWrapper #priceMultipleRecipients{
  >line-height:32px;
font-size:20px;
font-weight:bold;
color:#ff38b6;
}

#selfRecipient .buttonBar,
#sendButtonWrapper{
  clear:both;
  border-bottom:2px #ff38b6 dashed;
  padding:10px 0px 0px 0px;
  margin-bottom:10px;
  height:60px;
}



#sendButtonWrapper .buttonWrapper button{
  background:url('/img/knopachtergrond_blauw.png') repeat-x bottom;
width:80px;
height:25px;
float:right;
color:#303f47;
text-shadow:white 1px 1px 1px;
font-size:10px;
font-weight:bold;
  padding:5px;
margin:0px 2px 0px 0px;
     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#multipleRecipients #multipleRecipientsBulkPrices th,
#multipleRecipients #multipleRecipientsBulkPrices td{
  width:180px;
}




#multipleRecipients #addressBookWrapper{

     background: white url('/img/bg4.png') repeat-x bottom;
  border:1px #ff37b6 solid;
padding: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#content .addressButtons #useAddressesFromAddressBook{
  float:right;
  clear:both;
font-size:10px;
line-height:12px;
font-weight:bold;
color:#303f47;
text-shadow:white 1px 1px 1px;
border:1px white solid;
width:180px;
height:38px;
height:40px;
padding:5px;
margin:5px 5px 5px 0px;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
     background: white url('/img/knopadressen_blauw.png');

}

#multipleRecipients #addressBookWrapper.popupOn{
  position:absolute;
  top:0px;
  left:-5px;
  width:900px;
  height:350px;
}

#multipleRecipients #addressBookWrapper input{
padding:0; border:0;
}

#multipleRecipients #addressBookWrapper input.housenumber{ width:40px; }
#multipleRecipients #addressBookWrapper input.postalCode{ width:80px; }


.tableScroll .listAddresses{
  height:135px;
  overflow-x:hidden;
  overflow-y:scroll;
background: white;
}

.listAddresses table{
  border-collapse:collapse;
  width:900px;
}

.listAddresses table td,
.listAddresses table th{
  padding:2px 1px;
}

.listAddresses table td.scroller,
.listAddresses table th.scroller{
  width:14px;
}

.listAddresses table thead th{
  color:black;
background: white url('/img/bg4.png') repeat-x bottom;
  border-bottom:2px #ff38b6 solid;
  padding-left:12px;

}

.listAddresses table tbody{
 height:150px;
  overflow-y:scroll;
  overflow-x:hidden;

}

.listAddresses table tbody tr{
  height:24px;

}

.listAddresses table tbody td,
.listAddresses table tbody th{
background: white;
  vertical-align:top;
  _height:25px;
  padding-left:10px;

}

#payment #agreeTerms.checkbox,
#content .listAddresses table input.checkbox,
#content .listAddresses table input.disabledCheckbox{
  border:none;
}

#content .listAddresses table button.deleteAddress{
  border:none;
  padding:0; margin:0;
  background-color:transparent;
}

.addressButtons{
background: white url('/img/bg4.png') repeat-x bottom;
  border-bottom:2px #cccccc solid;
  overflow:auto;
  _height:1%;
  padding:1px;

}

#content .addressButtons button{
  float:right;
  clear:both;
font-size:10px;
font-weight:bold;
color:#303f47;
text-shadow:white 1px 1px 1px;
border:1px white solid;
width:180px;
padding:5px;
margin:5px 5px 5px 0px;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
     background: white url('/img/knopnieuweklant_blauw.png');
color:#303f47;
text-shadow:white 1px 1px 1px;;

}

#content .addressButtons #useAddressBookButton{
  float:right;
  clear:both;
font-size:10px;
line-height:12px;
font-weight:bold;
width:180px;
height:38px;
padding:5px;
margin:5px 5px 5px 0px;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  background: white url('/img/knopadressen_blauw.png');
color:#303f47;
text-shadow:white 1px 1px 1px;;
}

#addressWrapper input{
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/* send to self */

#sendtoselfWrapper{
  width:410px;
  height:475px;
  height:320px;
  float:right;
  margin-bottom:24px;
  padding:24px 16px;
  background-color:#f6deeb;
  border:10px #d15a9d solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


#content #selfRecipient h2{

background:#ff38b6;
padding:5px 5px 5px 5px;
font-size:13px;
color:white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#content #selfRecipient h3,
#content #sendtoselfWrapper h3{
color:#ff38b6;
font-weight:bold;
}

#content #selfRecipient #numberOfCardsToSelf{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}



#content #selfRecipient #selfRecipientName{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#content #selfRecipient #selfRecipientStreetname{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#content #selfRecipient #selfRecipientHouseNumber{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}


#content #selfRecipient #selfRecipientPostalCode{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#content #selfRecipient #selfRecipientLocality{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;

}

#content #selfRecipient #selfRecipientCountryID{

}

#content #selfRecipient #sendDateToSelf{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#content #selfRecipient #sendDateToSelfformToSelf_cf_button{
margin:10px 0px 0px 0px;
}

#content #selfRecipient button{
float:right;
padding:5px;
margin:25px 0px 0px 195px;
background:url('/img/knopachtergrond_blauw.png') repeat-x bottom;
width:80px;
font-size:10px;
font-weight:bold;
color:#303f47;
text-shadow:white 1px 1px 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid white;
}

#selfRecipient #bulkPrices th,
#selfRecipient #bulkPrices td{
  width:140px;
}

/* addressBook  */

#addressBook tr td.buttons button{
  padding:0; border:0; margin:0px 2px 0px 0px:
}

#content #CFForm_1 #payment{
font-size:11px;
width:600px;
border:1px #ff38b6 solid;
background: white url('/img/bg4.png') repeat-x bottom;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-left:10px;
margin:0px 0px 20px 0px;
}

#content #CFForm_1 h2{
float:left;
font-size:13px;
width:587px;
color:white;
background:#ff38b6;
padding:5px 5px 5px 10px;
margin:0px 0px 10px -10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#content #CFForm_1 input{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#content #CFForm_1 button{
  background:url('/img/knopachtergrond_blauw.png') repeat-x bottom;
width:80px;
float:left;
font-size:10px;
height:25px;
line-height:12px;
color:#303f47;
margin:10px 0px 5px 0px;
font-weight:bold;

     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow:white 1px 1px 1px;
}

 .jsclass body .randomcontent{ /*NIET VERWIJDEREN!! CSS to hide random contents in JS enabled browsers*/
display: none;
}

.content_introtxt {
margin: 0px 15px 0px 0px;
}

.tagtxt {
font-size: 10px;
color: #666;
background-color: transparent;
margin: 15px 0px 0px 25px;
}

a.headlink {
color: inherit;
background-color: transparent;
text-decoration: inherit;
}

a.headlink:hover {
color: #2F93C4;
text-decoration: inherit;
}

#homepage_subcontent {
margin: 0px 10px 0px 10px;
padding: 10px 0px 10px 0px;
}

#homepage_subcontent img {
width: 165px;
height: 120px;
}

#homepage_subcontent h1 {
margin: 0px 0px 0px 0px;
color: #ff6600;
font-weight: bold;
}

#homepage_subcontent h2 {
margin: 0px;
color: #000000;
background-color: transparent;
font-size: 12px;
font-weight: bold;
}

#homepage_subcontent p {
margin: 0px 0px 10px 0px;
}

#homepage_subcontent .subitemholder {
margin: 15px 0px 0px 0px;
padding-bottom: 15px;
border-bottom: 1px solid #ffa800;
}

#homepage_subcontent .subitemimg{
width: 165px;
height: 120px;
border: 1px solid black;
float: left;
}

#homepage_subcontent .subitemtxt{
width: 205px;
float: right;
font-size: 11px;
}

#homepage_subcontent .clearboth{
clear: both;
font-size:1px;
line-height: 1px;
height: 1px;
} #subpage_subcontentholder {
width: 100%;
margin: 15px 0px 0px 0px;
}

.tekstcontainer {
width: 50%;
font-style: italic;
padding: 25px;
}

#subpage_subcontentholder h2 {
background-color:#ff38b6 !important;
width:100% !important;
text-indent: 10px;
padding: 5px 0px 5px 0px !important;
margin:0px 0px 15px 0px !important;
color: #FFFFFF  !important;
font-size:13px  !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#subpage_subcontentholder p {
font-size: 12px !important;
margin: 10px 0px 10px 0px !important;
}

#subpage_contentholder {
text-align: left;
margin: 15px auto 0px auto;
width: 540px;
}

#subpage_contentholder h1 {
background-color:#ff38b6 !important;
width:100% !important;
text-indent: 10px;
padding: 5px 0px 5px 0px !important;
margin:0px 0px 15px 0px !important;
color: #FFFFFF  !important;
font-size:13px  !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#subpage_contentholder a.headlink {
font-size: inherit;
color: #000000;
background-color: transparent;
text-decoration: none;
}

#subpage_contentholder a.headlink:hover {
font-size: inherit;
color: #333333;
background-color: transparent;
text-decoration: none;
}

#subpage_contentholder a.headlink:visited {
font-size: inherit;
color: inherit;
background-color: transparent;
text-decoration: inherit;
}

#subpage_contentholder row {
margin: 0px 0px 0px 0px;
}

#subpage_contentholder dl {
width: 165px;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
border: 1px solid pink;
text-align: center;
}

#subpage_contentholder .midden {
margin: 0px 20px 0px 19px;
}

#subpage_contentholder .cleardiv {
clear: both;
height: 1px;
margin-bottom: 20px;
}

#subpage_contentholder .liggend div {
width: 145px;
margin: 0 auto 0 auto;
text-align: center;
}

#subpage_contentholder .liggend img {
width: 145px;
height: 105px;
border: 1px solid #333333;
}

#subpage_contentholder .staand div {
width: 105px;
margin: 0 auto 0 auto;
text-align: center;
}

#subpage_contentholder .staand img {
width: 105px;
height: 145px;
border: 1px solid #333333;
}


#subpage_contentholder dt {
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 15px 0px 0px 0px;
}

#subpage_contentholder dd {
margin: 15px 0px 15px 0px;
padding: 0px;
}

#subsitecontainer_left {
font-size: 12px;
text-align: center;
padding: 0px 0px 20px 0px;
}

#subsitecontainer_left img {
border: 0px;
}

#subsitecontainer_left blockquote {
text-align: left;
margin: 20px;
font-size: 14px;
font-weight: 800;
text-shadow: 1px 1px 5px white;
}

#subsitecontainer {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-family: arial;
width: 100%;
}

#subsitecontainer h1 {
font-size: 18px;
color: #44aadd;
background-color: transparent;
font-weight: 800;
margin: 20px 15px 20px 0px;
}

#subsitecontainer h2 {
font-size: 14px;
font-weight: 800;
color: #FF3EAD;
background-color: transparent;
margin: 0px 15px 5px 0px;
}

#subsitecontainer p {
font-size: 12px;
color: #000;
background-color: transparent;
margin: 0px 15px 15px 0px;
line-height: 14px;
}

#subsitecontainer .kostentabel {
width: 100%;
margin: 0px 15px 15px 0px;
border: 1px solid #244d61; 
}

#subsitecontainer .kostentabelHead {
font-size: 12px;
background-color: #44aadd;
color: #FFFFFF;
font-weight: bold;
vertical-align: top;
border-bottom: 2px solid #EEE;
width: 25%; 
}

#subsitecontainer .kostentabelLightrow {
font-size: 11px;
background: #c6ecff;
vertical-align: top; 
}

#subsitecontainer .kostentabelDarkrow {
font-size: 11px;
background: #FFFFFF;
vertical-align: top; 
} /*
  accessify
*/

body.d15 #content .content{
  border:1px pink dashed;
  margin:10px 0px;
  padding:10px;
  overflow:auto;
}
 /*
  FastCards.nl - algemeen

  #cc5599 - Roze
  #ffddee - Licht Roze
  #ffbb44 - Geel Oranje
  #ffeedd - Licht Geel Oranje
  #66ccff - Lichtblauw
  #44aadd - Donkerblauw
  #336699 - Donkerderblauw
  #eeeeee - Grijs

*/


html{
  padding:0; margin:0;
}

body {
  padding:0; margin:0;
  color:#000;
  font-family:Arial;
  line-height:1.4em;
  font-size:75%;
}

#site{
  width:980px;
  margin:0 auto;
  position:relative;
  border-top:4px solid #66ccff;
}



#sidebar{
  float:left;
  width:200px;
  min-height:100px;
  _height:100px;
  margin:0; padding:0;
  margin-right:20px;
  margin-top:45px;
  margin-bottom:24px;
}

#content{
  float:left;
  width:540px;
  min-height:100px;
  _height:100px;
  margin:0; padding:0;
  margin-top:45px;
  margin-bottom:24px;
}

#adbar{
  float:right;
  width:200px;
  min-height:100px;
  _height:100px;
  margin:0; padding:0;
  padding-top:45px;
  margin-bottom:24px;
}

#content hr{
  border:0;
  height:1px;
  background-color:#66ccff;
  margin:6px 0px;
}

#content h1{
  font-family: arial;
  color:#44aadd;
  font-size:15px;
font-weight:bold;
line-height:12px;
  margin-bottom:5px;
}

#content h2{
  font-family: arial;
  color:#777;
  font-size:13px;
font-weight:bold;
line-height:12px;
  margin-bottom:0;
}


#content h3{
  font-family: arial;
  color:#777;
  font-size:12px;
font-weight:bold;
line-height:12px;
  margin-bottom:0;
}


#content p{
  font-family: arial;
  font-size: 11px;
  line-height: 12px;
  margin-top:0;
}

#rubrieken{
margin-top:10px;
padding:5px 5px 5px 10px;
font-size:11px;
border:1px #ff38b6 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#rubrieken h2{
padding:5px 5px 5px 10px;
font-size:13px;
color: white;
margin-left:-5px;
margin-top:0px;
margin-bottom:5px;
background:#ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}



#di101 #cardCategories h1,
#di101 #cards h1{
display:none;
}


#di101 #cardCategories h2{
color:white;
font-size:13px;
background:#ff38b6;
padding:5px 5px 5px 10px;
margin:10px 0px 0px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


#di101 #cards h2{
color:white;
font-size:13px;
background:#ff38b6;
padding:5px 5px 5px 10px;
margin:10px 0px 15px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#di353{
background:url('/img/bg4.png') repeat-x bottom;
width:395px;
height:115px;
border:1px solid #ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:10px;
margin:0px 0px 0px 0px;
font-size:11px;
}


#di353 #filterCards button{
  background:url('/img/knopachtergrond_blauw.png') repeat-x bottom;
width:80px;
float:right;
color:#303f47;
margin:0px 0px 0px 0px;
font-weight:bold;
font-size:10px;
height:25px;
line-height:12px;
  padding:5px; 
     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow:white 1px 1px 1px;
}

#di353 #filterCards input{
 width:190px;
 float:right;
  padding:5px 5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
} 

#di353 #filterCards label{
float:left;
width:390px;
color:white;
font-weight:bold;
font-size:13px;
background:#ff38b6;
padding:5px 5px 5px 10px;
margin:-7px 0px 0px -5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
} 

#di353 #filterCards p{
float:left;
width:400px;
color:black;
font-size:11px;
line-height:12px;
margin:5px 0px 10px 0px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}



#di356{
float:right;
width:300px;
font-size:11px;
margin:-20px 0px 0px 0px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
} 


#di356 #uploadOwnCard{
color:black;
  font-size:11px;
line-height:12px;
background:url('/img/uploadbg_geel.png') repeat-x bottom;
float:left;
height:115px;
width:300px;
border:1px solid #ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:11px;
}


#di356 #uploadOwnCard label{
float:left;
width:293px;
color:white;
font-weight:bold;
font-size:13px;
background:#ff38b6;
padding:7px 7px 7px 10px;
margin:-5px 0px 0px -5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

/* Postupload tekst verbergen */
#di356 #uploadOwnCard #post_uploading_1{
width: 223px;
height: 34px;
background-image: url('/img/uploadtimer.gif');
float:left;
margin:50px 2px 0px 78px;
	}

#di356 #uploadOwnCard #post_uploading_1 span {
	display: none;

	}

#di356 #uploadOwnCard input{
float:right;
-moz-height:26px;
margin:40px 5px 0px 0px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di356 #uploadOwnCard button{
float:right;
  background:url('/img/knopupload_blauw.png') repeat-x bottom;
width:115px;
color:#303f47;
font-size:10px;
height:25px;
line-height:12px;
font-weight:bold;
  padding:5px;
-webkit-margin:-5px 0px 0px 0px;
-moz-margin:5px 0px 0px 0px;
     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow:white 1px 1px 1px;
}

#di356 #uploadOwnCard #pre_uploading_2 td{
height:30px;
vertical-align:bottom;
}


#di101 #uploadedCardWrapper{
background:white;
float:left;
width:500px;
border:1px solid #ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:10px 10px 10px 50px;
margin:20px 0px 135px -275px;
}


#di101 #CFForm_4{
float:right;
margin-right:200px;

}

#di101 #uploadedCardWrapper #uploadCard{
text-align:center;
background:#ff38b6;;
float:left;
width:535px;
height:10px;
color:white;
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px 10px 10px 5px;
margin:-5px 0px 10px -45px;
}

#di101 #uploadedCardWrapper #portraitWrapper,
#di101 #uploadedCardWrapper #landscapeWrapper{
font-size:11px;
color:black;
font-weight:bold;
} 


#di101 #uploadOwnCard label{
float:left;
width:297px;
color:white;
font-weight:bold;
font-size:13px;
background:#ff38b6;
padding:5px 5px 5px 10px;
margin:-7px 0px 0px -7px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
} 


#di101 #uploadOwnCard input{
float:left;
margin:10px 2px 0px 78px;
  padding:5px 5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di101 #uploadOwnCard button{
  background:url('/img/knopupload_blauw.png') repeat-x bottom;
width:115px;
float:left;
font-size:10px;
height:25px;
line-height:12px;
font-weight:bold;
  padding:5px;
margin:7px 2px 0px 190px;
     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color:#303f47;
text-shadow:white 1px 1px 1px;
}


#di358 h2{
background:#ff38b6;
width:235px;
font-size:13px;
padding:5px 5px 5px 10px;
margin:-10px 0px 0px 6px;
color:white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di56{
background:url('/img/bg4.png') repeat-x bottom;
float:left;
width:200px;
font-size:11px;
border:1px solid #ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:10px 10px 10px 50px;
margin:-27px 0px 0px 0px;
}

#di56 input {
float:right;
width:150px;
margin:12px 5px 0px 0px;
  padding:5px 5px 5px 5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di56 label{
float:left;
margin:10px 2px 0px -40px;
  padding:5px 5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di56 .buttonWrapper button{
  background:url('/img/knopachtergrond_blauw.png') repeat-x bottom;
width:80px;
float:left;
color:#303f47;
text-shadow:white 1px 1px 1px;
font-size:10px;
height:25px;
line-height:12px;
font-weight:bold;
  padding:5px;
margin:5px 2px 0px 125px;
     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}



#di63{
background:url('/img/bg4.png') repeat-x bottom;
float:left;
width:370px;
font-size:11px;
border:1px solid #ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:10px 10px 10px 50px;
margin:0px 0px 0px 0px;
}

#di63 h2{
background:#ff38b6;
width:405px;
padding:5px 5px 5px 10px;
margin:-5px 0px 0px -45px;
color:white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di63 h3{

padding:5px 5px 5px 5px;
margin:0px 0px 0px -10px;
color:#ff38b6;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di63 #accountManagement{
float:left;
margin:5px 0px 0px -35px;

}


#di63 input{
float:left;
margin:5px 0px 0px 0px;
  padding:5px 5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}



#content #di63 button{
  background:url('/img/knopachtergrond_blauw.png') repeat-x bottom;
width:80px;
float:left;
font-size:10px;
height:25px;
line-height:12px;
font-weight:bold;
  padding:5px;
margin:0px 0px 0px 180px;
     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color:#303f47;
text-shadow:white 1px 1px 1px;
}


#di53{
background:url('/img/bg4.png') repeat-x bottom;
float:left;
width:460px;
font-size:11px;
border:1px solid #ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:30px 10px 10px 50px;
margin:-27px 0px 0px 0px;
}

#di359 h2{
background:#ff38b6;
width:497px;
padding:5px 5px 5px 10px;
margin:-10px 0px 0px 5px;
color:white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di53 h3{

padding:5px 5px 5px 5px;
margin:0px 0px 0px -10px;
color:#ff39b6;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di53 #registrationForm{
float:left;
margin:5px 0px 0px -35px;

}


#di53 input{
float:left;
margin:5px 0px 0px px;
  padding:5px 5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}



#content #di53 button{
  background:url('/img/knopachtergrond_blauw.png') repeat-x bottom;
width:80px;
float:left;
color:#303f47;
text-shadow:white 1px 1px 1px;
font-size:10px;
height:25px;
line-height:12px;
font-weight:bold;
  padding:5px;
margin:0px 0px 0px 210px;
     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di57{
background:url('/img/bg4.png') repeat-x bottom;
float:left;
width:200px;
font-size:11px;
border:1px solid #ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:30px 10px 10px 50px;
margin:10px 0px 0px 0px;
}

#di57 h2{
background:#ff38b6;
width:497px;
padding:5px 5px 5px 10px;
margin:-10px 0px 0px 5px;
color:white;
font-size:13px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


#di57 input{
float:left;
width:155px;
margin:5px 0px 0px 5px;
  padding:5px 5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di57 label{
float:left;
margin:5px 0px 0px -45px;
  padding:5px 5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


#content #di57 button{
  background:url('/img/knopachtergrond_blauw.png') repeat-x bottom;
width:80px;
float:left;
color:#303f47;
text-shadow:white 1px 1px 1px;
font-size:10px;
height:25px;
line-height:12px;
font-weight:bold;
  padding:5px;
margin:0px 0px 0px 115px;
     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
} 

#di361{
background:url('/img/bg4.png') repeat-x bottom;
float:left;
width:200px;
height:100px;
font-size:11px;
border:1px solid #ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:30px 10px 10px 50px;
margin:-27px 0px 0px 10px;
}

#di360 h2{
background:#ff38b6;
float:right;
font-size:13px;
width:237px;
padding:5px 5px 5px 10px;
margin:-22px 11px 0px 0px;
color:white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


#di361 input {
float:right;
width:150px;
margin:12px 5px 0px 0px;
  padding:5px 5px 5px 5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di361 label{
float:left;
margin:10px 2px 0px -40px;
  padding:5px 5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#content #di361 button{
  background:url('/img/knopachtergrond_blauw.png') repeat-x bottom;
float:right;
width:80px;
float:left;
color:#303f47;
text-shadow:white 1px 1px 1px;
font-size:10px;
height:25px;
line-height:12px;
font-weight:bold;
  padding:5px;
margin:35px 0px 0px 115px;
     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}  

#di364{
margin:125px;
}

#di365{
margin-top:-100px;
}
#di365 h1,
#di365 h2,
#di365 #cardCategories{
display:none;
}

#di364 #uploadOwnCard{
color:black;
  font-size:11px;
line-height:12px;
background:url('/img/uploadbg_geel.png') repeat-x bottom;
float:left;
height:115px;
width:300px;
border:1px solid #ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:11px;
}


#di364 #uploadOwnCard label{
float:left;
width:293px;
color:white;
font-weight:bold;
font-size:13px;
background:#ff38b6;
padding:7px 7px 7px 10px;
margin:-5px 0px 0px -5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

/* Postupload tekst verbergen */
#di364 #uploadOwnCard #post_uploading_1{
width: 223px;
height: 34px;
background-image: url('/img/uploadtimer.gif');
float:left;
margin:50px 2px 0px 78px;
	}

#di364 #uploadOwnCard #post_uploading_1 span {
	display: none;

	}

#di364 #uploadOwnCard input{
float:right;
height:26px;
margin:40px 5px 0px 0px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di364 #uploadOwnCard button{
  background:url('/img/knopupload_blauw.png') repeat-x bottom;
width:115px;
font-size:10px;
height:25px;
line-height:12px;
font-weight:bold;
  padding:5px;
margin:0px 0px 0px 190px;
     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color:#303f47;
text-shadow:white 1px 1px 1px;
}

#di364 #uploadOwnCard #pre_uploading_2 td{
height:30px;
vertical-align:bottom;
}


#di365 #uploadedCardWrapper{
background:white;
float:left;
width:500px;
border:1px solid #ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:10px 10px 10px 50px;
margin:0px 0px 135px -275px;
}

#di365 #uploadedCardWrapper #uploadCard{
text-align:center;
background:#ff38b6;;
float:left;
width:535px;
height:10px;
color:white;
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px 10px 10px 5px;
margin:-5px 0px 10px -45px;
}

#di365 #uploadedCardWrapper #portraitWrapper,
#di101 #uploadedCardWrapper #landscapeWrapper{
font-size:11px;
color:black;
font-weight:bold;
} 


#di365 #uploadOwnCard label{
float:left;
width:297px;
color:white;
font-weight:bold;
font-size:13px;
background:#ff38b6;
padding:5px 5px 5px 10px;
margin:-7px 0px 0px -7px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
} 


#di365 #uploadOwnCard input{
float:left;
margin:10px 2px 0px 78px;
  padding:5px 5px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di365 #uploadOwnCard button{
  background:url('/img/knopupload_blauw.png') repeat-x bottom;
width:115px;
float:left;
font-size:10px;
height:25px;
line-height:12px;
font-weight:bold;
  padding:5px;
margin:7px 2px 0px 190px;
     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color:#303f47;
text-shadow:white 1px 1px 1px;
}


#di365 #CFForm_3{
float:right;
margin-right:100px;

}

#di365 #uploadedCardWrapper #portraitWrapper,
#di365 #uploadedCardWrapper #landscapeWrapper{
font-size:11px;
color:black;
font-weight:bold;
} 


#di69{
width:355px;
background:url('/img/bg4.png') repeat-x bottom;
border:1px solid #ff38b6;
font-size:11px;
padding:5px 5px 5px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top:-10px;
}


#di69 .header h2{
color:white;
background:#ff38b6;
padding: 5px 5px 5px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0px;
}

#di69 input{
width:200px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#di69 textarea{
width:300px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#di69 #mailAFriend button{
float:right;
padding:5px;
margin:0px 0px 0px 195px;
background:url('/img/knopachtergrond_blauw.png') repeat-x bottom;
width:80px;
font-size:10px;
height:25px;
line-height:12px;
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid white;
color:#303f47;
text-shadow:white 1px 1px 1px;
}


#di65 #addressBook{
float:left;
  font-size:11px;
width:725px;
margin:0px 0px 0px 0px;
padding:5px;
}

#di65 #CFForm_1{
float:left;
  font-size:11px;
width:700px;
margin:-0px 0px 0px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px;
height:225px;

}

#content #di65 h2{
background:#ff38b6;
width:700px;
color:white;
padding:5px;
  border:1px #ff38b6 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0px
}

#content #di65 h3{
color:#ff38b6;
margin:0px;

}


#content #di65 button{
  background:url('/img/knopnieuweklant_blauw.png') repeat-x bottom;
float:right;
font-size:10px;
height:25px;
line-height:12px;
color:#303f47;
margin:0px 0px 5px 0px;
font-weight:bold; 
     border:1px solid white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow:white 1px 1px 1px;
} 
 /*
  breadcrumbs
*/

#breadcrumbs{
  position:absolute;
  z-index:10;
  top:176px;
  left:12px;
  margin:0; padding:0;
  color:#999;
font-size:11px;
}

#breadcrumbs a{
  color:#999;
}
 /*
  breadcrumbs
*/

#breadcrumbs{
  position:absolute;
  z-index:10;
  top:176px;
  left:12px;
  margin:0; padding:0;
  color:#999;
font-size: 0.95em;
line-height: 1.2em;
}

#breadcrumbs a{
  color:#999;
}
 /*
  cardCategories 
*/

#cardCategories ul {
  list-style-type: none;
  overflow:auto;
  clear:both;
  margin:0; padding:12px 0px;
}

#cardCategories ul li {
  list-style-image: none;
  float: left;
  width:100px;
  height:100px;
  padding:20px;
   margin:10px 0px 5px 35px;
background:white;
  text-align:center;
  border:1px #ff38b6 solid;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

}

#cardCategories span {
  display: block;
}

#cardCategories ul li a{
  font-size:11px;
font-weight:bold;
line-height:12px;
color:#ff38b6;
}

#cardCategories ul li a img{
  border:2px #ffc038 solid;
}

#cardCategories ul li a:hover{
  font-size:11px;
font-weight:bold;
color:#ff38b6 ;
}

#cardCategories ul li a:hover img{
  border:2px #ff38b6 solid;
}








#cardCategories #cardCategoriesToolbar{
  float:right;
  clear:both;
  margin-right:20px;
}

#uploadedCardWrapper {
  position: relative;
  background-color: #eeeeee ;
  width: 500px;
  height: 300px;

  text-align: center;	
  border: 1px solid #c9c9c9;
  padding: 25px;
  left: 50%;
  margin-left: -175px;	
}

#uploadedCardWrapper input {
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  background-color: white;
}

#uploadCard {					
  height: 20px;
}

 /*
  category & cards
*/

#adbar #uploadOwnCard{
  margin:0;
  margin-top:-49px;
  padding:49px 1px 2px 4px;

  width:235px;
  _width:215px;

  background: #66CCFF;
  color:white;
  font-family:arial;
  font-size:12px;
}


#content #uploadOwnCard{
  margin:-117px 0px 0px 0px;
  padding:0;
color:black;
  font-size:11px;
background:url('/img/uploadbg_geel.png') repeat-x bottom;
float:right;
width:300px;
border:1px solid #ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:10px;
font-size:11px;
}



#adbar #filterCards{
  padding:5px 5px 25px 5px;
  margin:0;
  width:230px;
  _width:210px;
  display:block;

  background: #66CCFF;
  color:white;
  font-family:arial;
  font-size:12px;

  background-image:url('/img/template/corner-bottom-left.png');
  background-repeat:no-repeat;
  background-position:bottom left;
}

#filterCards table,
#uploadOwnCard table{
  border-collapse:collapse;
  margin:0; padding:0;
}

#filterCards table td,
#uploadOwnCard table td,
#filterCards table th,
#uploadOwnCard table th{
  text-align:left;
}

#filterCards input{
  width:175px;
}
 #productholder{
width:560px;
text-align: left;
margin: 0px auto 0 auto;
}

#productholder DL {
width: 540px;
background:white url('http://fastfotoalbum.nl/fastfotoalbum/bg.png') repeat-x bottom;
margin: 0px 0px 15px 0px;
padding: 0px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}


#productholder dt {
background-color: #66ccff;
color: #FFFFFF;
font-size: 14px;
font-weight: 800;
margin: 5px;
padding: 5px;
text-indent: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; }


#productholder dd {
padding: 0px; 
margin: 0px; }

#productholder ul {
padding: 0px;
margin: 0px;
list-style-type: none !important;
list-style-image:none !important;
line-height: 12px;
font-size: 11px; }

#productholder li {
list-style-type: none;
list-style-image:none; }


#productholder .imgholder {
width: 140px;
height: 140px;
float: left;
text-align: center;
background: white;
margin: 5px;
padding: 0px 0px 10px 0px;
border:#66ccff 1px solid;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
-o-box-shadow: 2px 2px 10px #888;
-icab-box-shadow: 2px 2px 10px #888;
-khtml-box-shadow: 2px 2px 10px #888;
-moz-box-shadow: 2px 2px 10px #888;
-webkit-box-shadow: 2px 2px 10px #888;
box-shadow: 2px 2px 10px #888;
}



#productholder .dataholder {

width: 380px;
float: right;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;  }



#productholder .cleardd {
clear: both;
height: 20px; }

#productholder .heading {
height: 26px;
background-color: #66ccff;
margin: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;  }


#productholder .title {
float: left;
width: 156px;
font-size: 13px;
color: white;
font-weight: bold;
background-color: transparent;
margin: 6px 0 0 5px;
}


#productholder .button {
float: right;
width: 200px;
margin: 3px 5px 0 0;
text-align: right; }


#productholder .type {
width: 105px;
font-weight: bold;
float: left;
padding: 0px;
padding: 5px 0 5px 0;
margin-left: 15px; }


#productholder .descr {
width: 240px;
float: left;
padding: 5px 0 5px 0; } #di348 #teksten p{
font-size:11px;
line-height:12px;
margin:0px;
}

#di348 #teksten h2{
line-height:12px;
margin:0px;
}

#di574 button{
float:right;
color:white;
padding:4px;
margin:0px 20px 0px 0px;
}

#di574 input{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#di352 #download{
float:right;
margin-left:15px;
} #di305{
width: 250px;
float:right;
background:#D1ECF2 url('http://fastfotoalbum.nl/fastfotoalbum/bg.png') repeat-x bottom;
padding: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#di307{
width: 250px;
float:right;
background:#D1ECF2 url('http://fastfotoalbum.nl/fastfotoalbum/bg.png') repeat-x bottom;
padding: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di350{
width: 200px;
float:left;
background:#D1ECF2 url('http://fastfotoalbum.nl/fastfotoalbum/bg.png') repeat-x bottom;
padding: 5px;
margin:10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#di351{
width: 200px;
float:left;
background:#D1ECF2 url('http://fastfotoalbum.nl/fastfotoalbum/bg.png') repeat-x bottom;
padding: 5px;
margin:10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
 /*
  fastfotoalbum, downloadpages. contact form
*/

.site-18 #di148,
.site-18 #di151{
  width:250px;
  margin:0;
  float:left;
}

.site-18 #di307,
.site-18 #di305{
  width:250px;
  float:right;
}


.site-18 #di305 .checkbox span{
  display:inline;
}
.site-18 #di307 .checkbox span{
  display:inline;
}

.site-18 #di350{
  width:250px;
  margin:5px;
float:left;
}
.site-18 #di351{
  width:250px;
  margin:5px;
float:right;
}

.site-18 #di350 .checkbox span{
  display:inline;
}
.site-18 #di351 .checkbox span{
  display:inline;
}

.site-18 #di350 span{
  display:inline;
}
.site-18 #di351 span{
  display:inline;
}

#form-4 label span{
  float:left;
  width:110px;
font-size:11px;
}

/* staat en nr */
#form-4 label#textWrapper-15{
  float:left;
  width:300px;
  clear:none;
}

#form-4 label#textWrapper-16{
  float:left;
  width:150px;
  clear:none;
}

#form-4 label#textWrapper-16 span{
  width:30px;
}

/* postcode woonplts */
#form-4 label#textWrapper-17{
  float:left;
  width:190px;
  clear:none;
}

#form-4 label#textWrapper-18{
  float:left;
  width:300px;
  clear:none;
}

#form-4 label#textWrapper-18 span{
  width:80px;
}


#form-4 label#textareaWrapper-21 span{
  width:400px;
}

/* Win download*/

#form-5{
font-size:11px;
} 
#form-5 label#textWrapper-22{
  float:left;
margin-left:10px;
clear:none;
}
#form-5 label#textWrapper-22 span{
  float:left;
width:70px;
  clear:none;
}

#form-5 input#text-22{
 width:140px;
 border-style: hidden;
     border-width: 0px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
  clear:none;
}

#form-5 label#textWrapper-23{
  float:left;
margin-left:10px;
clear:none;
}
#form-5 label#textWrapper-23 span{
  float:left;
width:70px;
  clear:none;
}

#form-5 input#text-23{
 width:140px;
 border-style: hidden;
     border-width: 0px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
  clear:none;
}

#form-5 label#textWrapper-24{
  float:left;
margin-left:10px;
clear:none;
}
#form-5 label#textWrapper-24 span{
  float:left;
width:70px;
  clear:none;
}

#form-5 input#text-24{
 width:140px;
 border-style: hidden;
     border-width: 0px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
  clear:none;
}

/* Mac download*/
#form-6{
font-size:11px;
}

#form-6 label#textWrapper-26{
  float:left;
margin-left:10px;
clear:none;
}
#form-6 label#textWrapper-26 span{
  float:left;
width:70px;
  clear:none;
}

#form-6 input#text-26{
 width:140px;
 border-style: hidden;
     border-width: 0px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
  clear:none;
}

#form-6 label#textWrapper-27{
  float:left;
margin-left:10px;
clear:none;
}
#form-6 label#textWrapper-27 span{
  float:left;
width:70px;
  clear:none;
}
#form-6 input#text-27{
 width:140px;
 border-style: hidden;
     border-width: 0px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
  clear:none;
}

#form-6 label#textWrapper-28{
  float:left;
margin-left:10px;
clear:none;
}
#form-6 label#textWrapper-28 span{
  float:left;
width:70px;
  clear:none;
}

#form-6 input#text-28{
 width:140px;
 border-style: hidden;
     border-width: 0px;
     border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
  clear:none;

}
/*knoppen*/
.site-18 form fieldset.buttonBar{
  display:block;
  padding:4px 0px;
float:right;
}

.site-18 form button#submitButton-5,
.site-18 form button#submitButton-6{
Width:80px;
  padding:4px 0px;
margin-top:40px;
float:right;
}
.site-18 #content button,
form fieldset.buttonBar button{
  margin:0;
  padding:4px 6px;

  cursor:pointer;
  color:white;
font-weight:bold;

  text-transform:uppercase;
  background-color:#fff;
background:#ffffff url('http://fastfotoalbum.nl/fastfotoalbum/knopachtergrond.png') repeat-x;

  border-top:1px solid white;
  border-left:1px solid white;
  border-bottom:1px solid white;
  border-right:1px solid white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
}

.site-18 form button em {
 font-style: normal;
} 
#waarom_rechts{
padding:0px 5px 5px 5px;
background: white url('/fastfotoalbum/bg.png') repeat-x bottom;
width:390px;
}


#waarom_rechts h2{
background:#4ad;
color:white;
padding:5px;
width:385px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}




#waarom_rechts h3{
margin-bottom:5px;
}



#waarom_rechts ul{
margin-top:0px;
}




#waarom_rechts p{
margin-top:5px;
}

#waarom_rechts h3{
} #fotocover_flash{
width:580px;
height:315px;
}


#waarom{
padding:0px 5px 5px 5px;
background: white url('/fastfotoalbum/bg.png') repeat-x bottom;
width:570px;
}

#waarom h2{
background:#4ad;
color:white;
padding:5px;
width:560px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}


#waarom h3{
margin-bottom:5px;
}

#waarom ul{
margin-top:0px;
}


#waarom p{
margin-top:5px;
}

#waarom h3{
} #fotocover_flash{
width:580px;
height:315px;
}

#di622{
float:left;
width:190px;
font-size:11px;
} 

#di622 h2{
background:#4ad;
color:white;
padding:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


#di622 p{
margin-top:5px;
}


#di623{
float:right;
width:190px;
margin-right:10px;
margin-top:10px;
}

#di624{
float:left;
width:190px;
line-height:12px;
margin:0px;

}  

#di624 input{
float:left;
margin:0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


#di624 button{
color:white;
} 

#albums{
float:left;
width:280px;
}

#albums h2{
background:#4ad;
padding:5px;
color:white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#kalenders{
float:right;
width:280px;
}

#kalenders h2{
background:#4ad;
padding:5px;
color:white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#home_image{
margin-bottom:-4px;
}

#producten{
padding:0px 5px 5px 5px;
background: white url('/fastfotoalbum/bg.png') repeat-x bottom;
width:380px;
}


#producten h2{
background:#4ad;
color:white;
padding:5px;
width:380px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

} #fotocover_flash{
width:580px;
height:315px;
} /*
  footer
*/

#footer{
  display:block;
  clear:both;
  height:50px;
  padding:0; margin:0;
  border-top:5px #cccccc solid;
  background-color:white;
  background-image:url('/img/template/footer-bg.gif');
  background-repeat:repeat-x;
}

#footer p{
  font-size:11px;
margin:12px;
  color:#336699;
}

#footer p a{
  font-size:11px;
  color:#336699;
}
 /*
  footer
*/

#footer{
display:block;
  clear:both;
  height:50px;
  padding:0; margin:0;
  border-top:5px #cccccc solid;
  background-color:white;
  background-image:url('/img/template/footer-bg.gif');
  background-repeat:repeat-x;
font-size:11px;

}

#footer p{
  margin:12px;
  color:#336699;
font-size:11px;

}

#footer p a{
  color:#336699;
font-size:11px;

} #forumcontainer{
width:980px;
height:100%;
} /*
glossary2008
*/

.glossaryNav span{
  text-decoration:underline;
  cursor:pointer;
  padding-right: 1.5em;
}

.glossaryNav span.deactivated{
  display:none;
}

.glossaryNav span.active {
  font-weight:bold;
  cursor:normal;
}


.glossary dl dt {
font-weight:bold;
}

.glossary dl dd {
margin:3px 0px 10px 0px;

}


/*
  faq
*/
.faq .glossary .glossaryNav{
  display:none;
}
 /* color settings */
.playerBox_gsvb div.alldone_gsvb        { color : #0000cc; }
.playerBox_gsvb a.title_gsvb            { color : #0000cc; }

.playerBox_gsvb div.alldone_gsvb:hover  { color : #0000cc; }
.playerBox_gsvb a.title_gsvb:hover      { color : #0000cc; }
.resultsBox_gsvb div.resultDiv_gsvb     { border-color : #676767; }
.floatingPlayerBox_gsvb,
.floatingPlayerBox_gsvb *               { background-color : #ffffff; }
.floatingPlayerBox_gsvb                 { border : 1px solid #f0f0f0; }
                                        }
.floatingPlayer_gsvb                    { background-color : #ffffff; }

/*
 * The Player Box
 * - visible while playing
 * - collapsed while idle
 */
.playerBox_gsvb {
  display : block;
  margin-top : 4px;
  margin-bottom : 4px;
  margin-left : 10px;
  margin-right : 10px;
  text-align : center;
}

/**
 * Floating Player Box:
 *
 * note: top, left, z-index, height, width
 * are set in code. Limit your styling to color/opacity
 * Note the z-index of floatingPlayer should be one
 * higher than the z-index of the floatingPlayerBox.
 * Adjust as needed on sites with crazy layering.
*/
.floatingPlayerBox_gsvb {
  position : absolute;
  opacity : 0.90;
  -moz-opacity : 0.90;
  filter:alpha(opacity=90);
  z-index : 9998;
}
.floatingPlayer_gsvb {
  position : absolute;
  z-index : 9999;
}
.floatingBranding_gsvb {
  position : absolute;
}

.idle_gsvb {
  display : none;
}

.playing_gsvb {
  display : block;
}

.playerInnerBox_gsvb {
  margin-top : 2px;
}

/* keep a 1.33 ratio
 * (on widths > 300px, add 20px in height for controls)
 * small player:        180x135   4:3
 * medium player:       260x195   4:3
 * large player:        320x260   4:3 + 20px at bottom
 * extra large player:  480x380   4:3 + 20px at bottom
 */
.playerInnerBox_gsvb .player_gsvb {
  width : 480px;
  height : 290px;
}

.playerInnerBox_gsvb div.player_gsvb {
  margin : auto;
}

.floatingPlayer_gsvb .playerInnerBox_gsvb div.player_gsvb {
  margin : 0;
}

.playerBox_gsvb div.alldone_gsvb {
  display : inline;
  font-size : 11px;
  cursor : pointer;
}

.playerBox_gsvb div.alldone_gsvb:hover {
  text-decoration : underline;
}


.playerBox_gsvb div.title_gsvb {
  text-align : center;
  font-size : 11px;
  margin-top : 2px;
}

.playerBox_gsvb a.title_gsvb {
  text-decoration : none;
}

.playerBox_gsvb a.title_gsvb:hover {
  text-decoration : underline;
}

/*
 * resultsTable
 * - vertical mode
 * - horizontal mode
 */
.full_gsvb {
  display : block;
}

.empty_gsvb {
  display : none;
}

table.resultTable_gsvb {
  border-collapse : collapse;
}

table.resultTable_gsvb td {
  border : none;
}

div.resultDiv_gsvb {
  border-width : 1px;
  border-style : solid;
  background-color : #000000;
  height : 79px;
  width : 104px;
  text-align : center;
}

div.smallResultDiv_gsvb {
  height : 41px;
  width : 54px;
  text-align : center;
}

div.resultDiv_gsvb img {
  cursor : pointer;
  display : inline;
}

/* Auto Execute List Status Box */
div.statusBox_gsvb {
  padding : 4px;
}

div.statusItem_gsvb {
  display : inline;
  text-decoration : underline;
  color : #0000cc;
  cursor : pointer;
  margin-right : 6px;
  font-weight : bold;
  white-space: nowrap;
}

div.statusItemSelected_gsvb {
  text-decoration : none;
  color : #000000;
}



 /*
  header
*/

#header{
  display:block;
  margin:0; border:0; padding:0;
  height:160px;

  border-bottom:4px solid #66ccff;
  font-size:1em;
}

#header a{
  position:absolute;
  top:22px;
  left:14px;
}

#header a img{
  border:0;
}

#header a em{
  display:none;
}

div.site-1 #header{
  background-image:url('/img/template/header-bg.png');
}



 /*
  main nav onderliggend
*/

#main-nav li.wait ul,
#main-nav li.hover ul,
#main-nav li:hover ul{
  display:block;
}

#main-nav li ul{
  display:none;
  position:absolute;
  top:40px;
  left:-1px;
  list-style-type:none;
  list-style-image:none;
  padding:0px 4px 3px 4px;
  margin:0;

  border-left:1px #fff solid;
  border-right:1px #fff solid;
  background-color:#44aadd ;
}

#main-nav li ul li{
  float:none;
  height:auto;
  padding:0; margin:0; border:0;
  border-bottom:1px #ffeedd dotted;
}

#main-nav li ul li a{
  display:block;
  height:auto;
  width:180px;
  padding:0; margin:0; border:0;
  background-image:none;

  font-size:12px;
  color:#fff;
  font-weight:normal;
  text-decoration:none;
}

#main-nav li ul li a em{
  display:block;
  height:auto;
  background-image:none;
  font-style:normal;
  padding:4px 6px;
}

/* active */
#main-nav li.active ul li a,
#main-nav li ul li.active a,
#main-nav li ul li.active{
  background-image:none;
}

/*
  main nav onderliggend onderliggend
*/
#main-nav li.wait ul li ul,
#main-nav li.hover ul li ul,
#main-nav li:hover ul li ul,
#main-nav li ul li ul{
  display:none;
}
 /*
  main nav
*/

#main-nav{
  list-style-type:none;
  list-style-image:none;

  display:block;
  position:absolute;
  z-index:18;
  top:120px;
  left:0px;

  height:40px;
  _height:1%;
  width:950px;
  padding:0; margin:0; border:0;
}


#main-nav li{
  float:left;
  position:relative;
  z-index:20;
  height:40px;
  padding:0; margin:0; border:0;
  margin-right:1px;
}

#main-nav li.hide{
  display:none;
}

#main-nav li a{
  display:block;
  _display:inline-block;
  height:40px;
  padding:0; margin:0; border:0;

  background-image:url('/img/template/mainnav-right.png');
  background-repeat:no-repeat;
  background-position:top right;
  padding-right:4px;

  font-size:13px;
  color:white;
  font-weight:bold;
  text-decoration:none;
  cursor:pointer;
}

#main-nav li a em{
  display:block;
  _display:inline-block;
  height:29px;
  font-style:normal;

  background-image:url('/img/template/mainnav-left.png');
  background-repeat:no-repeat;
  background-position:top left;

  padding:11px 14px 0px 14px;
}


/* active */
#main-nav li.wait a,
#main-nav li.hover a,
#main-nav li:hover a,
#main-nav li a:hover,
#main-nav li.active a{
  background-image:url('/img/template/mainnav-right-hover.png');
}

#main-nav li.wait a em,
#main-nav li.hover a em,
#main-nav li:hover a em,
#main-nav li a:hover em,
#main-nav li.active a em{
  background-image:url('/img/template/mainnav-left-hover.png');
}



/* IE6 */
#main-nav li{
  _background-color:#66ccff;
}

#main-nav li.hover,
#main-nav li ul li{
  _background-color:#44aadd;
}

#main-nav li a,
#main-nav li.wait a,
#main-nav li.hover a,
#main-nav li.out a,
#main-nav li a:hover,

#main-nav li a em,
#main-nav li.wait a em,
#main-nav li.hover a em,
#main-nav li.out a em,
#main-nav li a:hover em{
  _background-image:none;
}



/* hover */
#main-nav li a:hover{
  text-decoration:underline;
}


/* Home */
#main-nav li.d21{
  display:none;
}

/* kaart maken klapper */
#main-nav li.d1 ul{
/*  display:none;*/
}


 /*
  main nav
*/

#main-nav{
  list-style-type:none;
  list-style-image:none;

  display:block;
  position:absolute;
  z-index:18;
  top:120px;
  left:0px;

  height:40px;
  _height:1%;
  width:950px;
  padding:0; margin:0; border:0;
}


#main-nav li{
  float:left;
  position:relative;
  z-index:20;
  height:40px;
  padding:0; margin:0; border:0;
  margin-right:1px;
}

#main-nav li.hide{
  display:none;
}

#main-nav li a{
  display:block;
  _display:inline-block;
  height:40px;
  padding:0; margin:0; border:0;

  background-image:url('/img/template/mainnav-right.png');
  background-repeat:no-repeat;
  background-position:top right;
  padding-right:4px;

  font-size:13px;
  color:white;
  font-weight:bold;
  text-decoration:none;
  cursor:pointer;
}

#main-nav li a em{
  display:block;
  _display:inline-block;
  height:29px;
  font-style:normal;

  background-image:url('/img/template/mainnav-left.png');
  background-repeat:no-repeat;
  background-position:top left;

  padding:11px 14px 0px 14px;
}


/* active */
#main-nav li.wait a,
#main-nav li.hover a,
#main-nav li:hover a,
#main-nav li a:hover,
#main-nav li.active a{
  background-image:url('/img/template/mainnav-right-hover.png');
}

#main-nav li.wait a em,
#main-nav li.hover a em,
#main-nav li:hover a em,
#main-nav li a:hover em,
#main-nav li.active a em{
  background-image:url('/img/template/mainnav-left-hover.png');
}



/* IE6 */
#main-nav li{

}

#main-nav li.hover,
#main-nav li ul li{

}

#main-nav li a,
#main-nav li.wait a,
#main-nav li.hover a,
#main-nav li.out a,
#main-nav li a:hover,

#main-nav li a em,
#main-nav li.wait a em,
#main-nav li.hover a em,
#main-nav li.out a em,
#main-nav li a:hover em{
  _background-image:none;
}



/* hover */
#main-nav li a:hover{
  text-decoration:underline;
}


/* Home */
#main-nav li.d21{
  display:none;
}

/* kaart maken klapper */
#main-nav li.d1 ul{
  display:none;
}


 /*
 opmaak  formulier
*/

form{
  display:block;
  padding:0;
  margin:0;
}

form, input, select, textarea, button{
  font-family:Arial, Verdana;
  font-size:1em;
}

form fieldset{
  border:0px;
  padding:0px;
  margin:0px;
}

form fieldset legend{
  display:none;
}


form fieldset label{
  display:block;
  clear:both;
  padding:4px 0px;
}

form fieldset label span{
  display:block;
  clear:both;
  padding:4px 0px;
}

#content textarea,
#content input,
form fieldset textarea,
form fieldset input{
/*  width:300px;*/
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd; 
  padding:4px 2px;
}


form fieldset label select{

}

/*
  checkbox
*/
/*
form fieldset label.checkbox{
  height:8px;
  position:relative;
}

form fieldset label.checkbox span{
  display:block;
  width:270px;
  position:absolute;
  left:24px;
  top:2px;
}

form fieldset label.checkbox input{
  width:auto;
  border:0;
  float:left;
}
*/

/*
  radio
*/
form fieldset label.radio{
  padding-left:120px;
}

form fieldset label.radio span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.radio input{
  width:auto;
  border:0px;
  float:left;
}


/*
  knoppen
*/
form fieldset.buttonBar{
  display:block;
  padding:4px 0px;
}

#content button,
form fieldset.buttonBar button{
  margin:0;
  padding:4px 6px;

  cursor:pointer;
  color:#44aadd;

  text-transform:uppercase;
  background-color:#fff;

  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  border-bottom:1px solid #999;
  border-right:1px solid #999; 
}

form button em {
 font-style: normal;
}


 form, input, select, textarea, button{
  font-family:Arial, Verdana;
  font-size:0.95em;
} /*
  opmaak kopteksten
*/


h1{
font-family: arial;
  color:#44aadd;
  font-size:1.2em;
line-height:1em;
}

h2{
font-family: arial;
 color:#777;
  font-size:1em;
line-height:1.2em;
  margin-bottom:0;
}


h3{
font-family:arial;
 color:#777;
  font-size:0.95em;
  margin-bottom:0;
line-height:1.2em;
}


p.paragraph{
font-family: arial;
  font-size: 0.97em;
  line-height:1.2em;
}
 /*
  opmaak kopteksten
*/

h1{
  font-family: arial;
  color:#44aadd;
  font-size:15px;
font-weight:bold;
line-height:12px;
  margin-bottom:5px;
}

h2{
  font-family: arial;
  color:#777;
  font-size:13px;
font-weight:bold;
line-height:12px;
  margin-bottom:0;
}


h3{
  font-family: arial;
  color:#777;
  font-size:12px;
font-weight:bold;
line-height:12px;
  margin-bottom:0;
}


p.paragraph{
  font-family: arial;
  font-size: 11px;
  line-height: 12px;
  margin-top:0;
}
 /*
  opmaak lijsten
*/

.content ul li{
  list-style-image:url('/img/list_arrow.png');
}

.content ul li ul li{
  list-style-image:url('/img/list_arrow.png');
}

body.d21 #adbar .content ul li{
  list-style-image:url('/img/list_arrow.png');
} /*
  opmaak links
*/

a{
  color:#336699;
}

a em{
  font-style:normal;
}

a img{
  border:0;
}

a.external img{
  margin:0px 2px;
}
 /*
opmaak tables
*/

#content table th{
  font-weight:normal;
  text-align:left;
}
 .paars {
color:#FF3BB1;
font-weight:bold;
} /*
  popupShadow
*/

#popupShadow{
  display:none;
  position:fixed;
  z-index:20;
  left:0;
  top:0;
  width:100%;
  height:100%;

  background-color: #000;
  back\ground-color: transparent;
  background-image:url('/img/template/whiteShadow.png');
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/template/whiteShadow.png', sizingMethod='scale');
}

#popupShadow.shadowOn{
  display:block;
  _display:none;
}

 /*
  print onscreen
*/

.print{ display:none; }
 /*
  registrationForm
*/

#registrationForm th {
  text-align: left;
  width: 200px;
  font-weight: normal;
}

#registrationForm td {
  text-align: left;
}

#registrationForm #emailaddress{ width:150px; }
#registrationForm #confirmEmailaddress{ width:150px; }

#registrationForm #password{ width:120px; }
#registrationForm #confirmPassword{ width:120px; }

#registrationForm #firstName{ width:135px; }
#registrationForm #lastName{ width:135px; }

#registrationForm #streetname{ width:190px; }
#registrationForm #houseNumber{ width:80px; }

#registrationForm #postalCode{ width:80px; }
#registrationForm #locality{ width:190px; }

#registrationForm #bankAccount{ width:120px; }
#registrationForm #dateOfBirthDay{ width:120px; }
#registrationForm #phoneNumber{ width:120px; }


 
 	#savedDesigns {
		display: block;
		width: 760px;		
	}
	
	#savedDesigns ul {
		list-style-type: none;
		display: block;
		margin: 0;
		padding: 0;
		width: 760px;
		border: 0;
	}

	#savedDesigns ul li {
		position:relative;
		float: left;
		padding: 2px;
		width: 100px;
		height: auto;
		list-style-image: none;
		
		float:left;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin-bottom:31px;
		margin-right:22px;
		width:160px;
	}
	
	#savedDesigns ul li a{	
		color:#ff38b6;
	}
	
	#savedDesigns ul li span.cards_image{
		
	    background: white url('/img/bg4.png') repeat-x bottom;
		display:block;
		height:180px;
		overflow:hidden;
  border:1px #ff38b6 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	}
		
	#savedDesigns img {
		border:0 none;
		display:block;		
	}

	#savedDesigns li.landscape img{
		height:101px;
		margin-left:10px;
		margin-top:40px;
		width:140px;
	}
	
	#savedDesigns li.landscape a:hover  img{
		border:1px solid #4C4C4C;
		display:block;
		height:144px;
		left:-31px;
		position:absolute;
		top:-20px;
		width:200px;
		z-index:13;
	}
	
	#savedDesigns img {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		color:inherit;
		vertical-align:top;
	}

	
	#savedDesigns li.portrait a:hover img {
		border:1px solid #4C4C4C;
		display:block;
		height:250px;
		left:-33px;
		position:absolute;
		top:-35px;
		width:180px;
		z-index:13;
	}

	#savedDesigns li.portrait img {
		height:160px;
		margin-left:22px;
		margin-top:10px;
		width:115px;
	}
	
	#savedDesigns li span.cards_title{

		
		display:block;
		font-weight:bold;
	
		padding-bottom:2px;
		padding-top:2px;
		text-align:center;
	} /*
  cards
*/


#cards p {
 font-size:11px;
}

#cards p .paars{
 font-size:11px;
font-weight:bold;
color:#ff38b6;
}

#cards ul {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  width: 760px;
  border: 0;

}

#cards ul li {
  position:relative;
  float: left;
  padding: 5px;
  width:160px;
  height:160px;
  list-style-image: none;
  margin
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
 margin:5px;
background:white;
border:1px solid #ff38b6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#cards ul li a{  
  padding-top:20px;
  color:#336699;
}

#cards ul li span.cards_image{

  display:block;
  height:180px;
  overflow:hidden;
}
  
#cards img {
  border:0 none;
  display:block;    
}

#cards li.landscape img{
  height:101px;
  margin-left:10px;
  margin-top:30px;
  width:140px;
border:2px solid #ffabfc;
}

#cards li.landscape a:hover  img{
  border:1px solid #ff38b6;
  display:block;
  height:144px;
  left:-31px;
  position:absolute;
  top:-20px;
  width:200px;
  z-index:13;
}

#cards img {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#FFFFFF none repeat scroll 0 0;
  color:inherit;
  vertical-align:top;
}


#cards li.portrait a:hover img {
  border:1px solid #ff38b6;
  display:block;
  height:200px;
  left:-15px;
  position:absolute;
  top:-9px;
  width:144px;
  z-index:13;
}

#cards li.portrait img {
  height:144px;
  margin-left:27px;
  margin-top:5px;
  width:101px;
border:2px solid #ffabfc;
}

#cards li span.cards_title{
  background-color:#feddfd;
  color:#FFFFFF;
  display:none;
  font-size:11px;
line-height:12px;
font-weight:bold;
  height:30px;
  margin-top:-15px;
padding-bottom:2px;
  padding-top:7px;
  text-align:center;
-webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 15px 0px 15px;
}

#childCategories ul {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  width: 760px;
  border: 0;
}

#childCategories ul li {
  float: left;
  padding: 2px;
  width: 175px;
  list-style-image: none;
}

#childCategories ul li a {
  display: block;
  width: 190px;
  height: 200px;
  text-decoration: none;
}

  .sidebar-teksten p {
font-size: 0.95em;
line-height: 1.2em;
} 

.sidebar-teksten p.vetgedrukt {
font-weight:bold;
} 

.sidebar-teksten ul {
padding-top: 10px;
padding-left: 0px;
padding-rigth: 0px;
padding-bottom: 0px;
line-height: 0em;
margin:0em;
list-style-type: none;
} 

.sidebar-teksten li {
list-style-type: none;
} 

.sidebar-teksten ul li {
list-style: none;
font-size:0.95em;
} 

} 
.sidebar-teksten h1 {
font-size: 1.2em;
line-height: 1.2em;
color:#44aadd;
} 

.sidebar-teksten h3 {
font-size: 1.1em;
line-height: 1.2em;
color:#EF5959;
}  /*
  sidenav
*/

#sidenav{
   font-size:11px;
line-height:1.2em;
 list-style-type:none;
  list-style-image:none;
  margin:0; padding:0;
  margin-bottom:20px;
  background-color:#d1ecf2;


}

#sidenav li{
       font-size:11px;
line-height:1.25em;
list-style-type:none;
  list-style-image:none;
  width:200px;
  margin:0; padding:0;
background-color:#d1ecf2;


}

#sidenav a{
      font-size:11px;
line-height:1.2em;
 display:block;
  padding:3px 20px 3px 20px;
  text-decoration:none;

  color:#000;
background-color:#d1ecf2;

}

#sidenav a:hover{
       font-size:11px;
line-height:1.2em;
text-decoration:underline;



}

#sidenav li.active a{
     font-size:11px;
line-height:1.2em;
background-color:#fff;
  background-image:url('/img/sidenav_arrow.png');
  background-repeat:no-repeat;
  background-position:180px 3px;



}


/*

*/

#sidenav li ul{
     font-size:11px;
line-height:1.2em;  
list-style-type:none;
  list-style-image:none;
  margin:0; padding:0;
  background-color:#d1ecf2;


}


#sidenav li ul a{
     font-size:11px;
line-height:1.2em;
display:block;
  padding:3px 20px 3px 28px;
  text-decoration:none;

  color:#000;
background-color:#d1ecf2;

}

#sidenav li.active ul li a{
     font-size:11px;
line-height:1.2em; 

background-color:white;
  background-image:none;
background-color:#b1e0f1;

}

/*
#sidenav li.active ul li.active a{
     font-size:11px;
line-height:1.2em;  
background-color:#fff;

  background-image:url('/img/sidenav_arrow.png');

}
*/
 /*
  sidenav
*/

#sidenav{
  font-size:11px;
line-height:12px;
list-style-type:none;
  list-style-image:none;
  margin:0; padding:0;
  margin-bottom:20px;
  background-color:#D1ECF2;
}

#sidenav li{
  list-style-type:none;
  list-style-image:none;
  width:200px;
  margin:0; padding:0;
}

#sidenav a{
  display:block;
  padding:3px 20px 3px 20px;
  text-decoration:none;
  border-bottom:1px solid #44aadd;
  color:#000;
}

#sidenav a:hover{
  text-decoration:underline;
}

#sidenav li.active a{
  background-color:#fff;
  background-image:url('/img/sidenav_arrow.png');
  background-repeat:no-repeat;
  background-position:180px 3px;
}


/*

*/

#sidenav li ul{
  list-style-type:none;
  list-style-image:none;
  margin:0; padding:0;
  background-color:#D1ECF2;
}


#sidenav li ul a{
  display:block;
  padding:3px 20px 3px 28px;
  text-decoration:none;
  border-bottom:1px solid #44aadd;
  color:#000;
}

#sidenav li.active ul li a{
  background-color:white;
  background-image:none;
}

/*
#sidenav li.active ul li.active a{
  background-color:#fff;
  background-image:url('/img/sidenav_arrow.png');
}
*/
 /*
slogan 
*/

#slogan {
  position:absolute;
  top:80px;
  left:18px;

  line-height:1.5em;
  font-size:1.5em;


  font-weight:normal;
  color:#cc5599;
}
 #Tabel_01 {
margin-top:-4px;
padding:0;
}

td.rechterkant-knop {
background: #fff url('http://fastfotoalbum.nl/fastfotoalbum/home_left_03.png') no-repeat;
}

td.rechterkant-knop h1 {
margin-left:39px;
}
 #di148 .teksten,
#di151 .teksten{
font-size:11px;
width:240px;
float:left;
padding: 5px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}

.teksten p.vetgedrukt {

font-weight:bold;
} 

.teksten p {

font-size: 11px;
line-height: 12px;
margin-top:0;
} 

.teksten p.tabelheader{
  font-size:13px;
line-height: 12px;
color:#ffffff;
clear:both;
  padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
 margin-left:-10px;
margin-bottom:2px;
  background-color:#66ccff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

.teksten p.numaken{
  font-size:13px;
line-height: 11px;
color:#ffffff;
clear:both;
  padding-top:3px;
padding-bottom:3px;
padding-left:10px;
padding-right:5px;
 margin-left:-20px;
margin-bottom:2px;
  background-color:#66ccff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
.teksten h1 {

font-size: 13px;
line-height: 12px;
color:#44aadd;
margin:0px 0px 5px 0px;
} 

.teksten h2 {

font-size: 12px;
line-height: 12px;
color:#777;
} 



.teksten h3 {

font-size: 11px;
line-height: 12px;
color:#777;
} 



.teksten p.rood {

color:#FF3A00;
font-weight:bold;
font-size:12px;
margin-top:10px;
}

.teksten ul li{

font-size: 11px;
line-height: 12px;
margin-top:0;
  list-style-image:url('/img/list_arrow.png');
}

.teksten ul li ul li{

font-size: 11px;
line-height: 12px;
margin-top:0;
  list-style-image:url('/img/list_arrow.png');

}

 /*
  voorpagina 2=fastfotoalbum, 17=repo
*/

.template-17 #site,
.template-2 #site{
    background-image:url('/img/template/home-bg.png');
  background-repeat:repeat-y;
  background-position:top left;

}

.template-17 #content,
.template-2 #content{
  float:left;
  width:580px;
  min-height:350px;
  _height:350px;
  margin:0; padding:0;
  background-image:url('/img/template/home-bg-left.png');
  background-repeat:no-repeat;
  background-position:top left;


}

.template-17 #adbar,
.template-2 #adbar{
  float:right;
  width:400px;
  min-height:350px;
  _height:350px;
  margin:0; padding:0;

  background-image:url('/img/template/home-bg-right.png');
  background-repeat:no-repeat;
  background-position:top left;

}
 /*
  voorpagina 2=fastcards, 8=repo
*/

.template-8 #site,
.template-2 #site{
  background-image:url('/img/template/home-bg.png');
  background-repeat:repeat-y;
  background-position:top left;
}

.template-8 #content,
.template-2 #content{
  float:left;
  width:580px;
  min-height:350px;
  _height:350px;
  margin:0; padding:0;

  background-image:url('/img/template/home-bg-left.png');
  background-repeat:no-repeat;
  background-position:top left;
}
.template-8 #adbar,
.template-2 #adbar{
  float:right;
  width:400px;
  min-height:350px;
  _height:350px;
  margin:0; padding:0;

  background-image:url('/img/template/home-bg-right.png');
  background-repeat:no-repeat;
  background-position:top left;
}
 /*
  webwinkel template
*/

.template-3 #content{
  float:left;
  width:750px;
  min-height:100px;
  _height:100px;
  margin:0; padding:0;
  margin-top:45px;

  _overflow-x:hidden;
}

/*
  editortemplate
*/

.template-4 #content,
#content.editorWrapper{
  float:none;
  width:980px;
  margin:0; padding:0;
  margin-top:45px;
  _overflow-x:auto;
}

#content.editorWrapper .errorMessage{
  padding:4px 10px;
  margin:12px 0px;
  background-color:#f6deeb;
}


#editor-flashWrapper{
  width:980px;
}

 /*
  win mac download
*/

#content #dlPopup{
  position:absolute;
  width:320px;
  height:110px;
  top:300px;
  left:50%;
  margin-left:-200px;
  padding:6px 20px;
  border:10px #ed1122 solid;
  background-color:white;
}

#content #dlPopup #dlPopupClose{
  float:right;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  color:#ed1122;
  margin-top:10px;
  font-family:Verdana, Arial;
}

#content #dlPopup #dlPopupClose em{
  font-style:normal;
}

