/************/
/* BMW Type */
/************/

@font-face {
	font-family:BMWTypeRegular;      
	font-style:normal;
	font-weight: normal;
	src:url(regular.eot);
}

body{
	font-family:arial;
	margin:0px;
	border:0px;
	padding:0px;
	background-color:white;
	-overflow:auto; /** Diese Angabe, damit der Scrollbarbereich rechts bei width:100% auch genutzt wird: Ohne haben wir nach einem Browserresize immer einen weissen Bereich rechts. **/
}

p, td {
	font-size:11px;
	line-height:12px;
}


/****************/
/* Nav Category */
/****************/

#navCategory {
	position:absolute;
	top:74px;
	left:0px;
	margin:0px;
	border:0px;
	border-right:1px solid rgb(191,191,191);
	padding:0px;
	padding-left:30px;
	width:192px;
	height:22px;
	background-color:white;
	z-index:3;
}

#navCategory h1 {
	font-size:11px;
	color:black;
	font-weight:normal;
	margin:0px;
	padding:0px;
	line-height:22px;
}

/* id modules */

#idModuls {
	position:absolute;
	z-index:1008;
	left:791px;
	top:0px;
	width:187px;
	height:95px;
}

#idModuls img {
	behavior:url("pngbehavior.htc"); 
	z-index:1005;
}

/***************/
/* the content */
/***************/

.content {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	border:0px;
	padding:0px;
	overflow:hidden;
	z-index:1;
}

.top {         top:14px; }
.below_gray {  top:74px; }
.below_white {	top:96px; }
.below_shade {	top:98px; }
.right_of_nav {  left:221px; }

h1, h2, h3 { font-family:Arial; -font-family:BMWTypeRegular, 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:20px; -font-size:21px; line-height:21px; -line-height:22px; }
h2 { font-weight:bold;  -font-weight:normal; padding-bottom:10px; -padding-bottom: 9px; font-size:17px; -font-size:17px; line-height:16px; -line-height:19px;}
h3 { font-weight:bold;  -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;}

h1.borderless              {padding-bottom: 0px;}
h2.borderless              {padding-bottom: 0px;}
h3.borderless              {padding-bottom: 0px;}

#content_curtain {
	position:absolute;
	top:368px;
	left:30px;
	width:270px;
	margin:0px;
	border:0px;
	padding:0px;
	overflow:hidden;
	z-index:1;
	visibility:hidden;
	font-size:11px;
}

#content_curtain h1 {
	/* font-face:BMWTypeRegular,arial; */
	font-family:arial;
	margin:0px;
	margin-bottom:10px;
	border:0px;
	padding:0px;
	font-size:16px;
}


/********/
/* Menu */
/********/

#menus {
	position:absolute;
	left:326px;
	top:25px;
	z-index:5;
}

#menus .heading {
	font-size:11px;
	font-weight:bold;
	color:black;
}

#menus a.menuheader {
	font-size:14px;
	color:rgb(0,51,153);
	text-decoration:none;
}

#menus ul {
	list-style-type:none;
	margin:0px;
	margin-left:6px;
	margin-top:4px;
	padding:0px;
}

#menus ul li {
	margin:0px;
	padding:0px;
	line-height:14px;
}

#menus a {
	font-size:11px;
	text-decoration:none;
}

#menus a.sub {
	color:rgb(76,76,76);
}

#menus a.sub:hover {
	color:rgb(0,51,153);
}

.menu_header {
	position:absolute;
	top:0px;
	height:25px;
	margin-left:1px;
	background-color:white;
	text-align:center;
	line-height:20px;
}

.menu_links {
	position:absolute;
	top:25px;
	height:164px;
	border-top:0px;
	border-left:1px solid rgb(175,175,175);
	border-right:1px solid rgb(175,175,175);
	border-bottom:1px solid rgb(175,175,175);
	background-color:white;
}

#debug {
	position:absolute;
	z-index:1000;
	left:10;
	top:10;
	border:1px solid red;
	width:300px;
	height:500px;
	background-color:white;
}


/*		body {
			margin:0px;
			border:0px;
			padding:0px;
			font-family:arial;
		} */

/***********************/
/* Tertiary navigation */
/***********************/

#line {
	width:100%;
	border-top:1px solid #999999;
	padding-top:3px;
}

#widthframe {
	width:1014px;
}

#tertiary-navigation {
	float:right;
	font-size:11px;
}

#tertiary-navigation ul {
	margin:0px;
	border:0px;
	padding:0px;
	list-style-type:none;
	float:left;
}

#tertiary-navigation li {
	float:left;
	margin-right:10px;
}

a {
	color:rgb(76,76,76);
	text-decoration:none;
}

a:hover {
	color:#003399;
}

a img.arrow {
	display:inline;
	position:static;
	width:7px;
	background-image:url('/_common/_img/arrow_standard.gif');
	background-repeat:no-repeat;
	background-position:left top;
	height:11px;
	margin-top:-1px;
}

a:hover img.arrow {
	display:inline;
	position:static;
	width:7px;
	background-image:url('/_common/_img/arrow_standard.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
	height:11px;
	margin-top:-1px;
}

a img {
	border:medium none;
}

a.arrow {
	font-size:11px;
}

/** HOME: Neues Teaserkonzept **/

/** Image Teaser **/

a.smallStandard {
	display:block;
	margin:16px 0 16px 10px;
	width:288px;
	height:50px;
}

	.smallStandard img {
		float:left;
	}

	.smallStandard .headline {
		width:192px;
		display:block;
		margin-left:96px;
		padding-left:8px;
		background:transparent url(/_common/_img/arrow_standard.gif) left -1px no-repeat;
	}

	.smallStandard .copytext {
		width:192px;
		display:block;
		margin-left:96px;
	}

	.smallStandard .clear {
		clear:left;
	}

/** Text Teaser **/

div.wrap_smallText {
	margin:0;
	padding:0 0 16px 0;
	border-left:1px solid gray;
	border-top:1px solid white;
}

	a.smallText {
		display:block;
		margin:16px 0 16px 10px;
		width:230px;
		height:50px;
	}

		.smallText .headline {
			width:230px;
			display:block;
			padding-left:8px;
			background:transparent url(/_common/_img/arrow_standard.gif) left -1px no-repeat;
		}

		.smallText .copytext {
			width:230px;
			display:block;
		}