/* Presentatie elementen */
html,body
{
    background-color:#e9e9e9;           /* Lichtgrijs */
    color:Black;
    margin:0px;
    padding:0px;
    width:100%;
    text-align:center;
    font-family:verdana, arial, sans-serif;
    font-size:11px;
    height: 100%;           /* Altijd verticale scrollbar tonen om springen te voorkomen */
    margin-bottom: 1px;     /* Altijd verticale scrollbar tonen om springen te voorkomen */
}
a
{
    color: #000000;
    font-family:verdana, arial, sans-serif;
    text-decoration:underline;
    font-weight: normal;
}
a:active
{
    color: #000000;
    font-family:verdana, arial, sans-serif;
    text-decoration: underline;
    font-weight: normal;
}
a:visited
{
    color: #000000;
    font-family:verdana, arial, sans-serif;
    text-decoration: underline;
    font-weight: normal;
}
a:hover
{
    color: #9f9b9b;
    font-family:verdana, arial, sans-serif;
    text-decoration: underline;
    font-weight: normal;
}
a.menuItemLink
{
    color: #000000;
    font-family:verdana, arial, sans-serif;
    text-decoration:none;
    font-weight:normal;
}
a.menuItemLink:active
{
    color: #000000;
    font-family:verdana, arial, sans-serif;
    text-decoration:none;
    font-weight:normal;
}
a.menuItemLink:visited
{
    color: #000000;
    font-family:verdana, arial, sans-serif;
    text-decoration:none;
    font-weight:normal;
}
a.menuItemLink:hover
{
    color: #000000;
    font-family:verdana, arial, sans-serif;
    text-decoration:none;
    font-weight:normal;
}
h1
{
    font-family: Times New Roman, verdana, arial, sans-serif;
    font-size: 20px; 
	color: #6e706e;                 /* Antraciet */
	margin:0px;
}
h2
{
    font-family: Times New Roman, verdana, arial, sans-serif;
    font-size: 20px; 
	color: #ffffff;                 /* Wit */
	margin:0px;
}
h3
{
    font-family: Times New Roman, verdana, arial, sans-serif;
    font-size: 20px; 
	color: #c0bdbd;                 /* Wit */
	margin:0px;
}
.button
{
    text-align: center;
    background-color: White;
    border-color: #9f9b9b;
    border-style: solid;
    border-width: 1px;
    font-family: Verdana;
    font-size: 11px;
    color: #000000;
}
.invulVeld
{
    color:#6e706e;
    font-size: 10px;
    font-family:verdana, arial, sans-serif;
    border:1px;
    border-style:solid;
    border-color:#000000;
    vertical-align:top;
}
.modalMessage
{
    color:#004d6c;
    font-size: 11px;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica;
}
.lineSeparator
{
    background-color: White;
    height:2px;
}
.verder
{
    color:#000000;
    font-size: 9px;
    font-family:verdana, arial, sans-serif;
}
.adresgegevens
{
    color:#9f9b9b;
    font-family:verdana, arial, sans-serif;
}
.menuItem
{
    background-image:url(../images/achtergrondMenuItems.gif);
    background-repeat:no-repeat;
    color:#c0bdbd;
    font-size: 12px;
    font-family:verdana, arial, sans-serif;
}
.menuItemActief
{
    background-image:url(../images/achtergrondActiefMenuItem.gif);
    background-repeat:no-repeat;
    color:#000000;
    font-size: 12px;
    font-family:verdana, arial, sans-serif;
}
.imageBorder
{
    border:1px;
    border-style:solid;
    border-color:#e5e5e5;
}
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup
{
	background-color:#eff3fb;
	border-width:1px;
	border-style:solid;
	border-color:#004d6c;
	padding:4px;
	width:350px;
	text-align:center;
}
.floatEinde
{
    clear: both;
}
.watermarked_psw
{
	color:White; 
	font-family:verdana, arial, sans-serif;
	font-size:10px; 
	border: solid 1px #000000;
	vertical-align:top;
	text-align:right;                   /* De gewone tekst is nu niet meer zichtbaar */
	background-image:url(../images/psw_wMark.gif);
	background-repeat:no-repeat; 
}
.checkboxlist
{
    text-align:left;
    margin:0px;
    color:#000000;
    font-size: 9px;
    font-family:verdana, arial, sans-serif;
}

/* Layout elementen */
#achtergrondContainer
{
    margin:0px auto;
    width:100%;
}
#taalSelectieContainer
{
    background-color:#4f4f4f;           /* Donkergrijs */
    margin:0px auto;
    width:100%;
    height:23px;
}
#taalSelectie
{
    color:#a7a7a7;                      /* Lichtergrijs */
    margin:0px auto;                    /* Selectie centreren */
    width:960px;
    text-align:right;
    vertical-align:middle;
    font-family:verdana, arial, sans-serif;
    font-size:11px;
    position:relative;
    top:2px;
}
#twirlContainerKleuren
{
    background-color:#b2c7e6;           /* Lichtblauw */
    margin:0px auto;
    width:100%;
    height:105px;
    position:absolute;
    top:23px;
    left:0px;
}
#achtergrondTwirlLinkerKleur
{
    float:left;
    background-color:Black;
    margin:0px;
	width:50%;
    height:105px;
}
#achtergrondTwirl
{
    background-image:url(../images/achtergrondTwirl.jpg);
    margin:0px auto;                    /* Twirl centreren */
    width:1020px;
    height:105px;
    position:relative;
}
#achtergrondSchaduwLijn
{
    clear:both;                         /* Floats afsluiten en naar volgende regel */
    margin:0px;
    background-image:url(../images/achtergrondLijn.gif);
    height:9px;
    font-size:0px;
}
#mainContainer
{
    background-color:White;
    border:1px solid #bfbfbf;           /* Lichtgrijs */
    margin:0px auto;
    width:958px;
    position:relative;
    top:-48px;
}
#headerContainer
{
    margin-top:5px;
    margin-left:9px;
    margin-right:9px;
    margin-bottom:2px;
    width:958px;
    height:129px;
}
#logo
{
    float:left;
    margin:0px;
    margin-right:2px;
    width:228px;
    height:129px;
}
#twirl
{
    float:left;
    margin:0px;
    margin-right:2px;
    width:485px;
    height:129px;
}
#login
{
    float:left;
    background-image:url(../images/achtergrondLogin.jpg);
    margin:0px;
    width:223px;
    height:129px;
    text-align:left;
    vertical-align:top;
}
#loginTekst
{
    position:relative;
    top:10px;
    left:10px;
    margin:0px;
    width:200px;
}
#mainLijn
{
    clear:both;                         /* Floats afsluiten en naar volgende regel */
    background-color:#6e706e;           /* Donkergrijs */
    border:0px;
    margin:0px auto;
    width:940px;
    height:6px;
}
#bodyContainer
{
    background: url(../images/faux.gif);
    /*margin-top:2px;
    margin-left:9px;
    margin-right:9px;
    margin-bottom:35px;*/
    width:958px;
    margin-top:2px;
    margin-left:0px;
    overflow: auto;
    margin-bottom: 0px;
    /*margin-bottom: 0px;
    overflow: auto;
    width: 975px;*/
}
#linkerContainer
{
    float:left;
    margin-left:9px;
    margin-right:2px;
    width:228px;
}
#menu
{
    background-color:White;
    margin:0px;
    width:228px;
    text-align:left;
    vertical-align:top;
}
#menuItems
{
    position:relative;
    top:10px;
    left:10px;
    margin:0px;
    width:200px;
    text-align:left;
    vertical-align:top;
}
#adres
{
    background-color:White;
    position:absolute;
    left:9px;
    bottom:1px;
    margin:0px;
    margin-bottom:30px;
    width:228px;
    text-align:left;
    vertical-align:top;
}
#adresTekst
{
    position:relative;
    top:10px;
    left:10px;
    margin:0px;
    width:200px;
    text-align:left;
    vertical-align:top;
}
#middelsteContainer
{
    background: url(../images/achtergrondTekst.gif);
    background-repeat:repeat-x;
    background-color:White;
    float:left;
    margin-right:2px;
    width:485px;
}
#tekst
{
    margin-top:30px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:30px;
    width:445px;
    text-align:left;
    vertical-align:top;
}
#rechterContainer
{
    float:left;
    width:223px;
    vertical-align:top;
    margin:0px;
}
#zoek
{
    background-color:#d6d6d5;
    margin:0px;
    width:223px;
    height:100px;
    text-align:left;
    vertical-align:top;
}
#zoekTekst
{
    position:relative;
    top:10px;
    left:10px;
    width:200px;
    margin:0px;
    text-align:left;
    vertical-align:top;
}
#nieuws
{
    background-color:#dfe6f2;
    margin:0px;
    width:223px;
    text-align:left;
    vertical-align:top;
    height:250px;
}
#nieuwsTekst
{
    position:relative;
    top:10px;
    left:10px;
    margin:0px;
    width:200px;
    text-align:left;
    vertical-align:top;
}
#nieuweWebsites
{
    background-color:White;
    margin:0px;
    width:221px;
    text-align:left;
    vertical-align:top;
    margin-bottom:30px;
    border:1px;
    border-style:solid;
    border-color:#e5e5e5;
}
#nieuweWebsitesTekst
{
    position:relative;
    top:10px;
    left:10px;
    margin:0px;
    width:200px;
    height:135px;
    text-align:left;
    vertical-align:top;
}
#rechterContainerVervolgPagina
{
    background: url(../images/achtergrondTekst.gif);
    background-repeat:repeat-x;
    float:left;
    width:710px;
    vertical-align:top;
    margin:0px;
}
#tekstVervolgPagina
{
    margin-top:30px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:30px;
    width:670px;
    text-align:left;
    vertical-align:top;
    min-height:400px;
}
#loginLeeg
{
    float:left;
    background-image:url(../images/achtergrondLogin.jpg);
    margin:0px;
    width:223px;
    height:129px;
    text-align:left;
    vertical-align:top;
}
#twirlVervolgPagina
{
    float:left;
    margin:0px;
    width:710px;
    height:129px;
}
#businesscard
{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
#hometekst
{
    float:left;
}
#contactImage
{
   position:absolute;
   top:242px;
   right:42px;
}
#technieken
{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    width:425px;
}
#fotoTechnieken
{
    float:right;
}
#producten
{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    width:425px;
}
#fotoProducten
{
    float:right;
}
#beheerContainer
{
    margin:25px;
    background-image: url(../images/body_bg.gif);
    background-repeat: repeat-y;
    font-size:11px;
    color:Black;
    padding:0px;
    text-align:center;
    font-family:verdana, arial, sans-serif;
}