* { margin: 0; }
html { height: 100%; }

body {
 	height: 100%;
 	background: #451010;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	}

a { }
a:hover { }
a img { border: 0; }
h1, h2, h3 { padding: 0 0 0 40px; margin: 0 0 10px; background: url(../img/bg/header-star.gif) no-repeat left; color: #451010; line-height: normal; font-weight: normal; }
h1 { height: 32px; font-size: 28px; line-height: 32px; }
h2 { height: 32px; font-size: 20px; line-height: 32px; }
h3 { padding: 0; background: none; font-size: 20px; font-style: italic; }
h3 a { color: #fff; text-decoration: none; }
p, address { font-style: normal; }

.box-red input, .box-red textarea, .box-red  select 
{ 
  padding: 0; 
  border: 0; 
  font: 12px Arial, Helvetica, sans-serif; 
  color: #000; 
}

/* Elements */

#container {
	width: 980px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	margin: 0 auto -80px;
	}

#header {
	width: 940px;
 	height: 253px;
  	padding: 60px 20px 0;
   	position: relative;
    overflow: hidden;
	}
    #header a.logo { width: 561px; height: 108px; display: block; background: url(../img/bg/logo.png); text-indent: -9999px; position: absolute; top: 10px; left: 20px; z-index: 4; }
    #header div.vehicle { width: 980px; height: 313px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 3; }
    #header div.setting { position: absolute; z-index: 1; }
    #header span.corners { width: 940px; height: 70px; display: block; background: url(../img/bg/header-corners.png); overflow: hidden; position: absolute; top: 0; left: 20px; z-index: 2; }

#main-menu {
 	width: 980px;
  	height: 90px;
  	background: url(../img/bg/mainmenu.jpg);
	}

#content {
	width: 940px;
 	padding: 20px 0 20px;
  	margin: 0 20px 20px;
  	background: url(../img/bg/content-bottom.gif) no-repeat bottom #eae7dd;
   	line-height: 20px;
	}
    #content p { padding: 0 0 20px; }

#main-content {
	width: 580px;
	margin: 0 40px;
 	text-align: justify;
	float: right;
	}
    #main-content a { color: #000; }
    #main-content a:hover { color: #451010; }
    #main-content blockquote { width: 580px; background: url(../img/bg/blockquote.gif) no-repeat #ffd420; color: #451010; font-size: 14px; }
    #main-content blockquote p { padding: 17px 30px 20px 70px; background: url(../img/bg/blockquote.gif) no-repeat bottom right; font-style: italic; }
    #main-content blockquote a { color: #451010; }
    #main-content blockquote a:hover { color: #000; }

#side-bar {
	width: 300px;
 	margin: 0 0 0 -20px;
	float: right;
	}
    #side-bar h3 { color: #fff; }
    #side-bar h3.offerte a { width: 230px; height: 65px; margin: 0 0 20px; padding: 15px 50px 0 20px; background: url(../img/bg/sidebar-h3.jpg); text-shadow: -1px -1px 0 #568800; float: left; clear: both; }
    #side-bar h3.offerte a:hover { background-position: 0 -80px; }
    #side-bar h3.vacature a { width: 230px; height: 65px; margin: 0 0 20px; padding: 15px 20px 0 50px; background: url(../img/bg/sidebar-h3.jpg) 0 -160px; text-shadow: -1px -1px 0 #007688; text-align: right; float: left; clear: both; }
    #side-bar h3.vacature a:hover { background-position: 0 -240px; }
    
    #side-bar .box-red { width: 260px; padding: 10px 20px 0; margin: 0 0 20px; background: url(../img/bg/box-red-corners.gif) no-repeat #6b0c0c; text-shadow: -1px -1px 0 #250000; clear: both; }
    #side-bar .box-red .field { width: 240px; height: 30px; padding: 0 10px; margin: 0 0 10px; background: url(../img/bg/box-red-input.gif) no-repeat; line-height: 30px; }
    #side-bar .box-red .btn { width: 100px; height: 30px; margin: 0 0 10px; background: url(../img/bg/box-red-input.gif) no-repeat bottom right; color: #fff; float: right; cursor: pointer; }
    #side-bar .box-red span.bottom { width: 300px; height: 5px; margin: 0 -20px; display: block; background: url(../img/bg/box-red-corners.gif) no-repeat -300px 0; overflow: hidden; clear: both; }
    
    #side-bar .box-white { width: 260px; padding: 20px 20px 0; margin: 0 0 20px; background: url(../img/bg/box-white-corners.gif) no-repeat #fff; clear: both; }
    #side-bar .box-white img { padding: 0 0 15px; }
    #side-bar .box-white span.bottom { width: 300px; height: 5px; margin: 0 -20px; display: block; background: url(../img/bg/box-white-corners.gif) no-repeat -300px 0; overflow: hidden; clear: both; }

#side-bar ul { padding: 0 0 10px; list-style: none; overflow: hidden; width: 170px; float: left; }
#side-bar ul li { margin: 0 10px 0 0; float: left; }
#side-bar ul li a { float: left; }


#footer {
	width: 100%;
 	height: 70px;
  	padding: 10px 0 0;
 	background: #340c0c;
  	color: #a85f5f;
   	font-size: 11px;
    line-height: 22px;
	}
    #footer div { width: 960px; margin: 0 auto; }
    #footer a { color: #a85f5f; }
    #footer a:hover { color: #ca8d8d; }
    #footer .right { float: right; text-align: right; }

/* Classes */

.push { height: 80px; display: block; }
.clear { display: block; clear: both; }

/* SuckerFish */
/*
.sf-menu, .sf-menu * { padding: 0; list-style: none; }
.sf-menu { margin: 0 20px; width: 940px; }
.sf-menu ul { position: absolute; top: -999em; width: 940px; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 40px; z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 940px; top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 940px; top: 0;}
.sf-menu { float: left; }
.sf-menu a { height: 40px; padding: 0 15px; color: #451010; line-height: 40px; text-decoration: none; }
.sf-navbar { height: 40px; position: relative; }
.sf-navbar li { position: static; text-transform: uppercase; font-weight: bold; }
.sf-navbar li ul { width: 940px; }
.sf-navbar li li { position: relative; text-transform: none; font-weight: normal; }
.sf-navbar li li ul { width: 13em; background: #ffd420; }
.sf-navbar li li li { width: 100%; font-size: 11px; }
.sf-navbar li li li a { height: 30px; line-height: 30px; }
.sf-navbar ul li { width: auto; float: left; }
.sf-navbar li.current { background: #ffba00; }
.sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar li li.current, .sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active { background: #ffba00; }
.sf-navbar ul li:hover, .sf-navbar ul li.sfHover, ul.sf-navbar ul li:hover li, ul.sf-navbar ul li.sfHover li, .sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active { text-decoration: underline; background: none; }
ul.sf-navbar li li li:hover, ul.sf-navbar li li li.sfHover, .sf-navbar li li.current li.current, .sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active { background: #ffba00; text-decoration: none; }
ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul { left: 0; top: 40px; }
ul.sf-navbar .current ul ul { top: -999em; }
.sf-navbar li li.current > a { font-weight:	bold; }
*/

#main-menu p { padding: 0 20px 0 0; color: #451010; font-size: 12px; line-height: 40px; float: right; }
	#main-menu p big { font-size: 17px; font-weight: bold; }
	#main-menu p span { color: #8f6a1f; font-size: 11px; text-transform: none; }


/* SuckerFish */

.sf-menu, .sf-menu * { padding: 0; list-style: none; }
.sf-menu { margin: 0 20px; width: 940px; }
.sf-menu ul { position: absolute; top: -999em; width: 940px; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { width: 250px; background: #ffba00; left: 0; top: 40px; z-index: 99; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #ffec6e; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 250px; top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 940px; top: 0;}
ul.sf-menu li{text-transform: uppercase;}
.sf-menu { float: left; }
.sf-menu a { height: 40px; padding: 0 11px; color: #451010; line-height: 40px; text-decoration: none;}