html
{
overflow-y: scroll;
}

body
{
scrollbar-3d-light-color:#DF474B;
scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:#DF474B;
scrollbar-dark-shadow-color:#DF474B;
scrollbar-face-color:#DF474B;
scrollbar-highlight-color:#DF474B;
scrollbar-shadow-color:#DF474B;
scrollbar-track-color: #DF474B;
font-family: Trebuchet ms, verdana, Arial, Tahoma;
font-color:#FFFFFF;
background-color:#C67604;
font-size: 12px;
}


a:link, a:visited
{
TEXT-DECORATION: none;
font-family: Trebuchet ms, verdana, Arial, Tahoma;
color:#FFFFFF;
font-size: 11px;
font-weight: bold;
}

font.spacers,
a:active, a:hover
{
FONT-STYLE: bold; TEXT-DECORATION: none;
font-family: Trebuchet ms, verdana, Arial, Tahoma;
color:#000000;
}



a:link.mainmenu, a:visited.mainmenu, a:active.mainmenu
{
font-size: 18px;
text-decoration: none;
color: #FFFFFF;
}

a:hover.mainmenu
{
font-size: 18px;
text-decoration: none;
color: #FFC629;
}

font.text
{
font-family: Trebuchet ms, verdana, Arial, Tahoma;
color:#000000;
font-size:12px;
font-weight:normal;
line-height: 15pt;
}

font.mini
{
font-family: Trebuchet ms, verdana, Arial, Tahoma;
color:#000000;
font-size:9px;
font-weight:normal;
line-height: 8pt;
}

font.menutxt
{
font-family: Trebuchet ms, verdana, Arial, Tahoma;
color:#FFFFFF;
font-size:10px;
}

font.datetime
{
font-family: Trebuchet ms, verdana, Arial, Tahoma;
color:#CCCCCC;
font-size:9px;
}


td
{
font-family: Trebuchet ms, verdana, Arial, Tahoma;
}

.td_menu_button
{
font-family: Trebuchet ms, verdana, Arial, Tahoma;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
}


td.tdheader
{
background-color:#6BB5FF;
}

td.text
{
font-family: Trebuchet ms, verdana, Arial, Tahoma;
color:#000000;
font-size:12px;
font-weight:normal;
line-height: 15pt;
}

HR
{
color:E20659;
}

select
{
background:#ffffff; 
height:23; 
border-width:1;
border-color:#000000;
font-family: Trebuchet ms, verdana, Arial, Tahoma;
font-size:9;
}

textarea
{
background:#FFFFFF;
border-width:1;
border-color:#000000;
font-family: Trebuchet ms, verdana, Arial, Tahoma;
font-size:9
scrollbar-face-color: #FFFFFF;
scrollbar-base-color: #FFFFFF;
}

input
{
background:#FFFFFF;
border-width:1;
border-color:#000000;
font-family: Trebuchet ms, verdana, Arial, Tahoma;
font-size:9;
height:18;
}

input.radio
{
background:none;
}

input.teller
{
background:#FFEDEB;
border-width:0;
border-color:none;
font-family: Trebuchet ms, verdana, Arial, Tahoma;
font-size:8;
font-color:#444444;
height:13;
}

img
{
border: 0px;
}

input.mini
{
background:#FFFFFF;
border-width:0;
border-color:none;
font-family: Trebuchet ms, verdana, Arial, Tahoma;
font-size:9;
font-color:#000000;
height:12;
}

button, submit, input.submit
{
background:#FFFFFF;
height:18;
border-width:1;
border-color:#000000;
font-family: Trebuchet ms, verdana, Arial, Tahoma;
font-size:9;
}




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

/* de header met de banner bovenaan de popup */
.cnd_header{
    height: 60px;
    background-color: #F8BF24;
    background-image: url('../images/kz_banner.gif');
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #000000;

}
/* het middelste gedeelte van de popup */
.cnd_main{
    background-image: url('../images/bg.png');
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
}
/* De titel voor een pagina gedeelte */
.cnd_txt_title{
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 16px;
    font-weight: bold;
    color: #DE4A4A;
}
.cnd_td_title{
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FA7B8E;
    padding-left: 3px;
    border: 1px #FFFFFF solid;
    background-color: #DE4A4A;
}
.cnd_td_total{
    border-top: 3px #000000 double;
    font-weight: bold;
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 12px;
    border: 1px #FFFFFF solid;
    background-color: #DE4A4A;
}

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



/*************** Uiterlijk voor de condoom-shop ******************/
.cnd_tbl{
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 12px;
    border: 1px #FFFFFF solid;
    background-color: #FF6363;
    width: 470px;
}
.cnd_tbl_title{
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #DE4A4A;
    text-align: left;
    padding-left: 3px;
}
.cnd_td_image{
    text-align: center;
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 11px;
    color: #DE4A4A;
    font-weight: bold;
    background-color: #FFFFFF;
    width: 110px;
}
.cnd_td_info{
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 12px;
    color: #FFFFFF;
    width: 250px;
}
.cnd_td_price{
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 12px;
    color: #FFFFFF;
    width: 60px;
    background-color: #DE4A4A;
}
.cnd_td_aantal{
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 12px;
    color: #FFFFFF;
    width: 50px;
    background-color: #DE4A4A;
}

/**
* -Uiterlijk voor het menu van de condoomshop
*/
/* Dit is het omhulsel waar het menu inzit. Hierin wordt de breedte bepaald */
.cnd_shop_menu{
	width: 100%;
	height: 28px;
	text-align: center;
	background-color: #DE4A4A;
	border: 1px #FFFFFF solid;
	}
/* Een link van het menu */
.cnd_shop_menu a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
/*Het uiterlijk hoe een link eruit ziet wanneer iemand met zijn muis eroverheen gaat */
.cnd_shop_menu a:hover{
	color: #FFC629;
	}

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



/******* Uiterlijk voor de formulier elementen van zowel de shop als de bestelpopup ********/

.cnd_form_small{
    width: 30px;
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 12px;
    color: #000000;
    border: 1px #FA7B8E solid;
}
.cnd_form_text{
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 12px;
    border: 1px #FA7B8E solid;
}
.cnd_form_button{
    background-color: #FFC629;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    border: 1px #FFFFFF solid;
    padding: 0px;
    cursor: pointer;
}

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



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

.cnd_bold{
    font-weight: bold;
}
.cnd_hr{
    width: 100%;
    color: #FFFFFF;
}
.cnd_errMsg{
    border: 1px #FA7B8E solid;
    padding: 3px;
    background-color: #FF0000;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
a.cnd_link {
    text-transform:none;
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 12px;
    color:#FFFFFF;
}
a.cnd_link:visited {
    text-transform:none;
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    font-size: 12px;
    color:#FFFFFF;
}
a.cnd_link:hover {
    text-decoration:underline;
    font-family: Trebuchet ms, verdana, Arial, Tahoma;
    text-decoration: none;
    font-size: 12px;
    color:#FFC629;
}

div.cnd_td_price
{
width: 100%;
}
/****************************************************************************/
/****************************************************************************/