@import url(style.menue.css);
@import url(style.content.css);
@import url(headlines.css);
@import url(style.links.css);
@import url(style.image.css);
@import url(powermail.css);

* {margin:0;padding:0;} 

html, body, #wrap {height: 100%; }

body > #wrap {min-height: 100%; height: auto; }

#wrap {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  overflow:hidden;
  position:relative;
}


#main {
	margin: 0 auto;
	padding-bottom: 100px;
	width: 100%;
}

#footer {
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	min-height: 100px;
	height: auto;
	clear: both;
} 


/* CLEAR FIX */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */


html, body {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
  } 

body {
	color: #333333;
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
	text-align: left;
	height: 100%;
	line-height:150%;
	font-weight: 300;
}

.box-logo{
	width: 33%;
	float:left;

	}

.box-logo img {
    width: auto;

}	
#wrapper-top-right {
	float: right;
	width: 33%;
}

#wrapper-menue{
	width: 67%;
	float: right;
	clear: right;
	padding-top: 50px;
	}
	
.box-menue {
	display: inline-block;
	width: 100%;
}
	
#top-wrapper{
	width: 96%;
	margin: 0 auto;
	padding: 10px 2% 10px 2%;
	background: #fff;
	}
	
#top-wrapper.fixed {
    position: fixed;
    top:0;
    left:0;
    width: 96%;
	z-index: 999;
}

#top-image{
	position:relative;
	}
	
#top-image img {
    width: 100%;
}

#top-image .csc-textpic-imagewrap {
    float: none;
    position: relative;
    width: 100%;
    z-index: -1;
}

#top-image DIV.csc-textpic::after {
    content: " ";
    margin-bottom: 0;
}
#wrapper-content {
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 0;
	padding: 0;
}
		
.content-bread {
    padding: 2% 2% 0;
}



#main-content {
    float: left;
    margin-right: 2%;
    width: 65%;
}


#inline-footer {
    margin: 10px 0;
}

 
/*Fusszeile*/
  
#wrapper-footer {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	font-size: 16px;
	clear: both;
	color: #333;
	line-height: 140%;
	height: auto;
	background: #fff;
  }
  
.footer-1 h1 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px;
}

#wrapper-footer img{
	width:auto;
	}

.footer-1 {
	float: left;
	height: auto;
	margin: 15px 0;
	padding: 15px 2% 15px 2%;
	text-align: left;
	width: 96%;
}

.footer-1 DIV.csc-textpic-left DIV.cols3 DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline;
    float: left;
    margin-right: 5%;
}

#footer a {
    color: #333;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
	text-decoration:none;
}

.copy {
    background: none repeat scroll 0 0 #A7DBD8;
    color: #ccc;
    font-size: 16px;
    line-height: 150%;
    margin: 0 auto;
    padding: 0.5% 2%;
    text-align: center;
    width: 96%;
}

.foo-left {
    float: left;
    text-align: left;
    width: 50%;
	color:#fff;
}

.foo-right {
    float: left;
    text-align: left;
    width: 49%;
}

iframe{border:0; width:100%;}
  
img, fieldset {
  border: 0;
}

/* set image max width to 100% */
img, embed, object, video {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
}

.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video iframe, .video object, .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

figure {
    position: relative;
}

figcaption {
    background: none repeat scroll 0 0 #fff;
    color: #001B37;
    display: block;
    font-size: 14px;
    left: 0;
    line-height: 120%;
    margin: 0;
    padding: 2%;
    right: 0;
    text-align: left;
    top: 0;
    width: 96%;
	font-style:italic;
}
  
figcaption.csc-textpic-caption {
    display: block;
}


.mfp-figure figcaption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
}

/*LAYOUTS BG*/

.content-bg,
.content-bg-6{
	background:#fff;
	}
.content-bg-1{
	background:#69D2E7;
	}
	
.content-bg-2{
	background:#A7DBD8;
	}
	
.content-bg-3{
	background:#E0E4CC;
	}
.content-bg-4{
	background:#F38630;
	}	
	
.content-bg-5{
	background:#FA6900;
	}
	
.content{
	padding:2%;
	}
	
.content1 {
    padding: 2%;
}

/*grid*/
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.gutter-sizer{
	width:0;
	}
	

	
/*4Spaltig*/
.four-gutter-sizer{
	width: 0;
	}
	
#fourCols{
	max-width: 100%;
	display: inline-block;
	width: 100%;
	}
	
#fourCols:after{
	content:'';
	display: block;
	clear:both;
	}
	
#fourCols .col25 {
  float: left;
}

	
.col25,
.grid-sizer {
/* width: 23.5%;*/
  width: 25%;
  height: auto;
  display: inline-block;
}

/*3Spaltig*/
#threeCols{
	max-width: 100%;
	display: inline-block;
	width: 100%;
	}
	
#threeCols:after{
	content:'';
	display: block;
	clear:both;
	}
	
#threeCols .col33 {
  float: left;
}

#threeCols .normal{

  margin-bottom:0%;
}

#threeCols .col33,
.three-grid-sizer {
  width: 33.3333%;
  height: auto;
  display: inline-block;
}

#threeCols .col33.big{
	width:66.66666%;
	float: left;
	}
	
/*3Spaltig Spedition*/
#threeCols-F{
	max-width: 100%;
	display: inline-block;
	width: 100%;
	}
	
#threeCols-F:after{
	content:'';
	display: block;
	clear:both;
	}
	
.col33-f img{
	width: 100%;
	}	
	
#threeCols-F .col33-f {
  float: left;
  margin-bottom:0%;
}


#threeCols-F .col33-f,
.three-grid-sizer-F {
  width: 15%;
  height: auto;
  display: inline-block;
}

#threeCols-F .col33-f.big{
	width:32%;
	float: left;
	}
	
/*4Spaltig flüssig*/
#liquidCols{
	max-width: 100%;
	display: block;
	width: 100%;
	}
	
#liquidCols:after{
	content:'';
	display: block;
	clear:both;
	}
	
#liquidCols .flow {
  float: left;
}

#liquidCols .flow {
	margin-bottom:0%;
	}
#liquidCols .flow,
.liquid-grid-sizer{
  width: 25%;
  height: auto;
  display: inline-block;
}

#liquidCols .flow.big {
	width: 50%;
	}
	
	
/*6Spaltig flüssig*/
#liquidCols-B{
	max-width: 100%;
	display: block;
	width: 100%;
	}
	
#liquidCols-B:after{
	content:'';
	display: block;
	clear:both;
	}
	
#liquidCols-B .images {
  float: left;
}

#liquidCols-B .images {
	margin-bottom:2%;
	}
#liquidCols-B .images,
.liquid-grid-sizer-B{
  width: 15%;
  height: auto;
  display: inline-block;
}

#liquidCols-B .images.big {
	width: 32%;
	}
	
/*2Spaltig*/

#twoColsRe,
#twoCols{
	max-width: 100%;
	display: inline-block;
	width: 100%;
	}
	
#twoColsRe .col50{
  float: left;
}

#twoColsRe .col50,
.two-grid-sizer {
  width: 50%;
  height: auto;
  display:inline;
}

#twoColsRe:after{
	content:'';
	display: block;
	clear:both;
	}
/*33/66%*/	
#twoCols .col33{
  float: left;
}

#twoCols .col33.big{
  width: 66%;
}

#twoCols .col33,
.two-grid-sizer {
  width: 32%;
  height: auto;
  display:inline;
}

#twoCols:after{
	content:'';
	display: block;
	clear:both;
	}
	
.stamp {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 32%;
}