/* [Roter][Vincent 7-8-2008] */

body { font-size: 62.5%; margin: 0; padding: 5px 0 0 0; text-align: center; }

* { font-family: Verdana, Serif; font-size: 1em; margin: 0; padding: 0; }
a img { border: 0; }
h1 { font-size: 2.4em; margin-bottom: 20px; color: #d10019; font-weight: normal; }
h2 { font-size: 1.4em; color: #d10019; font-weight: bold; }
h3 { color: #d10019; font-size: 1.5em; font-weight: normal; }
:focus {-moz-outline: none }

#container { width: 876px; margin: 0 auto; text-align: left; }

#header { position: relative; height: 170px; margin-bottom: 5px; background: url(/lib/images/header_bg.jpg) 0 0 no-repeat; }
#header a.logo { position: absolute; top: 10px; left: 10px; }
#header a.logo img { visibility: hidden; }
#header ul { position: absolute; top: 127px; right: 0; height: 26px; padding: 3px 5px 0 5px; list-style: none; background: url(/lib/images/header_menu.png) 0 0 no-repeat; }
#header li { float: left; padding: 1px 5px; border-right: 1px solid #979696; }
#header li * { font-family: Trebuchet MS, Verdana, Serif; color: #979696; font-size: 1.4em; }
#header a { text-decoration: none; }
#header a:hover { text-decoration: underline; }
#header-flash { margin-bottom: 5px; }
body.homepage #categories { position: relative; width: 876px; margin-bottom: 5px; height: 89px; background: none; }
body.homepage #categories ul { padding: 0; position: absolute; top: 0; left: 0; }
body.homepage #categories li { float: left; margin: 0 6px 0 0; }
body.homepage #categories li.last { margin-right: 0; } 
#categories-flash { margin-bottom: 5px; }



#contentcontainer { position: relative; overflow: hidden; background: url(/lib/images/content_bg.png) left bottom no-repeat; }
.corner_top { position: absolute; top: 0; left: 0; width: 876px; height: 3px; background: url(/lib/images/corners_contentcontainer.png) left top no-repeat; }
.corner_top_homepage { position: absolute; top: 0; right: 0; width: 582px; height: 3px; background: url(/lib/images/corners_contentcontainer_homepage.png) right top no-repeat; }
.corner_bottom { position: absolute; bottom: 0; left: 0; width: 876px; height: 3px; background: url(/lib/images/corners_contentcontainer.png) left bottom no-repeat; }

/* layout without sidepanel background */
body.news #contentcontainer { background-image: url(/lib/images/content_without_sidepanel_bg.png); }
body.news .corner_bottom { background-image: url(/lib/images/corners_contentcontainer_without.png); }
body.products #contentcontainer { background-image: url(/lib/images/content_without_sidepanel_bg.png); }
body.products .corner_bottom { background-image: url(/lib/images/corners_contentcontainer_without.png); }
body.productdetail #contentcontainer { background-image: url(/lib/images/content_without_sidepanel_bg.png); }
body.productdetail .corner_bottom { background-image: url(/lib/images/corners_contentcontainer_without.png); }


#sidepanel { float: left; width: 288px; }
/*#sidepanel_carrousel { padding-top: 50px; background: url(/lib/images/carrousel_title.png) 0 0 no-repeat; }*/
#sidepanel-flash { margin-left: 1px; height:200px;}
#video-in-sidepanel {padding: 15px}
.banner_vitaminentest { display: block; }
.banner_vitagumsaanvraag { display: block; }
#categories { width: 288px; background: url(/lib/images/categories_bg.png) left bottom no-repeat; }
#categories ul { list-style: none; padding: 21px 24px 10px 24px; }
#categories li { margin-bottom: 13px; }
#categories a { font-weight: bold; font-size: 1.2em; text-decoration: none; }
#categories a:hover { text-decoration: underline; }
#categories li.vitaminen a { color: #ef8e11; }
#categories li.overige a { color: #83d50f; }
#categories li.zelfzorg a { color: #00a5d5; }

#search { position: relative; width: 288px; height: 126px; background: url(/lib/images/search_bg.png) 0 0 no-repeat; }
#search form { padding: 53px 0 0 15px; }
#search fieldset { border: 0; }
#search legend { display: none; }
#search select { width: 212px; margin-top: 8px; border: 1px solid #b7b7b7; font-size: 12px; color: #767676; }
#search .submit { position: absolute; bottom: 18px; right: 12px; width: 26px; height: 26px; border: 0; font-size: 0; line-height: 0; text-indent: -9999px; background: url(/lib/images/search_submit.png) 0 0 no-repeat; cursor: pointer; }

#content { margin-left: 292px; }
#content .wrapper { padding: 10px 16px; }
body.homepage #content { padding: 3px 1px 2px 1px;  }
.paragraph { overflow: hidden; margin-bottom: 20px; }
.paragraph img { float: left; margin: 0 10px 5px 0; }
.paragraph .text { font-size: 1.2em; letter-spacing: 0.05em; line-height: 1.6em; }
.paragraph p { margin-bottom: 20px; }
.paragraph ol { margin: 10px 0; padding-left: 35px; }
.paragraph ul { margin: 10px 0; padding-left: 30px; list-style: square; }
.paragraph li { list-style-position: outside; }
.paragraph a { color: #d10019; }

#footer { clear: both; margin-top: 5px; }
#footer ul { float: right; list-style: none; margin-bottom: 8px; }
#footer li { float: left; color: #979696; border-right: 1px solid #979696; padding: 0 5px; }
#footer li.last { border: 0; }
#footer a { color: #979696; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* Productoverzicht */
body.products h1 { display: none; }
.overzicht { margin-top: 10px; }
.overzicht * { list-style: none; }
.overzicht h2 { margin-top: -2px; width: 552px; height: 31px; text-indent: -9999px; background: url() 0 0 no-repeat; }
h2.categorie_1 { background-image: url(/lib/images/categorie_1.png); }
h2.categorie_2 { background-image: url(/lib/images/categorie_2.png); }
h2.categorie_3 { background-image: url(/lib/images/categorie_3.png); }
.overzicht ul li { overflow: hidden; padding: 17px 11px; background: url(/lib/images/productoverzicht_item_bg.png) left bottom no-repeat; }
.overzicht .paragraph p { margin-bottom: 0; }
.overzicht .paragraph { margin-bottom: 0; }
.overzicht .paragraph .text { margin-left: 85px; }
.overzicht .paragraph a { color: #a1a0a0; }

/* Productdetail */
.productdetail * { letter-spacing: 0; }
table.product { width: 100%; border-collapse: collapse; }
table.product th { padding: 1px 3px; font-weight: bold; color: #000; text-align: left; border-top: 1px dashed #b6b5b5; border-bottom: 1px dashed #b6b5b5; background: #f4f3f3; }
table.product tr.foot td { border-top: 1px dashed #b6b5b5; text-align: right; font-size: 0.75em; color: #b1b1b1; letter-spacing: 0; }
table.product td { color: #676767; padding: 1px 3px; }
table.product tr.odd td { background: #f4f3f3; }
table.product tr.even td { background: #fff; }
table.product th.hoeveelheid { text-align: right !important; }
table.product th.adh { text-align: right !important; }
table.product td.hoeveelheid { text-align: right; color: #000; }
table.product td.adh { text-align: right; color: #000; }
#productverwanten { padding-bottom: 20px; min-height: 120px; background: url(/lib/images/categories_bg.png) left bottom no-repeat; }
#productverwanten h2 { height: 55px; text-indent: -9999px; background: url(/lib/images/productverwanten_h2.png) 0 0 no-repeat; }
#productverwanten ul { list-style: none; padding: 0 15px; }
#productverwanten li { margin-bottom: 10px; }
#productverwanten a { color: #767676; font-size: 1.2em; text-decoration: none; }
#productverwanten a:hover { text-decoration: underline; }

/* Nieuwsoverzicht */
body.news .overzicht .paragraph .text { margin-left: 0; }
body.news .overzicht .paragraph { margin-bottom: 20px; }

/* Nieuwsdetail */
.newsdetail * { letter-spacing: 0; }
.newsdetail span.date { display: block; font-weight: bold; }

/* Contact formulier */
form.contact fieldset { border: 0; width: 510px; }
form.contact legend { display: none; }
form.contact label { display: block; margin-bottom: 3px; font-size: 1.2em; }
form.contact label.radiocheck { display: inline; margin-bottom: 3px; font-size: 1.2em; }
form.contact input { width: 429px; font-size: 1.2em; border: 1px solid #b7b7b7; background: #fff; }
form.contact input.radiocheck { float: left; width: auto; font-size: 1.2em; border: 0; background: #fff; }
form.contact .hoogtehouden { margin-left: 20px; width: 450px }
form.contact textarea { height: 100px; width: 429px; font-size: 1.2em; border: 1px solid #b7b7b7; }
form.contact .straatnaam { float: left; }
form.contact .straatnaam input { width: 340px; }
form.aanvraagform .straatnaam input { width: 248px; }
form.contact .huisnummer { float: left; margin-left: 10px; }
form.contact .huisnummer input { width: 77px; } 
form.contact .field { position: relative; clear: left; margin-bottom: 8px; }
form.contact .verplicht { position: absolute; top: 17px; right: 0; padding-left: 11px; color: #d10019; background: url(/lib/images/verplicht.png) 0 0 no-repeat; }
form.contact .submit { text-align: right; width: 429px; }
form.contact .submit input { text-transform: uppercase; font-size: 1em; color: #fff; width: 94px; height: 26px; border: 0; background: url(/lib/images/submit.png) 0 0 no-repeat; }


.vitaminentest { position: relative; width: 550px; }
.vitaminentest fieldset.questions { margin-bottom: 10px; }
.vitaminentest .corner_top { position: absolute; top: 0; left: 0; height: 3px; background: url(/lib/images/vitaminentest_top.png) 0 0 no-repeat; }
.vitaminentest .corner_fruit { position: absolute; top: 1px; left: 356px; width: 193px; height: 135px; background: url(/lib/images/vitaminentest_fruit.png) 0 0 no-repeat; }
.vitaminentest .wrapper { background: url(/lib/images/vitaminentest_bg.png) left bottom no-repeat; }
.vitaminentest fieldset { border: 0; }
.vitaminentest legend { display: none; }
.vitaminentest .wrapper div { margin: 20px 0; }
.vitaminentest h3 { font-size: 1.8em; margin-bottom: 10px; }
.vitaminentest label { font-size: 1.2em; color: #6e6e6e; margin-right: 20px; }
.vitaminentest input { margin-right: 5px; }
.vitaminentest .submit { text-align: right;  }
.vitaminentest .submit input { width: 429px; cursor: pointer; padding: 2px 30px 2px 0; font-size: 1.8em; color: #d10019; border: 0; background: url(/lib/images/search_submit.png) right top no-repeat; }

/*
body.video #contentcontainer { height: 358px; }
#homepage-video { margin: 90px 0 0 106px; }
*/
#homepage-video { margin: 30px 0 0 106px; }

.vitagums #content .wrapper { background: url(../images/vitagums.png) no-repeat 433px 0; min-height: 185px;}