﻿body {margin:0; padding:0; line-height:1.5em; background: #a1c0df url(/images/be/background.jpg) no-repeat center top; font-family:arial,helvetica,verdana,tahoma,sans-serif; font-size:0.75em;}
.landing { background: #d2dbeb url(images/background-landing.jpg) no-repeat center 0px;}

img {border:0;}
img.picto {margin-bottom:-3px;}

a, a:link, a:active, a:visited {color:#ee4726; text-decoration:underline;}
a:hover {color:#000;}

h1 {font-size:1.5em; color:#000000; line-height:normal;}
h2 {font-size:1.3em; color:#ee4726; margin-bottom:0px; line-height:normal;}
h2.opsom {font-size:1.3em; color:#ee4726; margin:10px 0px; line-height:normal;}
h2 a {text-decoration:none; line-height:normal;}
h3 {font-size:1.3em; color:#ee4726; margin-bottom:0; line-height:normal;}

tbody {margin:0; padding:0; border:0;}

ul li {list-style-type:none; list-style-image:url(/images/li-01.gif);}
ul li ul li {list-style-type:none; list-style-image:url(/images/li-02.gif);}

img, a.pdflarge {behavior:url(/iepngfix.htc);}

td {padding:4px;}

hr {display:block; height:1px; border:none; border-bottom:1px solid #a1a1a1; margin:5px 0 5px 0; width:100%; clear:both;}
hr.dashed {display:block; height:1px; border:none; border-bottom:1px dashed #a1a1a1; margin:5px 0 5px 0; width:100%; clear:both;}
hr.dotted {display:block; height:1px; border:none; border-bottom:1px dotted #a1a1a1; margin:5px 0 5px 0; width:100%; clear:both;}

div.top {float:left; width:100%; border-top:dotted 1px #a1a1a1; text-align:right; padding-top:3px;}
div.top a {float:right; font-size:0.8em; color:#a1a1a1; line-height:1em; padding:1px 4px; text-decoration:none; border:dotted 1px #a1a1a1;}
div.top a:hover {color:#000000; border:dotted 1px #000000;}

#centersite {margin-left:auto; margin-right:auto; width:958px;}
#sitecontainer {float:left; width:958px;}

#homenavcontainer {float:left; height:108px; padding-top:10px;}
#homenavcontainer div.langselect {float:left; width:200px; padding-left:50px;}
#homenavcontainer div.langselect ul {margin:0; padding:0;}
#homenavcontainer div.langselect ul li {float:left; display:inline; padding-right:10px; list-style-type:none;}
#homenavcontainer div.langselect ul li a {color:#0e235e; text-decoration:none;}
#homenavcontainer div.langselect ul li a:hover {text-decoration:underline;}

#homenavcontainer div.homenav {float:right; width:400px; padding-left:40px; text-align:right;}
#homenavcontainer div.homenav ul {margin:0; padding:0;}
#homenavcontainer div.homenav ul li {display:inline; padding-right:10px; list-style-type:none;}
#homenavcontainer div.homenav ul li a {color:#0e235e; text-decoration:none;}
#homenavcontainer div.homenav ul li a:hover {text-decoration:underline;}
#homenavcontainer div.homenav ul li a.active {text-decoration:underline;}

#headnavcontainer {float:left; width:958px; height:35px; background: url(/images/be/bg-headnav.gif) no-repeat left top;}
#headnavcontainer div.headnav {float:left; width:705px; height:34px; padding-left:25px;}
#headnavcontainer div.headnav ul {margin:0; padding:0;}
#headnavcontainer div.headnav ul li {display:inline; list-style-type:none;}
#headnavcontainer div.headnav ul li a {float:left; background: url(/images/dots-tss-headnav.gif) no-repeat 0 9px; padding:7px 10px; color:#0d226a; text-decoration:none; font-size:1.2em; font-weight:bold;}
#headnavcontainer div.headnav ul li a:hover {color:#ee4726;}
#headnavcontainer div.headnav ul li a.active {color:#ee4726;}

#headnavcontainer div.dealercorner {float:right; padding-right:12px; color:white; text-decoration:none; font-size:1.2em; font-weight:bold; width:216px;}
#headnavcontainer div.dealercorner ul {margin:0; padding:0;}
#headnavcontainer div.dealercorner ul li {float:right; list-style-type:none; height:34px; display:inline; background: url(/images/bg-but-dealercorner.gif) no-repeat left top;}
#headnavcontainer div.dealercorner ul li a {float:left; color:white; text-decoration:none; padding:7px 15px 7px 30px; background: url(/images/molslot.gif) no-repeat right 10px;}
#headnavcontainer div.dealercorner ul li a:hover {color:#ee4726; background: url(/images/molslot-over.gif) no-repeat right 10px;}
#headnavcontainer div.dealercorner ul li a.active {color:#ee4726; background: url(/images/molslot-over.gif) no-repeat right 10px;}

#contentcontainer {float:left; width:928px; padding: 0 15px 5px 15px; background:white;}
#contentcontainer div.bannerhome {float:left; height:90px; padding-top:15px;}

div.productbuttonscontainer {float:left; width:900px; height:385px; padding-left:30px; padding-top:40px;}
div.productbutton {float:left;}
div.separator {float:left; width:42px; height:10px;}

div.columnleft {float:left; padding:0; margin:0; width:918px;}
div.columnright {float:right; min-height:200px; width:208px;}
div.newsletterbutton {float:left; width:208px; height:65px; padding-top:15px; padding-left:8px;}
div.colnewsevents {float:left; width:320px;}

div.tabcontainer {float:left; width:918px; height:36px; background: url(/images/be/line-top-frame-uitvul.gif) repeat-x left bottom; padding-top:15px;}
div.tab {float:left;}

/*div.tabcontentcontainer {float:left; width:700px; min-height:450px; background:url(/images/bg-common_01.gif) no-repeat left bottom; padding-bottom:100px;}*/
div.tabcontentcontainer {float:left; width:918px; min-height:350px; background:url(/images/bg-wit_01.gif) no-repeat left bottom; padding:5px 0 100px 0;}
div.tabcontentcontainergroen {float:left; width:918px; min-height:350px; background:url(/images/be/bg-groenverloop_01.jpg) no-repeat left bottom; padding:0px 0 50px 0;}
div.tabcontent {float:left;}
div.tabcontentgroen {float:left; width:660px; padding:10px 10px 10px 20px;}

div.tabcontent div.left {float:left; width:443px; padding:20px 20px 20px 20px;}
div.tabcontent div.right {float:right; width:225px; padding-right:2px;}
div.tabcontent div.full {float:left; width:443px; padding:20px 20px 20px 20px;}

div.weathercontainer {float:right; padding-top:20px; width:208px; height:163px;}
div.weathercontainerempty {float:right; width:208px; height:49px; padding-top:15px;}

div.newscontainer {float:left; padding:10px 5px 5px 12px; color:#0d226a;}
div.newscontainer a.title {color:#0d226a; font-weight:bold; font-size:1.15em;}
div.newscontainer a.title:hover {color:#000;}
div.newscontainer .date {color:#989a98;}

a.more {float:left; clear:both; color:#ee4726; border-bottom:dotted 1px #ee4726; text-decoration:none;}
a.more:hover {color:#000; border-bottom-color:#000;}

div.submenu {background:#036735; width:893px; padding:2px 10px 4px 15px; margin-top:5px; float:left; text-align:left; font-weight:bold;color:White;font-size:1em;}
div.submenu a {color:White; text-decoration:none;}
div.submenu a:hover {color:#3b4826; text-decoration:underline;}
div.submenu a.active {color:Black;}

#footercontainer {float:right; width:958px; height:100px; padding-top:4px; font-size:0.9em; border-top:solid 10px #e1e3d2; text-align:right;}
#footercontainer ul {margin:0; padding:0;}
#footercontainer ul li {display:inline; list-style-type:none; padding:0 7px 0 7px; color:#0e235e; border-left:solid 1px #5d6b47;}
#footercontainer ul li a {color:#0e235e; text-decoration:none;}
#footercontainer ul li a:hover {text-decoration:underline;}

.template {font-size:0.8em;display:block;clear:both;}

table.specs {border-left:solid 1px #a1a1a1; border-top:solid 1px #a1a1a1;}
table.specs td {border-right:solid 1px #a1a1a1; border-bottom:solid 1px #a1a1a1; padding:4px;}

table.specswhite {border-left:solid 2px #ffffff; border-top:solid 2px #ffffff;}
table.specswhite td {border-right:solid 2px #ffffff; border-bottom:solid 2px #ffffff; padding:4px;}

/* forms */
.textfield {width:280px; background: #ffffff; border: solid 1px gray; font-size:1em; padding:2px;}
.textfield.narrow {width:110px;}
.textarea {width:285px; background: #ffffff; border: solid 1px gray; font-size:1em; padding:4px;}

.submit, a.submit {float:left; border:0; padding: 3px 10px; background:#036534; text-align: center; color:#ffffff; text-decoration:none; font-size:0.9em; font-weight:bold;}
.submit:hover, a.submit:hover {background:#9fa855; cursor:hand; color:white;}

table.contact {width:400px;}
table.contact tr td {margin:0; padding:0 0 5px 5px;}
table.contact tr td.required {font-weight:bold;width:120px;}

.error label {color:#ff0000}

/* sitemap */
div#sitemap ul {margin:0;list-style-type: none;}
div#sitemap ul li {list-style-type: none;}
div#sitemap ul li a {text-decoration:none;font-size:1.3em;color:#ffffff;font-weight:bold; letter-spacing:-1px;}
div#sitemap ul li ul {padding:0 0 10px 0; margin:2px; list-style-type: none;}
div#sitemap ul li ul li {list-style-type: none;padding:5px 0 0 0;}
div#sitemap ul li ul li a {text-decoration:none;font-size:1em;color:#ffffff;font-weight:normal;letter-spacing:0;}
div#sitemap a:hover {text-decoration:underline;}

/* buttons */
a.pdflarge {float:left; color:Black; font-weight:bold; clear:both; height:34px; padding: 7px 0 0 42px; background: url(/images/picto-pdf-large.png) no-repeat left top;}
a.pdflarge:hover {color:#ee4726;}

/* landing */
div#landing {margin-top:490px; text-align: center;}
div#landing a {text-align:center; padding: 10px; color:#214460; font-weight:normal; font-size:1.2em;}
div#landing a:hover {color:#ee4726}

/* links below images in home template */
ul.home {padding-left:50px; padding-bottom:20px; padding-top:0; margin-top:5px;}
ul.home li {list-style:none; list-style-image:none;} 
ul.home a {color:#0a1652}