@charset "UTF-8";

/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* ----- BASE STYLES ------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

/* Globaler Reset & Umstellung des Box-Models */
*,
*:before,
*:after {
	margin: 0; padding: 0; outline: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

/* Schriftart-, Größe- und Farbe der Seite global einstellen und Scrollbalken erzwingen, um "Springen" der Seite zu verhindern */ 
html, body { height:100%; }

html { overflow-y: scroll; }

body {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.04em;
	color: #333333;
}

/* Headlines (Überschriften) */
h1, h2, h3, h4, h5, h6 { margin: 0; }

h1{
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 15px;
}

h2 {
	display: inline-block;
	position: relative;
	margin-bottom: 5px;
	padding: 7px 8px 6px;
	font-weight: bold;
	font-size: 34px;
	line-height: 28px;
	text-transform: uppercase;
	color: #c5c3b9;
	background-color: #151515;
}

h2:after {
	display: block;
	position: absolute;
	right: -15px;
	bottom: 0;
	content: " ";
	width: 15px;
	height: 20px;
	background: url(../images/layout/headline-arrow-right.png) no-repeat;
}

h3 {
	display: inline-block;
	position: relative;
	margin-bottom: 15px;
	padding: 7px 10px 6px;
	font-weight: bold;
	font-size: 24px;
	line-height: 22px;
	text-transform: uppercase;
	color: #c5c3b9;
	background-color: #151515;
}

h3:after {
	display: block;
	position: absolute;
	right: -15px;
	bottom: 0;
	content: " ";
	width: 15px;
	height: 20px;
	background: url(../images/layout/headline-arrow-right.png) no-repeat;
}

h4 {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 22px;
}

h5, h6 {}

/* Paragraphs (Absätze) */
p { margin: 5px 0 15px; }

/* Anchors (Links) */
a {
	color: #333333;
	outline: 0;
	text-decoration:none;
	-webkit-transition: color 0.3s ease;
	   -moz-transition: color 0.3s ease;
	    -ms-transition: color 0.3s ease;
	     -o-transition: color 0.3s ease;
	        transition: color 0.3s ease;
}

	a:hover { text-decoration: underline; }

/*kontakt box styling */

#kontaktbox {
	display: flex; 
	text-align: left; 
	align-items: left; 
	justify-content: left; 
	color: #72716d;
	line-height: 1.4em;
}

#kontaktbox strong {
	font-size: 20px;
}
/* Tables (Tabellen) */
table { 
	width: 100%; 
}

	tbody {}

		tr,td, th { vertical-align: top; }

			td, th { text-align: left;}

			td { padding-bottom: 5px;}

			th { font-weight: bold;}

/* Definitionsliste */
dl { }

	dt { }
	
	dd { }
			
/* Images (Bilder) */
img {
	display: block;
	vertical-align: middle;
}

/* Unordered Lists (ungeordnete Listen) */
ul { list-style-type: none; }

	ul li {
		margin-bottom: 10px;
		margin-left: 30px;
		padding-left: 18px;
		/*list-style-type:circle;*/
	}

	ol li {
		margin-bottom: 10px;
		margin-left: 30px;
		padding-left: 18px;
		list-style-type:upper-roman;
	}

	
		ul ul { padding: 8px 0 5px 2px; }
		
			ul ul li {
				margin: 0;
				padding-left: 15px;
				font-size: 14px;
				line-height: 20px;
			}
	
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* ----- LAYOUT & CONTENT -------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#page {
	position: relative;
	min-width: 1220px;
	min-height: 100%; height: auto !important; height: 100%;
}

	#topBar-full {
		background-color: #151515;
	}

		#topBar {
			position: relative;
			width: 1220px;
			margin: 0 auto;
			padding: 13px 50px 11px;
			font-size: 14px;
			color: #575757;
			letter-spacing: 0;
		}

		#topBar:after {
			clear: both;
			display: table;
			content: " ";
		}

			#topBar h1 {
				position: absolute;
				top: 0;
				left: 10px;
				z-index: 1;
				height: 176px;
				margin: 0;
				padding: 0 40px;
				background: url(../images/layout/logo-shadow.png) no-repeat bottom center;
			}

				#topBar h1 #logo {
					display:block;
					width: 165px;
					-webkit-box-shadow: 0 0 8px rgba(0,0,0,.35);
					   -moz-box-shadow: 0 0 8px rgba(0,0,0,.35);
							  box-shadow: 0 0 8px rgba(0,0,0,.35);  
					-webkit-transition: width 0.3s ease;
						-moz-transition: width 0.3s ease;
						 -ms-transition: width 0.3s ease;
						  -o-transition: width 0.3s ease;
							  transition: width 0.3s ease;
				}

					#topBar h1 #logo img { max-width: 100%; }

	#wrapper {
		position: relative;
		width: 1240px;
		margin: 0 auto 52px;
		/*background: url(../images/layout/blur-bg.jpg) no-repeat top center #dedede;*/
	}

	#wrapper-inner {
		position: relative;
		min-height: 603px;
		padding: 0 50px 45px;
		background: url(../images/layout/header-shadow.png) no-repeat center 63px;
	}

		#header {
			position: relative;
			margin-bottom: 35px;
		}
		
			#mainNav-container {
				overflow: hidden;
				padding-bottom: 70px;
			}
		
			#mainContent {
				overflow: hidden;
				position: relative;
				padding: 22px;
				border: 1px solid #ffffff;
				background: #ffffff url(../images/layout/gradient-gray-white.gif) repeat-x;
				-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.35);
					   -moz-box-shadow: 0 1px 5px rgba(0,0,0,.35);
					        box-shadow: 0 1px 5px rgba(0,0,0,.35);
			}
			
				#mainContent .page-headline {
					position: absolute;
					top: 22px;
					left: 22px;
					width: 40%;
					margin-bottom: 15px;
				}
			
					#mainContent .page-headline h2 {
						margin: -10px 0 5px -10px;
					}
			
				#mainContent .sub-headline {
					font-size: 16px;
					line-height: 18px;
					font-style: italic;
					text-transform: uppercase;
				}
			
				#mainContent .page-content,
				#mainContent .cat-content {
					min-height: 200px;
					margin: 20px;
				}
			
			.home-slider-container {
				position: relative;
			}
			
				.home-slider-controls { opacity: 0; }
			
				.home-slider {
					max-height: 435px;
					overflow: hidden;
					background: #ffffff url(../images/layout/home-slider-spinner.gif) no-repeat 50% 50%;
					-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.35);
					   -moz-box-shadow: 0 1px 5px rgba(0,0,0,.35);
					        box-shadow: 0 1px 5px rgba(0,0,0,.35);
				}
				
					.home-slider .royalSlider { 
						background: url(../images/layout/home-slider-stage.jpg);
						opacity: 0;
					}
			
		#lowerCols { padding: 0; }
			
			#lowerCols .col-wrapper .col-content {
				background-color: #ffffff;
				-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.35);
					-moz-box-shadow: 0 1px 5px rgba(0,0,0,.35);
						  box-shadow: 0 1px 5px rgba(0,0,0,.35);
			}
@media only screen and (max-width: 960px) {

#mainContent .page-content, #mainContent .cat-content {
	margin: 60px 10px;
}
}

#footer-full {
	position: relative;
	background-color: #151515;
}

	#footer {
		position: relative;
		width: 1220px;
		padding: 32px 50px 25px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 20px;
		color: #72716d;
		letter-spacing: 0;
	}
	
		#footer .col-wrapper { margin: 0 -10px; }
		#footer .col-wrapper > .col { padding: 0 10px; }
	
			#footer .col-wrapper .col-content h4 {
				font-size: 20px;
				line-height: 18px;
				margin-bottom: 18px;
				text-transform: uppercase;
				letter-spacing: -0.04em;
				color: #c5c3b9;
			}

/* ------------------------------------------------------------------------- */
/* ----- Common ------------------------------------------------------------ */
/* ------------------------------------------------------------------------- */

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

.button {
	display: inline-block;
	padding: 8px 20px 6px 10px;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	color: #333333;
	background-color: #ffffff;
	border: 0 none;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	        box-shadow: 0 1px 3px rgba(0,0,0,.3);
}

.button:hover { text-decoration: none; }

.arrowLink { padding-right: 15px; }
.arrowLink:hover { background-position: right 5px; }

ul.level2 {
	margin: 0 0 5px 0;
	padding: 5px 0 5px 20px;
}
		
	ul.level2 li {
		margin: 0;
		padding-left: 15px;
		font-size: 14px;
		line-height: 18px;
	}

.col-wrapper {
	overflow: hidden;
	margin: 0 -8px;
	padding: 5px 0 6px 0;
}

	.col-wrapper .col-content { position: relative; }
			
		.col-wrapper .col-content h3 span {
			position: absolute;
			right: -160px;
			top: 0;
			width: 138px;
			margin: 0;
			font-weight: normal;
			font-size: 15px;
			line-height: 17px;
			font-style: italic;
			text-transform: uppercase;
			color: #333333;
		}
			
		.col-wrapper .col-content .post-img img {
			display: block;
			height: auto;
			max-width: 100%;
		}
			
		.col-wrapper .col-content .post-content {
			padding: 14px 14px 45px 14px;
			border: 1px solid #ffffff;
			background-image: -webkit-linear-gradient(top, #bfbeb8, #fff 70%);
			background-image: -moz-linear-gradient(top, #bfbeb8, #fff 70%);
			background-image: -o-linear-gradient(top, #bfbeb8, #fff 70%);
			background-image: linear-gradient(to bottom, #bfbeb8, #fff 70%);
		}
		
			.col-wrapper .col-content .post-content p { padding: 0 10px 0 12px; }
			
			.col-wrapper .col-content .post-content .button { 
				position: absolute;
				right: 14px;
				bottom: 14px;
			}

		.col-wrapper > .col {
			float: left;
			padding: 0 11px;
			min-height: 1px;
		}
		
		.col-wrapper > .col1-3c,
		.col-wrapper > .col2-3c,
		.col-wrapper > .col3-3c {
			width: 33.333333%;
		}
		
		.col-wrapper > .col1-4c,
		.col-wrapper > .col2-4c,
		.col-wrapper > .col3-4c,
		.col-wrapper > .col4-4c {
			width: 25%;
		}
		
.highlightBox-left {
	overflow: hidden;
	margin: -22px 0 -22px -24px;
	padding: 20px 12px;
	border: 3px solid #333333;
}
		
.highlightBox-right {
	overflow: hidden;
	margin: -22px -24px -22px 0;
	padding: 20px 12px;
	border: 3px solid #333333;
}

	.highlightBox-left div.one_half,
	.highlightBox-right div.one_half { padding: 0 8px; }
		
#news-container {
	overflow: hidden;
	height: 100%;
	padding: 15px;
	background-color: #151515;
	color: #72716d;
}

.col1-3c .col-content { background: #151515 !important; }
		
	#news-container h3 {
		font-size: 28px;
		line-height: 24px;
	}
		
	#news-container h4 {
		margin-bottom: 5px;
	}
		
	#news-container .news-entry {
		overflow: hidden;
		margin: 0;
		padding: 0;
		background: none;
	}
	
		#news-container .col1 {
			float: left;
			width: 20%;
			min-height: 1px;
			padding: 0 12px 0 10px;
		}
			
			#news-container .col1 .news-date {
				padding-bottom: 20px;
				word-wrap: break-word;
				font-style: italic;
				color: #c5c3b9;
				-webkit-transition: color 0.3s ease;
					-moz-transition: color 0.3s ease;
					 -ms-transition: color 0.3s ease;
					  -o-transition: color 0.3s ease;
						  transition: color 0.3s ease;
			}
			
		#news-container .col2 {
			float: left;
			width: 80%;
			padding-left: 12px;
			border-left: 1px solid #3a3a3a;
		}
			
			#news-container .col2 .news-title,
			#news-container .col2 .news-title a {
				color: #c5c3b9;
				text-decoration: none;
			}
		
	#news-container .button {
		float: left;
		margin-top: 5px;
	}
	
#jobTeaser {
	position: relative;
	min-height: 120px;
	padding-bottom: 45px;
}

	#jobTeaser ul { display:none; }

		#jobTeaser ul li {
			margin-bottom: 10px;
			padding-left: 15px;
		}

		#jobTeaser ul li:last-child { margin: 0; }

	#jobTeaser a {
		color: #c5c3b9;
		text-decoration: none;
	}
	
	#jobTeaser .links {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 6px 15px 6px 0;
		border-top: 1px solid #3a3a3a;
	}
	
#contactInfos {
	position: relative;
	overflow: hidden;
	/*min-height: 120px;*/
	padding-bottom: 45px;
	text-align: start;
}

	#contactInfos a { color: #C5C3B9; text-decoration: none; }

	#contactInfos ul {
		float: left;
	}
	
		#contactInfos ul li {
			margin: 0;
			padding: 0;
			background: none;
		}
	
			#contactInfos ul li span { padding-left: 28px; }
			#contactInfos ul li.phone span { background-position: 0 1px; }
			#contactInfos ul li.fax span { background-position: 0 -50px; }
			#contactInfos ul li.mail span { background-position: -300px -97px; }
			#contactInfos ul li.mail a:hover span { background-position: 0 -97px; }
	
	#contactInfos .col1 {
		width: 55%;
	}

	#contactInfos .col2 {
		width: 45%;
	}
	
	#contactInfos .links {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 6px 15px 6px 0;
		/*border-top: 1px solid #3a3a3a;*/
	}
		
		#contactInfos .links a {
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		
		#contactInfos .links a.twitter {
			display: inline-block;
			width: 25px;
			height: 19px;
			text-indent: -999em;
			background: url(../images/layout/sprite-social-media.png) no-repeat -2px 0;
		}
		
		#contactInfos .links a.facebook {
			display: inline-block;
			width: 25px;
			height: 19px;
			text-indent: -999em;
			background: url(../images/layout/sprite-social-media.png) no-repeat -29px 0;
		}
		
		#contactInfos .links a.twitter:hover { background-position: -2px -50px; }
		#contactInfos .links a.facebook:hover { background-position: -29px -50px; }
		
.gallery {
	overflow: hidden;
}

	.gallery .gallery-item {
		float: left;
		width: 25%;
		padding: 0 8px;
	}

		.gallery .gallery-item img {
			max-width: 100%;
			height: auto;
			border: 3px solid #dad9d6;
		}

		.gallery .gallery-item a:hover img {
			border: 3px solid #151515;
		}

/* ------------------------------------------------------------------------- */
/* ----- Page specific ----------------------------------------------------- */
/* ------------------------------------------------------------------------- */

/* ----- Intro --------------------------------------------------- */

body.home { background: #292929 url(../images/layout/intro/main-bg.jpg) no-repeat top center; }

.home #page {
	min-height: 100% !important;
}

	.home #wrapper {
		position: relative;
		width: 1240px;
		background: none;
		padding: 0;
	}

		.home #wrapper #truck {
			position: relative;
			max-width: 100%;
			top: 195px;
		}

		.home #wrapper h1 {
			position: absolute;
			top: 0;
			left: 20px;
			z-index: 1;
			height: 176px;
			margin: 0;
			padding: 0 40px;
		}

			.home #wrapper h1 #logo {
				display:block;
				width: 165px;
				-webkit-box-shadow: 0 0 8px rgba(0,0,0,.35);
				   -moz-box-shadow: 0 0 8px rgba(0,0,0,.35);
						box-shadow: 0 0 8px rgba(0,0,0,.35);  
				-webkit-transition: width 0.3s ease;
					-moz-transition: width 0.3s ease;
					 -ms-transition: width 0.3s ease;
					  -o-transition: width 0.3s ease;
						  transition: width 0.3s ease;
			}

				.home #wrapper h1 #logo img { max-width: 100%; }
				
	.home #wrapper .bubble {
		position: absolute;
		width: 210px;
		height: 140px;
		z-index: 5;
	}
				
		.home #wrapper #bubble-trucks {
			top: 80px;
			right: 140px;
			background: url(../images/layout/intro/bubble-trucks.png) no-repeat;
		}
				
			.home #wrapper #bubble-trucks a {
				display: block;
				position: absolute;
				top: 22px;
				left: 20px;
				width: 165px;
				height: 65px;
				text-indent: -999em;
				background: url(../images/layout/intro/caption-trucks.png) no-repeat;
			}
				
			.home #wrapper #bubble-trucks a:hover {
				background-position: right;
			}
				
		.home #wrapper #bubble-trailer {
			top: 595px;
			left: 100px;
			background: url(../images/layout/intro/bubble-trailer.png) no-repeat;
		}
				
			.home #wrapper #bubble-trailer a {
				display: block;
				position: absolute;
				top: 59px;
				left: 12px;
				width: 175px;
				height: 65px;
				text-indent: -999em;
				background: url(../images/layout/intro/caption-trailer.png) no-repeat;
			}
				
			.home #wrapper #bubble-trailer a:hover {
				background-position: right;
			}
			
.home #stripes {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 115px;
	background: url(../images/layout/intro/stripes.png) no-repeat top center;
}

/* ----- Kontakt ------------------------------------------------- */

.contactInfos { overflow: hidden; }
	.contactInfos span { display: inline-block; font-weight: bold; }
	.contactInfos  .col1 { float: left; margin: 0 15px 0 0; }	
		.contactInfos  .col1 span { width: 80px; }
	.contactInfos  .col2 { float: left; }
		.contactInfos  .col2 span { width: 75px; }
		
.contactInfos ul li { padding: 0; background: none !important; }

#copyrightHint {
	position: absolute;
	top: 20px;
	right: 20px;
}

/* ----- Google Maps --------------------------------------------- */

#bgmp_map-canvas {
	overflow: hidden;
	width: 100% !important;
	margin: 40px 0 30px 0;
	border: 2px solid #333333;
}

.bgmp_placemark {
    min-width: 210px;
}

.bgmp_placemark h3 {
    font-weight: bold !important;
	margin: 0 0 5px 0 !important;
	padding: 7px 10px 6px !important;
}

/* ----- Impressum ----------------------------------------------- */

#imprintTable {
	margin-bottom: 15px;
	border-collapse: collapse;
}

	#imprintTable td {
		border-bottom: 1px solid #cccccc;
		padding: 5px 5px 4px 5px
	}

	#imprintTable .col1 {
		font-weight: bold;
		width: 150px;
	}

	#imprintTable .col2 {  }

#disclaimer {
    overflow: auto;
    height: 500px;
	margin: 0 0 15px 0;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 18px;
	letter-spacing: 0;
	background-color: #dbdad7;
}

.stockPhoto_hint {
	font-size: 10px;
	line-height: 12px;
	width: 100%;
	padding-left: 10px;
	letter-spacing: 0;
}
	
/* ----- Anfahrt ------------------------------------------------- */

#routeplannerContainer {
	overflow: hidden;
	margin: 20px 0;
}
	
	#saddr {
		float: left;
		margin-right: 3%;
		width: 54%;
		height: 33px;
	}

	#submitaddr {
		float: left;
		width: 40%;
		height: 33px;
	}

/* ----- Categories ---------------------------------------------- */

.cat-content { }

	.cat-content .full_width:first-child { padding-top: 50px; }
	.cat-content .full_width { padding-top: 10px; padding-bottom: 10px; }

	.cat-content .post-title {
		padding: 0;
		background: none;
		text-transform: none;
	}

	.cat-content .post-title:after {
		display: none;
	}

		.cat-content .post-title .post-date {
			margin: 0;
			padding-left: 15px;
			font-weight: normal;
			font-size: 15px;
			line-height: 17px;
			font-style: italic;
			text-transform: uppercase;
			color: #333333;
		}
	
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* ----- BROWSER OPTIMIZING ------------------------------------------------ */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

.ie9 .gradient {
	filter: none !important;
}

/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* ----- MEDIA QUERIES ----------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

@media (max-width: 1280px) {

	body.home { background-position: center -40px; }

	h2 {
		padding: 6px 9px 5px;
		font-size: 32px;
		line-height: 28px;
	}

	h3 {
		margin-bottom: 12px;
		font-size: 22px;
		line-height: 20px;
	}

	h3:after {
		right: -13px;
	}
	
	#page {
		min-width: 1100px;
	}

	#topBar {
		width: 1100px;
		padding: 12px 50px;
	}
	
	#wrapper {
		width: 1220px;
		/*background: url(../images/layout/blur-bg.jpg) no-repeat center -60px #dedede;*/
	}

	#wrapper-inner {
		position: relative;
		padding: 0 50px 45px;
		background: url(../images/layout/header-shadow.png) no-repeat center 62px;
	}
	
	.home-slider .royalSlider { 
		background-size: contain;
	}

	#footer {
		width: 1100px;
	}
	
	.button {
		padding: 6px 18px 5px 8px;
		font-size: 14px;
		line-height: 16px;
	}
	
	.col-wrapper .col-content h3 span {
		right: -155px;
		font-size: 13px;
		line-height: 15px;
	}
	
	#news-container h3 {
		font-size: 26px;
		line-height: 22px;
	}
	
	#contactInfos ul {
		font-size: 12px;
	}
	
	.home #wrapper {
		width: 1110px;
	}
	
	.home #wrapper #bubble-trailer {
		top: 560px;
	}

}

@media (max-width: 1140px) {

	body.home { background-position: center -80px; }

	body {
		font-size: 14px;
		line-height: 16px;
	}

	h2 {
		padding: 5px 6px 5px;
		font-size: 30px;
		line-height: 26px;
	}

	h3 {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 18px;
	}

	h4 {
		font-size: 16px;
		line-height: 16px;
	}

	h3:after {
		right: -13px;
	}
	
	ul ul li {
		font-size: 12px;
		line-height: 18px;
	}
	
	#page {
		min-width: 980px;
		min-height: 0;
	}

	#topBar {
		width: 980px;
		padding: 5px 25px;
	}
	
	#topBar h1 {
		height: 162px;
		top: -14px;
		padding: 0 15px;
		background: none;
	}
	
	#topBar h1 #logo {
		width: 145px;
	}
	
	.home #wrapper h1 {
		height: 162px;
		top: -14px;
		padding: 0 15px;
	}
	
	.home #wrapper h1 #logo {
		width: 145px;
	}
	
	#wrapper {
		width: 980px;
		margin-bottom: 30px;
		/*background: url(../images/layout/blur-bg.jpg) no-repeat center -80px #dedede;*/
	}

	#wrapper-inner {
		position: relative;
		padding: 0 25px 20px;
		background: url(../images/layout/header-shadow.png) no-repeat center 49px;
		background-size: contain;
	}
	
	#mainNav-container {
		padding-bottom: 60px;
	}

	#footer {
		width: 980px;
		padding: 25px 25px 20px;
	}
	
	.button {
		padding: 6px 12px 4px 7px;
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 0;
	}
	
	.col-wrapper .col-content h3 span {
		right: -155px;
		font-size: 13px;
		line-height: 15px;
	}
	
	#news-container h3 {
		font-size: 22px;
		line-height: 20px;
	}
	
	#contactInfos ul {
		float: none;
		font-size: 14px;
	}
	
	#contactInfos .col1 {
		margin-bottom: 10px;
	}
	
	#contactInfos .col1,
	#contactInfos .col2 {
		width: 100%;
	}
	
	.home #wrapper {
		width: 980px;
	}
	
	.home #wrapper #bubble-trucks {
		top: 70px;
		right: 100px;
	}
	
	.home #wrapper #bubble-trailer {
		top: 520px;
		left: 80px;
	}

}

@media (max-width: 1000px) {

	body.home { background-position: center -160px; }

	body {
		font-size: 14px;
		line-height: 16px;
	}

	h2 {
		padding: 5px 6px 5px;
		font-size: 28px;
		line-height: 26px;
	}

	h3 {
		padding: 5px 8px 4px;
		margin-bottom: 8px;
		font-size: 18px;
		line-height: 18px;
	}

	h3:after {
		right: -13px;
	}

	h4 {
		font-size: 14px;
		line-height: 16px;
	}
	
	p {
		margin: 0 0 12px 0;
	}
	
	#page {
		min-width: 720px;
	}

	#topBar {
		width: 720px;
		padding: 5px 25px;
	}
	
	#topBar h1 {
		height: 162px;
		top: -14px;
		padding: 0 15px;
		background: none;
	}
	
	#topBar h1 #logo {
		width: 125px;
	}
	
	.home #wrapper h1 #logo {
		width: 125px;
	}
	
	#wrapper {
		width: 720px;
		margin-bottom: 30px;
		/*background: url(../images/layout/blur-bg.jpg) no-repeat center -80px #dedede;*/
	}

	#wrapper-inner {
		position: relative;
		padding: 0 25px 20px;
		background: url(../images/layout/header-shadow.png) no-repeat center 49px;
	}
	
	#header {
		margin-bottom: 15px;
	}
	
	#mainNav-container {
		padding-bottom: 40px;
	}
	
	.home-slider-controls { 
		display: none;
	}
	
	#footer {
		width: 720px;
		padding: 25px 25px 20px;
	}
	
	.button {
		padding: 6px 12px 4px 7px;
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 0;
	}
	
	.button span {
		display: none;
	}
	
	#mainContent .sub-headline {
		font-size: 14px;
		line-height: 16px;
	}
	
	.home #wrapper {
		width: 720px;
	}
	
	/*.col-wrapper > .col {
		float: none;
		margin-bottom: 20px;
	}
	
	.col-wrapper > .col:last-child {
		margin: 0;
	}
	
	.col-wrapper > .col1-3c,
	.col-wrapper > .col2-3c,
	.col-wrapper > .col3-3c {
		width: 100%;
	}*/
	
	.col-wrapper .col-content h3 span {
		display: none;
	}
	
	.col-wrapper .col-content .post-content p {
		padding: 0 8px;
	}
	
	#news-container h3 {
		font-size: 22px;
		line-height: 20px;
	}
	
	#news-container .col1 {
		display: none;
	}
			
	#news-container .col2 {
		width: 100%;
		padding-left: 8px;
		border: 0;
	}
	
	#contactInfos ul {
		float: none;
		font-size: 14px;
	}
	
	#contactInfos .col1 {
		margin-bottom: 10px;
	}
	
	#contactInfos .col1,
	#contactInfos .col2 {
		width: 100%;
	}
	
	.home #wrapper #bubble-trucks {
		top: 70px;
		right: 30px;
	}
	
	.home #wrapper #bubble-trailer {
		top: 430px;
		left: 20px;
	}

}

.full_width:first-child, .one_half:first-child, .one_third:first-child, .two_third:first-child, .one_fourth:first-child, .three_fourth:first-child, 
.one_fifth:first-child, .two_fifth:first-child, .three_fifth:first-child, .four_fifth:first-child, .one_sixth:first-child {
    padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

@media (max-width: 460px) {
	#wrapper {
	width: auto;
	margin-bottom: 18px;
}
#wrapper-inner {
	padding: 0 10px 10px;
}

.home #wrapper{
	width: auto;
	margin-bottom: 18px;
}

.home #page {
	min-width: auto;
}
#page {
	min-width: auto;
}
#footer .col-wrapper > .col {
	padding: 10px 10px;
}
#contactInfos .links {
	text-align: start;
}
.full_width:first-child, .one_half:first-child, .one_third:first-child, .two_third:first-child, .one_fourth:first-child, .three_fourth:first-child, .one_fifth:first-child, .two_fifth:first-child, .three_fifth:first-child, .four_fifth:first-child, .one_sixth:first-child {
	padding-top: 24px;
	padding-left: 0px;
	padding-right: 0px;
}
.highlightBox-right {
	overflow: hidden;
    margin: 0;
	padding: 10px 5px;
	border: 3px solid #333333;
}
#mainContent {
	padding: 12px 10px;
}
.col-wrapper .col-content .post-img img {
	min-width: 100%;
}

.col-wrapper > .col1-3c, .col-wrapper > .col2-3c, .col-wrapper > .col3-3c {
	width: 100%;
}
}