@CHARSET "UTF-8";

/*
* left padding: 20px
* horizontal grid: 235px
* horizontal gutter: 10px
*
* vertical padding: 20px
* vertical grid: 50px
*/

/*
* PAGE
*/
* {
	outline: none;
	border: none;
	margin: 0;
	padding: 0;
	font-weight: 300;
}

html {
	width: 100%;
}

body {
	background: #000 url(../img/style/background.gif) top left repeat;
	color: #fff;
	margin: 50px 20px;

	font: 12px "Arial",sans-serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.1em;
	line-height: 1.2em;
}

.multiplebgs body {
	background:
		url(../img/style/gradient.png) top left repeat-x fixed,
		url(../img/style/background.gif) top left repeat;
}

.is-new {
	color: #f00;
}

a:link {
	color: #f00;
	text-decoration: none;
}

a:visited {
	color: #d00;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

.rgba a:link {
	color: rgba(255,0,0, 1);
}

.rgba a:visited {
	color: rgba(255,0,0, .9);
}

b{
	font-weight: 900;
}

b a{
	font-weight: 900;
}

em{
	font-style: normal;
	font-weight: 900;
	color: #f00;
}

.nowrap {
	white-space: nowrap;
	overflow: visible;
}

.nw {
	white-space: nowrap;
}

/*
* HEADER
*/
#mainHeader {
	position: absolute;
	top: 50px;
	left: 191px;
	z-index: 5;
}
#mainHeader h1 a {
	display: block;
	text-indent: -1000px;
	background: url(../img/style/logo.png) top left no-repeat;
	width: 320px;
	height: 60px;
	margin: 0;
	padding: 0;
	overflow: visible;
}

/*
* FORM
*/
form.signup {
	position: absolute;
	top: 50px;
	left: 755px;
	z-index: 6;
}

form .placeholder {
	color: #888 !important;
}

form.signup label {
	color: #999;
	display: block;
	padding: 3px 0px;
	font-size: 0.9em;
}

.rgba form.signup label {
	color: rgba(255,255,255, .5);
}

form.signup input {
	font: 11px "Arial",sans-serif;
	height: 16px;
	border: none;
	margin: 0;
	padding: 0 3px;
	vertical-align: top;
	outline: none;
	box-shadow: none;
}

form.signup input[type="text"], form input[type="email"] {
	width: 164px;
	background: #fff;
	color: #000;
}

form.signup input[type="submit"] {
	width: 59px;
	background: #000;
	color: #fff;
	text-align: left;
	cursor: pointer;
}

form.signup input[type="submit"]:hover {
	color: #f00;
}

button::-moz-focus-inner {
	outline: none;
	border:none;
	padding:0;
	margin:0;
}

input::-moz-focus-inner {
	outline: none;
	border:none;
	padding:0;
	margin:0;
}


/*
* LANGUAGE NAVIGATION
*/
#languages {
	position: absolute;
	top: 100px;
	left: 755px;
	z-index: 6;
}
#languages img {
	margin-right: 4px;
}
#languages a.alphaHover img {
	opacity: 0.7;
}
#languages a.active img, #languages a.mouseOver img {
	opacity: 1.0;
}


/*
* NAVIGATION
*/
#mainNav {
	position: absolute;
	top: 150px;
	left: 20px;
	z-index: 9;
}

#mainNav ul {
	border: none;
	list-style-type: none;
	width: 235px;
	padding: 0;
	margin: 0 10px 10px 0;
	display: block;
	float: left;
}

#mainNav ul li
{
	border: none;
	display: block;
	width: 235px;
	margin: 0 0 0.5em 0;
}

nav a:link {
	color: #999;
	text-decoration: none;
}

nav a:visited {
	color: #777;
	text-decoration: none;
}

nav a:hover, #mainNav a:active {
	color: #f00;
	text-decoration: none;
}

.rgba nav a:link {
	color: rgba(255,255,255, .5);
}

.rgba nav a:visited {
	color: rgba(255,255,255, .33);
}

.rgba nav a:hover, .rgba nav a:active {
	color: rgba(255,0,0, 1);
}

nav .secret a {
	background-color: #000;
}

nav a.active, nav a.active:link, nav a.active:visited {
	color: #f00;
	cursor: default;
}
.rgba nav a.active, .rgba nav a.active:link, .rgba nav a.active:visited {
	color: rgba(255,0,0, 1);
}

/*
* META NAVIGATION
*/

#metaNav {
	position: absolute;
	top: 10px;
	left: 755px;
	width: 235px;
	z-index: 9;
}

#metaNav ul {
	list-style: none;
	list-style-type: none;
	margin:0;
	padding:0;
}

#metaNav ul li {
	display: inline;
	padding-right: 5px;
	font-size: 0.9em;
}


/*
* PREV/NEXT NAVIGATION
*/

.no-js #linearNav {
	display: none;
}

#linearNav {
	position: fixed;
	z-index: 10;
	top: 300px;
	left: 0px;
	width: 100%;
	height: 0;
	max-width: 1245px;
}

#linearNav .previous {
	float: left;
	margin-left: 20px;
}

#linearNav .next {
	float: right;
	margin-right: 20px;
}

#linearNav .disabled {
	display: none;
}

#linearNav .disabled img {
	cursor: default;
}


/*
* Clearfix
* http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best
*/
#mainNav, #articles article section, #articles article header, #articles article .img {
	overflow: hidden;
}

/*
* ARTICLES
*/

#articles {
	position: absolute;
	top: 0;
	left: 0;
	padding: 300px 0 50px 20px;
	z-index: 1;
}

#articles article {
	width: 725px;
	margin-right: 245px;
	display: block;
}

#articles article header, #articles article section {
	margin-bottom: 2.5em;
	display: block;
}

/* Indent by one column */
#articles article section {
	margin-left: 245px;
}

#articles article section.wide {
	margin-left: 0;
	line-height: 1.6em;
}

#articles article section.wide header {
	float: left;
	width: 225px;
	margin-right: 20px;
	text-align: right;
	margin-bottom: 0;
}

#articles article section.wide header h2 {
	font-weight: 900;
	padding: 3px 0;
	line-height: 1.6em;
}

#articles article section.wide table {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	zoom: 1;
}

.rgba #articles article section.wide table, .no-js #articles article section.wide table {
	color: rgba(255,255,255,0.8);
}

.no-rgba #articles article section.wide table {
	color: #eee;
}

#articles article section.wide table tbody, #articles article section.wide table tbody tr {
	width: 100%;
}

.rgba #articles article section.wide table tbody tr, .no-js #articles article section.wide table tbody tr {
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.no-rgba #articles article section.wide table tbody tr {
	border-bottom: 1px solid #333;
}

#articles article section.wide table td {
	padding: 3px 0;
	width: 235px;
	vertical-align: top;
}

#articles article section.wide table td:FIRST-CHILD {
	padding-right: 10px;
}

#articles article section.wide table.smallLabel td {
	width: 330px;
}

#articles article section.wide table.smallLabel td:FIRST-CHILD {
	width: 140px;
}

/* Indent by one column if the headline has no number */
#articles header.noNumber {
	margin-left: 245px;
}

#articles article .downloadimg {
	display:block;
	margin-bottom: 0.7em;
	background-color: #fff;
	padding: 15px 0;
	line-height: 0;
}

#articles article .pMargin {
	margin-top: 0.6em;
	margin-bottom: 2.3em;
}

#articles article .img {
	background-color: #fff;
	padding: 15px 0;
	line-height: 0;
}

/* images inside the content get some margin */
#articles article section .img {
	margin-top: 0.6em;
	margin-bottom: 2.3em;
}

#articles article .img img.leftMargin {
	margin-left: 10px;
}

#articles article .img img.topMargin {
	margin-top: 10px;
}

.no-js #articles article {
	margin-bottom: 50px;
}

.js #articles article.secret .img {
	height: 120px;
	background-color: #000;
	content: " ";
}

.js #articles article.secret span {
	background-color: #000000;
	color: #000000;
}

#articles article h1 {
	line-height: 1.4em;
	font-size: 2.5em;
	float: left;
}

#articles article h1.time {
	text-align: right;
	color: #999;
}

.rgba #articles article h1.time {
	color: rgba(255,255,255, .33);
}

#articles article p {
	color: #eee;
	line-height: 2.0em;
	margin: 0 0 1.5em 0;
}

#articles article iframe {
	background-color: #fff;
	padding: 15px 0;
	margin-bottom: 0.5em;
	border: none;
}

#articles article p.caption {
	line-height: 1.5em;
	font-style: italic;
	color: #999;
	margin-bottom: 1.8em;
}

#articles article h2 {
	line-height: 2.0em;
	font-size: 1em;
	font-weight: 900;
	margin-bottom: 0.2em;
}

#articles article h2.large {
	line-height: 1.4em;
	font-size: 2em;
	font-weight: 300;
	margin-bottom: 1em;
}

#articles article h3 {
	line-height: 2.0em;
	font-size: 1em;
	font-weight: 900;
	margin-bottom: 0.2em;
}

#articles article h4 {
	line-height: 2.0em;
	font-size: 1em;
	font-weight: 900;
	margin-bottom: 0.2em;
}

#articles .float {
	float: left;
}

#articles .floatRight {
	float: right;
}

#articles .gutter {
	margin-right: 10px;
}

#articles .oneCol {
	width: 235px;
}

#articles .twoCol {
	width: 480px;
}

#articles .threeCol {
	width: 725px;
}

/*
* 1st article with car
*/

#a0 {
	line-height: 0;
}

.js #a0 {
	width: 1425px !important;
}

.js #a0 div {
	position: relative;
	left: 695px;
	top: -95px;
}

.no-js #a0 div {
	position: relative;
	left: -50px;
}

#a0 img {
	vertical-align: top;
}

/*
* Special article styles
*/

#articles article#a2 .img img.topMarginSpecial {
	margin-top: 84px;
}



/*
* privacy policy
 */

#articles article section table.priv {
	display: block;
	margin: 2em 0;
	padding: 0;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
}

.rgba #articles article section table.priv, .no-js #articles article section table.priv {
	color: rgba(255,255,255,0.8);
}

.no-rgba #articles article section table.priv {
	color: #eee;
}

#articles article section table.priv tbody, #articles article section table.priv tbody tr {
	width: 100%;
}

.rgba #articles article section table.priv tbody tr, .no-js #articles article section table.priv tbody tr,
.rgba #articles article section table.priv thead tr, .no-js #articles article section table.priv thead tr{
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.no-rgba #articles article section table.priv tbody tr {
	border-bottom: 1px solid #333;
}

#articles article section table.priv th {
	text-align: left;
	font-weight: bold;
	padding: 6px 0;
}

#articles article section table.priv td {
	padding: 3px 0;
	width: 235px;
	vertical-align: top;
}

#articles article section table.priv td {
	padding-right: 10px;
}
#articles article section table.priv td:last-child {
	padding-right: 0;
}

#privacy-policy ul {
	list-style: disc;
	list-style-type: disc;
	padding:0;
	line-height: 2.0em;
	padding-left: 2em;
	margin: 0 0 1.5em 0;
}

#privacy-policy ul li {
	display: list-item;
	padding-right: 5px;
	font-size: 1em;
}

#privacy-policy section > h2 {
	line-height: 1.4em;
	font-size: 1.5em;
	font-weight: 900;
	margin-bottom: 1em;
	background-color: black;
	padding: .2em 0;
}

#privacy-policy section > h3 {
	line-height: 1.4em;
	font-size: 1.2em;
	font-weight: 900;
	margin-bottom: 0.3em;
	background-color: black;
	padding: .2em 0;
}

#privacy-policy section > h4 {
	line-height: 1.4em;
	font-size: 1.2em;
	font-weight: 900;
	margin-bottom: 0.3em;
	background-color: black;
	padding: .2em 0;
}