/* 
Conversions based on 16px browser default size

Pixels	EMs	Percent	Points
4px	0.250em	25.0%	3pt
6px	0.375em	37.5%	5pt
7px	0.438em	43.8%	5pt
8px	0.500em	50.0%	6pt
9px	0.563em	56.3%	7pt
10px	0.625em	62.5%	8pt
11px	0.688em	68.8%	8pt
12px	0.750em	75.0%	9pt
13px	0.813em	81.3%	10pt
14px	0.875em	87.5%	11pt
15px	0.938em	93.8%	11pt
16px	1.000em	100.0%	12pt
17px	1.063em	106.3%	13pt
18px	1.125em	112.5%	14pt
19px	1.188em	118.8%	14pt
20px	1.250em	125.0%	15pt
21px	1.313em	131.3%	16pt
22px	1.375em	137.5%	17pt
23px	1.438em	143.8%	17pt
24px	1.500em	150.0%	18pt
*/

a:link		{color:#222;text-decoration:none}
a:visited	{color:#222;text-decoration:none}
a:focus		{color:#000;text-decoration:none}
a:hover		{color:#000;text-decoration:none}
a:hover:visited	{color:#000;text-decoration:none}
a:active	{color:#000;text-decoration:none}


/* button */
 a.btn_2, a:link.btn_2, a:visited.btn_2 {color: white !important;}
 a.btn_2:hover, a:link.btn_2:hover, a:visited.btn_2:hover {color: #4472b9 !important;}
 .btn_2 {
 display: inline-block;
 outline: 0;
 color: white;
	background:-o-linear-gradient(bottom, #64a3be 5%, #1979a1 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #64a3be), color-stop(1, #1979a1) );
	background:-moz-linear-gradient( center top, #64a3be 5%, #1979a1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#64a3be", endColorstr="#1979a1");
	background: -o-linear-gradient(top,#64a3be,1979a1);
	background-color:#64a3be;
 white-space: nowrap;
 border: 3px solid #64a3be !important;
 font-family: Arial, sans-serif !important;
 font-size: 12px;
 font-weight: 300 !important;
 padding: 4px 8px !important;
 line-height: 1.4;
 position: relative;
 border-radius: 10px;
 -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,0.15);
 box-shadow: 4px 4px 0 0 rgba(0,0,0,0.15);
 -webkit-transition: 0.1s;
 transition: 0.1s;
}

.btn_2:hover {
 color: #4472b9;
 background: white;
 background-image: -webkit-linear-gradient(top, #dcdcdc, #ffffff);
 background-image: -moz-linear-gradient(top, #dcdcdc, #ffffff);
 background-image: -ms-linear-gradient(top, #dcdcdc, #ffffff);
 background-image: -o-linear-gradient(top, #dcdcdc, #ffffff);
 background-image: linear-gradient(to bottom, #dcdcdc, #ffffff);
 text-decoration: none;
}
/* /button */

/* 
label, fieldset {
	margin:  0 !important;
	padding: 0 !important;
}
input {
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
}
*/

.buttons {
	margin: 10px auto 10px auto;
	max-width: 920px;
	min-width: 320px;
	text-align:right;
}


/* responsive Block */
.responsiveDIV{
	margin: 10px auto 10px auto;
/* 	max-width: 1024px;
 	min-width: 540px;*/
	max-width: 920px;
	min-width: 320px;
	padding:0;
	border:0;
	text-align:center;

	box-shadow: 4px 4px 8px #888888;
	border:1px solid #4c4c4c;

	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;

	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	}

.my-google-map-link{
	margin: 0 10px 10px 0;
	max-width: 920px;
	min-width: 320px;
	padding:0;
	border:0;
	text-align:center;
	line-height: 0;

	box-shadow: 4px 4px 8px #ccc;
	border:1px solid #ccc;

	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;

	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	}

/* /responsive Block */

/* responsive Image */
/* 
img.responsiveImage{display: block; max-width: 100%; height: auto;}
*/
/* width="100%" in html(img) ist eine Alternative weil sonst der QR-Tip nicht mehr funktioniert - Beispiel: <img name="productImage" onerror="document.productImage.src='../grafik/alternativ.jpg';" onload="imageLoaded();" class="responsiveImage" src="../grafik/email/10351.jpg" width="100%" alt="10351.jpg" border="0"> */
/* /responsive Image */

img.responsive_image{display:block;min-width:80px;max-width:100%;height:auto;}
/* /responsive Image */


span {
font-variant:normal;
font-style:normal;
font-size: 0.813em;
font-family: Arial;
font-weight: normal;
color: #000000;
}

span.telefonText {
font-variant:normal;
font-style:italic;
font-size: 0.813em;
font-family: Arial;
font-weight: bold;
color: #1979a1;
}

.texte_gail_color {
font-variant:normal;
font-style:normal;
font-size: 0.9em !important;
font-family: Arial;
font-weight: 300 !important;
/* color: #ec3822;*/
color: #424242;
}

.telefonNr {
font-variant:normal;
font-style:normal;
font-size: 1.1em;
font-family: Arial;
font-weight: 300;
color: #222;
}

.Ueber_Uns {
	margin: 0 auto 0 auto;
	padding: 0 3px;
	text-align: center;
	max-width: 920px;
	min-width: 320px;
	font: 1.0em/1.5em 'Open Sans', Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	color:#666;
 text-shadow:0px 2px 3px rgba(0,0,0,.4);
}

.center {
	margin: 0 auto 0 auto;
	text-align: center;
}


.clear_both {clear: both;}

/* letzter Eintrag */
.clearer1010 {margin: 10px auto 10px auto;}
.clearer5050 {margin: 50px auto 50px auto;}
.clearer1030 {margin: 10px auto 30px auto;}
.clearer3010 {margin: 30px auto 10px auto;}
.clearer1050 {margin: 10px auto 50px auto;}
.clearer5010 {margin: 50px auto 10px auto;}
/* /letzter Eintrag */





.CSSTable {
	margin: 10px auto 10px auto;
	max-width: 920px;
	min-width: 320px;
	padding:0px;
	box-shadow: 4px 4px 8px #999;
	border:1px solid #999;

	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;

	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}
.CSSTable table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.CSSTable tr:last-child td:last-child {
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}
.CSSTable table tr:first-child td:first-child {
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}
.CSSTable table tr:first-child td:last-child {
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
}
.CSSTable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
}
.CSSTable tr:hover td{

}
.CSSTable tr:nth-child(odd) { background-color:#cadee7; }
.CSSTable tr:nth-child(even) { background-color:#fff; }
.CSSTable td {
	width: 33%;
	vertical-align:middle;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:8px;
	font-size:1.0em;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
.CSSTable tr:last-child td{
	border-width:0px 1px 0px 0px;
}
.CSSTable tr td:last-child{
	border-width:0px 0px 1px 0px;
}
.CSSTable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTable tr:first-child td{
	background:-o-linear-gradient(bottom, #64a3be 5%, #1979a1 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #64a3be), color-stop(1, #1979a1) );
	background:-moz-linear-gradient( center top, #64a3be 5%, #1979a1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#64a3be", endColorstr="#1979a1");
	background: -o-linear-gradient(top,#64a3be,1979a1);
	background-color:#64a3be;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:1.0em;
	font-family:Courier;
	font-weight:bold;
	color:#ffffff;
}
.CSSTable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #64a3be 5%, #1979a1 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #64a3be), color-stop(1, #1979a1) );
	background:-moz-linear-gradient( center top, #64a3be 5%, #1979a1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#64a3be", endColorstr="#1979a1");	background: -o-linear-gradient(top,#64a3be,1979a1);

	background-color:#64a3be;
}
.CSSTable tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTable tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.CSSTable td h1{
	font: 1.5em/1.5em 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	color:#fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
/* myInfo: H1 darf nur einmal pro Website vorkommen! */
.CSSTable td h2.h1{
	font: 1.5em/1.5em 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	color:#fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.CSSTable td h2{
	font: 1.125em/1.125em 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	color:#fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
}


.CSSTable img.thump {
  border-radius: 5%;
  -webkit-box-shadow: 1px 0px 16px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 0px 16px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 0px 16px 3px rgba(0, 0, 0, 0.25);
}


.CSSTable tr.bg_fff {
	background-color:#fff;
	color:#64a3be;
	height:auto;
}

.CSSTable tr.bg_fff th {
	text-decoration: underline;
	padding-top:8px;
	padding-bottom:5px;
	padding-left: 5%;
	color:#999;
}

.CSSTable td.de {
	font: 1.1em/1.1em 'Open Sans', Arial, sans-serif;
	padding-bottom:1px;
	padding-left: 5%;
	font-weight:bold;
	color: #666;
	vertical-align:top;
}
.CSSTable td.en {
	font: 1.1em/1.1em 'Open Sans', Arial, sans-serif;
	padding-bottom:1px;
	padding-left: 5%;
	font-weight:bold;
	color: #666;
	vertical-align:top;
}
.CSSTable td.content {
	font-weight:bold;
	color: #666;
}
.CSSTable td.lagerNr {
	font-size: 1.0em;
	color: #ec3721;
}

.CSSTable td.trenner{
	padding:0;
	height:1px;
}






.CSSTableAdr {
	margin: 10px auto 10px auto;
	max-width: 920px;
	min-width: 320px;
	padding:0;
	box-shadow: 4px 4px 8px #999;
	border:1px solid #999;

	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;

	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}
.CSSTableAdr table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.CSSTableAdr tr:last-child td:last-child {
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}
.CSSTableAdr table tr:first-child td:first-child {
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}
.CSSTableAdr table tr:first-child td:last-child {
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
}
.CSSTableAdr tr:last-child td:first-child{
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
}
.CSSTableAdr tr:hover td{

}
.CSSTableAdr tr:nth-child(odd) { background-color:#e8e8e8; }
.CSSTableAdr tr:nth-child(even) { background-color:#fff; }
.CSSTableAdr td {
	width: 33%;
	vertical-align:top;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:8px 8px;
	font-size:0.875em;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
.CSSTableAdr tr:last-child td{
	border-width:0px 1px 0px 0px;
}
.CSSTableAdr tr td:last-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableAdr tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableAdr tr:first-child td{
	background:-o-linear-gradient(bottom, #424242 5%, #999999 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #424242), color-stop(1, #999999) );
	background:-moz-linear-gradient( center top, #424242 5%, #999999 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#424242", endColorstr="#999999");
	background: -o-linear-gradient(top,#424242,#999999);
	background-color:#424242;
	/* text-align:center;*/
	border-width:0px 0px 1px 1px;
	font-size:1.0em;
	font-family:Courier;
	font-weight:bold;
	color:#ffffff;
}
/*
.CSSTableAdr tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #64a3be 5%, #1979a1 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #64a3be), color-stop(1, #1979a1) );
	background:-moz-linear-gradient( center top, #64a3be 5%, #1979a1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#64a3be", endColorstr="#1979a1");
	background: -o-linear-gradient(top,#64a3be,#1979a1);
	background-color:#64a3be;
}
*/
.CSSTableAdr tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableAdr tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.CSSTableAdr tr:first-child td.firstchild{
	vertical-align:top;
	padding:0;
	background:-o-linear-gradient(bottom, #ec3822 5%, #ec3822 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ec3822), color-stop(1, #ec3822) );
	background:-moz-linear-gradient( center top, #ec3822 5%, #ec3822 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ec3822", endColorstr="#ec3822");
	background: -o-linear-gradient(top,#ec3822,#ec3822);
	background-color:#ec3822;
}

.CSSTableAdr td h1{
	font: 1.5em/1.5em 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	color:#fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.CSSTableAdr td h2{
	font: 1.125em/1.125em 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	color:#fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
}

.CSSTableLinks {
	margin: 10px auto 10px auto;
	max-width: 920px;
	min-width: 320px;
	box-shadow: 4px 4px 8px #999;
	border:1px solid #999;

	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;

	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}
.CSSTableLinks table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.CSSTableLinks tr:last-child td:last-child {
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}
.CSSTableLinks table tr:first-child td:first-child {
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}
.CSSTableLinks table tr:first-child td:last-child {
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
}
.CSSTableLinks tr:last-child td:first-child{
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	text-align:right;
}

.CSSTableLinks tr:nth-child(odd) { background-color:#e8e8e8; }
.CSSTableLinks tr:nth-child(even) { background-color:#fff; }
.CSSTableLinks td {
	vertical-align:top;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:8px 8px;
	font-size:0.875em;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
.CSSTableLinks tr:last-child td{
	border-width:0px 1px 0px 0px;
}
.CSSTableLinks tr td:last-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableLinks tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}

.CSSTableLinks tr td:first-child, .CSSTableLinks tr td:nth-child(3){
	text-align:right;
	width: 15%;
}




	
/* ========================= Media Queries ========================= */


@media (max-width: 801px) {
	#myMobileHidden .myMobileHidden {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.70; -khtml-opacity: 0.70; opacity: 0.70;}
}

@media (max-width: 767px) {
	#myMobileHidden .myMobileHidden {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50;}
}

@media (max-width: 719px) {
	#myMobileHidden .myMobileHidden {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -moz-opacity: 0.40; -khtml-opacity: 0.40; opacity: 0.40;}
}

@media (max-width: 680px) {
	#myMobileHidden .myMobileHidden {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; -moz-opacity: 0.30; -khtml-opacity: 0.30; opacity: 0.30;}
}

@media (max-width: 640px) {
	#myMobileHidden .myMobileHidden {display: none;}
	#myMobileHidden .myMobileHiddenContent:before{content:"Print via Menu!"; color:#ec3721;}
}

@media (max-width: 360px) {
	#myMobileHidden .myMobileHidden {display: none;}
	#myMobileHidden .myMobileHiddenContent:before{content:"Print via Cloud!"; color:#ec3721;}
}
