/* Used fonts for this website */
body, table, input, textarea {
	font-family: Arial,sans-serif; font-size: 9pt; color: #000000;
}
/* Body only has bottom margin */
body {
	margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;
}

body.win {
	margin-top: 10px;
}

/* === Following is the specification for the page headers ===================================== */
/* The div object to build the header */
div#header {
	position: relative; top: 0px; left: 0px; height: 265px; width: 985px; text-align: left; z-index: 1;
}
/* Overlay the header with a transparant */
div.opacity {
	background-color: #FFFFFF; color: #FFFFFF; border-bottom: 2px ridge #6B6B6B;
	position: absolute; top: 0px; left: 0px; height: 100px; width: 100%;
	filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
}
/* Images within the header are displayed absolute positioning */
div#header img {
	position: absolute;
}
/* The Motor Houtrust logo size and position. In IE6, DIVs are used since these images are transparant PNGs */
div#header #logo {
	left: 15px; height: 95px; width: 135px; border: 0px; cursor: hand;
}
/* The BMW module position (1/2 a module part from the right as per design specs.) */
div#header #bmw {
	right: 45px; height: 95px; width: 185px;
}
/* The image banner size and position. This will keep the size of the banner correct */
img#banner {
	margin-top: 15px; height: 250px; width: 985px;
}
/* The div object to build menu bar contained in the header */
div#menubar {
	background-color: #00175C; position: absolute; top: 15px; height: 60px; width: 100%;
	filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
}
/* DIV objects in the menubar specification (2 divs make up the menu: only top can contain pulldowns) */
div#menubar div {
	width: 590px; clear: both; min-height: 1em;
}
div#menubar div.top {
	margin-left: 155px; margin-top: 7px; font-size: 10.5pt;
}
div#menubar div.bottom {
	margin-left: 155px; padding-top: 4px; border-top: 1px solid #FFFFFF; font-size: 8pt;
}
/* Unnumbered list for menu specification */
div#menubar div ul {
	list-style-type: none; margin: 0px; padding: 0px;
}
div#menubar div ul li {
	float: left; position: relative; margin-right: 5px; padding-bottom: 2px;
}
div#menubar div ul li.actmenu {
	background-color: #FFFFFF;
}

/* Anchor specifications for the menu bar */
div#menubar div a.actmenu,div#menubar div a.actmenu:hover {
	color: #00175C;
}

div#menubar div a {
	color: #FFFFFF; text-decoration: none; padding-left: 4px; padding-right: 4px;
}
div#menubar div a.first {
	padding-left: 0px;
}
div#menubar div a:hover {
	color: #00B0F0;
}
div.popup {
	background-color: white; display: none; position: absolute; min-width: 150px;
	border-right: 1px solid #6B6B6B; border-bottom: 1px solid #6B6B6B; border-left: 1px solid #6B6B6B;
	color: #00175C; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;
}

div.popup a {
	display: block; color: #6B6B6B; text-decoration: none; font-size: 9pt;
	padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px;
}

div.popup a:hover {
	color: #00175C; background-color: #F0F0F0; filter: alpha(opacity=100);
}

div.popup span {
	display: block; font-weight: bold; font-size: 9pt;
	padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px;
}

/* === Following is the specification for the page contents ==================================== */
/* --- Overall content specifications ---------------------------------------------------------- */
div#contentwrapper {
	text-align: left; position: relative; margin-top: 15px; width: 985px;
}
div.adres {
	color: #FFFFFF; position: absolute; bottom: 10px; left: 5px;
}

div#contentwrapper table.wrapper {
	table-layout: fixed; height: 310px; width: 100%;
}

td#leftmenu ul, td#rightmenu ul {
	margin: 0px 0px 0px 0px; padding: 0px 0px 15px 20px; line-height: 1.4em;
}

/* --- Layout specifications for the left menu ------------------------------------------------- */
td#leftmenu {
	background-color: #00175C; background-image: url(/images/bmwmenubar.gif); background-repeat: no-repeat; background-position: top center;
	color: #FFFFFF; vertical-align: top; width: 200px; padding: 5px 5px 100px 5px;
}
td#leftmenu ul {
	list-style-type: circle;
}
td#leftmenu li.current {
	list-style-type: disc;
}
td#leftmenu a {
	text-decoration: none; color: #FFFFFF;
}
td#leftmenu a:hover {
	color: #00B0F0;
}
/* --- Layout specifications for the content --------------------------------------------------- */
td#content {
	border-right: 1px dashed #00175C; padding-top: 5px; padding-left: 15px; padding-right: 15px; vertical-align: top;
}
td#content h1 {
	color: #00175C;
}
/* --- Layout specifications for the right menu ------------------------------------------------ */
td#rightmenu {
	color: #00175C; vertical-align: top; width: 200px; padding-left: 10px; padding-top: 5px;
}
td#rightmenu a {
	text-decoration: none;
}

td#rightmenu ul {
	border-bottom: 1px dashed #00175C; margin-bottom: 10px;
}

td#rightmenu div img {
	border: 1px dotted #00175C; margin-bottom: 10px; cursor: pointer;
}

td#rightmenu div img:hover {
	border-style: solid;
}

/* --- Special layout for slideshow ------------------------------------------------------------ */
div#controls {
	margin-top: 10px; width: 500px; text-align: left;
}

div#controls img {
	border: 0px; height: 24px; width: 24px; float: left; margin-right: 10px;
}

img#afbeelding {
	height: 500px; width: 500px;
}

/* --- Special layout for 360 slideshow -------------------------------------------------------- */
div.slide360 {
	text-align: center; width: 402px;
}

div.slide360 div.footer {
	color: #888888; font-size: 10px; margin-top: 3px;
}

div.slide360 div.footer a {
	color: #888888;
}

/* --- Special layout for occasions ------------------------------------------------------------ */
iframe.occassions {
	height: 800px; width: 985px; margin-top: 15px;
}

/* === Following is the general layout specification =========================================== */
a {
	color: #00175C;
}

a:hover {
	color: #00B0F0;
}

h1,h2,p {
	margin-top: 0px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px;
}

h1 {
	font-size: 10.5pt;
}

h2 {
	font-size: 10pt;
}

input.button {
	border: 1px solid #FFFFFF; background-color: #00175C; color: #FFFFFF; width: 150px;
}

input.verplicht {
	background-color: #EFEFEF;
}

.pointer {
	cursor: pointer;
}

.small {
	font-size: 8pt;
}

.box {
	border: 1px solid #00175C; font-weight: bold; text-align: center; padding: 3px;
}