/* Global Font settings, and margin/padding/background for body */
BODY {
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	background-color: #f3f2ef;
}
A {
  color: #000000;
	text-decoration: underline;
}

/* All forms have no spacing before and after */
FORM {
	margin: 0px; 
}

/* This is the container where the site is put in. This container is centered in the browser */
#wrap {
  background: #f3f2ef url(../images/background.gif) repeat-y center top;
  margin: 0px auto;
	width: 1000px;
}

/* Contains all content excepts the footer (who overwrites the shade on the sides) */
#content {
  padding: 0 14px 0 14px;
}

/* Contains logo and image for highlighting products and languages and topmenu */
#header {
  width: 972px;
	height: 232px;
}
#header IMG {
  float: left;
}

/* Contants all the image flags for language selection */
.languages {
  width: 225px;
	height: 29px;
	background-color: #a1863f;
	float: left;
	padding-left: 18px;
}

/* Language images flags are equally spaced over the available space */
.languages IMG {
  margin: 6px 3px 0px 3px;
}

/* Contants all the clickable text links beneath the image flags */
.languages_txt {
  width: 223px;
  height: 17px;
  background-color: #FFFFFF;
  float: left;
  padding-left: 20px;
}

/* Clickable language links  have special settings */
.languages_txt A {
  color: #000000;
	font-size: 12px;
}

/* Alle clickabe text links are placed in one DIV each, for equally spacing them over the available space */
.languages_txt DIV {
  width: 25px;
	float: left;
	text-align: center;
}

/* Alle seperators between the clickable links are stored in SPAN's, so they are not interfearing whith the DIV's width's */
.languages_txt SPAN {
  float: left;
}

/* Contants clickable breadcrumbs path */
.breadcrumbs {
  width: 700px;
  height: 17px;
	background-color: #FFFFFF;
  float: left;
	padding: 2px 0px 0px 20px;
	border-left: 1px solid #000000;
}

/* The last breadcrump is the current page, and has this class for special highlighting */
.breadcrumbs .current {
  color: #a1863f;
}

/* Breadcrumbs are clickable text links whith sepcial formatting */
.breadcrumbs A {
  color: #000000;
}

/* Contains all the top menu buttons and search */
.topmenu {
	width: 729px;
	height:29px;
  float: left;
	background-color: #000000;
}
.topmenu INPUT {
  font-size: 12px;
  height: 14px;
  width: 140px;
  border: 0px;
	margin: 5px 0px 0px 20px;
}
.topmenu .button {
  margin: 6px 0px 0px 2px;
	position: absolute;
}

/* Contants all the left menu buttons */
.menu {
  float: left;
  width: 243px;
	height: 330px;
	background: #eee8de;
	border-top: 1px solid #000000;
	padding-top: 20px; 
	text-align: right;
}
.menu IMG {
  border: 0px;
}

/* Contains the content of the page between the left menu and the right menu */
.middle {
  float: left;
  width: 469px;
	border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
	padding: 20px 8px 0px 8px;
  min-height:330px;
}
.middle .text {
  padding: 0px 20px 0px 20px;
}
.middle .spacer {
  float: left;
}
.middle .text  IMG {
  padding: 5px;
}
.middle .text .productgroup IMG {
  padding: 0px;
}


/* style when li elements are used as menu item */
.ul_menu LI {
  list-style: square;
  color: #a1863f; 
}
.ul_menu LI A {
  color: #000000;
}

/* Contains the right menu (login and orther banners) */
.right {
  float: left;
  width: 234px;
  height: 330px;
  border-top: 1px solid #000000;
  padding-top: 20px;
	padding-left: 5px;
}

/* Login banner in right menu */
.inlog {
  background-color: #a1863f;
	width: 221px;
	height: 46px;
	text-align: right;
	color: #FFFFFF;
	font-size: 10px;
	padding: 5px;
	margin-bottom: 12px;
}
.inlog INPUT {
  font-size: 14px;
	height: 14px;
	width: 63px;
	border: 0px;
	margin-top: 3px;
}
.inlog DIV {
  float: left;
}
.inlog .button {
  margin-left: 3px;
}
.inlog A {
	color: #FFFFFF;
}

/* Technical info banner in right menu */
.technical_info {
  background-color: #a1863f;
  width: 225px;
  height: 54px;
  text-align: left;
  color: #FFFFFF;
	font-size: 16px;
  padding: 1px 1px 1px 5px;
  margin-bottom: 12px;
	cursor: pointer;
}
.technical_info IMG {
  float: right;
}

/* Werken bij Fort� banner in the right menu */
.werken_bij_forte {
  width: 223px;
	background-color: #f1eee6;
	border: 1px solid #a1863f;
  font-size: 15px;
  line-height: 18px;
  padding: 5px 1px 5px 5px;
  margin-bottom: 12px;
	cursor: pointer;
}

/* Werken bij Fort� banner in the right menu */
.question_answer {
  width: 223px;
	background-color: #e4e0d7;
	border: 1px solid #a1863f;
  font-size: 15px;
  line-height: 18px;
  padding: 5px 1px 5px 5px;
  margin-bottom: 12px;
	cursor: pointer;
}

/* Newsletter banner in the right menu */
.newsletter {
  background: #FFFFFF url(../images/newsletter.jpg) right bottom no-repeat;
  border: 1px solid #a1863f;
  width: 223px;
  height: 52px;
  text-align: left;
  font-size: 14px;
	color: #a1863f;
  padding: 1px 1px 1px 5px;
  margin-bottom: 12px;
	cursor: pointer;
	overflow: hidden;
}

/* Special div to seperate floating divs, acts as a carriage return */
#clear {
  display: block;
  clear: both;
  width: 100%;
  height:0px;
  overflow:hidden;
}

/* Contains the footer clickable text and background image */
#footer {
  text-align: center;
  background: #f3f2ef url(../images/background_footer.gif) no-repeat;
  width: 1000px;
  height: 94px;
  padding-top: 50px;
}
#footer A {
  color: #000000;
}

/* footer for minimalistic pages */
#footer_min {
  text-align: center;
  background: #f3f2ef url(../images/background_footer_min.gif) no-repeat;
  width: 1000px;
  height: 94px;
  padding-top: 50px;
}

/* Contains submenu items from topmenu, default these menu's are invisible */
.submenu {
  position: absolute;
	visibility: hidden;
	background-color: #000000;
	color: #FFFFFF;
	padding: 8px;
}
.submenu A {
  color: #FFFFFF;
  text-decoration: none;
	line-height: 18px;
}
.submenu A:hover {
  color: #8f7431;
}

/* banner_type01 */
.banner_type01 {
  width: 226px;
	height: 124px;
	background-color: #a1863f;
	line-height: 21px;
	text-indent: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	float: left;
	margin-top: 12px;
}

/* banner_type02 */
.banner_type02 {
  width: 221px;
  height: 136px;
	background-position: 0px 0px;
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  float: left;
	margin-left: 10px;
  margin-top: 0px;
	padding-left: 5px;
}

/* banner_type03 */
.banner_type03 {
  width: 224px;
  height: 124px;
  background-color: #FFFFFF;
	border: 1px solid #a1863f;
  line-height: 22px;
  text-indent: 5px;
  color: #a1863f;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  float: left;
	margin-top: 12px;
}

/* banner_type04 */
.banner_type04 {
  width: 219px;
  height: 124px;
  background: #beac80 url(../images/tandwiel.jpg) right bottom no-repeat;
  border: 1px solid #a1863f;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  float: left;
	padding-left: 5px;
  margin-top: 12px;
	margin-left: 10px
}

/* Header, is displayed on top of middle div */
.header {
  background-color: #a1863f;
	color: #FFFFFF;
  margin-bottom: 12px;
	padding: 4px;
	text-indent: 5px;
	font-size: 16px;
	font-weight: bold;
	height: 20px;
}

/* Header, is displayed on top of middle div */
.header_high {
  background-color: #a1863f;
  color: #FFFFFF;
  margin-bottom: 40px;
  padding: 4px;
  text-indent: 5px;
  font-size: 16px;
  font-weight: bold;
  height: 20px;
}

/* Productgroup 'button' */
.productgroup {
  background-color: #a1863f;
  color: #FFFFFF;
  margin: 0px 0px 12px 0px;
	padding-left: 25px;
	line-height: 56px;
  font-size: 16px;
  font-weight: bold;
  height: 56px;
	cursor: pointer;
}
.productgroup:hover {
  color: #000000;
}
.productgroup IMG {
  float: right;
} 

/* Title pf product in product detail page */
.title {
  font-size: 16px;
  font-weight: bold;
}

/* Search results list */
.searchresults LI {
  margin-bottom: 5px;
}
.searchresults LI .text {
  color: #000000;
}

/* Contact formulier */
.formulier {
  text-align: center;
	background-color: #bfac81;
	padding: 5px;
}
.formulier TABLE {
  width: 100%;
}
.formulier TD {
  text-align: left;
}
.formulier INPUT {
  font-size: 14px;
  height: 16px;
  width: 250px;
  border: 0px;
  margin-top: 3px;
}
.formulier SELECT {
  font-size: 14px;
  border: 0px;
  margin-top: 3px;
}
.formulier TEXTAREA {
  font-size: 14px;
  width: 370px;
  border: 0px;
  margin-top: 3px;
}

/* Dealer map */
.country_info, .country_info_motor, .country_info_auto {
  position: absolute;
	top: 15px;
	left: 230px;
	width: 226px;
	height: 192px;
	background-color: #000000;
	color: #FFFFFF;
}
.country_info DIV, .country_info_motor DIV, .country_info_auto DIV {
  background-color: #a1863f;
	width: 210px;
	padding: 3px 8px 3px 8px;
	font-size: 14px;
}
.country_info IMG, .country_info_motor IMG, .country_info_auto IMG {
  border: 1px solid black;
	margin-right: 10px;
}
.country_info A, .country_info_motor A, .country_info_auto A {
  color: #FFFFFF;
}
.country_info_motor {
  top: 180px;
	height: 160px;
	visibility: hidden;
}
.country_info_auto {
  height: 140px;
	visibility: hidden;
}

/* absolute positioned object */
.absolute {
  position: absolute;
}

/* hidden object */
.hidden {
  visibility: hidden;
}

/* mootools info */
.tip {
  color: #fff;
  z-index: 13000;
	font-size: 14px;
}
.tip-title {
  font-weight: bold;
  margin: 0;
  color: #FFFFFF;
  padding: 3px 6px 3px 6px;
  background-color: #000000;
}
.tip-text {
  color: #FFFFFF;
  padding: 3px 6px 3px 6px;
  background-color: #000000;
}
/* Productgroup 'button' */
.librarycategory {
  background-color: #a1863f;
  color: #FFFFFF;
  margin: 0px 0px 12px 0px;
  padding-left: 25px;
  line-height: 56px;
  font-size: 16px;
  font-weight: bold;
  height: 56px;
  cursor: pointer;
}
.librarycategory:hover {
  color: #000000;
}  
.shoptable TD {
  padding: 5px;
  border: 1px solid #a1863f;
}

/* container with validation error messages */
.validationerrormessage {
  color: red;
}

/* login information div */
.logininfo {
	float: left;
	width:230px;
	height:75px; 
	padding:5px;
}
.logininfocontainer {
	width:243px; 
	float:left;
}