/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { font: 12px/16px Arial, Verdana, sans-serif; /*background: #fff url(../images/bg_body.gif) repeat-x;*/ color: #58595b; }
h1 { margin: 0 0 14px 0; font-size: 24px; line-height: 28px; }
h2 { height: 21px; margin: 0 0 10px 0; padding: 5px 0 0 22px; background: url(../images/h2.gif) no-repeat; font-size: 14px; }
h3 { font-size: 12px; font-weight: bold; }
h3 a { text-decoration: underline; cursor: pointer; }
h4 {}
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #58595b; }
a:hover { color: #ed1c24; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }

.img_left { float: left; margin: 0 10px 10px 0; }
.img_right { float: right; margin: 0 0 10px 10px; }

sup,
sub { vertical-align: 0; position: relative; }
sup { bottom: 4px; font-size: 9px; }
sub { top: 4px; font-size: 9px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* colors
--------------------
#58595b d.gray (body text)
#8c8e91 l.gray (footer text)
#dadbdc l.gray { list borders }
#ed1c24 red (link)
*/

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 961px; margin: 0 auto; }

#WrapTopBottom { float:left; width: 718px; margin: 0; }
.contentWrapper { /*border: green 1px solid;*/ position: relative; /*float:left;*/ width: 702px; height: auto; margin: 0; padding: 8px 8px 0 8px; background: #dadbdc url(../images/bg_contentWrapper.gif) no-repeat; }

#sidebar { /*border: green 1px solid;*/ position: relative; display: inline; float: right; margin: 0; padding: 0; width: 234px; }

/* sidebar
------------------------------------------------------------------*/
a#herladen { display: block; width: 220px; height: 22px; margin: 0 0 8px 0; padding: 4px 0 0 14px; background: url(../images/bg_sidebar_a_fullwidth.gif) no-repeat; font-size: 14px; color: #fff; text-decoration: none; }

#hotitem { width: 234px; height: 177px; margin: 8px 0 8px 0; background: url(../images/bg_hotitem.gif) no-repeat; }

#sidebar h2 { height: 22px; margin: 0; padding: 4px 0 0 14px; background: url(../images/sidebar_h2.gif) no-repeat; font-size: 14px; color: #fff; }

#meerOver ul { width: 234px; margin: 18px 0 8px 0; }
#meerOver ul li { width: 234px; border-bottom: #dadbdc 1px solid; }
#meerOver ul li a { width: 194px; display: block; padding: 4px 0 4px 40px; background: url(../images/ul_arrow.gif) 15px 4px no-repeat; text-decoration: none; }

/* contentWrapper
------------------------------------------------------------------*/
ul#navigation { width: 702px; margin: 0; list-style-type: none; }
ul#navigation li { float: left; height: 26px; margin-right: 4px; padding: 0 0 0 10px; background: url(../images/bg_navigation_li.gif) top left no-repeat; }
ul#navigation li.active { background: url(../images/bg_navigation_li_act.gif) top left no-repeat; }
ul#navigation li a { display: block; padding: 4px 10px 6px 0; background: url(../images/bg_navigation_a.gif) top right no-repeat; color: #8c8e91; text-align: center; text-decoration: none; }
ul#navigation li.active a { background: url(../images/bg_navigation_li_act_a.gif) top right no-repeat; color: #ed1c24; }
ul#navigation li a:hover { color: #ed1c24; }

.contentWrapperBottom { /*position: absolute; bottom: 0; left: 0; clear: both;*/ width: 718px; height: 16px; background: url(../images/bg_contentWrapper_bottom.gif) bottom left no-repeat; }

/* content
------------------------------------------------------------------*/
#content { /*border: blue 1px solid;*/ position: relative; margin: 0; padding: 20px 14px 34px 14px; background: #fff; }

a#bestellen { display: block; width: 220px; height: 22px; margin: 10px 0 0 0; padding: 4px 0 0 14px; background: url(../images/bg_sidebar_a_fullwidth.gif) no-repeat; font-size: 14px; color: #fff; text-decoration: none; }

#content ul { margin: 0 0 10px 0; }
#content ul li { padding: 0 0 0 8px; background: url(../images/ul_stroke.gif) 0 8px no-repeat; }
#content ol { padding: 0 0 0 30px; margin: 0 0 10px 0;  }
#content ol li { list-style: decimal; display: list-item; vertical-align: top; }

#content ul.square,
#content .squae ul { margin: 0 0 10px 0; }
#content ul.square li,
#content .square ul li { padding: 4px 0 4px 24px; background: url(../images/ul_square.gif) 3px 8px no-repeat; }

#content ul.arrow li { padding: 0; background: none; border-bottom: #dadbdc 1px solid; }
#content ul.arrow li a { display: block; padding: 4px 0 4px 38px; background: url(../images/ul_arrow.gif) 8px 4px no-repeat; text-decoration: none; }
#content ul.arrow li a.down { display: block; padding: 4px 0 4px 38px; background: url(../images/ul_arrow_down.gif) 8px 4px no-repeat; text-decoration: none; }
#content ul.arrow li.active a { background: url(../images/ul_arrow.gif) 8px 4px no-repeat; }

.titleRates { margin-top: 34px; }

ul#rates li { padding: 4px 0 4px 24px; background: url(../images/ul_square.gif) 3px 8px no-repeat; border-bottom: #dadbdc 1px solid; }
ul#rates li span.description { float: left; width: 470px; }
ul#rates li span.rate { float: right; width: 170px; }

form#zoek_faq { margin-bottom: 34px; }
form#zoek_faq .submit_btn { width: 100px; height: 17px; background: url(../images/submit_btn.gif) no-repeat; border: none; color: #fff; text-align: center; text-decoration: none; }

form#contactform { padding: 22px; }
form#contactform div { margin: 0 0 5px 0; }
form#contactform label { float: left; width: 150px; }
form#contactform input,
form#contactform textarea { width: 250px; }
form#contactform .button { padding-left: 150px; }
form#contactform .button input.btn_submit { float: left; width: auto; height: 17px; margin: 0; padding: 0 0 0 10px; background: url(../images/btn.gif) no-repeat; border: none; color: #fff; cursor: pointer; overflow: visible; }
form#contactform .button .btnEnd { display: block; float: left; width: 10px; height: 17px; margin: 0; padding: 0; background: url(../images/btnEnd.gif) no-repeat; }

ul#helpdesk { width: 674px; }
ul#helpdesk li { width: 650px; }
ul#helpdesk li ul { width: 650px; }
ul#helpdesk li ul li { width: 626px; }
ul#helpdesk li ul li ul { width: 626px; }
ul#helpdesk li ul li ul li { width: 602px; }

ul#helpdesk li ul li ol { width: 596px; }
ul#helpdesk li ul li ol li { width: 596px; }
ul#helpdesk li ul li ol li ul { width: 572px; }
ul#helpdesk li ul li ol li ul li { width: 572px; }

ul#helpdesk li ol { width: 620px; }
ul#helpdesk li ol li { width: 620px; }
ul#helpdesk li ol li ol { width: 590px; }
ul#helpdesk li ol li ol li { width: 590px; }
ul#helpdesk li ol li ul { width: 596px; }
ul#helpdesk li ol li ul li { width: 596px; }

#content .question { margin: 5px 0 5px 8px; }
#content .question ul li,
#content .question ul li ul li,
#content .question ol li ul li { background: url(../images/ul_stroke.gif) 0 8px no-repeat; }
#content .question ul li ol,
#content .question ol { margin: 5px 0; }
#content .question ol li,
#content .question ul li ol li,
#content .question ol li ol li { padding: 0 0 4px 0; background: none; }

#laatsteNieuws { clear: both; float: left; width: 204px; }
#laatsteNieuws h2 { height: 22px; margin: 0; padding: 4px 0 0 14px; background: url(../images/laatstNieuws_h2.gif) no-repeat; font-size: 14px; color: #fff; }
#content #laatsteNieuws ul { width: 204px; margin: 18px 0 8px 0; }
#content #laatsteNieuws ul li { padding: 0; background: none; border-bottom: #dadbdc 1px solid; }
#content #laatsteNieuws ul li a { display: block; padding: 4px 0 4px 48px; background: url(../images/ul_arrow.gif) 18px 4px no-repeat; text-decoration: none; }

#nieuws { float: right; width: 450px; }
#nieuws h2 { height: 22px; margin: 0 0 18px 0; padding: 4px 0 0 14px; background: url(../images/nieuws_h2.gif) no-repeat; font-size: 14px; color: #fff; }

/*a#btn_terug { display: block; width: 83px; height: 29px; margin: 10px 0 0 0; padding: 8px 0 0 40px; background: url(/images/btn_terug.gif) no-repeat; font-size: 16px; line-height: 20px; color: #fff; text-decoration: none; }
a#btn_terug:hover { background: url(/images/btn_terug_ho.gif) no-repeat; }*/
a#btn_terug { display: block; width: 67px; height: 19px; margin: 10px 0 0 0; padding: 0; background: url(/images/btn_terug.gif) no-repeat; font-size: 12px; color: #58595b; text-align: center; text-decoration: none; }
a#btn_terug:hover { color: #58595b; }

#btn_nieuwsArchief,
#btn_laatsteNieuws { position: absolute; top: 24px; right: 14px; width: 150px; text-align: right; }
#btn_nieuwsArchief a,
#btn_laatsteNieuws a { float: right; width: auto; padding: 0 0 2px 10px; background: url(../images/btn.gif) no-repeat; color: #fff; text-align: center; text-decoration: none; }
#btn_nieuwsArchief .btnEnd,
#btn_laatsteNieuws .btnEnd { /*border: red 1px solid;*/ display: block; float: right; width: 10px; height: 17px; background: url(../images/btnEnd.gif) no-repeat; }

h2#t_nieuwsArchief { height: 22px; margin: 0 0 18px 0; padding: 4px 0 0 14px; background: url(../images/nieuwsArchief_h2.gif) no-repeat; font-size: 14px; color: #fff; }
ul#deel1 { float: left; width: 337px; }
ul#deel2 { float: right; width: 337px; }
ul#deel1 li,
ul#deel2 li { width: 337px; padding: 0; background: none; border-bottom: #dadbdc 1px solid; }
ul#deel1 li a,
ul#deel2 li a { width: 289px; display: block; padding: 4px 0 4px 48px; background: url(../images/ul_arrow.gif) 18px 4px no-repeat; text-decoration: none; }

.bestand { margin: 0 0 5px 0; }
.bestand a { text-decoration: none; }
.bestand a img { margin: 0 5px 0 0; }
.bestand a span { text-decoration: underline; }

/* 3 cols
------------ */
#wrapper3Cols div { float: left; width: 208px; margin: 20px 0 20px 25px; }
#wrapper3Cols .firstCol { margin-left: 0; }
#wrapper3Cols h2 { background: url(../images/h2_3kol.gif) no-repeat; }

/* 2 cols
------------ */
#wrapper2Cols div { float: left; width: 325px; margin: 20px 0 20px 24px; }
#wrapper2Cols .firstCol { margin-left: 0; }
#wrapper2Cols h2 { background: url(../images/h2_2kol.gif) no-repeat; }

/* home
------------------------------------------------------------------*/
#home #contentWrap { float:left; width: 718px; margin: 0; }
#home .contentWrapper { /*padding-bottom: 8px;*/ background: #dadbdc url(../images/home_bg_contentWrapper.gif) no-repeat; }
/*#home #top.contentWrapper { margin: 0 0 8px 0; }*/
#home .contentWrapper2 { /*border: red 1px solid;*/ margin: 0; padding: 8px 8px 0 8px; background: #dadbdc url(../images/home_bg_contentWrapper.gif) no-repeat; }
#home .contentWrapperBottom1 { /*border: red 1px solid;*/ position: absolute; bottom: 0; left: 0; width: 718px; height: 8px; background: url(../images/home_bg_contentWrapper_bot.gif) bottom left no-repeat; }
#home .contentWrapperBottom { /*border: red 1px solid;*/ width: 718px; height: 8px; margin: 0; padding: 0; background: url(../images/home_bg_contentWrapper_bot.gif) bottom left no-repeat; }
#home .contentWrapper a img { display: block; }

#home .imgBlock { position: relative; float: left; width: 347px; }
#leftBlock { margin-right: 8px; }

#home .imgBlock h3 { position: absolute; top: 50px; right: 0; width: 103px; padding: 0 0 0 40px; font-size: 14px; }
#home .imgBlock a { display: block; position: absolute; bottom: 10px; right: 0; width: 95px; height: 18px; padding: 4px 0 4px 48px; background: url(../images/ul_arrow.gif) 18px 4px no-repeat; border-top: #dadbdc 1px solid; border-bottom: #dadbdc 1px solid; font-size: 14px; text-decoration: none; }

#goedkoopBellen,
#voordelen { background: url(../images/home_bg_sidebar.gif) no-repeat; }

#goedkoopBellen ul { /*border: green 1px solid;*/ width: 234px; margin: 0; padding: 15px 0 8px 0; }
#goedkoopBellen ul li { /*display: inline;*/ width: 194px; padding: 4px 0 4px 40px; background: url(../images/ul_square.gif) 15px 10px no-repeat; border-bottom: #dadbdc 1px solid; }
/*#goedkoopBellen ul li a { display: block; width: 194px; padding: 4px 0 4px 40px; background: url(../images/ul_square.gif) 15px 10px no-repeat; border-bottom: #dadbdc 1px solid; text-decoration: none; }*/

#voordelen { margin: 62px 0 0 0; }
#voordelen ul { /*border: green 1px solid;*/ width: 234px; margin: 0; padding: 15px 0 0 0; }
#voordelen ul li { display: inline; width: 234px; /*border-bottom: #dadbdc 1px solid;*/ }
#voordelen ul li a { display: block; width: 194px; padding: 4px 0 4px 40px; background: url(../images/ul_arrow.gif) 15px 4px no-repeat; border-bottom: #dadbdc 1px solid; text-decoration: none; }

/* taalkeuze
------------------------------------------------------------------*/
body#taalkeuze { font: 12px/16px Arial, sans-serif; background: url(../images/bg_body.gif) repeat-x; color: #58595b; }
#taalkeuze #wrapper { width: 960px; margin: 0 auto; }
#taalkeuze #logo { display: block; margin: 20px 0 0 0; }
#taalkeuze #content { position: relative; width: 960px; height: 430px; margin: 44px 0 0 0; padding: 0; background: url(../images/bg_taalkeuze.jpg) no-repeat; }
#taalkeuze #footer { width: 960px; height: 39px; margin: 0; background: none; /*background: url(../images/bg_footer.gif) repeat-x;*/ }

#taalkeuze #taalkeuzeLink { position: absolute; top: 260px; left: 560px; width: 160px; }
#taalkeuze #taalkeuzeLink a { display: block; width: 145px; height: 24px; margin: 0 0 7px 0; padding: 4px 0 0 12px; background: url(../images/taalkeuzeLink.gif) no-repeat; color: #fff; font-size: 14px; text-decoration: none; }
#taalkeuze #taalkeuzeLink a:hover { color: #ed1c24; }

#taalkeuze #footer p { margin: 0; padding: 10px 0 0 220px; color: #a7a9ac; }
#taalkeuze #footer p a { color: #a7a9ac; text-decoration: none; }
#taalkeuze #footer p a:hover { color: #ed1c24; }

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }