@import url('forms.css');
@import url('ui.css');
@import url('index.css');
@import url('ie7.css');
@import url('twitter-rss.css');
@import url('drawer.css');
@import url('slidemenu.css');


body {
	width:100%;
	height:100%;
	margin: 0px auto;
	background-color: white;
	font-family: Arial;
	font-size:14px;
	background-position:right;
	background-image:url('../images/rechts.gif');
	background-repeat: repeat-y;
	margin-left: 0px;
	margin-right: 0px;
}

.main_top {
	padding-top:6px;
	clear:both;
	height:29px;
	background-color: #EA3439;
	border:0px;

	font-size:16px;

	color: #FFFFFF;
	font-weight: bold;

	overflow:hidden;
	white-space:nowrap;
}

* html .main_top {
	padding-top:5px;
	height:33px;
}

.main_header {
	vertical-align:top;
	height: 109px;
	border-bottom: 1px solid #FF0000;
}

.main_menue {
	padding:10px;
	margin-left:0px;
	background-color: #FFFFFF;
	width:250px;

	height:100%;
	float: left;
	border-right: 1px solid #FF0000;

	background-image:url('menu.png');
	background-repeat:no-repeat;
}

.main_content {
	padding: 15px 60px 15px 80px;
	margin-left: 250px;
	max-width: 885px;
	min-height:300px;

	background-image:url('https://monstertyres.com/images/welt.jpg');
 	background-position:333px 150px;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-attachment:center;
}
/*.linkliste {
	padding: 15px 60px 15px 10px;
	margin-left: 275px;
	margin-right: 50px;
	max-width: 885px;
	min-height:20px;
	border-top: 1px solid #FF0000;*/
.linkliste {

padding-right: 60px;
padding-bottom: 15px;
padding-left: 10px;
/*preise und produkte vertr�gt dies nicht*/
margin-left: 275px;
margin-right: 50px;
/*----------------*/
max-width: 885px;
min-height: 20px;
border-top-color: #ff0000;
border-top-width: 1px;
border-top-style: solid;
position: relative;
clear: both;

  }

* html .main_content {
	background-position:125px 20px;
}

.main_footer {
	width: auto;
	height:auto;
	background-color: #CCCCCC;
	clear:both;
	/*preise und produkte vertr�gt dies nicht*/
	margin-left:0px;
  /*----------------*/
}
.footerzwei {
	width: auto;
	height:50px;
	background-color: #000000;
	clear:both;
/*preise und produkte vertr�gt dies nicht*/
  margin-right:37px;
	margin-left:270px;
	/*----------------*/
	margin-top:10px;
	color:#FFFFFF;
	padding: 10px;
}

.main_container {
	border:0px;
	margin-right:37px;
}


html h1 a {
	font-size:17px;
	color:#000000;
	font-family:Arial;
}

h1 {
	color:#000000;
	font-size:20px;
	font-weight:bold;
}

h2 {
	color:#000046;
	font-size:16px;
	font-weight:bold;
	padding-top:16px;
	line-height:14px;
}

.input { color:#000000; font-weight:bold; font-family: Arial; font-size:16px; background:#FFFFCC; border:0px; }

.button { background-img:url('https://monstertyres.com/images/button_bg.gif'); height:35px; border:2px solid black; font-weight:bold; }

.Stil4 {font-weight: bold;}

.subtitle { font-size:10px; font-weight:bold; vertical-align:top; margin:0px; width:90%; }

a{ font-size:14px; text-decoration:none; }
a:link { text-decoration: underline;  color:#0099FF; }
a:visited { text-decoration:underline;  color:#44718F; }
a:hover { text-decoration:none;  color:#0099FF;}
a:active { text-decoration:none; color:#0099FF;}

/*//////////menu/////////////*/
/*a.navi{
	display:block;
	color:#000000;
	background:#F23438;
	text-decoration:none;
	font:normal 18px arial, sans-serif;
	font-weight:400;
	width: 100%;
}

a.navi:hover {
	color:#000000;
	text-decoration:none;
	background-color:#ffffff;
}

a.navi:link { text-decoration: underline;  color:#000000; }
a.navi:visited { text-decoration:underline;  color:#000000; }
a.navi:active { text-decoration:none; color:#FF0000;}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu4, #smenu5, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9 {
	display:none;
}

.menue_table dl, .menue_table dt, .menue_table dd, .menue_table ul, .menue_table li  {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	width: 8.2em;
	font-size: 130%;
}


#menu .topDTa, #menu .topDTb  {
	margin: 0px 0px 1px 0px;
	text-align: left;
	text-indent: 2px;
	font-weight: 800;

}

#menu .topDT, #menu .downDT, #menu .downBig, #menu menuTop {
	height: 10px;
	line-height: 10px;
}

#menu .downDT {border-bottom: 1px solid #4a4a4a; border-top: 2px solid #fff;}
#menu .downBig {border-bottom: 4px solid #fff; border-top: 1px solid #cecece;}
#menu menuTop {border:0;}

.downBigOhne {
	border:none;
	line-height: 10px;
}

#menu li
{
	font: 70% "Trebuchet MS",Verdana,Arial,sans-serif;
	font-weight: 900;
	text-align: left;
	text-indent: 15px;
	margin: 0px 0px 0px 0px;
	padding:0px;

}

#menu li a, #menu dt a, #menu li a:visited, #menu dt a:visited {
	text-decoration: none;
	display: block;
	height: 20px;

	margin: 0px 0px 0px 0px;
}

#menu li a:hover, #menu dt a:hover {
  margin: 0px 0px 0px 0px;
  padding:0px;
}*/


.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:100px;
	right:25px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.my-float{
	margin-top:16px;
}


#modal {
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	border:solid 1px #000;
	display:none;
	background-color:#fff;
}

#overlay {
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	display:none;
	background-color:#000;
	opacity:0.5;
}

#menue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 173px;
	font-size: 12px;
	background-color: #F23438;
	text-decoration: none;
	color:#000000;
}
.menuekopf {
	width: 100%;
	color: #000000;
	text-decoration: none;
	padding-top: 3px;
    font-weight: 400;
	}
.kopflink {
	font-weight: bold;
	width: 100%;
	color:#000000;
	text-decoration: none;
	padding-top: 3px;
	}
.kopflink a:link, .kopflink a:focus, .kopflink a:hover, .kopflink a:visited {
	color: #ffffff;
	font-weight: bold;
	padding-bottom:5px;
	text-decoration:none;
}
.kopflink a:active {
	color: #ffff44;
	font-weight: bold;
	padding-bottom:5px;
	text-decoration: underline;
}
.kopflink a:hover {
	color: #000000;
	background-color:#FFFFFF;
	font-weight: bold;
	padding:5px;
	text-decoration:none;
}
#menue ul {
	list-style-type: none;
	margin:0px;
	margin-left: 15px;
	padding: 0px;
	font-size: 10px;
}
#menue li {
	display: block;
}
#menue li a, #menue li a:link {
	text-decoration: none;
	display: block;
	color: #ffffff;
	width: 163px;
	padding: 2px;
}
#menue li a:visited {
	color: #ffffff;
	background-color: #F23438;
}
#menue li a:hover, #menue li a:active, #menue li a:focus {
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
}

#markierung {
color: #000000;
background-color: #FFFFFF;
font-weight: bold;}

.menuekopf a:link, .menuekopf a:focus, .menuekopf a:active, .menuekopf a:hover, .menuekopf a:visited {
	color: #ffffff;
	font-weight: bold;
	padding-bottom:5px;
	text-decoration:none;
}
.menuekopf a:hover {
	color: #000000;
	background-color:#FFFFFF;
	font-weight: bold;
	padding:5px;
	text-decoration:none;
}
/*////////////////ende menu/////////////*/

#Layer1 {
	position:absolute;
	left:611px;
	top:124px;
	width:252px;
	height:30px;
	z-index:1;
}

.clearer {
  clear: both;
}


.export_start_box {
  border:2px solid black;
  background:#FFFFCC;
  padding:10px;
  line-height: 25px;
  margin-bottom: 15px;
}


#monty_export_start {
  position: relative;
  top: 0px; left: 530px;
}

#whitebox_export_start {
  border:2px solid black;
  width:500px;
  background: white;
  padding: 15px;
  margin-right: auto;
  margin-left:  auto;
  margin-top: 0px;
	border-radius: 5px;
}

<!--------------->

<!--
.haarlinie {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F23438;
	height: 9px;
}

#header a:link
{
  color:white; text-decoration: none;
}
#header a:visited
{
  color:black; text-decoration: none;
}
#header a:active
{
  color:black; text-decoration: none;
}
#header a:hover
{
  color:white; text-decoration: underline;
}

.content_angebote {
	width:100%;
	background-color:#F6494D;
	border:1px solid black;
	border-collapse:collapse;
}

* html .content_angebote {
	width:auto;
}

.content_angebote td {
	border:1px solid black;
	vertical-align:top;
	margin:3px;
	align:justify;
}
.Stil1 {color: #FF0000}
#offers{
position:absolute;
top:45px;
right: 45px;
background-color:#ffffff;
width:160px;
height:60px;
border:5px;
border-style:solid;
border-color: #000000;
}

#offers a:link
{
  color:black; text-decoration: underline;
}
#offers a:visited
{
  color:black; text-decoration: underline;
}
#offers a:active
{
  color:black; text-decoration: underline;
}
#offers a:hover
{
  color: #0099FF; text-decoration: underline; font-weight:600;
}

/*############### Mitarbeiter Frontend #####################*/
#on{
}

#on img{
	padding: 5px;;
	border: 2px solid #0C0;
	background-color: #DCFFB9;
}

.on {
	color: #3C0;

	}

#off{
	border: 4px  #F00 solid;
	padding: 5px;

}

#off img{
	padding: 5px;;
	border: 2px solid #F00;
	background-color: #FC949E;

}


.off {
	color: #F00;
	}
#kopf{
padding-bottom:10px;
	}

#kopf h1{
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #333;
	}

#kopf h2{
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	}

#infobereich{
	padding-left: 50px;
	}

#infobereich img{
	padding: 0px;;
	border: none;
	background-color: #FFF;
	}

ul#infobereich li{
margin-left:0;
padding-left:0;}

#infobereich li{
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #333;
	list-style-type: square;
	margin-bottom: 2px;
	}

/*Anfangszustand der Buttons im neuen Assi
Die Farb�nderung erfolgt in preisberechnung.js*/
#an {
	padding:2px;
	border:2px solid black;
	font-weight:bold;
	background-color:#00FF00;
	color:#000;
	text-decoration:none;
}

#aus {
	padding:2px;
	border:1px solid black;
	font-weight:bold;
	background-color: #FFFFF;
	color:#FF3030;
	text-decoration:none;
}
/*Ende der Buttonfarbe-Deklaration*/

#betriebsferien {
	width:375px;
	position:absolute;
	top:20px;
	left:180px;
	border: 1px solid #000000;
	background-color:#fff;
	opacity: 0.90; /* Webkit und Opera  */
	-moz-opacity: 0.90; /* Mozilla Browser */
	filter:alpha(opacity=90); /* Internet Explorer */
	padding:5px;
	 -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
		}

#prozenteAktion {
	width:375px;
	position:absolute;
	top: 10px;
	left:900px;
	border: 1px solid #000000;
	background-color:#009acd;
	opacity: 0.90; /* Webkit und Opera  */
	-moz-opacity: 0.90; /* Mozilla Browser */
	filter:alpha(opacity=90); /* Internet Explorer */
	padding:5px;
	 -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
		}

#buttonAktion {
	position:fixed;
	max-width: 80%;
	width:70%;
    height: auto;
	top: 5%;
	left:62%;
		}
		
		
#rcorners3 {
  border-radius: 50%;
  background: #b7fd45;
  padding: 20px; 
  width: 440px;
  height: 340px;
} 


#textheader {
  font-weight: 700;
  font-size: 20px;
  padding: 30px;
} 


#warningbox { background-color: lightgrey; width: 200px; border: 2px solid red; position:fixed; padding: 20px; margin: 20px; top: 5%; left: 60%; }

div.line{
border:0px;
margin:40px auto;
margin-top: 15px !important;
margin-bottom: 45px;
padding: 0;
vertical-align:top;
}

div.ex{
width:28%;
height:80px;
display:inline-block;
margin: 0;
padding: 0;
vertical-align:top;
}

div.ex2{
width:0.5%;
height:80px;
display:inline-block;
margin: 0;
padding: 0;
vertical-align:top;
}

.buttonfeedback {
    background-color: yellowgreen;
    border: 2px solid grey;
    border-radius: 8px;
    padding: 10px 20px 10px 15px;
    font-size: 16px;
    color: white;
    text-align: right;
    text-decoration: none;
	    display: inline-grid;
  width: 600px;
  height: 80px;
}

.buttonfeedback:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.buttonfeedback:hover {
    background-color: #FF8C00;
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

}

.button {
    background-color: #FF4500;
    border: 2px solid grey;
    border-radius: 8px;
    padding: 10px 20px 10px 15px;
    font-size: 16px;
    color: white;
    text-align: right;
    text-decoration: none;
    display: inline-grid;
  width: 200px;
  height: 80px;
}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.button:hover {
    background-color: #FF8C00;
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

}

.play-btn {
  width: 80px;
  height: 80px;
  background: radial-gradient( rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 1) 62%);
  border-radius: 50%;
  position: absolute;
  display: block;
  box-shadow: 0px 0px 25px 3px rgba(1, 0, 50, 0.8);
}

.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #fff;
  z-index: 100;
  -webkit-transition: all 800ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 1200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -30%;
  left: -30%;
  background: rgba(198, 16, 0, 0);
}

#feedbackger {
  color:white;
}
#feedbackger:after {
  content:"";
  animation: spin 20s linear infinite;
}
@keyframes spin {
  0% { content:""; }
  50% { content:""; }
  100% { content:"Hier klicken um weiteres Feedback zu lesen!"; }
}

#feedbacken {
  color:white;
}
#feedbacken:after {
  content:"";
  animation: spin 20s linear infinite;
}
@keyframes spin {
  0% { content:""; }
  100% { content:""; }
}



@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}


#ferien_titel {font-size:20px; color:red;}
#ferien_datum {font-size:18px; color:red;}
#ferien_unterschrift {}
#tagbox {
	margin-left:270px;
	margin-right:37px;
	padding:5px;
	margin-bottom:2px;
	}

.thickbox {
	padding:10px;
	border: 1px green solid;
	background-color: #00D319;
	margin-bottom:10px;
	}

.thickbutton {

}
/*############### Lizenzpartner Frontend #####################*/
#lizenzpartner #kopfbereich{
	border:1px solid black;
	background-color:#FFC;
	text-decoration:none;
}

#lizenzpartner #kopfbereich:hover{
	border:1px solid black;
	background-color:#FFE;

}

#steckbrief{
	width: 300px;
	border: 1px solid grey;
	background-color:#D0D8E0;
	font-style:italic;
	font-size: 12px;
}

/*############ Enstorgung Neukunden #################*/
.positiv {
	color: green;
	font-style: bold;
	border: 2px green solid;
}
.negativ {
	color: red;
	font-style: bold;
	border: 2px red solid;
}
.anfragenwahl {
border : 5px red solid;
padding: 10px;
}

.entsorgungsauftrag {
margin: 25px;
border: 2px green solid;
background-color:  #ffff99;
padding: 10px;
}

.interview {
	line-height:30px;
	font-size: 16px;
	margin-top:55px;

}
/*############## Socializing #################*/
#socialized{
	padding:5px;
	position:absolute;
	top:20px;
	right:50px;

}
.feedback  a, a:link, a:hover, a:visited{
	color:#0099FF;
}
.feedback img
{
border:none;
background:none;
padding:5px;
}

.warnung{
background-color: red;
color:#fff;
padding:5px;
font-size:12px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.warnung a:link, .warnung a:focus, .warnung a:visited{

color:#fff;

}

.hinweis{
background-color: green;
color:#fff;
padding:5px;
font-size:12px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#slider {width:750px; background-color:#ffffff;    }
.header {width:700px; border:2px solid #FF0000; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.header img {border: 5px solid #FF0000; padding:1px;}
.header:hover {}
.content {overflow:hidden}
.text {width:686px; border:2px solid #FF0000; border-top:none; padding:15px;
-webkit-border-bottom-radius: 5px;
    -khtml-border-bottom-radius: 5px;
    -moz-border-radius-bottom: 5px;
    border-bottom-radius: 5px;}

#form_inhalt fieldset { margin-bottom: 20px;}

/*Geschenke Seite*/
.wrapper{
   position: relative;
   float: left;
   width: 95%;
   margin-bottom: 10px;
   margin:0 auto;
}
.left1{
   position: relative;
   float: left;
   left: 5px;
   margin-top: 15px;
   width: 50%;
}
.left2{
   position: relative;
   float: left;
   margin-top: 15px;
   left: 15px;
   width: 50%;
}

.cookieconsent-banner-opened footer{
	padding-bottom: 8em;
}