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

span.hover-box {
    border: 1px solid #fc6;
    color: #000;
    display: none;
    position: absolute;
    text-decoration: none;
    top: 40px;
}
a:hover span.hover-box {
    display: block;
}


.infobox{
	color:#FFFFFF;
	background-color:rgb(252,87,3);
	border: 1px solid rgba(128, 10, 85, 0.5);
}

.infobox .box_headline{
	padding:5px;
	font-weight:bold;
	border-bottom: 1px solid rgba(128, 10, 85, 0.5);
}

.infobox .box_content{
	padding:5px;
}

.infocenter {
	color:#464A55;
}

/* --- SLIDER --- */
.sliderframe {
	background-color: #464a55;
	/*padding:10px;*/

	
	border:10px solid #d9d9d9;
}

.contentslider{

  background: #FFFFFF;
  margin: 0 0px;
  max-width: 1024px;
  font: normal 14px/1.2 'exo', Arial, sans-serif;
	color:#333;
	text-align:left;
	
	border:2px solid rgb(252,87,3);
  border-radius: 5px ;
  -moz-border-radius: 5px ;
  -webkit-border-radius: 5px ;
}

.contentslider div {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.adacslider {
  background: #FFFFFF;
  margin: 0 0px;
  max-width: 1024px;
  font: normal 14px/1.2 'Helvetica Neue', 'Arial';
	color:#000;
	text-align:left;
	border:2px solid rgb(255,204,0);
  border-radius: 5px ;
  -moz-border-radius: 5px ;
  -webkit-border-radius: 5px ;
	}

.contentslider div p{
	color:#333;
}

.contentslider .droptitle {
  margin: 0;
	font-size:18px;
  background-color: rgb(252,87,3) ;
  background-image: linear-gradient(bottom, rgb(252,87,3) 14%, rgb(252,87,3) 57%);
  background-image: -o-linear-gradient(bottom, rgb(252,87,3) 14%, rgb(252,87,3) 57%);
  background-image: -moz-linear-gradient(bottom, rgb(252,87,3) 14%, rgb(252,87,3) 57%);
  background-image: -webkit-linear-gradient(top, rgb(252,87,3) 14%, rgb(252,87,3) 57%);
  background-image: -ms-linear-gradient(bottom, rgb(252,87,3) 14%, rgb(252,87,3) 57%);
}




.adacslider .droptitle {
	margin: 0;
	font-size:18px;
  background-color: rgb(255,204,0) ;
  background-image: linear-gradient(bottom, rgb(255,204,0) 14%, rgb(255,204,0) 57%);
  background-image: -o-linear-gradient(bottom, rgb(255,204,0) 14%, rgb(255,204,0) 57%);
  background-image: -moz-linear-gradient(bottom, rgb(255,204,0) 14%, rgb(255,204,0) 57%);
  background-image: -webkit-linear-gradient(top, rgb(255,204,0) 14%, rgb(255,204,0) 57%);
  background-image: -ms-linear-gradient(bottom, rgb(255,204,0)14%, rgb(255,204,0) 57%);
}


.contentslider .droptitle a {
	font-family:'exo', Helvecita, sans-serif;
	font-size: 18px;
  background: url("../img/sprite.png") 15px 13px no-repeat;
  display: block;
  padding: 10px;
  padding-left: 32px;
  margin: 0;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  border-bottom: 1px solid rgba(128, 10, 85, 0.5);
}

.contentslider .droptitle a .droptext {	
	font-family:'exo', Helvecita, sans-serif;
	font-size: 18px;
	line-height:21px;
	float:left;
	width:450px;
}
.contentslider .droptitle a .exofont {	
	font-family:'exo', Helvecita, sans-serif;
	font-size: 18px;
	line-height:21px;
}

.contentslider .droptitle a.last {
  background: url("../img/sprite.png") 15px 13px no-repeat;
  display: block;
  padding: 10px;
  padding-left: 32px;
  margin: 0;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}

.adacslider .droptitle a {
  background: url("../img/sprite.png") 15px 13px no-repeat;
  display: block;
  padding: 10px;
  padding-left: 32px;
  margin: 0;
  color: #000;
  text-decoration: none;
  font-weight: normal;
  border-bottom: 1px solid rgba(255, 204, 0, 0.5);
}

.contentslider .droptitle:hover { background: #FF6633; }
.contentslider .droptitle.open  { background: rgb(252,87,3); }
.contentslider .droptitle.open a { background-position: 13px -25px; }
.contentslider .droptitle + div { padding: 10px; }

.adacslider .droptitle:hover { background: #FFFF00; }
.adacslider .droptitle.open  { background: rgb(255,204,0); }
.adacslider .droptitle.open a { background-position: 13px -25px; }
.adacslider .droptitle + div { padding: 10px; }

/* Pre hide sections with JavaScript on
--- */
.contentslider .droptitle+div {
  display: none;
}

.contentslider table tr th {
	color:rgb(252,87,3);
}
/*----------------*/


/* SLIDER */

#default-example{

  background: #FFFFFF;
  margin: 0 10px;
  max-width: 1024px;
  font: normal 14px/1.2 'Helvetica Neue', 'Arial';
	color:#333;
	text-align:left;
}

#default-example div p{
	color:#333;
}

#default-example .droptitle {
  margin: 0;
	font-size:18px;
  background-color: rgb(252,87,3) ;
  background-image: linear-gradient(bottom, rgb(252,87,3) 14%, rgb(252,87,3) 57%);
  background-image: -o-linear-gradient(bottom, rgb(252,87,3) 14%, rgb(252,87,3) 57%);
  background-image: -moz-linear-gradient(bottom, rgb(252,87,3) 14%, rgb(252,87,3) 57%);
  background-image: -webkit-linear-gradient(top, rgb(252,87,3) 14%, rgb(252,87,3) 57%);
  background-image: -ms-linear-gradient(bottom, rgb(252,87,3) 14%, rgb(252,87,3) 57%);
}

#default-example .droptitle a {
  background: url("../img/sprite.png") 15px 13px no-repeat;
  display: block;
  padding: 10px;
  padding-left: 32px;
  margin: 0;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  border-bottom: 1px solid rgba(128, 10, 85, 0.5);
}
#default-example .droptitle:hover { background: #FF6633; }
#default-example .droptitle.open  { background: rgb(252,87,3); }
#default-example .droptitle.open a { background-position: 13px -25px; }
#default-example .droptitle + div { padding: 10px; }

/* Pre hide sections with JavaScript on
--- */
#default-example .droptitle+div {
  display: none;
}

#default-example table tr th {
	color:rgb(252,87,3);
}


/* ==== START Facebook Tab by Schoberg.net ==== */
#fbtab{
background: url(../img/facebook.jpg) no-repeat; /* Path to Image */
left:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:40%;height:140px;width:44px;margin:0;padding:0;position:fixed;z-index:10000;}
#fbtab a{display:block;width:100%;height:100%;}
/* ==== END Facebook Tab by Schoberg.net ==== */

.friends {
	font-size:18px;
	font-family:'Exo',Arial, San-serif;
}

.friends ul {
	list-style:square
}

.friends ul li {
	color:#fff;
}

.friends a,a:visited {
	color:#e95321;
	text-decoration:none;
}

.img100 {
	width:100%;
}
.noframeborder {
	border:0px;
}

.clear {
	clear:both;
}

.ozeiten{
	width:70px; 
	float:left;
}

.litable .vertical{
	vertical-align:top;
}

.litable .thsmall{
	width:50px;
}
.litable .thwide{
	width:150px;
}
.speedsmall{
	width: 90px;
}
.speedwide{
	width: 210px;
}

#qrcode{
	position:absolute; 
	right:30px; 
	top:30px;
}

.w50 {
	width:50%;
	float:left;
	padding:10px;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* bootstrap overrides */
.close {
  float: none !important; 
  font-weight: normal !important;  
  text-shadow: none !important;
  filter: alpha(opacity=20);
  opacity: 1 !important;
}

.contentslider .droptitle a .droptext {
	width: 75%;
}

#nav ul {
	-webkit-padding-start: 0px;
}

.adacslider iframe {
	width: 100% !important;
}

.title-white h1, .title-black h1 {
	padding: 10px 0;
}

h3 {
	margin: 1em 0;
}

h4 {
	margin: 1.33em 0;
	line-height: 1.4;
}

#reifenservice .col-md-12 {
	padding: 0;
} 

#reifenservice .col-md-8, #reifenservice .col-md-4 {
	padding-left: 10px;
	padding-right: 10px;
} 

.view-item {
	width: 100%;
}

.navbar-toggle {
	margin-right: 25px;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.input-section input {
		height: auto;
}

.input-section a.send {  
	height: 30px;
}

/* MEDIA QUERIES */

@media (min-width: 780px) and (max-width: 991px) {
	body {
		min-width: 100%;
	}
	#header {
		height: auto !important;
	}
	#fbtab {
		display: none;
	}
	.container {
		width: 100%;
	}
	.view-item {
	    width: auto;
		margin-right: 10px;
	}
	.column {
		width: 100%;
		float: none;
	}
	h1 {
		font-size: 70px;
	}
	.title-white h1, .title-black h1 {
		float: none;
	}
	#reifenservice .col-md-12 {
		float: none !important;
		background-position: 20px 265px !important;
	}
	#reifenservice .column:last-of-type {
		float: left;
	}
	#reifenservice .column.manufacturer img {
			margin-bottom: 10px;
	}
	#services .column-two-thirds {
		display: none;
	}
	#services .col-md-8 {
		margin-bottom: 50px;
	}
	.service-description.column {
		background-size: 0;
	} 
	#works .title-white.last h1 {
		float: left;
		margin-right: 25px;
	}
	#works .title-white p {
		float: none;
	}
	#works .col-md-8.infocenter {
		padding-left: 0;
	}
	#works .col-md-8.infocenter h4{
		color: #000;
	}
	#team .title-black h1 {
		float: left;
		margin-right: 25px;
	}
	#team .title-black p {
		float: none;
	}
	#team .title-black.last h1 {
		float: none;
	}
	.team.column {
		*float: left;
		width: 620px;
		margin: 0 auto;
	}
	#nav ul li {	  
	  margin: 0 15px;
	  font-size: 14px;
	}
	.input-section input {
		height: auto;
	}
	.input-section a.send {  
		height: 30px;
	}
	.image-grid {
		width: 630px;
		margin: 0 auto;
	}
}

@media (min-width: 480px) and (max-width: 779px) {
	body {
		min-width: 100%;
	}
	#header {
		display: none;
	}
	#fbtab {
		display: none;
	}
	.navbar-header img {
		left: 10px;
	}
	.container {
		width: 100%;
	}
	.view-item {
	    width: auto;
		margin-right: 10px;
	}
	.column {
		width: 100%;
		float: none;
	}
	h1 {
		font-size: 40px;
	}
	.title-white h1, .title-black h1 {
		float: none;
	}
	#reifenservice .col-md-12 {
		float: none !important;
		background-position: 20px 325px !important;
		background-size: 88%;
	}
	#reifenservice .column:last-of-type {
		float: left;
	}
	#reifenservice .column.manufacturer img {
			margin-bottom: 10px;
	}
	#services .column-two-thirds {
		display: none;
	}
	#services .col-md-8 {
		margin-bottom: 50px;
	}
	.service-description.column {
		background-size: 0;
	} 
	#works .title-white.last h1 {
		float: none;
		margin-right: 25px;
	}
	#works .title-white p {
		float: none;
		padding: 0;
		margin: 0;
		border-left: none;
	}
	#works .col-md-8.infocenter {
		padding-left: 0;
	}
	#works .col-md-8.infocenter h4{
		color: #000;
	}
	#team .title-black h1 {
		float: left;
		margin-right: 25px;
	}
	#team .title-black p {
		float: none;
		border-left: none;
	}
	#team .title-black.last h1 {
		float: none;
	}
	.team.column {
		*float: left;
		*width: 620px;
		margin: 0 auto;
	}
	.team-members {
		
	}
	#nav ul li {	  
	  margin: 0 15px;
	  font-size: 14px;
	}
	.input-section input {
		height: auto;
	}
	.input-section a.send {  
		height: 30px;
	}
	.image-grid {
		width: auto;
		margin: 0 auto;
	}
	.contact iframe {
		width: auto !important;
	}
	.collapsing {		
		background: #ddd;
		transition: all 0.1s;
	}
	.collapse.in {
		padding-bottom: 20px;
		background: #ddd;
		min-height: 220px;
	}
	#nav ul {
		margin-left: 0;
		margin-top: 16px;
		width: auto;
	}
	#nav ul li {
		margin: 10px 15px;
		font-size: 26px;
		display: block;
	}
}

@media (max-width: 479px) {
	body {
		min-width: 100%;
	}
	#header {
		display: none;
	}
	#fbtab {
		display: none;
	}
	.navbar-header img {
		left: 10px;
	}
	.container>.navbar-header {
		margin-right: 0;
	}
	.container {
		width: 100%;
		padding: 0;
	}
	.w50 {
		width: 100%;
	}
	.view-item {
	    width: auto;
		margin-right: 0;
		float: none;
		height: auto;
	}
	.view-item > img {
		width: 100%;
		height: auto;
	}
	.column {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	h1 {
		font-size: 30px;
	}
	.title-white h1, .title-black h1 {
		float: none;
	}
	.contentslider .droptitle a {
		font-size: 16px;
	}
	#reifenservice .col-md-8, #reifenservice .col-md-4, #services .col-md-8, #services .col-md-4 {
		padding: 0;
	}
	#reifenservice .col-md-8 {
		padding-bottom: 275px !important;
	}
	#reifenservice .col-md-12 {
		float: none !important;
		background-position: 20px 325px !important;
		background-size: 88%;
	}
	#reifenservice .column:last-of-type {
		float: left;
	}
	#reifenservice .column.manufacturer img {
			margin-bottom: 10px;
	}
	#services .column-two-thirds {
		display: none;
	}
	#services .col-md-8 {
		margin-bottom: 50px;
	}
	.service-description.column {
		background-size: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
	} 
	#works .title-white.last h1 {
		float: none;
		margin-right: 25px;
	}
	#works .title-white p {
		float: none;
		padding: 0;
		margin: 0;
		border-left: none;
	}
	#works .col-md-8.infocenter {
		padding-left: 0;
		padding-right: 0;
	}
	#works .col-md-8.infocenter h4{
		color: #000;
	}
	#team .title-black h1 {
		float: none;
		margin-right: 25px;
	}
	#team .title-black p, #contact .title-white p {
		float: none;
		border-left: none;
		margin: 0;
		padding: 0;
	}
	#team .title-black.last h1 {
		float: none;
	}
	.team.column {
		*float: left;
		*width: 620px;
		margin: 0 auto;
	}
	.team-members {
		
	}
	.column.friends ul {
		-webkit-padding-start: 15px;
	}
	#nav ul li {	  
	  margin: 0 15px;
	  font-size: 14px;
	}
	.input-section input {
		height: auto;
	}
	.input-section a.send {  
		height: 30px;
	}
	.image-grid {
		width: auto;
		margin: 0 auto;
	}
	.contact iframe {
		width: auto !important;
	}
	.collapsing {		
		background: #ddd;
		transition: all 0.1s;
	}
	.collapse.in {
		padding-bottom: 20px;
		background: #ddd;
		min-height: 220px;
	}
	#nav ul {
		margin-left: 0;
		margin-top: 16px;
		width: auto;
	}
	#nav ul li {
		margin: 10px 15px;
		font-size: 26px;
		display: block;
	}

}