@charset "utf-8";

@font-face {
    font-family: BMWGroup_Bold;
    src: url("../fonts/bmw_type_web_bold.ttf");
} 

@font-face {
    font-family: BMWGroup_Light_Regular;
    src: url("../fonts/bmw_type_web_light.ttf");
}

body {
    margin: 16px;
    font: lighter 100% "BMWGroup_Light_Regular" ;
	font-size: 2em;
    color:#FFFFFF; 
    background-color: #000000;
}

h1 {
    font: normal 2em "BMWGroup_Bold";
    font-weight: normal;
}

h2 {
    font: normal 1.5em "BMWGroup_Bold";
    font-weight: normal;
}

h3 {
    font: normal 1.5em "BMWGroup_Bold";
    font-weight: normal;
    font-style: italic;
}

header .subheading {
    font-style: italic;
    font-weight: bold;
}

tr, td, th {
	border: 1px solid;
	text-align: left; 
}

th {
    font: lighter 100% "BMWGroup_Bold" ;
	font-size: 1em;
    color:#FFFFFF; 
    background-color: #000000;
}

td {
    font: lighter 100% "BMWGroup_Light_Regular" ;
	font-size: 1em;
    color:#FFFFFF; 
    background-color: #000000;
}

.Title {
    font: lighter 100% "BMWGroup_Bold" ;
}

.TitleSubFeature {
	text-decoration: underline;
}

/* link color */
a {
    color:#1C69D4
}

.inline {
    display: inline;
}

.clear {
    clear: both;
    display: block;
    content: "";
    width: 100%;
    height: 1em;
}

.force-linebreak {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}