@charset "utf-8";
/* CSS Document */

html {
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 0;
	color: #333;
}
	
body {
	width: 100%;
	height: 100%;
	margin: 0;
}

.sub2 {
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
}

.sub3 {
	font-size: 10px;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
}

.headerlinks {
	text-decoration: none;
}

.leftAdClickArea {
	position:fixed;
	left:0px;
	top:112px;
	width: calc(50% - 500px);
	height:752px;
}

.rightAdClickArea {
	position:fixed;
	right:0px;
	top:112px;
	width: calc(50% - 500px);
	height:752px;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

a {
	text-decoration: underline;
	color: #333;
}

a:hover {
	color: #969696;
}

a:active {
	text-decoration: none;
	color: #333;
}

#background {
	width: 100%;
	display: block;
	overflow: hidden;
	padding-bottom: 25px;
}

#content {
	background: #FFF;
	display: block;
	margin: auto;
	padding-bottom: 1px;
	-webkit-box-shadow: 0 -15px 0px 0px white, 1px 0 15px 0px #333, -1px 0 15px 0px #333;
	box-shadow: 0 -15px 0px 0px white, 1px 0 15px 0px #333, -1px 0 15px 0px #333;
}

#topbar {
	display: block;
	position: fixed;
	top: 0;
	background: #fff;
	height: 30px;
	z-index: 10;
}

#hotline, #login, #warenkorb {
	height: 30px;
	line-height: 30px;
	display: inline-block;
	margin: 0;
}

#motd {
	text-align: center;
	background:#f1f1f1;
	display: block;
	margin: 0 1px;
}


#hotline > p, #login > p, #warenkorb > p {
	display: inline-block;
	padding-left: 32px;
	margin: 0;
	vertical-align: middle;
	font-size: 11px;
	font-family: 'lato', tahoma, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

#motd > p {
	display: inline-block;
	padding: 5px;
	margin: 0;
	vertical-align: middle;
	font-size: 11px;
	line-height: 14px;
	font-family: 'lato', tahoma, sans-serif;
	font-weight: normal;
}

#hotline {
	background: url(../images/page/HOTLINE.svg) no-repeat;
	background-size: 16px 16px;
	background-position: 10px center;
}

#login {
	background: url(../images/page/USER.svg) no-repeat;
	background-size: 17px 16px;
	background-position: 0px center;
}

#warenkorb {
	background: url(../images/page/CART.svg) no-repeat;
	background-size: 20px 16px;
	background-position: 0px center;
}

#language {
	text-align: right;
	display: block;
}

#nav {
	display: block;
	margin: 0;
	background: #fff;
}

#ribbon {
	display: inline-block;
	margin: 0;
	background: #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.navl, .navr {
	display: inline-block;
	margin: 0;
}

.navbutton {
	margin: 1px;
	background: #f1f1f1;
	border: 1px solid #c7cbcf;
	transition: background 0.2s ease-in-out;
}

.navbutton:hover {
	background: #e9e9e9;
}

.navbutton > div {
	display: table;
	margin: 0;
	cursor: pointer;
}

.navbutton > div > p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-family: "ff-din-web-pro-condensed";
	font-weight: 700;
}

#xmgchoice, #schenkerchoice {
	border: 1px solid #FFF;
	position: relative;
	display: inline-block;
}

#xmgchoice {
	background: url(/images/page/XMG-FRONTPAGE-SLIDER-BG.png) no-repeat;
	background-size: cover;
}

#schenkerchoice {
	background: url(/images/page/SCHENKER-FRONTPAGE-SLIDER-BG.png) no-repeat;
	background-size: cover;
}

.choiceimg > img {
	width: 100%;
	height: auto;
	margin: 0;
}

.xmgchoicelogo, .schenkerchoicelogo {
	position: absolute;
	display: block;
}

.xmgchoicelogo > img, .schenkerchoicelogo > img {
	max-width: 400px;
	max-height: 45px;
}

.xmgtagline, .schenkertagline {
	position: absolute;
	display: block;
	font-family: "ff-din-web-pro-condensed";
	color: #FFF;
}

.xmgchoicelogo, .schenkerchoicelogo {
	width: 400px;
	height: 45px;
	top: 40px;
	left: 40px;
}

.xmgtagline, .schenkertagline {
	width: 400px;
	height: 50px;
	top: 90px;
	font-size: 30px;
	line-height: 30px;
}

.xmgtagline, .schenkertagline {
	left: 40px;
}

#banner {
	display: inline-block;
	margin: 0;
	border: 1px solid #FFF;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#banner > img {
	width: 100%;
	height: auto;
	margin: 0;
}

#innercontent {
	width: 1000px;
	display: inline-block;
	margin: auto;
}

.footerbox .quote {
	font-family: 'lato', tahoma, sans-serif;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	color: #333;
}

.footerbox .quotesource {
	font-family: 'lato', tahoma, sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 14px;
	color: #333;
}

.footerbox img {
	max-width: 225px;
	max-height: 180px;
	display: block;
	margin: auto;
}

bold {
		font-weight: 900;
	}

@media (min-width: 0px) {
	
	#finanziergunsrechner{
		height: 230px;
	}
	
	#content {
		width: 320px;
		padding-top: 60px;
	}
	
	#topbar {
		width: 320px;
		height: 60px;
	}
	
	#hotline {
		width: 320px;
	}

	#login {
		width: 160px;
		background-position: 10px center;
	}
	
	#warenkorb {
		width: 159px;
	}
	
	#language {
		width: 300px;
	}
	
	#nav {
		width: 320px;
		min-height: 49px;
		overflow: hidden;
	}
		
	.navl {
		width: 320px;
		display: inline-block;
	}
	
	.navr {
		width: 320px;
		display: inline-block;
	}
	
	.navbutton {
		width: 156px;
		height: 76px;
		display: inline-block;
	}
	
	.navbutton > div {
		width: 156px;
		height: 76px;
	}
	
	.navbutton > div > p {
		font-size: 20px;
		line-height: 20px;
	}
	
	#xmgchoice, #schenkerchoice {
		width: 318px;
		height: 318px;
		margin: 0;
	}

		
	#banner {
		width: 318px;
		height: 96px;
		margin: 0;
	}

	#innercontent {
		width: 320px;
		display: inline-block;
		margin: auto;
	}

	#innercontent #subheader {
		width: 301px;
		height: 32px;
		padding-left: 15px;
		display: block;
		margin: 1px;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		position: relative;
	}

	#subheader .subheader_value {
		width: 55px;
		height: 32px;
		display: inline-block;
		vertical-align: top;
	}

	#subheader #header_bestellen {
		position: absolute;
		top: -1px;
		right: -1px;
		width: 79px;
		height: 34px;
		background: #333;
		text-align: center;
		transition: background 0.4s ease-in-out;
		cursor: pointer;
	}

	#subheader #header_bestellen:hover {
		background: #666;
	}

	#header_bestellen h1 {
		line-height: 34px;
		font-family: 'lato', tahoma, sans-serif;
		font-size: 6px;
		font-weight: 500;
		color: #F1F1F1;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}

	#subheader h2 {
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 8px;
		font-weight: 700;
		color: #333;
		text-transform: uppercase;
		margin: 5px 0 0 0;
		padding: 0;
		line-height: 8px;
	}

	#subheader h3 {
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 14px;
		font-weight: 700;
		color: #333;
		margin: 0;
		padding: 0;
		line-height: 14px;
	}

	#subheader p {
		font-family: 'lato', tahoma, sans-serif;
		font-size: 6px;
		font-weight: 400;
		color: #333;
		margin: 2px 0 0 0;
		padding: 0;
		line-height: 6px;
	}

	#innercontent > #subnav {
		width: 320px;
		height: 32px;
		margin: auto;
		background: #FFF;
		display: block;
		z-index: 10;
		line-height: 32px;
		text-align: center;
	}

	#innercontent > #subnav ul {
		margin: 0;
		padding: 0;
		height: 32px;
	}


	#innercontent > #subnav ul li {
		display: inline-block;
		height: 32px;
		padding: 0 5px 0 5px;
		cursor: pointer;
	}

	#innercontent > #subnav a {
		font-family: 'lato', tahoma, sans-serif;
		font-size: 8px;
		color: #333;
		text-decoration: none;
		font-weight: 500;
		text-transform: uppercase;
	}
	
	#featured {
		width: 320px;
		margin: 0;
		display: inline-block;
	}

	#featured .featuredbutton {
		width: 318px;
		height: 159px;
		display: inline-block;
		margin: 1px;
	}
		
	#ribbon {
		width: 320px;
		height: 160px;
	}
	
	.content_wrapper {
		position: relative;
		width: 316px;
		margin: 1px;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		display: inline-block;
		vertical-align: top;
	}

	.content_box1 {
		position: relative;
		width: 316px;
		padding: 10px 0 0 0;
		display: inline-block;
		vertical-align: top;
	}

	.content_box2 {
		position: relative;
		width: 316px;
		padding: 10px 0 0 0;
		display: inline-block;
		vertical-align: top;
	}

	.content_box4 {
		position: relative;
		width: 158px;
		padding: 10px 0 0 0;
		display: inline-block;
		vertical-align: top;
	}

	.content_box1 > h1, .content_box2 > h1, .content_box4 > h1 {
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 14px;
		font-weight: 700;
		color: #333;
		margin: 0 30px 10px 30px;
		border-bottom: 1px dashed #333;
		color: #333;
		text-transform: uppercase;
	}

	.content_box1 > h2, .content_box2 > h2, .content_box4 > h2 {
		margin: 0 0 0 30px;
		font-size: 9px;
		font-weight: 900;
		font-family: 'lato', tahoma, sans-serif;
		text-transform: uppercase;
	}

	.content_box1 > p, .content_box2 > p, .content_box4 > p {
		margin: 0 30px 10px 30px;
		font-size: 9px;
		line-height: 14px;
		font-weight: 500;
		font-family: 'lato', tahoma, sans-serif;
	}

	.content_box1 > ol, .content_box2 > ol, .content_box4 > ol, .content_box1 > ul, .content_box2 > ul, .content_box4 > ul {
		margin: 0 30px 10px 30px;
		padding: 0 0 0 13px;
		font-size: 9px;
		line-height: 14px;
		font-weight: 500;
		font-family: 'lato', tahoma, sans-serif;
	}

	.content_box1 > table {
		width: 314px;
		margin: 0 1px 10px 1px;
		font-size: 8px;
		line-height: 12px;
		font-weight: 500;
		font-family: 'lato', tahoma, sans-serif;
		border: 1px solid #333;
		border-bottom:0;
    border-left:0;
		text-align: left;
	}

	.content_box2 > table {
		width: 256px;
		margin: 0 30px 10px 30px;
		font-size: 9px;
		line-height: 14px;
		font-weight: 500;
		font-family: 'lato', tahoma, sans-serif;
		border: 1px solid #333;
		border-bottom:0;
    border-left:0;
		text-align: center;
	}

	.content_box1 > table th, .content_box1 > table th, .content_box2 > table th, .content_box2 > table th, .content_box4 > table th, .content_box4 > table th, .content_box1 > table td, .content_box1 > table td, .content_box2 > table td, .content_box2 > table td, .content_box4 > table td, .content_box4 > table td {
		border: 1px solid #333;
		border-top:0;
    border-right:0;
	}

	.content_box_thumb {
		width: 100px;
		margin: 3px 10px 10px 30px;
	}

	#footer {
		display: block;
		font-family: 'lato', tahoma, sans-serif;
		margin-bottom: 1px;
		width: 320px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#footer h1 {
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 14px;
		line-height: 14px;
		font-weight: 700;
		color: #333;
		margin: 4px 0 10px 10px;
	}

	#footer h2 {
		margin: 0 0 0 10px;
		font-size: 8px;
		line-height: 11px;
		font-weight: 900;
		font-family: 'lato', tahoma, sans-serif;
	}

	#footer li {
		font-size: 8px;
		line-height: 11px;
		font-weight: 400;
		color: #333;
		text-transform: uppercase;
	}

	#footer a, a:active {
		text-decoration: none;
	}


	#footerprodukte {
		width: 316px;
		padding-bottom: 25px;
		margin: auto;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		display: block;
		vertical-align: top;
	}

	#footerprodukte > div {
		display: inline-block;
		width: 158px;
		vertical-align: top;
	}

	#footerprodukte .divider {
		width: 108px;
		height: 1px;
		background: #c7cbcf;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		border: 0;
	}

	#footerproduktedivider {
		width: 266px;
		height: 1px;
		background: #c7cbcf;
		border: 0;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		display: block;
	}

	.footerbox {
		position: relative;
		width: 156px;
		height: 156px;
		margin: 1px;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		display: inline-block;
		vertical-align: top;
	}

	.footerbox a > img {
		max-width: 136px;
		max-height: 110px;
		display: block;
		margin: auto;
	}

	.footerbox h3 {
		margin: 0 0 0 10px;
		font-family: "ff-din-web-pro-condensed";
		font-size: 11px;
		line-height: 14px;
		font-weight: 700;
		color: #333;
		text-transform: uppercase;
	}

	.footerbox h4 {
		text-align: center;
		margin: 15px 0 0 0;
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 10px;
		font-weight: 700;
		color: #333;
	}

	.social {
		width: 20px;
		height: 20px;
		margin: 1px;
		display: inline-block;
		background-size: cover;
	}

	.footerbox #quotecontainer {
		position: absolute;
		top: 50px;
		left: 20px;
		width: 120px;
	}

	/*.footerbox .quote {
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 500;
		font-size: 9px;
		line-height: 10px;
		color: #333;
	}

	.footerbox .quotesource {
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 700;
		font-size: 7px;
		line-height: 8px;
		color: #333;
	}*/

	#quotestart {
		position: absolute;
		top: 30px;
		left: 10px;
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 900;
		font-size: 40px;
		line-height: 0;
		color: #333;
	}

	#quoteend {
		position: absolute;
		bottom: 15px;
		right: 10px;
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 900;
		font-size: 40px;
		line-height: 0;
		color: #333;
	}

	#footer ul {
		margin: 0 0 0 10px;
		padding: 0;
		list-style-type: none;
	}


	#disclaimer {
		width: 316px;
		margin: auto;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		display: block;
		vertical-align: top;
	}

	#disclaimer > p {
		margin: 5px 10px 5px 10px;
		vertical-align: middle;
		font-size: 10px;
		line-height: 14px;
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 500;
		color: #999;
	}

	/* MailChimp Form Embed Code - Slim - 08/17/2011 */
	#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
	#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
	#mc_embed_signup input {border:1px solid #333; -webkit-appearance:none;}
	#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
	#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
	#mc_embed_signup input:focus {border-color:#FFF;}
	#mc_embed_signup .button {clear:both; background: #333; border: 0 none; color: #FFF; cursor: pointer; font-family: 'lato', tahoma, sans-serif; font-weight: 600; font-size: 8px; height: 20px; line-height: 20px; margin: 0 0 2px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; transition: background 0.4s ease-in-out; text-transform: uppercase;}
	#mc_embed_signup .button:hover {background: #999;}
	#mc_embed_signup .small-meta {font-size: 11px;}
	#mc_embed_signup .nowrap {white-space:nowrap;}     
	#mc_embed_signup .clear {clear:none; display:inline;}

	#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
	#mc_embed_signup input.email {display:block; padding:5px 0; text-indent:5px; width: 133px; height: 11px; margin: 0 0 5px 0; font-family: 'lato', tahoma, sans-serif; font-size: 9px;}
	#mc_embed_signup input.button {display:inline-block; width: 67px;}

	#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
	#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
	#mc_embed_signup #mce-error-response {display:none;}
	#mc_embed_signup #mce-success-response {color:#529214; display:none;}
	#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
	#mc_embed_signup {clear:left; font-size: 0px; margin: auto; position: relative; width: 135px;}
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
		We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
		
}
		
@media (min-width: 657px) {
	
	#finanziergunsrechner{
		height: 230px;
	}
	
	#content {
		width: 640px;
		padding-top: 30px;
	}
	
	#topbar {
		width: 640px;
		height: 30px;
	}
	

	#hotline {
		width: 320px;
	}
	
	#login {
		width: 160px;
		background-position: 0px center;
	}


	#warenkorb {
		width: 159px;
	}
	
	#language {
		width: 635px;
	}
	
	#nav {
		width: 640px;
		min-height: 49px;
	}
	
	.navl {
		width: 320px;
		display: inline-block;
	}
	
	.navr {
		width: 320px;
		display: inline-block;
	}
	
	.navbutton {
		width: 156px;
		height: 76px;
		display: inline-block;
	}
	
	.navbutton > div {
		width: 156px;
		height: 76px;
	}
	
	.navbutton > div > p {
		font-size: 20px;
		line-height: 20px;
	}
	
	#xmgchoice, #schenkerchoice {
		width: 318px;
		height: 318px;
		margin: 0;
	}

	#banner {
		width: 638px;
		height: 192px;
		margin: 0;
	}	

	#innercontent {
		width: 640px;
		display: inline-block;
		margin: auto;
	}

	#innercontent #subheader {
		width: 606px;
		height: 50px;
		padding-left: 30px;
		display: block;
		margin: 1px;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		position: relative;
	}

	#subheader .subheader_value {
		width: 110px;
		height: 50px;
		display: inline-block;
		vertical-align: top;
	}

	#subheader #header_bestellen {
		position: absolute;
		top: -1px;
		right: -1px;
		width: 158px;
		height: 52px;
		background: #333;
		text-align: center;
		transition: background 0.4s ease-in-out;
		cursor: pointer;
	}

	#subheader #header_bestellen:hover {
		background: #666;
	}

	#header_bestellen h1 {
		line-height: 52px;
		font-family: 'lato', tahoma, sans-serif;
		font-size: 12px;
		font-weight: 500;
		color: #F1F1F1;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}

	#subheader h2 {
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 14px;
		font-weight: 700;
		color: #333;
		text-transform: uppercase;
		margin: 5px 0 0 0;
		padding: 0;
		line-height: 14px;
	}

	#subheader h3 {
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 24px;
		font-weight: 700;
		color: #333;
		margin: 0;
		padding: 0;
		line-height: 20px;
	}

	#subheader p {
		font-family: 'lato', tahoma, sans-serif;
		font-size: 11px;
		font-weight: 500;
		color: #333;
		margin: 2px 0 0 0;
		padding: 0;
		line-height: 12px;
	}

	#innercontent > #subnav {
		width: 640px;
		height: 64px;
		margin: auto;
		background: #FFF;
		display: block;
		z-index: 10;
		line-height: 64px;
		text-align: center;
	}

	#innercontent > #subnav ul {
		margin: 0;
		padding: 0;
		height: 64px;
	}


	#innercontent > #subnav ul li {
		display: inline-block;
		height: 64px;
		padding: 0 10px 0 10px;
		cursor: pointer;
	}

	#innercontent > #subnav a {
		font-family: 'lato', tahoma, sans-serif;
		font-size: 12px;
		color: #333;
		text-decoration: none;
		font-weight: 500;
		text-transform: uppercase;
	}

	#featured {
		width: 640px;
		margin: 0;
		display: inline-block;
	}

	#featured .featuredbutton {
		width: 318px;
		height: 159px;
		display: inline-block;
		margin: 1px;
	}

	#ribbon {
		width: 640px;
		height: 80px;
	}

	.content_wrapper {
		position: relative;
		width: 636px;
		margin: 1px;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		display: inline-block;
		vertical-align: top;
	}

	.content_box1 {
		position: relative;
		width: 636px;
		padding: 20px 0 0 0;
		display: inline-block;
		vertical-align: top;
	}

	.content_box2 {
		position: relative;
		width: 318px;
		padding: 20px 0 0 0;
		display: inline-block;
		vertical-align: top;
	}

	.content_box4 {
		position: relative;
		width: 159px;
		padding: 20px 0 0 0;
		display: inline-block;
		vertical-align: top;
	}

	.content_box1 > h1, .content_box2 > h1, .content_box4 > h1 {
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 14px;
		font-weight: 700;
		color: #333;
		margin: 0 30px 10px 30px;
		border-bottom: 1px dashed #333;
		color: #333;
		text-transform: uppercase;
	}

	.content_box1 > h2, .content_box2 > h2, .content_box4 > h2 {
		margin: 0 0 0 30px;
		font-size: 9px;
		font-weight: 900;
		font-family: 'lato', tahoma, sans-serif;
		text-transform: uppercase;
	}

	.content_box1 > p, .content_box2 > p, .content_box4 > p {
		margin: 0 30px 10px 30px;
		font-size: 9px;
		line-height: 14px;
		font-weight: 500;
		font-family: 'lato', tahoma, sans-serif;
	}

	.content_box1 > ol, .content_box2 > ol, .content_box4 > ol, .content_box1 > ul, .content_box2 > ul, .content_box4 > ul {
		margin: 0 30px 10px 30px;
		padding: 0 0 0 13px;
		font-size: 9px;
		line-height: 14px;
		font-weight: 500;
		font-family: 'lato', tahoma, sans-serif;
	}

	.content_box1 > table {
		width: 576px;
		margin: 0 30px 10px 30px;
		font-size: 9px;
		line-height: 14px;
		font-weight: 500;
		font-family: 'lato', tahoma, sans-serif;
		border: 1px solid #333;
		border-bottom:0;
    border-left:0;
		text-align: left;
	}

	.content_box2 > table {
		width: 258px;
		margin: 0 30px 10px 30px;
		font-size: 9px;
		line-height: 14px;
		font-weight: 500;
		font-family: 'lato', tahoma, sans-serif;
		border: 1px solid #333;
		border-bottom:0;
    border-left:0;
		text-align: center;
	}

	.content_box1 > table th, .content_box1 > table th, .content_box2 > table th, .content_box2 > table th, .content_box4 > table th, .content_box4 > table th, .content_box1 > table td, .content_box1 > table td, .content_box2 > table td, .content_box2 > table td, .content_box4 > table td, .content_box4 > table td {
		border: 1px solid #333;
		border-top:0;
    border-right:0;
	}

	.content_box_thumb {
		width: 100px;
		margin: 3px 10px 10px 30px;
	}

	#footer {
		display: block;
		font-family: 'lato', tahoma, sans-serif;
		margin-bottom: 1px;
		width: 640px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#footer h1 {
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 14px;
		line-height: 14px;
		font-weight: 700;
		color: #333;
		margin: 4px 0 10px 10px;
	}

	#footer h2 {
		margin: 0 0 0 10px;
		font-size: 8px;
		line-height: 11px;
		font-weight: 900;
		font-family: 'lato', tahoma, sans-serif;
	}

	#footer li {
		font-size: 8px;
		line-height: 11px;
		font-weight: 400;
		color: #333;
		text-transform: uppercase;
	}

	#footer a, a:active {
		text-decoration: none;
	}

	#footerprodukte {
		width: 636px;
		padding-bottom: 25px;
		margin: auto;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		display: block;
		vertical-align: top;
	}

	#footerprodukte > div {
		display: inline-block;
		width: 159px;
		vertical-align: top;
	}

	#footerprodukte .divider {
		width: 109px;
		height: 1px;
		background: #c7cbcf;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		border: 0;
	}

	#footerproduktedivider {
		display: none;
	}

	.footerbox {
		position: relative;
		width: 156px;
		height: 156px;
		margin: 1px;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		display: inline-block;
		vertical-align: top;
	}

	.footerbox a > img {
		max-width: 136px;
		max-height: 110px;
		display: block;
		margin: auto;
	}

	.footerbox h3 {
		margin: 0 0 0 10px;
		font-family: "ff-din-web-pro-condensed";
		font-size: 11px;
		line-height: 14px;
		font-weight: 700;
		color: #333;
		text-transform: uppercase;
	}

	.footerbox h4 {
		text-align: center;
		margin: 15px 0 0 0;
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 10px;
		font-weight: 700;
		color: #333;
	}

	.social {
		width: 20px;
		height: 20px;
		margin: 1px;
		display: inline-block;
		background-size: cover;
	}

	.footerbox #quotecontainer {
		position: absolute;
		top: 50px;
		left: 20px;
		width: 120px;
	}

	/*.footerbox .quote {
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 500;
		font-size: 9px;
		line-height: 10px;
		color: #333;
	}

	.footerbox .quotesource {
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 700;
		font-size: 7px;
		line-height: 8px;
		color: #333;
	}*/

	#quotestart {
		position: absolute;
		top: 30px;
		left: 10px;
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 900;
		font-size: 40px;
		line-height: 0;
		color: #333;
	}

	#quoteend {
		position: absolute;
		bottom: 15px;
		right: 10px;
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 900;
		font-size: 40px;
		line-height: 0;
		color: #333;
	}

	#footer ul {
		margin: 0 0 0 10px;
		padding: 0;
		list-style-type: none;
	}


	#disclaimer {
		width: 636px;
		margin: auto;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		display: block;
		vertical-align: top;
	}

	#disclaimer > p {
		margin: 5px 10px 5px 10px;
		vertical-align: middle;
		font-size: 10px;
		line-height: 14px;
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 500;
		color: #999;
	}

	/* MailChimp Form Embed Code - Slim - 08/17/2011 */
	#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
	#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
	#mc_embed_signup input {border:1px solid #333; -webkit-appearance:none;}
	#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
	#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
	#mc_embed_signup input:focus {border-color:#FFF;}
	#mc_embed_signup .button {clear:both; background: #333; border: 0 none; color: #FFF; cursor: pointer; font-family: 'lato', tahoma, sans-serif; font-weight: 600; font-size: 8px; height: 20px; line-height: 20px; margin: 0 0 2px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; transition: background 0.4s ease-in-out; text-transform: uppercase;}
	#mc_embed_signup .button:hover {background: #999;}
	#mc_embed_signup .small-meta {font-size: 11px;}
	#mc_embed_signup .nowrap {white-space:nowrap;}     
	#mc_embed_signup .clear {clear:none; display:inline;}

	#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
	#mc_embed_signup input.email {display:block; padding:5px 0; text-indent:5px; width: 133px; height: 11px; margin: 0 0 5px 0; font-family: 'lato', tahoma, sans-serif; font-size: 9px;}
	#mc_embed_signup input.button {display:inline-block; width: 67px;}

	#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
	#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
	#mc_embed_signup #mce-error-response {display:none;}
	#mc_embed_signup #mce-success-response {color:#529214; display:none;}
	#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
	#mc_embed_signup {clear:left; font-size: 0px; margin: auto; position: relative; width: 135px;}
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
		We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
	
}

@media (min-width: 1017px) {
	
	#finanziergunsrechner{
		height: 135px;
	}
	
	#content {
		width: 1000px;
		padding-top: 30px;
	}
	
	#topbar {
		width: 1000px;
		height: 30px;
	}
	
	#hotline {
		width: 670px;
	}
	
	#login {
		width: 160px;

		background-position: 0px center;
	}

	#warenkorb {
		width: 159px;
	}
	
	#language {
		width: 995px;
	}
	
	#nav {
		width: 1000px;
		min-height: 49px;
	}
	
	.navl {
		width: 500px;
		display: inline-block;
	}
	
	.navr {
		width: 500px;
		display: inline-block;
	}
	
	.navbutton {
		width: 246px;
		height: 122px;
		display: inline-block;
	}
	
	.navbutton > div {
		width: 246px;
		height: 122px;
	}
	
	.navbutton > div > p {
		font-size: 26px;
		line-height: 26px;
	}
	
	#xmgchoice, #schenkerchoice {
		width: 498px;
		height: 498px;
		margin: 0;
	}
	
	#banner {
		width: 998px;
		height: 300px;
		margin: 0;
	}	

	#innercontent {
		width: 1000px;
		display: inline-block;
		margin: auto;
	}

	#innercontent #subheader {
		width: 946px;
		height: 64px;
		padding-left: 50px;
		display: block;
		margin: 1px;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		position: relative;
	}

	#subheader .subheader_value {
		width: 180px;
		height: 64px;
		display: inline-block;
		vertical-align: top;
	}

	#subheader #header_bestellen {
		position: absolute;
		top: -1px;
		right: -1px;
		width: 248px;
		height: 66px;
		background: #333;
		text-align: center;
		transition: background 0.4s ease-in-out;
		cursor: pointer;
	}

	#subheader #header_bestellen:hover {
		background: #666;
	}

	#header_bestellen h1 {
		line-height: 66px;
		font-family: 'lato', tahoma, sans-serif;
		font-size: 14px;
		font-weight: 500;
		color: #F1F1F1;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}

	#subheader h2 {
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 20px;
		font-weight: 700;
		color: #333;
		text-transform: uppercase;
		margin: 5px 0 0 0;
		padding: 0;
		line-height: 20px;
	}

	#subheader h3 {
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 30px;
		font-weight: 700;
		color: #333;
		margin: 0;
		padding: 0;
		line-height: 20px;
	}

	#subheader p {
		font-family: 'lato', tahoma, sans-serif;
		font-size: 12px;
		font-weight: 500;
		color: #333;
		margin: 5px 0 0 0;
		padding: 0;
		line-height: 12px;
	}

	#innercontent > #subnav {
		width: 1000px;
		height: 96px;
		margin: auto;
		background: #FFF;
		display: block;
		z-index: 10;
		line-height: 96px;
		text-align: center;
	}

	#innercontent > #subnav ul {
		margin: 0;
		padding: 0;
		height: 96px;
	}


	#innercontent > #subnav ul li {
		display: inline-block;
		height: 96px;
		padding: 0 10px 0 10px;
		cursor: pointer;
	}

	#innercontent > #subnav a {
		font-family: 'lato', tahoma, sans-serif;
		font-size: 14px;
		color: #333;
		text-decoration: none;
		font-weight: 500;
		text-transform: uppercase;
	}

	#featured {
		width: 1000px;
		margin: 0;
		display: inline-block;
	}

	#featured .featuredbutton {
		width: 498px;
		height: 249px;
		display: inline-block;
		margin: 1px;
	}

	#ribbon {
		width: 1000px;
		height: 126px;
	}
	
	.content_wrapper {
		position: relative;
		width: 996px;
		margin: 1px;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		display: inline-block;
		vertical-align: top;
	}

	.content_box1 {
		position: relative;
		width: 996px;
		padding: 25px 0 0 0;
		display: inline-block;
		vertical-align: top;
	}

	.content_box2 {
		position: relative;
		width: 498px;
		padding: 25px 0 0 0;
		display: inline-block;
		vertical-align: top;
	}

	.content_box4 {
		position: relative;
		width: 248px;
		padding: 25px 0 0 0;
		display: inline-block;
		vertical-align: top;
	}

	.content_box1 > h1, .content_box2 > h1, .content_box4 > h1 {
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 24px;
		font-weight: 700;
		color: #333;
		margin: 0 40px 10px 40px;
		border-bottom: 1px dashed #333;
		color: #333;
		text-transform: uppercase;
	}

	.content_box1 > h2, .content_box2 > h2, .content_box4 > h2 {
		margin: 0 0 0 40px;
		font-size: 11px;
		font-weight: 900;
		font-family: 'lato', tahoma, sans-serif;
		text-transform: uppercase;
	}

	.content_box1 > p, .content_box2 > p, .content_box4 > p {
		margin: 0 40px 10px 40px;
		font-size: 11px;
		line-height: 16px;
		font-weight: 500;
		font-family: 'lato', tahoma, sans-serif;
	}

	.content_box1 > ol, .content_box2 > ol, .content_box4 > ol, .content_box1 > ul, .content_box2 > ul, .content_box4 > ul {
		margin: 0 40px 10px 40px;
		padding: 0 0 0 15px;
		font-size: 11px;
		line-height: 16px;
		font-weight: 500;
		font-family: 'lato', tahoma, sans-serif;
	}

	.content_box1 > table {
		width: 916px;
		margin: 0 40px 10px 40px;
		font-size: 11px;
		line-height: 16px;
		font-weight: 500;
		font-family: 'lato', tahoma, sans-serif;
		border: 1px solid #333;
		border-bottom:0;
    border-left:0;
		text-align: left;
	}

	.content_box2 > table {
		width: 418px;
		margin: 0 40px 10px 40px;
		font-size: 11px;
		line-height: 16px;
		font-weight: 500;
		font-family: 'lato', tahoma, sans-serif;
		border: 1px solid #333;
		border-bottom:0;
    border-left:0;
		text-align: center;
	}

	.content_box1 > table th, .content_box1 > table th, .content_box2 > table th, .content_box2 > table th, .content_box4 > table th, .content_box4 > table th, .content_box1 > table td, .content_box1 > table td, .content_box2 > table td, .content_box2 > table td, .content_box4 > table td, .content_box4 > table td {
		border: 1px solid #333;
		border-top:0;
    border-right:0;
	}

	.content_box_thumb {
		width: 150px;
		margin: 4px 10px 10px 40px;
	}

	#footer {
		display: block;
		font-family: 'lato', tahoma, sans-serif;
		margin-bottom: 1px;
		width: 1000px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;	
	}

	#footer h1 {
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 24px;
		line-height: 24px;
		font-weight: 700;
		margin: 14px 0 10px 10px;
		color: #333;
	}

	#footer h2 {
		margin: 0 0 0 10px;
		font-size: 11px;
		line-height: 15px;
		font-weight: 900;
		font-family: 'lato', tahoma, sans-serif;
	}

	#footer li {
		font-size: 11px;
		line-height: 15px;
		font-weight: 400;
		color: #333;
		text-transform: uppercase;
	}

	#footer a, a:active {
		text-decoration: none;
	}

	#footerprodukte {
		width: 996px;
		padding-bottom: 25px;
		margin: auto;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		display: block;
		vertical-align: top;
	}

	#footerprodukte > div {
		display: inline-block;
		width: 249px;
		vertical-align: top;
	}

	#footerprodukte .divider {
		width: 149px;
		height: 1px;
		background: #c7cbcf;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		border: 0;
	}

	#footerproduktedivider {
		display: none;
	}

	.footerbox {
		position: relative;
		width: 246px;
		height: 246px;
		margin: 1px;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		display: inline-block;
		vertical-align: top;
	}

	.footerbox a > img {
		max-width: 225px;
		max-height: 180px;
		display: block;
		margin: auto;
	}

	.footerbox h3 {
		margin: 0 0 0 10px;
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 18px;
		line-height: 22px;
		font-weight: 700;
		color: #333;
		text-transform: uppercase;
	}

	.footerbox h4 {
		text-align: center;
		margin: 25px 0 0 0;
		font-family: 'ff-din-web-pro-condensed', tahoma, sans-serif;
		font-size: 16px;
		font-weight: 700;
		color: #333;
	}

	.footerbox #quotecontainer {
		position: absolute;
		top: 90px;
		left: 20px;
		width: 205px;
	}

	.social {
		width: 30px;
		height: 30px;
		margin: 1px;
		display: inline-block;
		background-size: cover;
	}

	#quotestart {
		position: absolute;
		top: 40px;
		left: 10px;
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 900;
		font-size: 80px;
		line-height: 0;
		color: #333;
	}

	#quoteend {
		position: absolute;
		bottom: 25px;
		right: 10px;
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 900;
		font-size: 80px;
		line-height: 0;
		color: #333;
	}

	#footer ul {
		margin: 0 0 0 10px;
		padding: 0;
		list-style-type: none;
	}


	#disclaimer {
		width: 996px;
		margin: auto;
		background: #F1F1F1;
		border: 1px solid #c7cbcf;
		display: block;
		vertical-align: top;
	}

	#disclaimer > p {
		margin: 5px 10px 5px 10px;
		vertical-align: middle;
		font-size: 10px;
		line-height: 14px;
		font-family: 'lato', tahoma, sans-serif;
		font-weight: 500;
		color: #999;
	}

	/* MailChimp Form Embed Code - Slim - 08/17/2011 */
	#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
	#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
	#mc_embed_signup input {border:1px solid #333; -webkit-appearance:none;}
	#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
	#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
	#mc_embed_signup input:focus {border-color:#FFF;}
	#mc_embed_signup .button {clear:both; background: #333; border: 0 none; color: #FFF; cursor: pointer; font-family: 'lato', tahoma, sans-serif; font-weight: 700; font-size: 11px; height: 24px; line-height: 24px; margin: 0 0 2px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; transition: background 0.4s ease-in-out; text-transform: uppercase;}
	#mc_embed_signup .button:hover {background: #999;}
	#mc_embed_signup .small-meta {font-size: 11px;}
	#mc_embed_signup .nowrap {white-space:nowrap;}     
	#mc_embed_signup .clear {clear:none; display:inline;}

	#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
	#mc_embed_signup input.email {display:block; padding:5px 0; text-indent:5px; width: 223px; height: 20px; margin: 0 0 5px 0; font-family: 'lato', tahoma, sans-serif; font-size: 13px;}
	#mc_embed_signup input.button {display:inline-block; width:112px;}

	#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
	#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
	#mc_embed_signup #mce-error-response {display:none;}
	#mc_embed_signup #mce-success-response {color:#529214; display:none;}
	#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
	#mc_embed_signup {clear:left; font-size: 0px; margin: auto; position: relative; width: 225px;}
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
		We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
	
}