



.mySlides {display:none;}

.hyphens {
		/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}


a:link { text-decoration: none;  color : white; }
a:visited { text-decoration: none;  color : white; }
a:active { text-decoration: none;  color : white; }
a:hover { text-decoration: none; color : grey; }

a.verlinkung:link {	color: blue; }
a.verlinkung:visited { color: blue; }
a.verlinkung:active { color: blue; }
a.verlinkung:hover {text-decoration: none; color: red; }

a.verlinkung1:link {color: black; }
a.verlinkung1:visited {color: black; }
a.verlinkung1:active {color: black; }
a.verlinkung1:hover {text-decoration: none; color: black; }


@media screen and (min-width: 1281px) {
   html{
   background-color: #53A5E7;
   color: white;
   width: 1280px;
	margin: 0 auto;
	margin-top: 50px;
	font-size: 14px;
	font-family: Arial, Helvetica, Sans-Serif;
}

body  {
	overflow-y: scroll;
	margin-left: 10px;
	margin-right: 10px;
}

h1  {
	font-size: 18px;
	display: inline;
}




.schatten{
	-moz-box-shadow: 10px 10px 20px gray;
    -webkit-box-shadow: 10px 10px 20px gray;
    box-shadow: 10px 10px 20px gray;
}


#bilddiv {

    margin: 0em auto 0;
}

#bilddiv img {
    position: absolute;
 	 max-width: 100%;
    height: auto;
    opacity: 0;
}


   #tabelle {
	background-image: url(https://autovermietung-ziegler.de/fotos/400/tipo-14-400.jpg);
	padding: 15px;
	width: 370px;
	height: 237px;
	overflow: hidden;
	float: left;
	margin-bottom: 50px;
}

	#tabellelandschaft {
	background-image: url(https://autovermietung-ziegler.de/fotos/karlsruhe-schloss-1-400.jpg);
	padding: 15px;
	width: 370px;
	height: 237px;
	overflow: hidden;
	float: left;
	margin-bottom: 50px;
}

   #tabelle1 {
	background-color: #FCF96E;
	color: black;
	font-size: 16px;
	line-height: 23px;
	width: 780px;
	padding: 10px;
	height: 247px;
	overflow: hidden;
	float: left;
	margin-right: 50px;
	margin-bottom: 50px;
}

	#tabelle800 {
	background-image: url(https://autovermietung-ziegler.de/fotos/800/i40-800-1.jpg);
	width: 800px;
	height: 460px;
	overflow: hidden;
	float: left;
	margin-right: 50px;
	clear: left;
	margin-bottom: 50px;
	}


	#tabelle800preise {
	background-color: #53A5E7;
	overflow: hidden;
	float: left;
	margin-right: 50px;
	clear: left;
	margin-bottom: 50px;
	color: black;
}




.submit {
height: 35px;
width: 250px;
background-color: #f0e68c;
cursor: pointer;
}




#balken {
	overflow: hidden;
	clear: left;
	margin-bottom: 50px;
}

#telefonmail {
	margin: auto;
	text-align: center;
   font-size: 18px;
	overflow: hidden;
}

#tabellenews {
	padding: 15px;
	background-color: #53A5E7;
	color: black;
	width: 380px;
	height: 410px;
	overflow: scroll;
	overflow-x: hidden;
	float: left;
}

#links {
  	margin-left: auto;
  	margin-right: auto;
    margin-top: 220px;
	background: rgba(000,000,000,.3);
	font-size: 16px;
	text-align: center;
	word-spacing: 29px;
	width: 380px;
	height: 18px;
}


}








@media screen and (min-width: 600px) and (max-width: 1280px) {
   html{
   background-color: #53A5E7;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 1.2em;
	color: white;
	font-family: Arial, Helvetica, Sans-Serif;
}

   body  {
	overflow-y: scroll;
	margin-left: 10px;
	margin-right: 10px;
}

h1  {
	font-size: 1.0em;
	display: inline;
}


a:link { text-decoration: none;  color : white; }
a:visited { text-decoration: none;  color : white; }
a:active { text-decoration: none;  color : white; }
a:hover { text-decoration: none; color : grey; }

a.verlinkung:link {	color: blue; }
a.verlinkung:visited { color: blue; }
a.verlinkung:active { color: blue; }
a.verlinkung:hover {text-decoration: none; color: red; }

a.verlinkung1:link {	color: black; }
a.verlinkung1:visited { color: black; }
a.verlinkung1:active { color: black; }
a.verlinkung1:hover {text-decoration: none; color: black; }




#bilddiv img {
	 position: absolute;
 	 max-width:100%;
    height:auto;
    opacity: 0;
}

   #tabelle {
	width: 100%;
	padding-bottom: 15px;
  	background-image: url(https://autovermietung-ziegler.de/fotos/400/tipo-14-400.jpg);
  	background-size: auto;
  	background-position: center;
	background-repeat: no-repeat;
	height: 237px;
	overflow: hidden;
	margin-bottom: 50px;
}

   #tabellelandschaft {
	width: 100%;
	padding-bottom: 15px;
  	background-image: url(https://autovermietung-ziegler.de/fotos/karlsruhe-schloss-1-400.jpg);
  	background-size: auto;
  	background-position: center;
	background-repeat: no-repeat;
	height: 237px;
	overflow: hidden;
	margin-bottom: 50px;
}

   #tabelle1 {
   width: 95%;
   margin: auto;
   font-size: 18px;
   line-height: 25px;
   padding: 10px;
   background-color: #FCF96E;
	color: black;
	margin-bottom: 50px;
}

	#tabelle800 {
	width: 100%;
	background-image: url(https://autovermietung-ziegler.de/fotos/800/i40-800-1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 480px;
	overflow: hidden;
	margin-bottom: 50px;
	}

	#tabelle800preise {
	width: 100%;
	background-color: #53A5E7;
	overflow: hidden;
	float: left;
	margin-right: 50px;
	clear: left;
	margin-bottom: 50px;
	color: black;
}



.submit {
font-size: 1.0em;
height: 1.7em;
width: 90%;
background-color: #f0e68c;
cursor: pointer;
}


#balken {
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}

#telefonmail {
	margin: auto;
	text-align: center;
	overflow: hidden;
}

#tabellenews {
	padding: 15px;
	background-color: #53A5E7;
	color: black;
	font-size: 16px;
	width: 90%;
	height: 300px;
	overflow: scroll;
	overflow-x: hidden;
}

#links {
  	margin-left: auto;
  	margin-right: auto;
   margin-top: 220px;
	background: rgba(000,000,000,.3);
	font-size: 16px;
	text-align: center;
	word-spacing: 30px;
	width: 380px;
	height: 18px;

}

}









@media screen and (min-width: 481px) and (max-width: 599px) {
   html{
   background-color: #53A5E7;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 1.2em;
	color: white;
	font-family: Arial, Helvetica, Sans-Serif;
}

   body  {
	overflow-y: scroll;
	margin-left: 10px;
	margin-right: 10px;
}

h1  {
	font-size: 1.0em;
	display: inline;
}


a:link { text-decoration: none;  color : white; }
a:visited { text-decoration: none;  color : white; }
a:active { text-decoration: none;  color : white; }
a:hover { text-decoration: none; color : grey; }

a.verlinkung:link {	color: blue; }
a.verlinkung:visited { color: blue; }
a.verlinkung:active { color: blue; }
a.verlinkung:hover {text-decoration: none; color: red; }

a.verlinkung1:link {	color: black; }
a.verlinkung1:visited { color: black; }
a.verlinkung1:active { color: black; }
a.verlinkung1:hover {text-decoration: none; color: black; }



#bilddiv img {
    position: absolute;
 	 max-width:100%;
    height:auto;
    opacity: 0;
}


   #tabelle {
	width: 100%;
	padding-bottom: 15px;
  	background-image: url(https://autovermietung-ziegler.de/fotos/400/tipo-14-400.jpg);
  	background-size: auto;
  	background-position: center;
	background-repeat: no-repeat;
	height: 237px;
	overflow: hidden;
	margin-bottom: 50px;
}

   #tabellelandschaft {
	width: 100%;
	padding-bottom: 15px;
  	background-image: url(https://autovermietung-ziegler.de/fotos/karlsruhe-schloss-1-400.jpg);
  	background-size: auto;
  	background-position: center;
	background-repeat: no-repeat;
	height: 237px;
	overflow: hidden;
	margin-bottom: 50px;
}

   #tabelle1 {
   width: 95%;
   margin: auto;
   background-color: #FCF96E;
	color: black;
	font-size: 18px;
	line-height: 25px;
	padding: 10px;
	margin-bottom: 50px;
}



	#tabelle800preise {
	width: 100%;
	background-color: #53A5E7;
	overflow: hidden;
	float: left;
	margin-right: 50px;
	clear: left;
	margin-bottom: 50px;
	color: black;
}




.submit {
font-size: 1.0em;
height: 1.7em;
width: 80%;
background-color: #f0e68c;
cursor: pointer;
}

#balken {
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}

#telefonmail {
	margin: auto;
	text-align: center;
	overflow: hidden;
}

#tabellenews {
	padding: 15px;
	background-color: #53A5E7;
	color: black;
	font-size: 16px;
	width: 90%;
	margin-top:60px;
	height: 300px;
	overflow: scroll;
	overflow-x: hidden;
}

#links {
  	margin-left: auto;
  	margin-right: auto;
   margin-top: 220px;
	background: rgba(000,000,000,.3);
	font-size: 16px;
	text-align: center;
	word-spacing: 29px;
	width: 380px;
	height: 18px;

}

}









@media screen and (max-width: 480px) {
   html{
   background-color: #53A5E7;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 1.2em;
	color: white;
	font-family: Arial, Helvetica, Sans-Serif;
}

   body  {
	overflow-y: scroll;
	margin-left: 3px;
	margin-right: 3px;
}

h1  {
	font-size: 20px;
	display: inline;
}



#bilddiv img {
	 position: absolute;
 	 max-width:100%;
    height:auto;
    opacity: 0;
}

   #tabelle {
	width: 100%;
	padding-bottom: 15px;
  	background-image: url(https://autovermietung-ziegler.de/fotos/400/tipo-14-400.jpg);
  	background-size: auto;
  	background-position: center;
	background-repeat: no-repeat;
	height: 237px;
	overflow: hidden;
	margin-bottom: 50px;
}

   #tabellelandschaft {
	width: 100%;
	padding-bottom: 15px;
  	background-image: url(https://autovermietung-ziegler.de/fotos/karlsruhe-schloss-1-400.jpg);
  	background-size: auto;
  	background-position: center;
	background-repeat: no-repeat;
	height: 237px;
	overflow: hidden;
	margin-bottom: 50px;
}

   #tabelle1 {
   width: 95%;
   margin: auto;
   padding: 2px 10px 2px 10px;
   background-color: #FCF96E;
	color: black;
	line-height: 1.5em;
	margin-bottom: 50px;
}

	#tabelle800preise {
	width: 100%;
	background-color: #53A5E7;
	overflow: hidden;
	float: left;
	margin-right: 50px;
	clear: left;
	margin-bottom: 50px;
	color: black;
}



.submit {
font-size: 1.0em;
font-weight: bold;
height: 1.7em;
width: 85%;
background-color: #f0e68c;
cursor: pointer;
}

#balken {
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}

#telefonmail {
	margin: auto;
	text-align: center;
	overflow: hidden;
}

#tabellenews {
	padding: 15px;
	background-color: #53A5E7;
	color: black;
	font-size: 16px;
	width: 90%;
	margin-top: 60px;
	height: 300px;
	overflow: scroll;
	overflow-x: hidden;
}

#links {
  	margin-left: auto;
  	margin-right: auto;
   margin-top: 220px;
	background: rgba(000,000,000,.3);
	font-size: 16px;
	text-align: center;
	word-spacing: 20px;
	width: 380px;
	height: 18px;

}

}
