﻿:root { overflow-y: scroll; }
body{ margin-top: 0px; margin-left: auto; margin-right: auto; width: 1000px; font-family: Century Gothic; }

.clearer { font-size: 0px; height: 0px; width: 100%; display: block; clear: both; }

h1{ margin: 0; padding: 0; font: 50px 'Lucida Sans Unicode'; color: #FF6400; line-height: 45px; }
h2{ margin: 0; padding: 0; font: 28px 'Lucida Sans Unicode'; color: #FF6400; }
h3{ margin: 0; padding: 0; font-size: 16px; color: #FF6400; }
h4{ margin: 0; padding: 0; font-size: 15px; font-weight: normal; color: #FF6400; }
h5{ margin: 0; padding: 0; font-size: 15px; font-weight:600; color: black;}

#spacer{ width: 1000px; height: 44px; }

/* TOP MENU */
#topmenu{ width: 1000px; height: 108px; background-image: url('Images/menubackground.png'); background-repeat: no-repeat; }
    /* LANGUAGES */
    .pnlLanguages{ height: 24px; text-align: right; }
    .pnlLanguages input{ height: 24px; }
    /* END LANGUAGES */
    /* MENU */
    #menu{ width: 1000px; height: 38px; }
    #jsdropdownmenu{ margin: 0; padding: 0;	text-align: center;	float: right; }
	    #jsdropdownmenu li{ float: left; list-style: none; cursor: pointer; }
	    #jsdropdownmenu li a{ display: block; padding: 5px 12px; text-decoration: none;
		    font-size: 20px; color: #FF6400; white-space: nowrap; font-weight: bold; }
		#jsdropdownmenu li span:hover { background-color: #D8D8D8;}
	    #jsdropdownmenu li a:hover{ background-color: #D8D8D8; }
		    #jsdropdownmenu li ul{ margin: 0px; margin-top: 3px; padding: 0; position: absolute; visibility: hidden;
			    background-color: White; border: 1px solid #FF6400; border-top: 0px none; }
		    #jsdropdownmenu li ul li{ float: none; display: inline; }
		    #jsdropdownmenu li ul li a{ width: auto; border: none; text-align: left; font-size: 13px; }
		    #jsdropdownmenu li ul li a:hover{}
    /* END MENU */
/* END TOP MENU */

/* FOOTER */
#footer{ clear: both; width: 1000px; border-top: 4px solid #3D3D3D; text-align: center; }
#footer span{ color: #3D3D3D; font-size: small;}
#footer a {color: #FF6400;}
ul.footercontent{ padding: 0 0 7px;}
.footercontent li{ display:inline; padding:0 10px 0 10px; border-right:1px solid #3D3D3D;}
.footercontent .footerend{ border-right:0 none;}
/* END FOOTER */

#banner{ width: 1024px; height: 240px; background-image: url('Images/banner_auto.png'); background-repeat: no-repeat; margin-bottom: -24px; padding-left: 20px; padding-top: 10px; }
#banner h1 { width: 650px; padding-bottom: 5px; }

.sectiontitlefulltop { width: 1000px; height: 24px; border-top: 4px solid #3D3D3D; font-weight: bold; }
.sectiontitlefull { width: 1000px; height: 24px; border-bottom: 4px solid #3D3D3D; font-weight: bold; }
.sectiontitle795{ width: 795px; height: 24px; border-bottom: 4px solid #3D3D3D; font-weight: bold; }
.sectiontitle180{ width: 180px; height: 24px; border-bottom: 4px solid #3D3D3D; font-weight: bold; }
.sectiontitle{ height: 24px; border-bottom: 4px solid #3D3D3D; font-weight: bold; }

/* ABOUT US */
#aboutus{ float: left; width: 180px; }
#aboutus .content{ margin-top: 10px; color: #3D3D3D; }
#aboutus .content a{ color: #FF6400; text-decoration: none; }
/* END ABOUT US*/

/* NEWS */
#news{ float: left; width: 590px; margin-left: 25px; }
#news .content{ margin-top: 10px; color: #3D3D3D; }
#news .content a{ color: #F57800; text-decoration: none; }
#news .newsintro{ width: 550px; }
/* END NEWS */

/* PRODUCT BUTTONS */
#productbuttons{ text-decoration:none; clear: both; height: 190px; padding-top: 15px; }
.productimage{ float: left; width: 180px; height: 160px; text-align: center; background-color: #3D3D3D; cursor: pointer;}
.productimage2{ margin-left: 25px; }

.productimagecontent{ height: 140px; width:180px; background-color: #3D3D3D; }
.productimagecell { height: 140px; background-color: #3D3D3D; vertical-align:middle;}
.productimagecell a { text-decoration: none; }
 
.productimagetext{ text-align: center; height: 24px; background-image: url('Images/redbottom.gif'); }
.productimagetext a { color: White; text-decoration: none;}

.slideshow { height: 140px; background-color: #3D3D3D; text-align: center; }
.slideshow img { border: none;  height: 140px; }

.productimagetextgray{ height: 24px; background-image: url('Images/graybottom.gif'); }

/* END PRODUCT BUTTONS */

/* LOGIN */
#login{ float: right; width: 180px; }
#login .content{ margin-top: 10px; }
#login .content p{ margin-top: 0px; margin-bottom: 2px; }
.logintext{ color: #FF6400; font-weight: bold; }
.loginbutton{ color: #3D3D3D; }
.loginbox{ width: 160px; margin-bottom: 5px; }
.loginremember{ color: #3D3D3D; }
/* END LOGIN*/

/* ARTICLE */
#articlecontainer{ margin-top: 30px; margin-bottom: 20px; background-image: url('Images/divider.gif'); background-repeat: repeat-y; background-position: 625px 0px; }
#articleheader{ width: 1000px; height: 50px; background-color: #3D3D3D; color: #FF6400; }
#articleheader h2{ padding-top: 10px; padding-left: 10px; }
#article{ height: auto; float: left; width: 600px; }
#articleitems{ height: auto; float: right; width: 350px; }
#articleitems #piet{ width: auto; margin-top: 20px; text-align: center;}
#articleitems .content a{ color: #F57800; text-decoration: none; }
#articleitems .content .articlelink { text-decoration: underline;}
#articleitems .introarticle{ width: 320px; }
.articlereferences { width: 600px;}

/* END ARTICLE */