/* CSS Document */

/*Neu Avdanli */


/* Carousel Avdanli */
			#Slider_Felgen {
				position:relative;
				float:left;
				width:1138px;
				height:auto;
				margin-right:15px;
				margin-bottom:20px;
				border-left: 1px solid  #c4c4c4;
				border-right: 1px solid #c4c4c4;
				border-bottom: 1px solid #c4c4c4;
				background-color:#fff;
			}

			#wrapper_carousel {
				width: 1100px;
				height: 435px;
				margin: -160px 0 0 -400px;
				position: absolute;
				top: 50%;
				left: 50%;
				overflow: hidden;
			}
			
			#carousel-title {
				width: 350px;
				height: 100px;
				position: absolute;
				top: 0;
				left: 0;
			}
			#carousel-title p {
				font-family: arial, helvetica, sans-serif;
				font-size: 30px;
				font-weight: bold;
				color: #999;
				width: 325px;
				height: 75px;
				margin: 0;
				padding: 25px 0 0 25px;
				float: left;
			}
			#carousel-small,
			#carousel-large {
				position: absolute;
			}
			#carousel-small {
				width: 300px;
				height: 155px;
				bottom: 0;
				left: 0;
			}
			#carousel-large {
				width: 600px;
				height: 415px;
				top: 0;
				right: 0;
			}
			#carousel-large img {
				display: block;
				margin-left: 10px;
				float: left;
			}
			#carousel-small img {
				display: block;
				margin-right: 10px;
				float: right;
			}
			#navi {
				position: absolute;
				bottom: 0;
				right: 0;
			}
			#navi a {
				border: 1px solid #999;
				background-color: #fff;
				display: block;
				width: 8px;
				height: 8px;
				margin: 0 0 0 4px;
				float: left;
			}
			#navi a:hover {
				background-color: #ccc;
			}
			#navi a.selected {
				background-color: #999;
			}
			#navi a span {
				display: none;
			}
			.slicer {
				position: absolute;
				top: 0;
				left: 155px;
			}
			
#slideshow { 
    position: relative; 
    width: 1140px;
    height: 440px;
	margin:20px 0px 0px 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute;
}


/* Carousel ENDE Avdanli */ 

.facebook_alutec {
	position: relative;
	float:left;
	width:240px;
	height:240px;
	background-color:#000;
}


.facebook_alutec:hover,
.facebook_alutec.active,
.facebook_alutec:focus { 
   /*position: relative;*/
   float:left;
   opacity: 0.5;
}



.image { 
   position: relative; 
   float:left;
   margin-top: 0px;
   margin-right: 20px;
   margin-bottom: 20px;
   width:auto;
   height:auto;
}



.image:hover,
.image.active,
.image:focus { 
   /*clear:left;*/
   opacity: 0.5;
}


h2 { 
   position: absolute; 
   top: 10px; 
   left: 0; 
   /*width: 430px;*/
}


h2 span { 
	color: white;
	font: bold 25px/45px Lato Bold;
	letter-spacing: -1px;  
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.8);
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px; 
	/* border-top-left-radius: 0px;	
	-moz-border-radius-topleft: 0px;	
	border-top-right-radius: 10px;	
	-moz-border-radius-topright: 10px;	
	border-bottom-right-radius: 10px;	 	
	-moz-border-radius-bottomright: 10px;	
	border-bottom-left-radius: 0px;	 	
	-moz-border-radius-bottomleft: 0px; */
}


h2 span.spacer {
   padding:0 5px;
}



h3 { 
   position: absolute; 
   top: 80px; 
   left: 0; 
   width: 430px; 
}


h3 span { 
   color: white; 
   /* font: bold 18px/28px Helvetica, Sans-Serif; */
   font: bold 18px/28px Lato Bold;
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.5);
   padding: 10px; 
   
   border-top-left-radius: 0px;	
-moz-border-radius-topleft: 0px;	
border-top-right-radius: 10px;	
-moz-border-radius-topright: 10px;	
border-bottom-right-radius: 10px;	 	
-moz-border-radius-bottomright: 10px;	
border-bottom-left-radius: 0px;	 	
-moz-border-radius-bottomleft: 0px;	
   
   
}


h3 span.spacer {
   padding:0 5px;
}







h4 { 
   position: absolute; 
   top: 65px; 
   left: 0; 
   width: 430px; 
}


h4 span { 
   color: white; 
   /* font: bold 18px/28px Helvetica, Sans-Serif; */
   font: bold 16px/26px Lato Bold;
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.8);
   padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px; 
   
 /*  border-top-left-radius: 0px;	
-moz-border-radius-topleft: 0px;	
border-top-right-radius: 10px;	
-moz-border-radius-topright: 10px;	
border-bottom-right-radius: 10px;	 	
-moz-border-radius-bottomright: 10px;	
border-bottom-left-radius: 0px;	 	
-moz-border-radius-bottomleft: 0px; */
}


h4 span.spacer {
   padding:0 5px;
}



/* Ende Avdanli */






.homeNewsThumb {
	display:inline-block;
	width:430px;
	/*height:240px;*/
	position:relative;
	text-decoration:none;
	font-size:0.7em;
	margin:10px;
}
.homeNewsThumb .newsTitleContent {
	position:absolute;
	left:0px;
	top:20px;
	max-width:98%;
}
.homeNewsThumb .newsTitleContent H3 {
	color:#e30513;
	background-color:#000;
	text-decoration:none;
	margin:0px 10px 0px 0px;
	padding:3px 5px 5px 4px;
	display:inline-block;
	max-width:98%;
}
.homeNewsThumb .newsTitleContent .newsSubtitle {
	background-color:#000;
	color:#fff;
	margin:0px 10px 0px 0px;
	padding:4px;
	display:inline-block;
	max-width:98%;
}


.quickbutton_style {
	position:relative;
	float:left;
	vertical-align: middle;	
}

#buttons_black{
	position:relative;
	float:left;
	font-family:Lato Bold;
	width:650px;
	height:240px;
	margin-right: 20px;
	margin-top:0px;
	margin-bottom:23px;
	padding-right:0px;
	border-right:0px solid #000;
	border-bottom:0px solid #000;
	
	
}

.knick_small {
	position:relative;
	float:left;
	display: block;
	width: 670px;
	height: 30px;
	background-color: #e30513;
	color:#fff;
	text-decoration:none;
	font: bold 25px Lato Bold;
	border-bottom: 20px solid #e30513;
	border-left: 20px solid #000;

	height: 0; width: width:470px;
	
	
}

.kantiger_header_small,
.kantiger_header_small2,
.kantiger_header_small3 {
	position:relative;
	display: block;
	width: 680px;
	float:left;
	height: 30px;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	font: bold 25px Lato Bold;
	margin-bottom:36px;
	margin-right: 15px;
}
.kantiger_header_small {
	clear:left;
}
.kantiger_header_small2 {
	margin-top: 20px;
}
.kantiger_header_small3 {
	clear:both;
	margin-top: 20px;
}


.quickbutton {
	display: block;
	float: left;
	width: 670px;
	height: 47px;
	background-color: #e30513;
	padding-left:20px;
	color: #fff;
	text-decoration: none;
	font: bold 25px Lato Bold;
}


.quickbutton:hover,
.quickbutton.active,
.quickbutton:focus {
	color: #000;
}



.quickbutton_style_large {
	position:relative;
	float:left;
	vertical-align: middle;
}


.knick {
	display:block;
	float:left;
	width:1120px;
    height:30px;
	background-color: #e30513;
	color:#fff;
	text-decoration:none;
	font: bold 25px Lato Bold;
	margin-top:20px;
	border-bottom: 20px solid #e30513;
	/* border-left: 20px solid #fff; /redesign */
	border-left: 20px solid #000;
	height: 0; width: width:1200px;
}


.kantiger_header_large {
	display:block;
	float:left;
	width:1140px;
    height:30px;
	background-color: #e30513;
	color:#fff;
	text-decoration:none;
	font: bold 25px Lato Bold;
	padding-bottom:5px;
}

.quickbutton_large {
	display:block;
	float:left;
	width:1060px;
    height:30px;
	background-color: #e30513;
	color:#fff;
	text-decoration:none;
	font: bold 25px Lato Bold;
	padding-left:20px;
}




.quickbutton_large:hover,
.quickbutton_large.active,
.quickbutton_large:focus {
	display:block;
	float:left;
    height:30px;
	color: #000;
	text-decoration: none;
	font: bold 25px Lato Bold;
}


.col2_1, .col3_1, .col4_1, .col5_1 {
	clear:left;
	
}

/* ########################################### RESPONSIVE ANPASSUNGEN ##############################################  */

@media (min-width: 1200px) {
	
}
@media (min-width: 960px) and (max-width: 1200px) {
	
	#slideshow, #slideshow IMG { 
	    width: 920px;
    	height: 355px;
	}
	
	.knick {
		width:900px;
    	height:30px;
		height: 0; width: width:960px;
	}
	.kantiger_header_large {width:920px;}
	.quickbutton_large {width:900px;}
	#Slider_Felgen {width:920px!important;}
	.kantiger_header_small,
	.kantiger_header_small2,
	.kantiger_header_small3 {width: 420px;}
	.quickbutton {width: 410px; }
	.knick_small { width: 410px; }
	.kantiger_header_small {
		margin-right:20px;
		float:left;
	}
	
	.facebook_alutec {
		width:320px;
		height:179px;
		margin-right:20px;
		overflow:hidden;
		background-color:#fff;
	}
	
	.facebook_alutec {
		width:430px;
		height:240px;
		margin-right:20px;
		overflow:hidden;
	}
}
@media (min-width: 720px) and (max-width: 960px) {
	
	#slideshow, #slideshow IMG { 
	    width: 680px;
    	height: 262px;
	}
	
	.knick {
		width:660px;
    	height:30px;
		height: 0; width: width:720px;
	}
	.kantiger_header_large {width:680px;}
	.quickbutton_large {width:660px;}
	#Slider_Felgen {width:680px!important;}
	.kantiger_header_small,
	.kantiger_header_small2,
	.kantiger_header_small3 {width: 680px;}
	.quickbutton {width: 660px;}
	.knick_small { width: 660px; }
	.image IMG {
		width:320px;
	}
	.facebook_alutec {
		width:320px;
		height:179px;
		margin-right:20px;
		overflow:hidden;
		background-color:#fff;
	}
	#buttons_black {
		width:auto!important;
		margin:0!important;
	}
}
@media (min-width: 480px) and (max-width: 720px) {

	#slideshow, #slideshow IMG { 
	    width: 440px;
    	height: 170px;
	}
	
	.knick {
		width:420px;
    	height:30px;
		height: 0; width: width:480px;
	}
	.knick_small { width: 420px; }
	.kantiger_header_large {width:440px;}
	.quickbutton_large {width:420px;}
	#Slider_Felgen {width:440px!important;}
	.kantiger_header_small,
	.kantiger_header_small2,
	.kantiger_header_small3 {width: 400px;}
	.quickbutton {width: 420px;}
	.facebook_alutec {
		display:none;
		visiblity:hidden;
	}
	.image IMG {
		width:440px;
	}
	#buttons_black {
		width:auto!important;
		margin:0!important;
	}
	h4 {width:auto!important;}
}
@media (max-width: 480px) {
	
	#slideshow, #slideshow IMG {
		display:none;
		visibility:hidden;
	}
	
	.knick {
		width:290px;
    	height:30px;
		height: 0; width: width:360px;
	}
	.knick_small { width: 290px; }
	.kantiger_header_large {width:310px;}
	.quickbutton_large {width:290px; font-size:15px;}
	.quickbutton_large:active, .quickbutton_large:hover {width:290px; font-size:15px;}
	#Slider_Felgen {width:310px!important;}
	.kantiger_header_small,
	.kantiger_header_small2,
	.kantiger_header_small3 {width: 300px; display:block;clear:both;}
	.quickbutton {width: 290px; font-size:18px;}
	
	h2 span {
		font-size:16px;
	}
	.image IMG {
		width:310px;
	}
	.facebook_alutec {
		display:none;
		visiblity:hidden;
	}
	#buttons_black {
		width:auto!important;
		margin:0!important;
	}
	h4 {width:auto!important;}
}