body, table, input, textarea {font-family: Arial,sans-serif; font-size: 12px; color: #000000;}

/* Body only has bottom margin */
body {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}




/* === Following is the specification for the page headers ==================================================== */


/* The div object to build the header */
div#header {
	position: relative; top: 0px; left: 0px; height: 181px; width: 1000px; 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: 70px; 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 logo size and position. In IE6, DIVs are used since these images are transparant PNGs */
div#header #logo {
	left: 15px; height: 70px; width: 100px; border: 0px; top: 30px;
	filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}


/* The BMW module position (1/2 a module part from the right as per design specs.) */
div#header #bmw {
	right: 27px; height: 90px; width: 182px;}


/*  The image banner size and position. This will keep the size of the banner correct */
img#banner {
	margin-top: 0px; height: 180px; width: 1000px;}

/*  The image banner size and position. This will keep the size of the banner correct */
img#banner1 {
	margin-top: 0px; height: 70px; width: 1000px;}



/* === The div object to build menu bar contained in the header ================================================= */
div#menubar 
{background-color: #333333; position: absolute; top: 15px; height: 30px; 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: 750px; clear: both; min-height: 1em;
}
div#menubar div.top {
	margin-left: 50px; margin-top: 7px; font-size: 14px; 
}
div#menubar div.bottom {
	margin-left: 50px; padding-top: 4px; border-top: 1px solid #FFFFFF; font-size: 10px;
}
/* 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: 10px; padding-bottom: 2px;
}
div#menubar div ul li.actmenu {
	background-color: #FFFFFF;
}




/* === Anker specificaties voor de menu balk =============================================================== */
div#menubar div a.actmenu,div#menubar div a.actmenu:hover 
{color: #000000; }

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: #000000;}





/* === Algehele Content Opmaak ================================================================================= */
div#txtcontent 
{text-align: left; position: absolute; left: 245px; top: 195px; width: 450px;}

div#margerechts 
{text-align: left; position: absolute; left: 710px; top: 250px; width: 270px;}

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






/* === Opmaak voor BMW-motorrad-occasions.nl occasions ============================================================ */
iframe.occassions {height: 800px; width: 985px; margin-top: 0px;}

/* === Opmaak voor BMW-3easy ============================================================ */
iframe.3easy {height: 800px; width: 985px; margin-top: 70px;}



/* === Following is the general layout specification ============================================================== */
a {color: #333333; text-decoration: none;}

a.exept {color: #FF0000; text-decoration: none;}

a:hover {color: #003399; }



h1, h2, h3		{font-family: Arial; margin:0px; color:#000000;}
h4, h5, h6, h7		{font-family: Arial; margin:0px; font-weight:bold; color:#000000;}


h1			{font-weight:normal; padding-bottom: 3px; -padding-bottom: 6px; font-size:21px; -font-size:21px; line-height:21px; -line-height:22px;}
h2			{font-weight:bold; padding-bottom:10px; -padding-bottom: 9px; font-size:17px; -font-size:17px; line-height:16px; -line-height:19px;}
h3			{font-weight:bold; padding-bottom: 5px; -padding-bottom: 9px; padding-left: -2px; font-size:14px; -font-size:13px; line-height:15px; -line-height:14px;}
h4			{padding-bottom: 0px; font-size:12px; line-height:13px;}
h5			{padding-bottom: 0px; font-size:11px; line-height:12px;}

#txtCopy		{font-size:13px; line-height:14px;}
#txtHead h1, #txtCopy h1{font-size:16px; line-height:17px; font-weight:bold; padding: 0px 0px 4px 0px;}
#txtHead h2, #txtCopy h2{font-size:14px; line-height:15px; font-weight:bold; padding: 0px 0px 3px 0px; color:#333333;}




/* === Linker navigatie menu ====================================================================================== */

#navigationTop {
	clip: rect(0px, 233px, 400px, 0px);
	height: 400px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 180px;
	width: 221px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
}

#NavigationEnd {
	border-top: 0px solid #FFFFFF;
	bottom: 0px;
	position: absolute;
}

li.subnav {
	list-style-position: outside;
	list-style-image: url(../images/arrow.gif);
	border-bottom: 1px solid #666;
	font-size: 11px;
	margin-top: 5px;
	padding-left: 1px;
}



