/* CSS Portableware */

* {
margin:0;
padding:0;
}

img {
border:0;
}

a {
text-decoration:none;
color:#000;
}

body {
height:100%;
background:url(images/body-bg.png) center repeat-y;
background-color:#f2f2f2;
font-family:Verdana;
}

#wrapper {
height:100%;
width:787px;
margin:0 auto;
padding:0 4px 0 3px;
}

#header {
height:132px;
width:787px;
background:url(images/header-bg.png);
float:left;
}

#header2 {
height:120px;
width:787px;
background:url(images/header-bg.png);
float:left;
}

#logo {
height:69px;
width:355px;
margin:30px 0 6px 24px;
float:left;
}

#logo h1 {
height:44px;
width:355px;
background:url(images/h1-bg.png);
}

#logo h2 {
height:16px;
width:355px;
margin-top:9px;
background:url(images/h2-bg.png);
}

#header-right {
height:103px;
width:384px;
margin-top:2px;
background:url(images/header-right-bg.png);
float:right;
}

#header-right form {
height:23px;
width:384px;
padding:10px 0 46px 0;
float:left;
}

#header-right input#text {
height:18px;
width:177px;
margin-right:20px;
padding:5px 0 0 9px;
background:url(images/header-right-text-bg.png);
border:0;
color:#b6b6b6;
font-size:10px;
float:right;
}

#header-right input#submit {
height:23px;
width:43px;
margin-right:8px;
background:url(images/header-right-submit-bg.png);
border:0;
color:#000;
font-size:11px;
float:right;
}

#header-right #extra {
height:16px;
width:274px;
padding:2px 0 0 14px;
background:url(images/header-right-p-bg.png);
color:#fff;
font-size:10px;
float:right;
}

#header-right #extra a{
color:#fff;
text-decoration:none;
}

#header-right #extra a:hover { text-decoration:underline; }

#banner {
height:84px;
width:722px;
margin-right:30px;
border:3px solid #435b79;
float:right;
}

#kruimelpad {
height:12px;
width:787px;
padding:16px 0 12px 29px;
color:#333333;
font-size:11px;
float:left;
}

#kruimelpad a {
color:#333333;
text-decoration:underline;
}

#content {
width:748px;
padding:0 10px 0 28px;
float:left;
}

#content-left, #content-mid, #content-right {
width:230px;
padding-right:18px;
float:left;
}

div.categorie {
position:relative;
width:226px;
padding:1px;
margin-bottom:19px;
border:1px solid #999;
}

div.categorie .img {
position:absolute;
top:3px;
right:10px;
z-index:2;
}

div.categorie h3 {
position:absolute;
top:1px;
height:20px;
width:214px;
padding:5px 0 0 12px;
background:url(images/categorie-h3-bg.png);
color:#fff;
font-size:11px;
font-weight:bold;
z-index:1;
}

div.categorie ul {
margin-top:25px;
list-style-type:none;
}
div.categorie ul li {
height:24px;
width:200px;
padding:5px 0 0 26px;
background:url(images/categorie-ul-li-bg.png);
background-color:#fde9d9 !important;
}

div.categorie ul li.sel {
background-color:#fcd5b4 !important;
}

div.categorie ul li.meer {
height:25px;
width:171px;
padding:4px 29px 0 26px;
background:url(images/categorie-ul-meer-bg.png);
background-color:#fde9d9;
font-style:italic;
text-align:right;
}

div.categorie ul li a{
color:#333;
font-size:10px;
text-decoration:none;
}

div.categorie ul li a:hover { text-decoration:underline; }
div.categorie h3.blauw { background:url(images/categorie-h3-blauw-bg.png); }
div.categorie ul.blauw li { background-color:#dbe5f1 !important; }
div.categorie ul.blauw li.sel { background-color:#b8cce4 !important; }

#footer {
height:36px;
width:787px;
margin-top:10px;
background:url(images/footer-bg.png) repeat-x;
float:left;
}

#footer p {
margin-top:13px;
padding:0 38px 0 32px;
color:#fff;
font-size:10px;
float:left;
}

#footer #footer-left {
}

#footer #footer-right {
float:right;
}

#footer a {
color:#fff;
text-decoration:none;
}

#footer a:hover { text-decoration:underline; }

/* Categorie */
#content #content-banner {
width:160px;
margin-right:13px;
float:left;
}

#content #content-categorie {
width:556px;
padding-bottom:10px;
float:left;
}

#content-categorie div.categorie2 {
position:relative;
padding:1px;
width:552px;
margin:0;
float:left;
border:1px solid #999;
}

#content-categorie div.categorie2 h3 {
height:20px;
width:540px;
background:url(images/categorie2-h3-bg.png);
float:left;
position:absolute;
top:1px;
padding:5px 0 0 12px;
color:#fff;
font-size:11px;
font-weight:bold;
z-index:1;
}

#content-categorie div.categorie2 .img {
position:absolute;
top:3px;
right:10px;
z-index:2;
}

#content-categorie div.categorie2 ul{
margin-top:25px;
list-style-type:none;
}

#content-categorie div.categorie2 ul li {
padding:14px 0 16px 7px;
height:auto;
width:544px;
background:none;
background-color:#fde9d9 !important;
float:left;
}

#content-categorie div.categorie2 ul li.sel{
background-color:#fcd5b4 !important;
}

#content-categorie div.categorie2 ul li img {
float:left;
}

div.categorie2 ul li .info {
height:auto;
width:490px;
padding-left:10px;
float:left;
}

textarea {
width:428px;
overflow:hidden;
height: 100px;
border: 0px;
color:#333;
font-weight:bold;
float:left;
border-bottom: 1px solid #988d85;
background-color:#fde9d9;
}

div.categorie2 ul li .info h4 span {
width:200px;
font-size:10px;
text-align:right;
float:left;
}

div.categorie2 ul li .info h4 span.title {
width:273px;
text-align:left;
font-size:11px;
}

div.categorie2 ul li .info p {
margin-top:2px;
font-size:10px;
float:left;
}

div.categorie2 ul li .info p a {
color:#333;
font-weight:bold;
text-decoration:underline;
}

#content-categorie #paginas {
width:546px;
padding:10px 0 0 5px;
font-size:10px;
font-weight:bold;
color:#333;
float:left;
}

#content-categorie #paginas a { color:#333; text-decoration:none; }
#content-categorie #paginas a:hover { text-decoration:underline; }

#content-categorie #paginas #paginas-left {
width:200px;
float:left;
}

#content-categorie #paginas #paginas-mid {
width:146px;
text-align:center;
float:left;
}

#content-categorie #paginas #paginas-right {
width:200px;
text-align:right;
float:left;
}

/* Categorie */

/* Download - beschrijving */
#content-download {
width:732px;
padding:0 10px 0 28px;
float:left;
}

#content-download #content-banner2 {
width:120px;
margin-right:3px;
float:left;
}

#content-download #download {
position:relative;
width:465px;
border:1px solid #999999;
padding:1px;
float:left;
}

#content-download #download h3 {
height:20px;
width:453px;
background:url(images/download-h3-bg.png);
float:left;
padding:5px 0 0 12px;
color:#fff;
font-size:11px;
font-weight:bold;
float:left;
}

#content-download #download #h3{
position:absolute;
right:22px;
top:2px;
}

#content-download #download #info{
overflow:hidden;
width:465px;
background-color:#fde9d9;
padding-bottom:40px;
float:left;
}

#content-download #download #img {
position:absolute;
left:7px;
top:40px;
}

#content-download #download #info h4 {
width:405px;
padding:22px 0 0 60px;
float:left;
font-weight:bold;
font-size:10px;
}

#content-download #download #info h4 span { float:left; text-align:right; width:186px; padding-right:16px; }
#content-download #download #info h4 span#title { text-align:left; }

#content-download #download #info #menu {
height:27px;
margin:9px 0 13px 56px;
padding:1px 2px 2px 2px;
border:1px solid #988e86;
background-color:#FFF;
list-style-type:none;
float:left;
}

#content-download #download #info #menu li {
float:left;
}

#content-download #download #info #menu li a{
display:block;
background:url(images/download-info-ul-li-a-hover.gif) right no-repeat;
background-color:#b8cce4;
padding:7px 16px 7px 16px;
font-size:12px;
color:#000;
text-decoration:none;
float:left;
}

#content-download #download #info #menu li a:hover, #info #menu li #sel {
background:none !important;
background-color:#396091 !important;
font-weight:bold;
color:#FFF !important;
}

#laatste a {
background:none !important;
background-color:#b8cce4 !important;
}

#laatste a:hover {
background-color:#396091 !important;
}

#content-download #download #info p {
width:413px;
padding:15px 0 0 23px;
font-size:10px;
float:left;
}

#content-download #download #info a {
padding:24px 0 0 56px;
float:left;
}

#content-download #download #info #downloaden {
width:465px;
text-align:center;
padding:35px 0 0 0;
}

#content-download #download #info #downloaden a {
padding:0;
font-size:14px;
font-weight:bold;
float:none;
}

#content-download #download #info #opties {
padding:0 0 22px 36px;
margin:0 auto 0 auto;
float:left;
}

#content-download #download #info #opties a {
height:18px;
width:118px;
background:url(images/download-opties.png);
text-align:center;
font-weight:bold;
margin:28px 12px 0 0;
padding:9px 0 0 0;
float:left;
}

#content-right2 {
width:127px;
float:left;
}

#content-right2 .categorie3, #content-right2 .categorie3-blauw {
width:127px;
padding:1px;
border:1px solid #999;
margin:0 0 9px 8px;
float:left;
}

#content-right2 h3{
width:120px;
height:20px;
background:url(images/categorie3-h3-bg.png);
padding:5px 0 0 7px;
font-size:11px;
color:#FFF;
float:left;
}

#content-right2 .categorie3-blauw h3 {
background:url(images/categorie-h3-blauw-bg.png);
}

#content-right2 ul{
list-style-type:none;
float:left;
}

#content-right2 ul li{
float:left;
background:url(images/categorie2-ul-li-bg.png);
background-color:#fce9d9;
}

#content-right2 .categorie3-blauw ul li{
background-color:#dbe5f1;
}

#content-right2 ul li a{
display:block;
padding:10px 0 0 27px;
font-size:10px;
height:19px;
width:100px;
}

#content-right2 ul li a:hover { text-decoration:underline; }

#content-right2  ul .meer {
background:url(images/categorie2-ul-li2-bg.png) right;
background-color:#fce9d9 !important;
}

#content-right2  .categorie3-blauw ul .meer {
background-color:#dbe5f1 !important;
}

#content-right2  ul .meer a {
width:67px;
padding-right:33px;
font-style:italic;
text-align:right;
}

#content-right2 ul .sel {
background-color:#fcd5b4;
}

#content-right2 .categorie3-blauw ul .sel {
background-color:#b8cce4 !important;
}
/* Download - beschrijving */

/* Download - technisch */
#technisch {
position:relative;
list-style-type:none;
padding:20px 0 0 24px;
font-size:11px;
font-family:Verdana;
color:#333;
float:left;
}

#technisch li {
width:463px;
float:left;
}

#technisch span {
width:130px;
display:block;
font-weight:bold;
float:left;
}

#technisch li a{
padding:0 !important;
}

#technisch li a:hover { text-decoration:underline; }

#technisch-img {
position:absolute;
top:120px;
right:28px;
}

#info #add {
margin:40px 0 0 -2px;
}
/* Download - technisch */

/* Download - extra */
#alternatieven {
padding:10px 0 0 27px;
list-style-type:none;
color:#333;
float:left;
}

#alternatieven li {
width:439px;
font-family:verdana;
font-size:11px;
float:left;
}

#alternatieven li h5 {
margin:0;
padding:0;
font-weight:bold;
}

#alternatieven li span {
width:180px;
float:left;
}

#info #extra {
width:442px;
padding:32px 0 0 19px;
float:left;
}

#info #extra #extra-left {
margin-right:7px;
width:300px;
float:left;
}

#info #extra #extra-left #vul-in {
width:275px;
background-color:#fcd5b4;
border:1px solid #988e86;
padding:8px 17px 8px 6px;
font-weight:bold;
}

#info #extra #extra-left form p {
float:none;
margin:0;
padding:0;
width:auto !Important;
}

#info #extra #extra-left form {
color:#333;
padding:10px 0 0 10px;
font-size:10px;
float:left;
}

#info #extra #extra-left form strong {
width:52px;
margin-top:10px;
float:left;
}

#info #extra #extra-left form .text {
height:18px;
width:176px;
padding:3px 0 0 8px;
margin:5px 0 4px 0;
border:1px solid #988e86;
font-size:10px;
color:#b6b6b6;
}

#info #extra #extra-left form #verzend {
height:23px;
width:66px;
border:0;
margin-left:170px;
background:url(images/form-verzend-bg.png) no-repeat left top;
font-size:11px;
float:left;
}

#info #extra #extra-right {
width:113px;
padding:7px 0 34px 0;
background:url(images/extra-rechts-bg.png);
border:1px solid #988e86;
text-align:center;
font-weight:bold;
font-size:11px !important;
color:#fff;
float:left;
}

h5 {
font-size:11px;
}

#info #extra #extra-right strong {
display:block;
color:#333;
padding-top:43px;
}

#info #extra #extra-right strong a {
padding:0;
margin:0;
float:none;
text-decoration:underline;
}
/* Download - extra */

/* Download - forum */
#forum {
width:429px;
border:1px solid #988d85;
margin-left:17px;
color:#333;
float:left;
}

#forum h1 {
height:18px;
width:429px;
padding-top:2px;
background-color:#fcd5b4;
text-align:center;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #65605c;
}

#forum p {
width:415px;
padding:2px 9px 2px 7px !important;
border-bottom:1px solid #65605c;
margin:0;
float:left;
}

#forum form p {
width:auto !important;
padding:0 !important;
border:0 !important;
float:none;
}

#forum h2 {
height:17px;
width:128px;
font-style:italic;
padding:4px 0 0 9px;
background-color:#fcd5b4;
border-bottom:1px solid #65605c;
border-right:1px solid #65695c;
font-weight:bold;
font-size:10px;
float:left;
}

#forum h3 {
height:17px !important;
width:291px !important;
padding:4px 0 0 0 !important;
margin:0 !important;
background:#fcd5b4 !important;
border-bottom:1px solid #65605c;
font-size:12px;
text-align:center;
font-weight:bold;
color:#333 !important;
float:left;
}

#forum h4 {
width:413px !important;
padding:10px 8px 10px 8px !important;
border-bottom:1px solid #65605c;
font-weight:bold;
font-size:18px !important;
}

#forum h4 strong {
width:413px;
font-size:12px;
padding:10px 0 0 0;
text-align:right;
float:left;
}

#forum #text0 {
height:18px;
width:129px;
padding:3px 0 0 8px;
margin:0 !important;
border:0;
border-right:1px solid #65605c;
border-bottom:1px solid #65605c;
font-size:10px;
color:#b6b6b6;
float:left;
}

#forum #text1 {
height:18px;
width:283px;
padding:3px 0 0 8px;
border:0;
margin:0 !important;
border-bottom:1px solid #65605c;
font-size:10px;
color:#b6b6b6;
float:left;
}

#forum #left {
height:55px;
width:117px;
padding:8px 10px 0 10px !important;
margin:0 !important;
background-color:#fcd5b4;
border-right:1px solid #65605c;
font-weight:bold;
text-align:center;
font-size:12px;
color:#333;
}

#forum #text2 {
height:38px;
width:160px;
padding:3px 0 0 8px;
border:0;
border-bottom:1px solid #65605c;
border-right:1px solid #65605c;
font-size:14px;
color:#b6b6b6;
float:left;
}

#forum h5 {
height:41px;
width:120px;
float:left;
border-bottom:1px solid #65605c;
}

#forum #submit1 {
height:21px;
width:291px;
border:0;
font-weight:bold;
color:#333;
font-size:12px;
text-decoration:underline;
background-color:#fcd5b4;
float:left;
}
/* Download - forum */

label
{
  width:40%;
  text-align:left;
  float:left;
  font-size: 9px;
  height: 30px;
}

.row
{
  padding:5pt;
}