/*
/	version		:	1.0
/	author		:	T.Willems
/	company		:	BestMedia
*/

body { font-family: Arial; line-height: 1.8em; color: #999; font-size: 11px; background: #959595; text-align: center; margin-top: 0px; margin-bottom: 0px; }

a:link { text-decoration: none; color: #999; }
a:visited { text-decoration: none; color: #999; }
a:active { text-decoration: none; color: #999; }
a:hover { text-decoration: none; color: #f3b217; }

h1 { font-size: 16px; color: #000; }
h2 { font-size: 14px; font-weight: bold; color: #909090; }
h3 { font-size: 14px; font-weight: bold; color: #9ec800; }
h4 { font-size: 14px; font-weight: bold; color: #ff0000; margin: 3px 0 3px 0; }
p { text-align: justify; }
a img { border: none; }
.error { color: #ff0000; font-size: 11px; }
.succes { color: #9ec800; font-size: 11px; }

#container { width: 955px; height: auto; margin: 0px auto; margin-top: 0; text-align: left; }

#header { width: 955px; height: 110px; background: url(../images/header_top.png) no-repeat #5a5a5a; }
#header #logo {	width: 232px; height: 63px;	background: url(../images/header_logo.png);	margin: 30px 0 0 30px; float: left; }
#header #navigationTop { width: auto; height: auto; margin: 10px 15px; float: right; }
#header #navigationTop a { font-size: 10px; color: #999; text-transform: uppercase; text-decoration: none; margin: 0; }
#header #navigationTop a.this { font-size: 10px; color: #f3b217; text-decoration: none; text-transform: uppercase; margin: 0; }
#header #navigationTop a:hover { font-size: 10px; color: #f3b217; text-decoration: none; text-transform: uppercase; margin: 0; }
#header #navigationTop span { color: #fdb813; font-size: 10px; }

#header #navigationBottom { width: 652px; height: 20px; margin: 35px 0 0 10px; float: right; clear: right; }
#header #navigationBottom .home a { display: block; width: 44px; height: 20px; float: left; background: url(../images/header_home.png) 0 0 no-repeat; text-decoration: none; margin: 0 10px 0; }
#header #navigationBottom .home a:hover { background-position: 0 -20px; }
#header #navigationBottom .home a:active { background-position: 0 -20px; }
#header #navigationBottom .showroom a { display: block; width: 91px; height: 20px; float: left; background: url(../images/header_showroom.png) 0 0 no-repeat; text-decoration: none; margin: 0 10px 0; }
#header #navigationBottom .showroom a:hover { background-position: 0 -20px; }
#header #navigationBottom .showroom a:active { background-position: 0 -20px; }
#header #navigationBottom .occasions a { display: block; width: 86px; height: 20px; float: left; background: url(../images/header_occasions.png) 0 0 no-repeat;	text-decoration: none; margin: 0 10px 0; }
#header #navigationBottom .occasions a:hover { background-position: 0 -20px; }
#header #navigationBottom .occasions a:active { background-position: 0 -20px; }
#header #navigationBottom .inruilwagens a { display: block; width: 109px; height: 20px; float: left; background: url(../images/header_inruilwagens.png) 0 0 no-repeat;	text-decoration: none; margin: 0 10px 0; }
#header #navigationBottom .inruilwagens a:hover { background-position: 0 -20px; }
#header #navigationBottom .inruilwagens a:active { background-position: 0 -20px; }
#header #navigationBottom .vriensbedrijvig a { display: block; width: 129px; height: 20px; float: left; background: url(../images/header_vriensbedrijvig.png) 0 0 no-repeat;	text-decoration: none; margin: 0 10px 0; }
#header #navigationBottom .vriensbedrijvig a:hover { background-position: 0 -20px; }
#header #navigationBottom .vriensbedrijvig a:active { background-position: 0 -20px; }
#header #navigationBottom .nieuws a { display: block; width: 56px; height: 20px; float: left; background: url(../images/header_nieuws.png) 0 0 no-repeat; text-decoration: none; margin: 0 10px 0; }
#header #navigationBottom .nieuws a:hover { background-position: 0 -20px; }
#header #navigationBottom .nieuws a:active { background-position: 0 -20px; }
#header #navigationBottom .contact a { display: block; width: 71px; height: 20px; float: left; background: url(../images/header_contact.png) 0 0 no-repeat;	text-decoration: none; margin: 0 10px 0; }
#header #navigationBottom .contact a:hover { background-position: 0 -20px; }
#header #navigationBottom .contact a:active { background-position: 0 -20px; }

#slideshow { width: 955px; height: 160px; }
#slideshow IMG { position: absolute; z-index: 8; opacity: 0.0; }
#slideshow IMG.active { z-index: 10; opacity: 1.0; }
#slideshow IMG.last-active { z-index: 9; }

#navigation { width: 955px; height: 38px; background: url(../images/navigation_background.png) repeat-x; }
#navigation .item { width: auto; height: auto; line-height: 38px; margin: 0 0 0 25px; float: left; }
#navigation .item a { font-size: 11px; color: #fff; text-decoration: none; text-transform: uppercase; }
#navigation .item a:hover { font-size: 11px; color: #f3b217; text-decoration: none; text-transform: uppercase; }
#navigation .item a.this { font-size: 11px; color: #f3b217; text-decoration: none; text-transform: uppercase; }
#navigation #fontsize { width: auto; height: auto; line-height: 38px; margin: 0 20px; float: right; }
#navigation #fontsize span.fontsize { font-size: 9px; color: #f3b217; text-transform: uppercase; margin: 0 5px 0 0; }
#navigation #fontsize p { margin: 0; color: #fff; font-size: 10px; text-transform: uppercase; }
#navigation #fontsize span.klein { font-size: 11px; text-transform: uppercase; }
#navigation #fontsize span.kleinEnabled { color: #f3b217; font-size: 11px; text-transform: uppercase; }
#navigation #fontsize span.gemiddeld { font-size: 12px; text-transform: uppercase; }
#navigation #fontsize span.gemiddeldEnabled { color: #f3b217; font-size: 12px; text-transform: uppercase; }
#navigation #fontsize span.groot { font-size: 14px; text-transform: uppercase; }
#navigation #fontsize span.grootEnabled { color: #f3b217; font-size: 14px; text-transform: uppercase; }

#content { width: 915px; height: auto; padding: 20px; overflow: auto; background: url(../images/content_background.png) repeat-x  #fff; }
#content #left { width: 195px; height: auto; float: left; overflow: auto; padding: 15px; border: 1px solid #e6e6e6; }
#content #right { width: 635px;  height: auto; float: right; overflow: auto; padding: 15px; border: 1px solid #e6e6e6; }
#content #center { width: 880px; height: auto; overflow:auto; margin: 0 auto; padding: 15px; border: 1px solid #e6e6e6; }



#footer { width: 955px;	height: 110px; background: #5a5a5a; }
#footer .adres { width: auto; height: auto; float: right; margin: 10px 15px; }
#footer .adres p { margin: 0; }
#footer .adres p.titel { margin: 0; font-weight: bold; }
#footer .openingstijden { width: auto; height: auto; float: left; margin: 10px 10px 0 15px; }
#footer .openingstijden p { margin: 0; }
#footer .openingstijden p.titel { margin: 0; font-weight: bold; }

#copyright { width: 955px; text-align: right; margin: 10px auto; background: #959595; color: #5a5a5a; }
#copyright a { font-size: 11px; color: #5a5a5a; text-decoration: none; }
#copyright a:hover { font-size: 11px; color: #f3b217; text-decoration: none; }