﻿        #form1
        /* het basisscherm zo groot dat ie voor alle resoluties groot genoeg is */
        {
            background-color: #1C1C1C;
            width: 2000px;
            height: 1500px;
            top: 0px;
            left: 0px;
            position:fixed;
        }
        #container 
        /* het eigenlijke gebied van de website */
        /* left en margin-left resp 50% en -375px zorgen voor centreren in browser */
        /* height 100% zorgt ervoor dat de onderbalk altijd te benaderen is, evt via scroll */
        {
            font-family: Calibri;
            font-size: 12px;
            color: #FFFFFF;
            width: 767px;
            height: 100%;
            margin:0px;
            left:50%;
            margin-left:-375px;   
            position:fixed;
            overflow: auto;
        }
        #banner
        {
            height: 60px;
            font-family: Century Gothic;
        }
        #topmenu
        {
            height: 25px;
            font-weight: bold;
        }
        .menu
        {
            margin:0 auto; 
            padding:0; 
            height:25px; 
            width:100%; 
            background:url("images/topmenuimages.png") repeat-x;
        }
        .menu li
        {
            padding:0; 
            margin:0; 
            list-style:none; 
            display:inline;
            text-align: center; 
        }
        .menu li a
        {
            text-align: center; 
            text-decoration:none; 
            font:12px Calibri; 
            font-weight: bold;
            background:url("images/topmenuimages.png") no-repeat; 
            outline:none;
        }
        .menu li a span
        {
            line-height:25px; 
            display:block; 
            background:url("images/topmenuimages.png") 100% -25px no-repeat;
        }
        .menu li a:hover
        {
            background-position:100% -90px; 
        }
        .menu li a:hover span
        {
            background-position:100% -90px;
        }
        .menu li a.active, 
        .menu li a.active:hover
        {
            line-height:25px; 
            font:12px Calibri; 
            font-weight: bold;
            background:url("images/topmenuimages.png") 0px -90px no-repeat; 
        }
        .menu li a.active span, 
        .menu li a.active:hover span
        {
            background:url("images/topmenuimages.png") 100% -90px no-repeat;
        }
        #main
        {
            height: 480px;
        }
        #mainproducten
        {
            height: 480px;
            text-align: center;
        }
        #mainindex
        {
            height: 480px;
        }
        #mySlideShowDiv
        {
            height: 350px;
            position:fixed;
        }
        #prodproc0
        {
            height: 20px;
        }
        #prodproc1
        {
            height: 115px;
        }
        #prodproc2
        {
            height: 115px;
        }
        #prodproc3
        {
            height: 115px;
        }
        #prodproc4
        {
            height: 115px;
        }
        #onderdelen0
        {
            height: 40px;
        }
        #onderdelen1
        {
            height: 50px;
        }
        #onderdelen2
        {
            height: 260px;
            vertical-align: middle;
        }
        #onderdelen3
        {
            height: 120px;
        }
        #contact1
        {
            height: 100%;
            width: 300px;
            float: left; 
        }
        #contact2
        {
            height: 100%;
            width: 300px;
            float: left; 
        }
        #contact3
        {
            height: 50px;
            width: 150px;
            float: left; 
        }
        .menu2
        {
            margin:0 auto; 
            padding:0; 
            height:15px; 
            width:100%; 
            background:url("images/topMenuImages.png") repeat-x;
        }
        .menu2 li
        {
            padding:0; 
            margin:0; 
            list-style:none; 
            display:inline;
            text-align: center; 
        }
        .menu2 li a
        {
            text-align: center; 
            text-decoration:none; 
            font:12px Calibri; 
            font-weight: bold;
            background:url("images/topmenuimages.png") no-repeat; 
            outline:none;
        }
        .menu2 li a span
        {
            line-height:15px; 
            display:block; 
            background:url("images/topmenuimages.png") 100% -25px no-repeat;
        }
        .menu2 li a:hover
        {
            background-position:100% -90px; 
        }
        .menu2 li a:hover span
        {
            background-position:100% -90px;
        }
        .menu2 li a.active, 
        .menu2 li a.active:hover
        {
            line-height:15px; 
            font:12px Calibri; 
            font-weight: bold;
            background:url("images/topmenuimages.png") 0px -90px no-repeat; 
        }
        .menu2 li a.active span, 
        .menu2 li a.active:hover span
        {
            background:url("images/topmenuimages.png") 100% -90px no-repeat;
        }
        #footer
        {
            height: 25px;
            font-size: 10px;
        }
        #index1
        {
            height: 65px;
            text-align: center;
        }
        #index2
        {
            height: 375px;
        }
        #index3
        {
            height: 85px;
            text-align: center;
        }
       
