/*-----------------------------------------------------------------------------
Website: Car Company Deroose
Auteur: Webatvantage
Laatst gewijzigd: 08-03-2009
-----------------------------------------------------------------------------*/

/*------------------------------- START RESET -------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML / BODY -------------------------------*/
body { background: url(../Graphics/Body_bg.jpg) repeat; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; overflow: -moz-scrollbars-vertical; }
/*------------------------------- END HTML BODY -------------------------------*/

/*------------------------------- END DEFAULT LINK -------------------------------*/
a img { border: none; }
a:link, a:visited, a:active { color: #003366; }
a:hover { color: #003366; }
/*------------------------------- END DEFAULT LINK -------------------------------*/

/*------------------------------- START HEADINGS -------------------------------*/
h1 { margin-bottom: 10px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1.5em; color: #282828; }
h2 { margin-bottom: 5px;font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 1.5em; color: #282828; }
/*------------------------------- END HEADINGS -------------------------------*/

/*------------------------------- START CONTAINER -------------------------------*/
div#wrapper { position: relative; width: 800px; min-height: 600px; height: auto !important; height: auto; margin: 50px auto; 0 auto; background: transparent; }
div#container {  width: 800px; min-height: 600px; height: auto !important; height: auto; margin: 0 auto; background: #fff; text-align: left; }
/*------------------------------- END CONTAINER -------------------------------*/

/*------------------------------- START MAINNAV -------------------------------*/
ul#mainnav { position: absolute; top: -22px; right: 0; height: 25px; margin: 0; z-index: 9999; background: transparent; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; }
ul#mainnav li { float: left; display: block; height: 25px; margin: 0 20px 0 0; list-style: none; }
ul#mainnav li a { display: inline-block; height: 25px; line-height: 25px; text-decoration: none; color: #fff; }
ul#mainnav li a:hover, ul#mainnav li a#mainnav_active { background: url(../Graphics/Mainnav_hover_bg.gif) repeat-x bottom left; }
/*------------------------------- END MAINNAV -------------------------------*/

/*------------------------------- START HEADER -------------------------------*/
div#header { width: 800px; }
div#header div#banner { width: 800px; height: 147px; overflow: hidden; }
div#header div#slogan { width: 756px; height: 25px; line-height: 25px; padding: 0 20px; background: #8d8e92; border-left: 2px solid #fff; border-right: 2px solid #fff; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; text-align: right; }
/*------------------------------- END HEADER -------------------------------*/

/*------------------------------- START CONTENT -------------------------------*/
div#content { clear: both; width: 740px; padding: 30px; color: #333; }
div#content p { line-height: 16px; }

/* Nieuwe wagens */
div#content div#nieuwe_wagens {	margin: 20px 0; }
div#content div#nieuwe_wagens span { font-weight: bold; text-decoration: underline; }
div#content div#nieuwe_wagens ul { margin: 20px 0 0 0; list-style: none; }
div#content div#nieuwe_wagens ul li { float: left; display: block; width: 90px; height: 68px; margin: 0 33px 0 0; }

/* Wagens tabel */
div#content table#wagen_table { width: 100%; height: auto; }
div#content table#wagen_table tr { border-bottom: 1px solid #fff; }
div#content table#wagen_table tr.even { background-color: #eee; }
div#content table#wagen_table td { padding: 10px; }

div.box { height: auto; border: 1px solid #ccc; margin: 0 0px 10px 0; padding: 10px 10px 15px 10px; text-align: left !important; }
/*------------------------------- END CONTENT -------------------------------*/

/*------------------------------- START FOOTER -------------------------------*/
div#footer { clear: both; height: 30px; line-height: 30px; background: #fff; text-align: center; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000; }
/*------------------------------- END FOOTER -------------------------------*/

/*------------------------------- START FOTOALBUM -------------------------------*/
div#fotoalbum .thumb { float: left; display: block; width: 150px; height: 150px; margin: 0 20px 20px 0; padding: 1px;  background: #eee; border: 1px solid #ddd; }
div#fotoalbum .thumb:hover { border: 1px solid #999; }
/*------------------------------- END FOTOALBUM -------------------------------*/

/*------------------------------- START CREDITS -------------------------------*/
div#credits { clear: both; height: 30px; line-height: 30px;	background: transparent; text-align: right; color: #fff; }
div#credits a:link, div#credits a:visited, div#credits a:hover, div#credits a:active { color: #fff; }
/*------------------------------- END CREDITS -------------------------------*/

/*------------------------------- START LINKSLIST -------------------------------*/
ul#linkslist { margin: 0 10px 10px 15px; padding: 0; list-style-type: square; }
ul#linkslist  ul { margin: 10px 0 10px 20px; }
/*------------------------------- END LINKSLIST -------------------------------*/

/*------------------------------- START CONTACTFORM -------------------------------*/
form#contactform { float: right; width: 270px; border: 1px solid #ddd; padding: 10px; margin: 10px 0; overflow: hidden; }
form#contactform label { display: inline-block; width: 100px; vertical-align: top; margin-bottom: 5px; }
form#contactform .input { width: 264px; } 
form#contactform textarea { overflow: auto; width: 264px; }
form#contactform .submit { width: 100px; height: 25px; line-height: 25px; margin: 0; background: #282828; color: #fff; border: none; cursor: pointer; text-decoration: none; font-family: Verdana, Arial, sans-serif; }
/*------------------------------- END CONTACTFORM -------------------------------*/

/*------------------------------- START PRODUCTDETAILS -------------------------------*/
div#thumbbox { float: left; width: 220px; margin: 10px 0px 10px 0; height: auto; }
div#thumbbox .thumb { float: left; margin: 0 5px 6px 0; border: 1px solid #ddd; padding: 1px; }
div#large_pic { float: left; margin: 10px 0 10px 6px; height: auto; border: 1px solid #ddd; padding: 1px; }
div#specificaties { clear: both; float: left; width: 400px; border: 1px solid #ddd; margin: 10px 20px 10px 0; padding: 10px; line-height: 18px; }
div#prijsdetails { float: right; width: 270px; border: 1px solid #ddd; margin: 10px 0px 10px 0; padding: 10px; line-height: 18px; text-align: right; }
div#prijsdetails table { width: 270px; } 
/*------------------------------- END PRODUCTDETAILS -------------------------------*/

/*------------------------------- START VERKOCHT -------------------------------*/
div.verkocht_thumb { float: left; width: 175px; height: 131px; margin: 0 8px 8px 0; padding: 1px; border: 1px solid #ccc; }
div#pagination { clear: both; float: right; width: auto; height: 20px; margin: 10px 0; }
div#pagination a { display: inline-block; width: 25px; height: 25px; line-height: 25px; margin: 0 2px 0 2px; background: #fff; border: 1px solid #eee; text-align: center; }
div#pagination a#pagination_active { font-weight: bold; background: #eee; border: 1px solid #ddd; }
div#pagination a.volgende,
div#pagination a.vorige { text-decoration: none; }
/*------------------------------- END VERKOCHT -------------------------------*/

/*------------------------------- START OTHER CLASSES -------------------------------*/
.floatleft { float: left; }
.floatright { float: right; }
.important { font-weight: bold; }
.underline { text-decoration: underline; }
.nomargin { margin: 0; }
.noborder { border: none; }
.hidden { display: none; }
.error, .red { color: #903; }
.link { color: #903 !important; font-weight: bold; }
.vragen { cursor: help; }

.pdf { display: inline-block; height: 18px; line-height: 18px; background: url(../Graphics/Pdf.gif) no-repeat center left; padding: 0 0 0 20px; }

span.verkocht { padding: 3px 5px; background: #903; color: #fff; border: 1px solid #7e0f2a; text-transform: uppercase; }
span.nieuw { padding: 3px 5px; background: #003366; color: #fff; border: 1px solid #003366; text-transform: uppercase; }

a.button { float: left; display: block; width: auto; height: 25px; line-height: 25px; margin: 0 1px 0 0; padding: 3px 5px; background: #eee; text-decoration: none; }
a:hover.button { background: #000046; color: #fff; }
a#button_active { float: left; display: block; width: auto; height: 25px; line-height: 25px; margin: 0 1px 0 0; padding: 3px 5px; background: #000046; color: #fff; text-decoration: none; }
/*------------------------------- END OTHER CLASSES -------------------------------*/

/*------------------------------- START CLEARFIX -------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {	display: block; }
/* End hide from IE-mac */
/*------------------------------- END CLEARFIX -------------------------------*/