/* Website 
Autor: Gerd H. Pfotzer
Version: 1.0 - 20.11.2015
Farben--
Logo: #
Überschriften: #
Schrift: #343434
bg: #ffffff
Navigation: #

Normale Styles. Mobile first, also für die kleinste Auflösung. Höhere Auflösungen und Retina in styles_mediaqueries.css.
*/
/* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
html { height:101%; margin-bottom:1px; }

* { padding:0; margin:0; list-style:none; }

form {
	margin:0;
	padding:0;
}

a { outline:none; }

body {
	font-family: Arial, Helvetica, Tahoma, "Sans Serif", sans-serif;
	font-size:1.3em;
	line-height:130%;
	color:#343434;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:20px;
	padding:0px;
	background-color:#ffffff;
	width:100%;
	-moz-hyphens:auto;
	-o-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	-hyphens:auto;
}

p { 
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

td, th { vertical-align:top; }

h1 { font-size:170%; line-height:120%; font-weight:bold; color:#a13838; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:8px; }
h2 { font-size:130%; line-height:120%; font-weight:bold; color:#a13838; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:8px; }
h3 { font-size:110%; font-weight:bold; color:#a13838; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:4px; }
h4 { font-size:110%; font-weight:bold; color:#a13838; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:4px; }

a { 
	color:#a13838;
	text-decoration:none;
	font-weight:normal;
}
a:link { color: #a13838; text-decoration:none; }
a:visited { color: #a13838; text-decoration:none; }
a:active { color: #9d0f19; text-decoration:underline; }
a:hover { color: #9d0f19; text-decoration:underline; }
a:focus { color: #9d0f19; text-decoration:underline; }

#content li { padding:6px 0px 6px 0px; }
#content li:before {
	content: "— ";
    color:#a13838;
}


img {
	max-width:100%;
	height:auto;
	border:0;
}

img.bildlinks {
	margin-top:3px;
	margin-right:15px;
	margin-bottom:10px;
	float:left;
	max-width:35%;
	height:auto;
}

.bildlinkscaption {
	margin-top:5px;
	margin-right:15px;
	margin-bottom:10px;
	max-width:35%;
	height:auto;
	float:left;
	color:#5a5a5a;
	color:#650a10;
	font-size:90%;
	line-height:130%;
}
.bildlinkscaption img {
	max-width:100%;
	height:auto;
	margin-bottom:5px;
}

.bildlinkscaption img.zoom {
	-webkit-box-shadow:none; /* WebKit */
	-moz-box-shadow:none; /* Firefox */
	box-shadow:none; /* Standard */ 
	
	-webkit-transition: box-shadow 0.25s ease-in-out; /* Verzögerung der Einblendung 0s */
	-moz-transition: box-shadow 0.25s ease-in-out;
	-o-transition: box-shadow 0.25s ease-in-out;
	-ms-transition: box-shadow 0.25s ease-in-out;
	transition: box-shadow 0.25s ease-in-out;
}
.bildlinkscaption img.zoom:hover {
	-webkit-box-shadow:  0px 0px 15px 0px rgba(100, 100, 100, 1); /* WebKit */
	-moz-box-shadow:  0px 0px 15px 0px rgba(100, 100, 100, 1); /* Firefox */
	box-shadow:  0px 0px 15px 0px rgba(100, 100, 100, 1); /* Standard */ 
	
	-webkit-transition: box-shadow 0.5s ease-in-out 0.1s; /* Verzögerung der Einblendung 0.1s */
	-moz-transition: box-shadow 0.5s ease-in-out 0.1s;
	-o-transition: box-shadow 0.5s ease-in-out 0.1s;
	-ms-transition: box-shadow 0.5s ease-in-out 0.1s;
	transition: box-shadow 0.5s ease-in-out 0.1s;
}

.clearleft { 
	clear:left;
}
.clearright { 
	clear:right;
}
.clearboth { 
	clear:both;
}

#farbbalkenfueraufloesung { height:1px; background-color:red; }

#topofpageanker { height:10px; line-height:100%; }

#kopf {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#ffffff;

	overflow:hidden;
	min-height:110px;
	max-height:4.2em;

	-webkit-transition: max-height 0.8s ease-in-out 0.05s; /* Verzögerung der Einblendung 0.05s */
	-moz-transition: max-height 0.8s ease-in-out 0.05s;
	-o-transition: max-height 0.8s ease-in-out 0.05s;
	-ms-transition: max-height 0.8s ease-in-out 0.05s;
	transition: max-height 0.8s ease-in-out 0.05s;
}

#kopfnavigationMobile {
	display:block;
	float:right;
	margin-bottom:0%;
	margin-right:2%;
}

#kopfnavigationMobile a {
	display:block;
	width:45px;
	height:45px;
	background-image:url(../images_templates/hamburgermenu-off.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:45px 45px;
}
#kopfnavigationMobile a:hover, #kopfnavigationMobile a:active { background-image:url(../images_templates/hamburgermenu-on.gif); }

#kopfnavigationMobileNav {
	/*display:none;
	height:0px;*/
	background-color:#999999;
	text-align:center;
}
#kopf:target {
	/*display:block;*/
	/*max-height:2000px;*/
	max-height:125em;

	-webkit-transition: max-height 0.8s ease-in-out 0.05s; /* Verzögerung der Einblendung 0.05s */
	-moz-transition: max-height 0.8s ease-in-out 0.05s;
	-o-transition: max-height 0.8s ease-in-out 0.05s;
	-ms-transition: max-height 0.8s ease-in-out 0.05s;
	transition: max-height 0.8s ease-in-out 0.05s;
}
#kopfnavigationMobileNav a {
	/*font-size:0.95em;*/
	font-weight:bold;
	display:block;
	color:#ffffff;
	text-decoration:none;
	padding:2% 2%;
	border-bottom:1px solid #ababab;
}
#kopfnavigationMobileNav a:hover, #kopfnavigationMobileNav a:active, #kopfnavigationMobileNav a:focus { 
	background-color:#ababab;
}
#kopfnavigationMobileNav a.fontsizesmaller { font-size:0.8em; font-weight:normal; }

#kopfnavigation {
	display:none;
	float:right;
	text-align:right;
	margin-top:3.5%;
	width:50%;
	/*max-width:500px;*/
	max-width:32em;
	height:auto;
	font-size:0.8em;
	color:#343434;
}
#kopfnavigation a { color: #343434; text-decoration:none; display:inline-block; padding:1% 2%; }
#kopfnavigation a:link { color: #343434; text-decoration:none; }
#kopfnavigation a:visited { color: #343434; text-decoration:none; }
#kopfnavigation a:active { color: #9d0f19; text-decoration:none; }
#kopfnavigation a:hover { color: #9d0f19; text-decoration:none; }
#kopfnavigation a:focus { color: #9d0f19; text-decoration:none; }

#kopfnavigationLang {
	display:none;
}

#logo {
	float:left;
	float:none;
	margin-left:2%;
	margin-top:2%;
	margin-bottom:0%;
	min-height:110px;
	/*min-height:3.1em;*/
}
#logo img {
	width:70%;
	/*max-width:500px;*/
	max-width:18.5em;
	max-width:280px;
	height:auto;
}
#seite {
	background-image:url(../images_templates/kopfbild_00_klein.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:0em;
	background-color:#ffffff;
}

#abstandkopfcontent {
	height:100px;
}

#content { 
	padding-top:0.5%;
	text-align:left;
	background-color:#ffffff;

	font-size:0.7em;
	overflow:visible;
	/*min-height:400px;*/
	min-height:25em;
	-webkit-box-shadow:  0px 0px 0px 15px rgba(255, 255, 255, 0.7); /* WebKit */
	-moz-box-shadow:  0px 0px 0px 15px rgba(255, 255, 255, 0.7); /* Firefox */
	box-shadow:  0px 0px 0px 15px rgba(255, 255, 255, 0.7); /* Standard */ 
}

#callStoerer { 
	font-size:140%;
	margin-top:3%;
	padding:2% 0; 
	border-bottom:1px solid #999999; 
	border-top:1px solid #999999;
	text-align:center;
	color:#999999;
}

#toplink {
	width:100%;
	padding:0% 0%;
	background-color:#8a8484;
	text-align:center;
}
#toplink a {
	display:block;
	padding-top:4px;
	padding-bottom:2px;
	margin-top:3%;
}
#toplink a:hover { background-color:#9a9494; }

#fuss {
	width:92%;
	padding:4% 4%;
	/*margin-top:30px;*/
	text-align:left;
	/*background-color:#7f7a7a;*/
	font-size:75%;
}

#fuss a { 
	text-decoration:none; 
	display:block;
	padding:2% 3% 2% 20px;
	margin-left:0;
	border-bottom:1px #cbcbcb solid;
	background-image:url("../images_templates/footer_pfeil.png");
	background-position:left;
	background-repeat:no-repeat;
}
#fuss a:link { color: #333333; text-decoration:none; }
#fuss a:visited { color: #333333; text-decoration:none; }
#fuss a:active { color: #a8101b; text-decoration:none; background-image:url("../images_templates/katalog_pfeil.png"); }
#fuss a:hover { color: #a8101b; text-decoration:none; background-image:url("../images_templates/katalog_pfeil.png"); }
#fuss a:focus { color: #a8101b; text-decoration:none; background-image:url("../images_templates/katalog_pfeil.png"); }

#fuss .spalte {
	float:left;
	width:22.75%;
	min-width:150px;
	margin-right:3%;
}

#fuss .spalte a {   }
#fuss .spalte a:first-child { margin-top:18px; }


#fussCopyright {
	width:92%;
	padding:4% 4%;
	margin-top:2%;
	margin-bottom:5%;
	text-align:left;
	font-size:70%;
	line-height:140%;
}
#fussCopyright a { color:#333333; text-decoration:none; display:block; }
#fussCopyright a:link { color:#333333; text-decoration:none; }
#fussCopyright a:visited { color:#333333; text-decoration:none; }
#fussCopyright a:active { color:#a8101b; text-decoration:none; }
#fussCopyright a:hover { color:#a8101b; text-decoration:none; }
#fussCopyright a:focus { color:#a8101b; text-decoration:none; }

#content a.seitenanfang {
	font-size:80%;
}
a.seitenanfang:link {
	color:#333333;
	text-decoration:none;
	padding-left:25px;
	background-image:url(../images_templates/footer_pfeil_top.png);
	background-position:left;
	background-repeat:no-repeat;
}
a.seitenanfang:hover {
	color:#a8101b;
	text-decoration:none;
	background-image:url(../images_templates/footer_pfeil_top.png);
}






.spalte100prozent { 
	width:92%;
	margin-left:4%;
	margin-right:4%;
	clear:both;
	margin-top:5%;
	/*background-color:#00FF66;*/
}
.spalte50prozent {
	width:92%;
	margin-left:4%;
	margin-right:4%;
	margin-top:5%;
	/*background-color:#CC9900;*/
}
.spalte66prozent {
	width:92%;
	margin-left:4%;
	margin-right:4%;
	margin-top:2.5%;
	/*background-color:#FFCC66;*/
}
.spalte34prozent {
	width:92%;
	margin-left:4%;
	margin-right:4%;
	margin-top:2.5%;
	/*background-color:#FFCC66;*/
}
.spalte33prozentlinks { 
	width:92%;
	margin-left:4%;
	margin-right:4%;
	margin-top:2.5%;
	/*background-color:#FFFF99;*/
}
.spalte33prozentmitte { 
	width:92%;
	margin-left:4%;
	margin-right:4%;
	margin-top:2.5%;
	/*background-color:#FFFF99;*/
}
.spalte33prozentrechts { 
	width:92%;
	margin-left:4%;
	margin-right:4%;
	margin-top:2.5%;
	/*background-color:#FFFF99;*/
}

.Contentspalte66prozent {
	width:100%;
}

.paddingTop { padding-top:5px; }
.paddingBottom { padding-bottom:5px; }
.paddingTopBottom { padding-top:5px; padding-bottom:5px; }

#AnkerNaviTable {
	width:100%;
}

td.tdAnkerNaviLinks {
	width:50%;
	padding:1% 2%;
}

td.tdAnkerNaviRechts {
	width:50%;
	padding:1% 2%;
}

.AnkerNavi {
	width:42.5%;
	width:95%;
	float:left;
	float:none;
	padding:1.5% 0% 1.5% 0%;
}

a.AnkerNaviA {
	display:inline-block;
	width:100%;
	padding-top:2px;
	padding-left:16px;
	background-image:url(../images_templates/footer_pfeil.png);
	background-position:left;
	background-repeat:no-repeat;
	font-size:100%;
	font-weight:bold;
}

a.AnkerNaviA:hover { color: #333333; text-decoration:none; background-image:url(../images_templates/footer_pfeil_rot.png)}

.TopOfPageButton {
	position:fixed;
	bottom:5px;
	right:5px;
	display:block;
	width:22px;
	height:21px;
}

#Bewertung {
	text-align:center;
	margin-top:45px;
	margin-bottom:5px;
	font-size:90%;
}

#Bewertung a {
	color:#343434;
	text-decoration:none;
}

#Bewertung a:hover {
	text-decoration:none;
	color: #a8101b;
}

#DS_Erklaerung h2 {
	margin-top:1em;
}