/* CSS Document */

body {margin:0px; padding:0px;}
*{font-family:verdana; font-size:10px; font-color:#000000;}
a {color:#000000; text-decoration:underline;}
a:hover {color:#9F2426;}

img {border:0px;}

#container {margin-left:auto; margin-right:auto; width:745px;}

#title {width:745px; height:30px; background-image:url(img/bg_title.gif); background-position:center; text-align:center;}

#menuboven {width:745px; text-align:center;}
/* kijk ff of je wat anders kan vinden voor die line height (het werkt niet helemaal hetzelfde in explorer en firefox) */
#menuboven a {font-size:11px; color:#000000; text-decoration:none; padding:10px; line-height:40px;}
#menuboven a:hover {color:#9F2426;}
#menuboven a.selected {color:#9F2426;}

#menulinks {width:199px; display:inline; float:left;}
#menulinks a {padding-left:10px; margin-bottom:2px; line-height:20px; display:block; height:22px; font-weight:bold; color:#ffffff; text-decoration:none; background-image:url(img/bg_button_links.gif); background-repeat:no-repeat;}
#menulinks a:hover {background-image:url(img/bg_button_links_selected.gif);}
#menulinks a.selected {background-image:url(img/bg_button_links_selected.gif);}

#midden {width:264px; margin-left:9px; float:left; text-align:left; display:block;}
#plaatjegroot {}
#chapterbalk, #chapterbalkhome {background-image:url(img/bg_chapter.gif); height:20px; width:532px; display:block; padding-left:4px; margin-left:10px; text-align:left; line-height:18px; color:#FFFFFF; font-weight:bold;}
#chapterbalkhome {width:255px; margin-left:0px; text-align:center; padding-left:0px;}
#content {width:250px; padding-top:10px; padding-left:5px;}

#rechts {width:268px; height:auto; float:right;}
#plaatjeklein {padding-left:14px; margin-bottom:10px; width:120px; float:left; display:inline;}

#middenenrechts {width:546px; height:auto; float:left;}
#plaatjemiddel {padding-left:10px; margin-top:16px; width:172px; float:left;}

#knopplaatjes, #knopplaatjes a, #knopplaatjes a:hover{color:#ffffff;}
#knopplaatjes {width:auto; height:18px; text-align:center; line-height:18px;}
#knopplaatjes a {text-decoration:none; background-image:url(img/bg_product.gif); display:block; width:100%;}
#knopplaatjes a:hover {background-image:url(img/bg_product_selected.gif);}

#knopklein, #knopklein a, #knopklein a:hover{color:#ffffff;}
#knopklein {width:60px; height:18px; text-align:center; line-height:18px;}
#knopklein a {text-decoration:none; background-image:url(img/bg_product.gif); display:block; width:100%;}
#knopklein a:hover {background-image:url(img/bg_product_selected.gif);}

/* kijk ff of je kieskleur in de style van knopplaatjes mee kan nemen) */
#kieskleur {width:100%; float:left; text-align:center; margin-top:4px;}
#inwagen {width:100%; float:left; text-align:center; line-height:24px; margin-top:0px; background-image:url(img/winkelwagen.gif); height:19px;}

#form {padding-left:10px; margin-top:16px; width:532px; float:left;}
.rij {display:block; clear:both; padding-top:1em;}
label {width:14em; float:left; text-align:right; margin-right:0.2em;}
input {width:15em;}
.radio, .checkbox {width:3em;}

.gegevenssoort {margin-top:20px; font-weight:bold;}

#winkelwagenbalk {background-image:url(img/bg_product.gif); vertical-align:top; background-repeat:repeat-x; float:left; margin-top:2px; height:18px; width:532px; display:inline; padding-left:4px; margin-left:10px; text-align:left; line-height:18px; color:#FFFFFF; font-weight:normal;}
#winkelwagenstreep {float:left; background-image:url(img/streep.gif); vertical-align:top; background-repeat:repeat-x; height:100%; margin-top:0px; width:532px; display:inline; padding-left:4px; margin-left:10px; text-align:left; line-height:18px; color:#000000; font-weight:normal;}
#winkelwagenstreepoud {background-image:url(img/streep.gif); background-repeat:repeat-x; vertical-align:top; margin-top:0px; margin-bottom:10px; height:1px; width:532px; display:block; padding-left:4px; margin-left:10px; text-align:left; color:#000000; font-weight:normal;}
#winkelwageninbalk {width:88px; text-align:right; font-weight:bold; display:inline; float:left;}
#winkelwageninbalkverwerk {display:inline; width:88px; text-align:left; font-weight:bold; float:left;}

#winkelwageninwit {color:#000000; display:inline; float:left; font-weight:normal; width:86px; margin-left:2px; margin-top:10px; text-align:right;}
#winkelwageninwitoud {color:#000000; display:block; width:532px; font-weight:normal; float:left; width:86px; margin-left:2px; margin-top:10px; text-align:right;}

#winkelwagenverwijder {color:#000000; font-weight:normal; text-align:left; float:left; margin-top:0px;}
.bold {display:block; font-weight:bold;}
#winkelwageninbalk a, #winkelwageninbalkverwerk a {color:#ffffff; text-decoration:underline;}
#winkelwagenverwijder a {color:#000000; text-decoration:underline;}
#winkelwageninwit input {width:3em;}
#winkelwagensubtotaal {width:88px; margin-right:4px; text-align:right; font-weight:bold; display:inline; float:right;}

#dynamisch {padding-left:10px; margin-top:10px; width:536px; float:left;}
#dynamischetekst {padding-left:0px; margin-top:10px; width:268px; float:left; display:inline;}
#dynamischplaatje {padding-left:10px; margin-top:10px; width:265px; display:inline;}

#onderkant {float:left; width:744px; display:block; height:18px; background-image:url(img/bg_product.gif); text-align:center; color:#ffffff; margin-top:10px; line-height:16px;}
#onderkant a {color:#ffffff;}
#onderkant a:hover {color:#ffffff;}