/* 
Stylesheet für wfelder.de
Copyright 2013-2017 Heino Hansen
*/

/* Reparaturarbeiten... Damit Textzeilen mit <sup> und <sub> die Zeilenhöhe nicht beeinflussen */

sub, sup { 
	font-size: 65%;
	font-weight: 600;
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
}
sup { 
	top: -0.6em; 
}
sub { 
	bottom: -0.25em; 
}

video {
    position: relative;
    top: 0;
	object-fit: cover;
    z-index: -1; 
}

/* Jetzt geht’s los, jetzt ... */

a:link { color: #000099; text-decoration:underline; }
a:visited { color: #000099; text-decoration:underline; }
a:hover { color: #cc0000; }
a:active { color: #cc0000; }
a:none { text-decoration:none; border-bottom: 0px; }

.text { font: 1.1em/150% "Open Sans", Roboto, Arial, Helvetica, sans-serif; color: #000000; letter-spacing: normal; word-spacing: 1px; }
.text-anmerkungen { font: 0.65em/140% "Open Sans", Roboto, Arial, Helvetica, sans-serif; word-spacing: normal; font-weight: 400; }
.text-klein { font: 0.5em/120% "Open Sans", Roboto, Arial, Helvetica, sans-serif; word-spacing: normal; }
.text-sserif-08 { font: .8em/150% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }
.text-sserif-09 { font: .9em/150% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }
.text-sserif-10 { font: 1em/150% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }
.text-sserif-11 { font: 1.1em/150% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }
.text-sserif-12 { font: 1.2em/130% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }
.text-sserif-15 { font: 1.5em/140% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }
.text-sserif-18 { font: 1.8em/130% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }
.text-sserif-20 { font: 2.0em/130% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }
.text-sserif-23 { font: 2.3em/120% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }
.text-sserif-25 { font: 2.5em/120% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }
.text-sserif-30 { font: 3em/110% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }
.text-sserif-303{ font: 3em/125% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }
.text-sserif-40 { font: 4em/110% "Open Sans", Roboto, Arial, Helvetica, sans-serif; font-weight: 400; }

.uni-body { background-color: #ffffcc; border: 0px; padding: 0px; margin: 0px; } 

.gradient-rot {
	border: 0px; padding: 0px; margin: 0px; 
	background: #00cc00; /* Old browsers */
	background: -moz-linear-gradient(left,  #cc0000 0%, #ad0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(80%,#cc0000), color-stop(100%,#ad0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #cc0000 80%,#ad0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #cc0000 80%,#ad0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #cc0000 80%,#ad0000 100%); /* IE10+ */
	background: linear-gradient(to right,  #cc0000 80%,#ad0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#ad0000',GradientType=1 ); /* IE6-9 */
	}
	
.gradient-grau { 
	background: #5d5d5d; /* Old browsers */
	background: -moz-linear-gradient(left,  #f4f4f4 20%, #ffffff 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(20%,#f4f4f4), color-stop(95%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f4f4f4 20%,#ffffff 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f4f4f4 20%,#ffffff 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f4f4f4 20%,#ffffff 95%); /* IE10+ */
	background: linear-gradient(to right,  #f4f4f4 20%,#ffffff 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}

.hellgrau 	{ color: #ddd; }
.grau		{ color: #888; }
.rot		{ color: #c00000; }
.orange		{ color: #ffcc00; }
.hellblau	{ color: #66bbff; }

.background-white { background-color: white; border: 0px; margin: 0px; }
.background-red   { background-color: red; border: 0px; margin: 0px; }
.background-grey  { background-color: #eeeeee; border: 0px; margin: 0px; }

/* 
#hintergrund-weiss { width: 100%; background-color: white; border: 0px; padding: 0px; margin: 0px; }
#hintergrund-rot { width: 100%; background-color: #cc0000; border: 0px; padding: 0px; margin: 0px; }

#inhalt a:link { color: #000099; text-decoration:none; }
#inhalt a:visited { color: #000099; text-decoration:none; }
#inhalt a:hover { color: #cc0000; }
#inhalt a:active { color: #cc0000; }
#inhalt a:none { color: #000000; text-decoration:none; border-bottom: 0px; }

#inhalt-auf-rot { 
	float: center; 
	width: 800px; 
	padding-top: 20px;
	padding-bottom: 20px;
	color: white;
	}

#inhalt-auf-rot a:link { color: #ff9900; text-decoration:none; }
#inhalt-auf-rot a:visited { color: #ff9900; text-decoration:none; }
#inhalt-auf-rot a:hover { color: #000000; }
#inhalt-auf-rot a:active { color: #000000; }
#inhalt-auf-rot a:none { color: #000000; text-decoration:none; border-bottom: 0px; }
 
*/

#footer {
	width: 100%;
	padding: 0px;
	padding-bottom: 20px;
	margin: 0px;
	background-color: #cccccc;
	border-top: 1px solid #999999;
	}

#footer a:link { color: #000099; text-decoration:none; }
#footer a:visited { color: #000099; text-decoration:none; }
#footer a:hover { color: #cc0000; }
#footer a:active { color: #cc0000; }
#footer a:none { color: #000000; text-decoration:none; border-bottom: 0px; }


/*
.bildrahmen { 
	margin:8px 0px 12px 0px;
	padding: 0px; 
	border: solid 5px #ffffff; 
	box-shadow:2px 3px 12px #666666;
}


#liste table { 
	width: 546px;
	border: 0px;
	padding: 0px;
	}

#liste tr,#liste th,#liste td {
	padding: 5px;
	border: 0px;
	}

#liste tr.hell {
	color: #000000;
	background-color: #e8e8e8;
	}

#liste tr.dunkel {
	color: #000000;
	background-color: #d8d8d8;
	}

/* Buttons */

button {
	border: none;
	padding: 0.6em 1.2em;
	color: #fff;
	font-family: 'Open Sans', Myriad, Arial, sans-serif;
	font-size: 1em;
	letter-spacing: .1em;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	margin: 3px 2px;
	border-radius: 3px;
}

button:hover {
	background: #cc0000;
}

.button-green { background: #009933; }
.button-red { background: #9c1e18; }