/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


/* Site-wide properties ======================================================== */
body{
      font-size: 77%;
      font-family: tahoma, verdana,arial,helvetica;
      line-height: 1.4em;
     
     }
      
    
    
    /* Fibonacci based heading scale ratio */
    
/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }

/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.half li{ padding-right: 5%; width: 45% }
.third li{  padding-right: 5%; width: 28.3% }
.quarter li{  padding-right: 5%; width: 20% }
.fifth li{  padding-right: 5%; width: 15% }

/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }

/* Basic Structure ============================================================= */
#wrap{
    margin: 0 auto;
    position: relative;
    width: 978px; }
    
    /* Header */
    
    #header {
    	margin: 22px 0 33px 0;
    	position: relative;
    	
    }
    
   	/* Content */
    #section{
     -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
        zoom: 1;
            /* Box-Schatten im Internet Explorer 6-8 */
            filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=3)
            progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=45, Strength=2)
            progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=3)
            progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=2)
            progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=3)
            progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=225, Strength=2)
            progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=260, Strength=3)
            progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=305, Strength=2);
        
        width: 935px; 
        min-height: 304px;
        margin: 30px auto 15px auto;
        overflow: hidden;
        background: white;
        
    }
    
    
    #section ul {
    	margin-bottom: 1.45em;
    }
    /*
     #section div {
    	margin: 15px 0 0 10px;
    }*/
    
    
    
    #section .mainTxt.main p {
    	margin: 0 0 18px 0;
    }
    
        
    /* Testen ****/
    
    /*#shadow, .ie8 #shadow {
    	background: yellow url(../img/schatten.jpg) repeat;
    	width: 945px;
    	/*padding: 1px 0;*/
    	/*min-height: 304px;
    	margin: 30px auto 15px auto;
    	border: 0;
    	
    	border: 1px solid #ccc;
    	
    }*/
    
    /*
    #shadow {
    	width: 935px;
    	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60, FinishOpacity=70, Style=2);
    	border: 2px solid #ccc;
    	min-height: 304px;
    	z-index: 1;
    }*/
    
    .colCont {
    	overflow: hidden;
    	margin: 25px 0 0 22px;    
    	}
    
    
    .colCont h3 {
    	margin-bottom: 18px;
    }
    
    
    .leftCol {
    	width: 50%;
    	float: left;
    	
    }
    
    .colCont.imp .leftCol {
    	width: 40%;
    }
    
    
    .colCont.agb{
    	padding-right: 25px;
    }
    
    
    #section div.rightCol {
    	margin-left: 90px; 
    	float: left;
    	
    }
    
    
    #section .colCont.imp .rightCol {
    	width: 50%;
    	margin-left: 50px;
    	
    }
    
    /* Sidebar */
    .aside{
        float: left;
        width: 33.3%; }
     
     
     
     
      
    /* Footer */
    footer{
        float: left;
        width: 100%; }
    
     
     #nav {
     	margin: 0 0 0 17px;
     	overflow: hidden;
     	letter-spacing: 0.12em;
     }
     
     #nav ul {
     	float: left;
     	margin-top: 10px;
     }
     
     #nav ul li {
     	float: left;
     	display:  inline;
     	
     }
     
     
     
     
     
     
     
     #nav ul li a, #nav ul li span{
     	font-weight: normal;
     	display: block;
     	/*float: left;*/
     	/*padding-right: 5px;*/
     	border-right: 1px solid #cc071e;
     	padding: 5px 10px;
     	text-transform: uppercase;
     	color: #000;
     	
     }
     
     #nav ul li span {
     	color: #cc071e;
     }
     
     
	#nav ul li.last a, #nav ul li.last span{
		border: none;
	}     

     
	ul.serviceNav {
    	font-size: 0.95em;
    	padding-top: 3px;
   }
   
   #nav span.sub  {
   	position: absolute;
   	left: 150px;
   	top: 40px;
   	color:#cc071e;
   	
   }
   
   
   #nav span.en {
   	left:  113px;
   }
   
   .ie7 #nav span.sub, .ie8 #nav span.sub {
   	left: 145px;
   }
   
   .ie7 #nav span.en, .ie8 #nav span.en {
   	left: 108px;
   }
   
   
   /*/ Safari - FIX - Unternavipunkt /*/
   
   @media screen and (-webkit-min-device-pixel-ratio:0) {
     #nav span.sub  { left: 143px  }
    }
   
   @media screen and (-webkit-min-device-pixel-ratio:0) {
     #nav span.en  { left: 111px  }
    }
   
   
   #nav ul li ul.sub li span {
   	font-weight: normal;
   	border: none;
   	text-transform: none;
   	padding: 0;
   }
   
   /* Englische Navi ausblenden - sobald englische Version fertig ist, wieder einblenden */
   
   
    	   
	#nav ul.serviceNav li a  {
   		color: #ccc;
   		font-weight: normal;
   		text-transform: none;
   		padding: 3px 10px;
   		
   		
   } 	    
/*
	#nav ul.serviceNav li a:hover {
		font-weight: normal;
	}*/

    	    
	#nav ul.serviceNav span {
	text-transform: none;
	padding: 3px 10px;
	}    
    
/* Project specifics =========================================================== */

a:link, a:visited  {
	color: #cc071e;
	text-decoration: none;
	font-weight: normal;
}

 

a:hover {
	color: #000;
	/*font-weight: bold;*/
	}


#nav ul span, ul.serviceNav span, a.impLink:hover, #nav a:hover, #nav ul.serviceNav a:hover, a.impLink span, #colgroup h3 a:hover, ul.serviceNavBottom a:hover, ul.serviceNavBottom span, a.impLink.en:hover {
	color: #cc071e;
}



a.impLink span {
	cursor: text;
}


.fl {
	float: left;
}


a:focus {
	outline: none;
}




p {
	margin-bottom: 1.6em;
}



h1#logo {
	background: transparent url(../img/logo.png) no-repeat;
	width: 221px;
	height: 35px;
	position: absolute;
	right: 17px;
	text-indent: -9999px;
	
	
}



h1#logo a {
	display: block;
	width: 221px;
	height: 35px;
	background: transparent;
}


h1.claim {
	font-family: Arial, sans-serif;
	font-size: 325%;
	line-height: 100%;
	color: #000;
	padding: 45px 80px 45px 80px;
	float: left;
	
}

h1.claim span {
	color: #e42312;
	display: block;
}


h2 {
	color: #fff;
	text-transform: uppercase;
	background: #cc071e; 
	padding: 10px;
	display: inline-block;
	font-weight: normal;
	font-size: 1.25em;
	margin-top: 20px;
}


div.feature {
	margin-top: 20px;
	width: 284px;
	}


.ie7 h2 {
	display: inline;
}

h3 {
	font-size: 140%;
	font-weight: normal;
	/*margin-bottom: 14px;*/
}




h4 {
	font-size: 1em;
	font-weight: bold;
}

/* AGB - Link */

a.pdfLink {
	display: block;
	margin: 0px 0 10px 0;
	overflow: hidden;
}

/*span.pdfLink a{
	display: block;
	float: left;
}*/
/*Slideshow *************/

/* Abgeändert wegen IE 8 BUG */
/*

#slideshow {
	position: relative;
	height: 291px;
	margin: 10px 0 0 0 ;
	width: 976px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	zoom: 1;
	/* Schatten für den IE 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=3)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=45, Strength=2)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=3)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=2)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=3)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=225, Strength=2)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=260, Strength=3)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=305, Strength=2);
	     background: white;
	
}*/


#shadow {
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=3)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=45, Strength=2)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=3)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=2)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=3)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=225, Strength=2)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=260, Strength=3)
	     progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=305, Strength=2);
	     background: white;
	     -moz-box-shadow: 0 0 5px #888;
	     -webkit-box-shadow: 0 0 5px#888;
	     box-shadow: 0 0 5px #888;
	     /*zoom: 1;*/
	     width: 977px;
	     height: 291px;
	     margin: 10px 0 0 0;
	     position: relative;
	
}

.ie8 #slideshow {
	position: absolute;
	left: 7px;
	top: 7px;
}


/**************************************************************************/

.mainTxt {
	width: 391px;
	float: left;
	margin-top: -30px;
}


#section div#colgroup {
	overflow: hidden;
	margin: 25px 0 0 22px;	
	
}

#colgroup .col {
	float: left;
	width: 180px;
	margin-right: 58px;
	/*clear: right;*/
}


#section #colgroup.news .col {
	width: 400px;
}


.ie7 #colgroup .col, .ie8 #colgroup .col {
	margin-right: 48px;
	/*margin-left: 48px;*/
	
	}




#colgroup .col:last-child {
    margin-right: 0;
}

#colgroup h3 a {
	font-weight: normal;
	color: #000;
}


.col ul li {
	padding-bottom: 15px;
}

#colgroup.news ul.txt li {
	padding-bottom: 0px;
}

#colgroup.news ul li:last-child {
	padding-bottom: 0px;
}



#colgroup.news ul.txt {
	/*padding-bottom: 10px;*/
}


#colgroup.news ul {
	margin-bottom: 0px;
}



/**************************/

/*Produktseite ******************/

ul.more {
	/*border: 1px solid #cc071e;
	border-right: none;
	border-left: none;*/
	padding: 10px 0;
	margin-top: 10px;
	
	
}



#section.dd ul {
	margin-bottom: 0;
} 

ul.more h3, ul.zeno h3 {
	margin-bottom: 10px;
}

ul.more li, ul.mz li, ul.zeno li {
	padding-bottom: 0;
	list-style: disc;
	list-style-position: inside;
}

ul.more li:first-child, ul.zeno li:first-child, #colgroup.news ul.more.ms li   {
	list-style-type: none;
	list-style-position: outside;
}


ul.more.ms {
	padding-bottom: 0;
	
}

#section ul.zeno {
	padding: 0;
	margin: 0;
}



ul.mz li:first-child {
	list-style-type: none;
	padding-bottom: 5px;
}


#section.dd ul.mz {
	margin: 0px 0px 1.45em 0px;
}

a.back {
	margin-left: 20px;
}

.ie7 a.back {
	position: relative;
	/*top: 465px;
	left: 210px;*/
	margin-left: 15px;
}

/* Pour some CSS below ========================================================= */
/* Kontaktformular */

/* Formular */

div.contactInfo {
	overflow: hidden;
	padding-top: 15px;
}

input {
   margin: 5px 0;
   border: 1px solid #ccc;
   width: 225px;  
   /*background: white;*/
   margin-right: 5px;
   
   /*padding: 3px 3px;*/
 	/*margin-left: 15px;*/
 	
 }
 
 
textarea {
	/*margin: 0px 0;*/
	border: 1px solid #ccc;
	width: 200px;
}

 
 span.star, fieldset.data span {
	color: #cc071e; 
}

span.must {
	display: block;
	margin-top: 10px;
	
} 
 

 
label{
	float: left;
	padding-top: 5px;
	width: 120px;
	color:#747577;
}

 fieldset{
	margin: 10px 0 0 22px;
	
}

/*
fieldset.anfrage {
	position: relative;
}*/

#section fieldset ul {
	margin-bottom: 0px;
}
 


input.senden{
	background: #efefef;
	font-size: 11px;
	border: none;
	width: 122px;
	display: block;
	/*text-align: right;*/
	padding: 3px;
	margin: 15px 0 10px 200px;
}


input[type='checkbox'] {border: none; width:auto;}


.ie7 input[type='checkbox'] {
	margin: 0;
}

div.adresse {
	margin: 15px 0 0 55px;
	float: left;
	
}

div.fehler {
	color: #cc071e;
	font-weight: bold;
	margin-top: 10px;
}

/* Social Media */
ul.socialLinks {
	position: absolute;
	right:  15px;
	bottom: -5px;
}

ul.socialLinks li {
	display: inline;
	padding-right: 5px;
}


/* Service Navigation */

ul.serviceNavBottom {
	margin-left: 22px;
	overflow: hidden;
}

.ie8 ul.serviceNavBottom {
	margin-left: 30px;
}

ul.serviceNavBottom li{
	float: left;
	margin-right: 10px;
}

ul.serviceNavBottom li a {
	color: #000;
	font-weight: normal;
	border-right: 1px solid #cc071e;
	padding-right: 10px;
}


ul.serviceNavBottom li a.agbLink {
	border: none;
}


a.impLink.en {
	margin-left: 22px;
	color: #000;
	font-weight: normal;
}
 
/*a.impLink {
	margin-left: 22px;
	color: #000;
	font-weight: normal;
}

.ie8 a.impLink {
	margin-left: 30px;
}*/



/*Anfrageformular innerhalb der News-Seite */

fieldset.data.kubus li, fieldset.data.kubus ul.dd span {
	color:#747577;
}

fieldset.data.kubus {
	margin: 0 0 0 5px;
}


fieldset.data.kubus ul.masse input, fieldset.data.kubus input#k-sz {
	width: 30px;
}

fieldset.data.kubus label{
	width: 75px;
	
}

fieldset.data.kubus ul {
	clear: both;
	
}

fieldset.data.kubus ul.masse li, fieldset.data.kubus ul.dd li  {
	display: block;
	float: left;
	padding-right: 5px;
}

 

fieldset.data.kubus ul.dd {
	padding-top: 8px;
}

fieldset.data.kubus ul.dd li:first-child{
	padding-right: 0px;
}



fieldset.data.kubus ul.dd input {
	width: auto;
}


fieldset.data.kubus li.min label {
	width: 50px;
}

fieldset.data.kubus fieldset.anfrage {
	clear: both;
	margin: 0;
	padding-top: 10px;
}

fieldset.data.kubus fieldset.anfrage textarea{
	width: 225px;
	resize: none;
}



p.clear {
	clear: both;
	padding-top: 10px;
} 
 
fieldset.data.kubus span.must {
	color: #000;
}

fieldset.data.kubus input.senden {
	margin: 15px 0 10px 160px;
	
}