/************ Main uiterlijk voor de bestelpopup ************/

/* Body voor de bestelpopup */
.body_popup{
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0px;
    padding: 0px;
    scrollbar-3d-light-color: #FA7B8E;
    scrollbar-arrow-color: #FF0000;
    scrollbar-base-color: #FA7B8E;
    scrollbar-dark-shadow-color: #FA7B8E;
    scrollbar-face-color: #F5F5F5;
    scrollbar-highlight-color: #FA7B8E;
    scrollbar-shadow-color: #FA7B8E;
}

/* De header, waaronder ook de banner bovenaan de bestelpopup */
.cnd_header { color: #ffffff; font-weight: bold; font-size: 16px; font-family: Arial, Tahoma, Helvetica, sans-serif; background: #ff0000 url(http://www.condoompjes.nl/scr/condoompjes-popup_ani.gif); height: 60px }
/* Het middelste gedeelte van de bestelpopup */
.cnd_main{
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding: 5px;
}
/* Kopjes in de bestelpopup (zoals: "Persoonlijke gegevens") */
.cnd_txt_title { color: red; font-weight: bold; font-size: 16px; font-family: Arial, Tahoma, Helvetica, sans-serif }

/* Benamingen van velden in formulieren (zoals "Naam:" en "Adres + huisnr:") */
.cnd_td_title { color: #ffffff; font-weight: bold; font-size: 12px; font-family: Arial, Tahoma, Helvetica, sans-serif; background-color: red; padding-left: 3px }
/* Veld waarin het totaalbedrag staat wat de klant dient te betalen */
.cnd_td_total{
    border-top: 3px #000000 double;
    font-size: 13px;
    font-weight: bold;
}

/****************************************************************************/
/****************************************************************************/



/*************** Uiterlijk voor de condoom-shop ******************/

/* Tabel waarin zich de complete shop bevindt. U kunt hierin bijvoorbeeld een rand meegeven */
.cnd_tbl  { font-size: 12px; font-family: Arial, Tahoma, Helvetica, sans-serif; border: solid 0px #fa7b8e }
/*Kopjes, welke bovenaan de shop staan (zoals "Soort" en "Omschrijving") */
.cnd_tbl_title{
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
}
/*In dit veld bevindt zich een plaatje van de condoom */
.cnd_td_image{
    text-align: center;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}
/*In dit veld bevindt zich de omschrijving van de condoom */
.cnd_td_info { color: #000000; font-size: 11px; font-family: Arial, Tahoma, Helvetica, sans-serif }
/*In dit veld bevindt zich de prijs van de condoom*/
.cnd_td_price{
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
/*In dit veld kan de klant aangeven hoeveel hij/zij van het betreffende product wil bestellen */
.cnd_td_aantal{
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

/****************************************************************************/
/****************************************************************************/



/******* Uiterlijk voor de formulier elementen van zowel de shop als de bestelpopup ********/
/*input veld om in te vullen hoeveel condooms klant wilt*/
.cnd_form_small { color: #000000; font-size: 12px; font-family: Arial, Tahoma, Helvetica, sans-serif; border: solid 1px #f00; width: 30px }
/*input veld om textvalues in te vullen.. (naam, adres etc.)
.cnd_form_text{
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px #FA7B8E solid;
}
/*button van de formulieren*/
.cnd_form_button { color: white; font-weight: bold; font-size: 9pt; background-color: #f00; padding: 1px; border: solid 1px #f00 }

/****************************************************************************/
/****************************************************************************/



/********** Overige CSS elementen voor de shop en popup *************/

/*dikgedrukte teksten*/
.cnd_bold{
    font-weight: bold;
}
/* de horizontale lijnen die voorkomen in de shop en in de popup*/
.cnd_hr { color: #f00; width: 100% }
/* de foutmelding als er iets verkeerds is ingevuld*/
.cnd_errMsg { color: #ffffff; font-weight: bold; font-size: 12px; font-family: Arial; background-color: #ff0000; text-align: center; padding: 3px; border: solid 1px #f00 }
/* de links in de popup */
a.cnd_link {
    text-transform:none;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color:#000000;
}
/* de eigenschappen van een link, nadat hier op geklikt is */
a.cnd_link:visited {
    text-transform:none;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color:#000000;
}
/* de eigenschappen van een link, wanneer de klant hier met de muisaanwijzer op staat */
a.cnd_link:hover {
    text-decoration:underline;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 12px;
    color:#ff0000;
}

/****************************************************************************/
/****************************************************************************/
.content  { margin-top: 5px; padding-top: 5px }
A { color: black; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
A:hover { color: red; font-size: 8pt }
A:active { color: blue; font-size: 8pt; text-decoration: none }
A.cel:link { color: red; font-size: 8pt }
A.cel:hover { color: blue; text-decoration: none }
A.cel:active { color: red; text-decoration: none }
i { color: red; font-style: italic; font-weight: normal; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
UL { color: #000; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; cursor: default  }
P { color: black; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; cursor: default  }
TD { color: black; font-size: 8pt;font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
TR { color: #000; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
SELECT { color: #000; font-size: 7pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #ffffff }
INPUT { color: #000; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
TEXTAREA { color: #000; font-size: 8pt;font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #ffffff }
OPTION { color: #000; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #ffffff }
hr { color: #1fdad9; }
FORM { color: #000; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
BUTTON { color: #000; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
A.cel { color: red; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
BODY  { color: black; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-repeat: repeat-x; scrollbar-3dlight-color: #FF0000; scrollbar-arrow-color: #FF0000; scrollbar-darkshadow-color: #FF0000; scrollbar-face-color: #40E0D0; scrollbar-highlight-color: #40E0D0; scrollbar-shadow-color: #40E0D0; scrollbar-track-color: #FFFFFF  }
.txtvak { padding: 5px 18px 0px }
.links   { padding-right: 15px; padding-bottom: 4px; padding-left: 64px }