img.logotop {
	width: 100%;
	max-width: 754px;
	height: auto;
}
.copyright{
	font-size: 12px;
	font-style: italic;
}
ul.rubriken {
padding-left: 30px;
width: 300px;
	color: Black;
	list-style-image: url(../../bilder/pfeil.png);
	list-style-position: inside;
	float: left;
	text-align: left;
}
li.rubriken {
	color: Black;
	width: 300px;
	list-style-image: url(../../bilder/pfeil.png);
	list-style-position: inside;
	line-height: 25px;
	float: left;
}
li.rubriken a {
	color: Black;
	 font-size: 14px;
}
.footertxt{
	width: 100%;
	text-align: center;
}
.txtcenter{
	text-align: center;
}
.txtklick{
	
	color: Black;
	font-weight: bold;
	 	 font-size: 13px;
}
.txtwebekunden{
width: 100%;
	text-align: center;
	 font-weight: bold;
	 color: #B22222;
	 font-size: 13px;
	
}
.txtlinks{
	text-align: left;
	padding-left: 30px;
	color: #343434;
}
.txtrechts{
	text-align: right;
	padding-right: 30px;
	color: #343434;
}
img.slidera {
	width: 100%;
	max-width: 850px;
	height: auto;
	 
	 
}
#slideshow{
float: left;
	width: 100%;
	max-width: 850px;
	height: 350px;
	border: 1px solid Black;
	margin-bottom: 20px;
}


a.weblink {
	color: Black;
	font-weight: bold;
}
a.weblink a {
	color: Black;
	font-weight: bold;
}

#nav > ul {
				margin: 0;
				font-size: 16px;
				
			}

				#nav > ul > li {
					display: inline-block;
					font-style: regular;
					margin: 0 0.5em 0 0.6em;
					background-color: #8B4513;
				}

					#nav > ul > li > ul {
						display: none;
					}

					#nav > ul > li > a {
						border-radius: 5px;
						color: White;
						text-decoration: none;
						padding: 0.6em 1.2em 0.6em 1.2em;
						-moz-transition: background-color .25s ease-in-out;
						-webkit-transition: background-color .25s ease-in-out;
						-ms-transition: background-color .25s ease-in-out;
						transition: background-color .25s ease-in-out;
						outline: 0;
					}

					#nav > ul > li:hover > a, #nav > ul > li.active > a {
						color: #ffffff;
					}

					#nav > ul > li.current > a {
						background: #8B4513;
						color: #fff !important;
						font-weight: 700;
					}

			.dropotron {
				border-radius: 5px;
				background-color: #8B4513;
				/*background-color: rgba(34, 30, 31, 0.98);*/
				padding: 1.25em 1.5em 1.25em 1.5em;
				font-style: regular;
				min-width: 13em;
				box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.5);
				text-align: left;
				margin-top: -1.25em;
				margin-left: -1px;
			}

				.dropotron a, .dropotron span {
					color: #fff;
					text-decoration: none;
					-moz-transition: color .25s ease-in-out;
					-webkit-transition: color .25s ease-in-out;
					-ms-transition: color .25s ease-in-out;
					transition: color .25s ease-in-out;
				}

				.dropotron li {
					padding: 0.1em 0 0.1em 0;
				}

					.dropotron li:hover > a, .dropotron li:hover > span {
						color: #fff;
					}

				.dropotron.level-0 {
					margin-top: 2em;
				}

					.dropotron.level-0:before {
						content: '';
						display: block;
						position: absolute;
						left: 50%;
						margin-left: -10px;
						top: -9px;
						border-left: solid 10px transparent;
						border-right: solid 10px transparent;
						border-bottom: solid 10px #252122;
						border-bottom-color: rgba(34, 30, 31, 0.98);
					}
/* tebbelen ausgabe /*

/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
margin-left:auto;margin-right:auto;
max-width: 830px;
  width: 100%; 
  border-collapse: collapse; 
  font-size: 12px;
  color: Black;
  background-color: #ffffff;
  border: 1px solid White;
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background-color: #8B4513;
	border-bottom: 1px dotted #D2B48C;
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding-left: 3px;
  border: 0px solid #ccc; 
  text-align: left; 
}
#werbe{
	display: block;
}
#werbemobile{
	display: none;
}

@media only screen and (max-width: 1100px)  {
#werbemobile{
	display: block;
}
#werbe{
	display: none;
}
#nav > ul > li > a {
						border-radius: 5px;
						color: White;
						text-decoration: none;
						padding: 0.6em 0.7em 0.6em 0.7em;
						-moz-transition: background-color .25s ease-in-out;
						-webkit-transition: background-color .25s ease-in-out;
						-ms-transition: background-color .25s ease-in-out;
						transition: background-color .25s ease-in-out;
						outline: 0;
					}

		}
@media only screen and (max-width: 1024px)  {


		}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {



	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}





	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 0px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "PLZ"; }
	td:nth-of-type(2):before { content: "Ort"; }
	td:nth-of-type(3):before { content: "Firma"; }
	td:nth-of-type(4):before { content: "Strasse"; }
	td:nth-of-type(5):before { content: "Telefon"; }
	td:nth-of-type(6):before { content: "Info"; }
	
}

#slidy-container { 
  width: 98%; overflow: hidden; margin: 0 auto; box-shadow: 5px 10px 10px grey;
}