﻿body {  margin: 0 auto;}

#paginacontainer {position: relative; width: 938px;margin: 0 auto; overflow:hidden; background-image: url(../images/background_helemaal2.png);background-repeat:repeat-y; padding:0;}

#headpanel {background-color:#a9b06e; width:640px; height:200px; overflow:hidden; float:left;margin-left:30px;}
flashanimatie {width: 640px;}

#menucol {margin: 0; float:left; }
#menucol .logo { width:196px;height:301px; }
#menucol .logo img {border:none;}
#menucol .printlogo {display:none; }
#menucol .printlogo img{display:none; }
#menucol .menu {float:left;}
#menucol .menu ul { margin: 0 0 0 16px; padding: 0;}
#menucol .menu ul li {list-style: none;}
#menucol .menu ul li a {text-indent: -999px;}
#menucol .menu ul li.home a { display: block; background-image: url(../images/home.png); background-position: top left; width: 180px; height: 51px;}
#menucol .menu ul li.home a:hover { display: block; background-image: url(../images/home.png); background-position: bottom left; width: 180px; height: 51px;}
#menucol .menu ul li.home a.active { display: block; background-image: url(../images/home.png); background-position: bottom left; width: 180px; height: 51px;}
#menucol .menu ul li.econext a { display: block; background-image: url(../images/econext.png); background-position: top left; width: 180px; height: 49px;}
#menucol .menu ul li.econext a:hover { display: block; background-image: url(../images/econext.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.econext a.active { display: block; background-image: url(../images/econext.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.programma a { display: block; background-image: url(../images/programma.png); background-position: top left; width: 180px; height:49px;}
#menucol .menu ul li.programma a:hover { display: block; background-image: url(../images/programma.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.programma a.active { display: block; background-image: url(../images/programma.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.specificatie a { display: block; background-image: url(../images/specificatie.png); background-position: top left; width: 180px; height:49px;}
#menucol .menu ul li.specificatie a:hover { display: block; background-image: url(../images/specificatie.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.specificatie a.active { display: block; background-image: url(../images/specificatie.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.toepassingen a { display: block; background-image: url(../images/toepassingen.png); background-position: top left; width: 180px; height:49px;}
#menucol .menu ul li.toepassingen a:hover { display: block; background-image: url(../images/toepassingen.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.toepassingen a.active { display: block; background-image: url(../images/toepassingen.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.leveranciers a { display: block; background-image: url(../images/leveranciers.png); background-position: top left; width: 180px; height:49px;}
#menucol .menu ul li.leveranciers a:hover { display: block; background-image: url(../images/leveranciers.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.leveranciers a.active { display: block; background-image: url(../images/leveranciers.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.contact a { display: block; background-image: url(../images/contact.png); background-position: top left; width: 180px; height:49px;}
#menucol .menu ul li.contact a:hover { display: block; background-image: url(../images/contact.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.contact a.active { display: block; background-image: url(../images/contact.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.sitemap a { display: block; background-image: url(../images/sitemap.png); background-position: top left; width: 180px; height:49px;}
#menucol .menu ul li.sitemap a:hover { display: block; background-image: url(../images/sitemap.png); background-position: bottom left; width: 180px; height: 49px;}
#menucol .menu ul li.sitemap a.active { display: block; background-image: url(../images/sitemap.png); background-position: bottom left; width: 180px; height: 49px;}

#menucol .achtergrond {background-image: url(../images/achtergrond_leftcol.png); width:180px; background-repeat:repeat-y; height: 239px; clear:both;margin: 0 0 0 16px; padding: 0 0 21px 0;}
#menucol .achtergrond2 {width:180px; background-repeat:repeat-y; height: 562px; clear:left;margin: 0 0 0 16px; padding: 0;}


#rightcol {position:relative; background-image: url(../images/header.png); width:742px; height: 95px; float:left; margin:0; padding: 0; }
#rightcol .login {background-image: url(../images/loginbutton.jpg); height:36px; width:130px; position:absolute; bottom:25px; right:100px;}
#rightcol .login a {padding: 10px 0 0 45px; color:#fff; display:block; text-decoration:none;}
#content {position: relative; overflow:hidden; font-family:Verdana, arial; font-size:12px; color:#636466; width:500px;  float:left; }
#content .logintekst {font-size: 12px; line-height:18px; font-family:Verdana; margin:20px 0 0 30px;color:#636466; }
#content p {color:#636466; margin: 0 0 32px 0px; width: 300px;float:left;font-size: 12px; line-height:18px; font-family:Verdana; }
#content h1 {width:300px;float:left;margin:10px 0 0 0px; padding:0; text-transform:none;font-size:12px;}
#content p.normal { width:550px;float:left;margin:90px 0 0 140px; padding:0; text-transform:none;}
#content p.bold { width:550px;float:left;margin:10px 0 0 140px; padding:0; text-transform:none; font-weight:bold;}
#content .afbeelding {width:100px; float:left;}
#content .afbeelding img{width:auto; float:left;}
#content .paragraph {margin-left:30px; margin-top:20px; padding-right:40px; width:430px;color:#636466;font-size: 12px; line-height:18px; font-family:Verdana; }
#content .paragraph .text {width:440px; height:auto; }
#content .paragraph .text h1 {font-size:18px; width:500px;  margin-bottom:2px; font-family:Tahoma; color:#4C5526;}
#content .paragraph .text p.cursief { font-style:oblique; margin-bottom:10px; width:500px;}
#content .paragraph .text a.extra {color:#cad310; font-weight:bold; text-decoration:none;}

#content .paragraph .textvakeen {width:200px; float:left; border-right: 1px dotted gray; padding:0 20px 30px 0; }
#content .paragraph .textvaktwee {width:180px;float:left; padding-left:20px;}
#content .paragraph .textvaktwee img {margin:0;}
#content .paragraph p{width:400px;font-size: 12px; line-height:18px; font-family:Verdana; text-transform:none; margin:0; padding:0;}
#content .paragraph a {color:#cad310; font-weight:bold; text-decoration:none;}
#content .paragraph a:hover {color:#5d6126;}
#content .paragraph ul { margin:0px 0 0px 0; padding:10px 0 0 0;color:#636466;clear:both;font-family:Verdana, arial; font-size:12px; color:#8d8d8f;}
#content .paragraph ul li {list-style-position:inside;color:#636466; }
#content .paragraph .text ul li ul {margin:0; padding:0 0 0 20px;}
#content .paragraph .text ul li ul li {padding:0; margin:0; }
#content .paragraph ol {margin:0 0 0 0px; padding:0; list-style-position:inside;color: #636466;}
#content .paragraph ol li {list-style-position:inside;color:#636466;} 
#content .paragraph .text fieldset {border:0;float:left; margin:20px 0 0 0px; padding:0; }
#content .paragraph .text legend { display: none; }
#content .paragraph .text fieldset div input {margin:0;}
#content .paragraph .text input.verzenden { border:1px solid #d8d9d9; background-color: white; color:#636466; float:left; margin: 0 0 0 0px;}
#content .lijst {margin: 30px 0 0 27px;}
#content .lijst table {border-collapse: collapse; width: 350px;}
#content .lijst table a {color:#cad310; font-weight:bold; text-decoration:none;}
#content .lijst table a:hover {color:#5d6126;}
#content .lijst table td {padding: 0;}
#content .formulier {float:left; margin:20px 0 20px 10px; padding:0; width:470px; overflow:hidden;font-size: 12px; line-height:18px; font-family:Verdana;}
#content .formulier form { float:left; margin:20px 0 0 10px; padding:0;  }
#content .formulier p {font-size: 12px;font-family:Verdana; text-transform:none; color:#cf0505; margin:0 0 0 20px; padding: 0 0 10px 0; float:left;}
#content .formulier fieldset label {  border:none; margin: 0 0 0 0px; padding:0; width: 220px; float:left; font-weight: normal;}
#content .formulier fieldset label b.green {color:#c1d72f; font-size: 12px; padding: 0; margin: 0; font-weight:normal; }
#content .formulier fieldset input {font-size: 12px; color:#636466;}
#content .formulier fieldset input.lang {width:190px; border:1px solid #d8d9d9;}
#content .formulier div.leeg{padding:20px 0 0 0; border-bottom:1px dotted #2e2e2e; margin-bottom:20px; margin-left:20px; margin-right:40px;}
#content .formulier fieldset input.klein {float:left; width: 72px; margin: 0 5px 0 0;border:1px solid #d8d9d9;}
*+html #content .formulier fieldset input.klein {float:left; width: 60px; margin: 0 5px 0 0;border:1px solid #d8d9d9;}
#content .formulier fieldset {border:none; margin: 0 10px 0 15px;}
#content .formulier fieldset div {margin:0;}
*+html #content fieldset div {margin:0 0 5px 0;}
#content .formulier fieldset div.klein {margin:0 0 5px 0; padding: 0 0 5px 0;}
#content .formulier fieldset div p {margin:0 0 0 20px;}
#content .formulier fieldset div.tekstueel {margin:10px 0 0 0; padding:0;}
#content .formulier fieldset div.keuze {padding:0 0 0px 0; margin:0;}
#content .formulier fieldset div.right {margin:10px 0px 0px 155px; padding:0;}
#content .formulier fieldset div.aanhef {margin: 0 0 10px 0; padding: 0; float:left; width:550px; border:none;}
#content .formulier fieldset legend { display: none; }
#content .formulier fieldset select { font-size: 10px; margin: 5px 5px 0px 0; width: 190px; color: #3a3a3a; border:1px dotted gray;}
*+html #content .formulier fieldset select { font-size: 10px; margin: 5px 5px 10px 0; width: 190px; color: #3a3a3a; border:1px dotted gray;}
#content .formulier fieldset textarea {width:190px;border:1px dotted gray;font-size: 12px;color: #636466;}
#content .formulier input.verzenden { border:1px solid #d8d9d9; background-color: white; color:#636466; float:left; margin: 20px 0 0 243px;}
*+html #content .formulier input.verzenden { border:1px solid #d8d9d9; background-color: white; color:#636466; float:left; margin: 0 0 0 229px;}
#content .formulier input.opnieuw { border:1px solid #d8d9d9; background-color: white; color:#636466; float:left; margin: 0 0 0 0;}
*+html #content .formulier input.opnieuw { border:1px solid #d8d9d9; background-color: white; color:#636466; float:left; margin: 0 0 0 0;}

#content .leverancier {border: 1px dotted #90a230; margin:0 0 20px 0; padding:10px; clear:both; overflow:hidden; width:420px;}
#content .leverancier a {float:right;}
#content .leverancier .Postadres {padding:20px 0 0 0; clear:both;}
#content .leverancier .Postadres p {margin:0; padding:0;}
#content .leverancier .Postadres a {float:left;}
#content .leverancier .Postadres h4 {font-weight:bold; margin:0; padding:0; font-size:12px; }
#content .leverancier .overig {clear:left; padding:20px 0 0 0; overflow:hidden;}
#content .leverancier .overig p {margin:0; padding:0; font-weight:bold; float:left; width:150px;}
#content .leverancier .overig a {float:left;}

#sidepanel form { border:none; color:#000;}
#sidepanel legend {display:none;}
#sidepanel label {display:none;}
#sidepanel fieldset {border:none;margin:10px 0 0 0; padding:0;}
#sidepanel div {border:none; }
#sidepanel input {width:160px; border:1px dotted gray; margin:0 0 0 5px;}
#sidepanel .submit {}
#sidepanel img {border:none;}
#sidepanel img a{border:none;}

#sidepanel {float:left; width: 170px; margin: 20px 0 0 0; overflow:hidden; }
#sidepanel .tekstueel {font-family:Verdana, Arial; font-size:12px; font-weight:normal;color:#8d8d8f; font-style:normal;}
#sidepanel .tekstueelcontact {margin-top:70px; font-family:Verdana, Arial; font-size:12px; font-weight:normal;color:#8d8d8f; font-style:normal;}
#sidepanel vraag { border:none; color:#000;}
#sidepanel vraag legend {display:none;}
#sidepanel vraag label {display:none;}
#sidepanel vraag fieldset {border:none;margin:10px 0 0 0; padding:0;}
#sidepanel vraag div {border:none; }
#sidepanel vraag input {width:160px;}
#sidepanel vraag .submit {}
#sidepanel textarea {width:160px; border:1px dotted gray;}

#sidepanel .kaartje {border:none;}
#sidepanel .kaartje img{border:none;}

#content .land {float:left; padding:0px 20px 10px 10px;  width:410px; overflow:hidden;font-size: 12px; line-height:18px; font-family:Verdana; border: 1px dotted black; margin:20px 0 20px 0;}
#content .land form { float:left; margin:20px 0 0 10px; padding:0;  }
#content .land p {font-size: 12px;font-family:Verdana; text-transform:none; color:#cf0505; margin:0 0 0 20px; padding: 0 0 10px 0; float:left;}
#content .land fieldset label {  border:none; margin: 0 0 0 0px; padding:0; width: 200px; float:left; font-weight: normal;}
#content .land fieldset label b.green {color:#c1d72f; font-size: 12px; padding: 0; margin: 0; font-weight:normal; }
#content .land fieldset input {font-size: 12px; color:#636466;}
#content .land fieldset input.lang {width:190px; border:1px solid #d8d9d9;}
#content .land fieldset input.klein {float:left; width: 72px; margin: 0 5px 0 0;border:1px solid #d8d9d9;}
#content .land input {border:none; background-color:Transparent;border:1px solid #d8d9d9; float:left; margin-right:0px; overflow:visible; padding:0 10px 0 10px;  }
*+html #content .land fieldset input.klein {float:left; width: 60px; margin: 0 5px 0 0;border:1px solid #d8d9d9;}

#content .land fieldset {border:none; margin: 0 10px 0 15px;}
#content .land fieldset div {margin:0 0 10px 0; padding:0;}
*+html #content fieldset div {margin:0 0 5px 0;}
#content .land fieldset div.klein {margin:0 0 5px 0; padding: 0 0 5px 0;}
#content .land fieldset div p {margin:0 0 0 20px;}
#content .land fieldset div.tekstueel {margin:10px 0 0 0; padding:0;}
#content .land fieldset div.keuze {padding:0 0 0px 0; margin:0;}
#content .land fieldset div.right {margin:10px 0px 0px 155px; padding:0;}
#content .land fieldset div.aanhef {margin: 0 0 10px 0; padding: 0; float:left; width:550px; border:none;}
#content .land fieldset legend { display: none; }
#content .land fieldset select { font-size: 10px; margin: 5px 5px 0px 0; width: 190px; color: #3a3a3a; border:1px dotted gray;}
*+html #content .land fieldset select { font-size: 10px; margin: 5px 5px 10px 0; width: 190px; color: #3a3a3a; border:1px dotted gray;}
#content .land fieldset textarea {width:190px;border:1px dotted gray;}
#content .land input.verzenden { border:1px solid #d8d9d9; background-color: white; color:#636466; float:left; margin: 0; margin:0;}
*+html #content .land input.verzenden { border:1px solid #d8d9d9; background-color: white; color:#636466; float:left; margin: 0 0 0 239px;}
#content .land input.opnieuw { border:1px solid #d8d9d9; background-color: white; color:#636466; float:left; margin: 0 0 0 0;}
*+html #content .land input.opnieuw { border:1px solid #d8d9d9; background-color: white; color:#636466; float:left; margin: 0 0 0 0;}

#footer{clear:both; float:left; border-top: 1px solid #b8b8b4; width: 702px; font-family: verdana, Arial; font-size:11px; padding: 10px 0 10px 20px; margin:20px 0 0 196px; }
#footer a {color:#cad310; font-weight:bold; text-decoration:none;}
#footer a.test {color:#5D6A32;}







