@charset "utf-8";

/***************************************************************/
/************************** reset ******************************/
/***************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, 
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, 
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0px;
	padding:0px;
	border:0px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, 
nav, section {
	display:block;
}

ol {
	list-style:none;
}

img, table {
	margin:none; padding:none; border:none;
}

img {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	max-height:100%;
	max-width:100%;
}

table {
	width:100%;
	border-collapse:collapse;
	border:none;
	border-spacing:0px;
	padding: 0px;
}

/**************************
***** Fonts
**************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/**************************
***** GENERALS
**************************/

html {
	font-size:100%;
	height:100%;
}

body {
	position:relative;
    font-family: 'Open Sans', sans-serif;
	font-size:1rem;
	color:#000;
}

/**************************
***** Layout and Content
**************************/

#layout-background {
	position:fixed;
	width:100%; height:100%;
	background:url("../elements/SX-Motoring_Body_BG.jpg") top center no-repeat;
	background-size:cover;
	z-index:100;
}

#layout {
	position:relative;
	width:60rem;
	margin:auto;
	background-color:#FFF;
	z-index:200;
}

	header {
		position:relative;
		height:10.75rem;
		background:url("../elements/SX-Motoring_Header_BG.png") top center no-repeat;
		background-size:100% 100%;
		z-index:300;
	}
	
		header #logo {
			position:absolute;
			width:19.9375rem; height:auto;
			top:1.375rem; right:2.5rem;
		}
		
		header #address {
			position:absolute;
			top:6.0625rem; left:0rem;
			width:25.75rem; height:4rem;
			background-color:#00106A;
			padding:1.125rem 3.125rem;
			line-height:130%;
			color:#FFF;
		}
		
			header #address a, header #address a:hover {
				color:#FFF;
				text-decoration:none;
			}
			
				header #address a:hover {
					text-decoration:underline;
				}
	
	#media-area {
		position:relative;
		width:100%;
		height:20.625rem;
		background-color:#FFF;
		z-index:250;
	}
	
		.media-img {
			position:absolute;
			display:none;
			top:0rem; left:0rem;
			width:100%; height:100%;
			background-size:cover;
			background-position:top left;
			background-repeat:no-repeat;
		}
		
			.media-area-first-img {
				background-image:url('../img/SX-Motoring_IMG_01.jpg');
				display:block;
			}
			
			.media-area-img-02 {
				background-image:url('../img/SX-Motoring_IMG_02.jpg');
			}
			
			.media-area-img-03 {
				background-image:url('../img/SX-Motoring_IMG_03.jpg');
			}
			
			.media-area-img-04 {
				background-image:url('../img/SX-Motoring_IMG_04.jpg');
			}
	
	#main {
		padding:2.5rem 3.125rem 2.5rem 3.125rem;
	}
	
		h1 {
			color:#00106A;
			font-size:1.875rem;
			line-height:135%;
			font-weight:normal;
			margin-bottom:2.25rem;
		}
		
		h2 {
			color:#999;
			font-size:1.5rem;
			line-height:135%;
			font-weight:normal;
			margin-bottom:1.875rem;
		}
		
		p {
			line-height:135%;
			padding-bottom:1.25rem;
		}
		
			p.half-padding {
				padding-bottom:.25rem;
			}
			
			p.imprint {
				color:#999;
			}
		
		ul {
			list-style-type:none;
			margin:0px; padding:0px;
			padding-bottom:1.25rem;
		}
		
			ul li {
				margin:0px; padding:0px;
				background:url('../elements/SX-Motoring_LI-Arrow.png') 0rem .25rem no-repeat;
				background-size:.6875rem auto;
				padding-left:1.125rem;
				padding-bottom:.375rem;
			}
			
			.content-logos {
				
			}
			
		#main a {
			color:#00106A;
			text-decoration:none;
		}
		
			#main a:hover {
				color:#DE2707;
				text-decoration:none;
			}

/**************************
***** GENERAL CLASSES
**************************/

.clear {
	clear:both;
	display:block;
	height:0px;
	line-height:0px;
	text-indent:-99999px;
}

.fl-left {
	float:left;
}

.fl-right {
	float:right;
}