/* png fix 
---------------------------------------------------------- */
/* 	img, div, input { behavior: url("iepngfix.htc") } */
/* Alternatively, you can specify that this will apply to all tags like so:
   	 { behavior: url(../format/iepngfix.htc) }  */
/* ---------------------------------------------------------- */
img, div { behavior: url(../scripte/iepngfix.htc) }


/* Styles der statischen Seiten
/* HS-Version V2.1 vom 15.04.2018
/* +++++ History 31.01.2017 - Erste Version
/* +++++         01.02.2017 - Farben angepasst
/* +++++         08.03.2017 - wichtig Stern eingeführt
/* +++++         12.03.2017 - Formatierung für Vorschaubildrahmen eingefügt
/* +++++         12.03.2017 - Fehler in CSS Datei ausgeräumt
/* +++++         18.03.2017 - InfoBox formatierungen eingefügt
/* +++++         18.04.2017 - InfoBox 2 ohne Link eingefügt
/* +++++         15.12.2017 - Fotohintergrund2k eingefügt
/* +++++         31.01.2018 - An Ladyseite angepasst
/* +++++         04.03.2018 - Online gestellt
/* +++++         19.03.2018 - Funktionen ergänzt
/* +++++         23.03.2018 - Funktionen ergänzt
/* +++++         11.04.2018 - Infoboxfunktionen in info.css ausgelagert
/* +++++         15.04.2018 - Anpassungen bis Menue link rechts
---------------------------------------- */

/* Hintergrundeigenschaften */
/* background-color: #A58C6F; */

/* Diverse Gradient Funktionen */

/* https://www.w3schools.com/css/css3_gradients.asp */

/* Linear Gradient - Top to Bottom (this is default) */
/* background: linear-gradient(red, yellow); */

/* Linear Gradient - Left to Right */
/* background: linear-gradient(to right, red , yellow); */

/* Linear Gradient - Diagonal */
/* background: linear-gradient(to bottom right, red, yellow); */

/* Linear Gradient - Winkel */
/* background: linear-gradient(-90deg, red, yellow); */


/* Using Multiple Color Stops (from top to bottom) */
/* background: linear-gradient(red, yellow, green); */


body {
margin-top: 1px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; background-image: linear-gradient(#846D54, #A58C6F); 
}

/* (Alternative Beschreibung der Hintergrundeigenschaften)
body {
margin: 20px; padding: 0px; background-color: #9F9F9F; font-family: Verdana,sans-serif; font-size: 12px; color: #000000;
}
*/

/* Formatierung der Scrolleiste fuer Internet-Explorer ab Vers. 5.5 
body {
scrollbar-arrow-color: #8A7259; scrollbar-base-color: #C0C0C0; scrollbar-highlight-color: #8A7259; 
scrollbar-shadow-color: #FFFFFF; SCROLLBAR-TRACK-COLOR: #ECF4E6;
}
*/

/* allgemeine Links im Textfenster */	
a:link, a:visited, a:active{ 
	font-size: 98%;
	font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS";
	color:#7E2700
}
 
/* Text im Tabellen Textfeld */
table,td {
font-size: 97%; line-height: 125%;
font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS"; color:#719372;
}

/* Überschriften im Textfeld alt 125% 719372 */
h2 {
font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS"; color:#719372;
margin-bottom:20px;letter-spacing:1px;font-size: 12px;
border-bottom:solid 0px #726C68;
padding-bottom:4px
}

/* --------------------------------------- */	
/* Hauptgeruest */
/* --------------------------------------- */	

/* linker und rechter Rand */
.haupt {
border-right:solid 2px #8D7257; border-left:solid 2px #8D7257; border-top:solid 0px #8D7257; border-bottom:solid 2px #8D7257;
}

/* Platzhalter oben und unten */
.space {
height:28px;
}

/* Bild oben */
.oben {background-image:url(../images/back.jpg);
background-repeat:repeat-y;
height:128px;
border-right:solid 2px #8D7257; border-left:solid 2px #8D7257; border-top:solid 2px #8D7257; border-bottom:solid 2px #8D7257;
}

/* Text oben ALT */
/* 
.textobenALT {
	position: relative;
	left: 380px;
	top: 0px;
	font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS";
	text-align: justify;
}
 */

/* Text oben im Vorspann */
.textoben {
	font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS";
	text-align: justify;
}

.textoben p{
	font-size: 14px;
	color: #ffffff;
}
.textoben h1{
	font-size: 20px;
	color: #ffffff;
}

/* Formatierung der Link-Klasse "anders" link ohne Strich */
 a.anders {
 	text-decoration: none;
 	}
 
 a.anders:link {
  color:#800000;
  }
  
 a.anders:visited {
  color:#800000;
  }
 a.anders:hover {
  color:#800080;
  font-style: italic;
  text-decoration: underline;
  }

/* Textleiste Seitenüberschrift */
.leiste{height:40px;background-color: #E0E0E0;letter-spacing:0px;
color: #7E2700;
vertical-align:middle;
border-bottom:solid 2px #8D7257;
border-top: 1px solid #bbbbbb;
text-align:left;
padding-left:10px;
padding-bottom:2px;
font-size: 110%;
font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS";
}

/* Haupt-Textfeld */
.sp1 {font: normal 13px Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS"; color: #666666; 
	text-align:left; padding-left: 40px; padding-right:20px; padding-top: 40px; background-image:url(../images/ringordner.gif);
border-top: 0px solid #8D7257; border-bottom: 2px solid #8D7257; border-right: 2px solid #8D7257;
background-color: #FFFFFF; width:100%; 
}

.sp1 h1{font: bold 18px Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS"; color: #4417A9;
}

.sp1 h2{font: bold 20px Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS"; color: #8D7257; padding:2px;
}

/* Normaltext im Linkfeld rechts */
.sp2 {font: normal 11px Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS"; color: #4417A9; padding:2px;
height:800px;
border-left: solid 0px #FFFFFF;
padding-top: 40px; padding-bottom: 20px;
padding-left: 10px;padding-right: 10px;
text-align:justify;
background-color: #D1d0cf;
}

/* Fusszeile */
.fussb {font: normal 11px Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS"; color: #7E2700; padding:2px;
height:22px;
text-align:left;
background-color: #E0E0E0;
padding-left: 20px;
}

/* Bild unten vor Fusszeile hier Trennstrich */
.unten {background-image:url(../images/trenner.jpg);
background-repeat:repeat-y;
height:8px;
border-right:solid 1px #bbbbbb ;border-left:solid 1px #bbbbbb;
}

/* Menue in Menueleiste */
.menu1 td {
font-size: 12px;
height:22px;	 
padding:0px;
margin:0px;
}

.menu1 a , .menu1 a:visited , .menu1 a:active {
display:block;
text-decoration:none;
text-align:left;
line-height: 22px;
font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS";
color:#7E2700;
width:160px;
border-top: 1px solid #bbbbbb;
}

.menu1 a:hover{
background-color:#D4BFA3;
color:#FFFFFF;
text-decoration:none ;
border-top: 1px solid #bbbbbb;
}

/* Text Druckerlink im Menufeld */
.mentext {font: normal 11px Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS"; color: #4417A9; padding:2px;
background-color: #D1d0cf;
}

/* Text Druckerlink im Textfeld */
.texttext {font: normal 11px Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS"; color: #4417A9; padding:2px;
}

/* menue im Textfeld */
/*  wird derzeit nicht benötigt */
/*

.menu2 {
	font-size: 12px; 
}

.menu2 a , .menu2 a:visited , .menu2 a:active {
display:block;
text-decoration:none ;
text-align:left;
line-height: 16px;
font-family:Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS";
color:#7E2700;
width:210px;
}

.menu2 a:hover{
background-color:#9DA381;
color:#FFFFFF;
text-decoration:none ;
}
 */


/* --------------------------------------- */	
/* Formatierung der Vorschaubilder für Funktion Fenster Open - (Vorschaubilder in neuem Fenster groß anzeigen) */	
/* --------------------------------------- */	
/* Anfang */

/* Vorschaubilder Hintergrund */	

.fotohintergrund1 {
margin: 0px auto;
width: 584px;
background-color: #800000;
padding: 15px 10px 15px 10px;
height: 120px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.fotohintergrund1k {
margin: 0px auto;
width: 438px;
background-color: #800000;
padding: 15px 10px 15px 10px;
height: 120px;
box-shadow: 4px 4px 7px grey;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.fotohintergrund2 {
margin: 0px auto;
width: 584px;
background-color: #800000;
padding: 15px 10px 15px 10px;
height: 260px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.fotohintergrund2k {
margin: 0px auto;
width: 438px;
background-color: #800000;
padding: 15px 10px 15px 10px;
height: 260px;
box-shadow: 4px 4px 7px grey;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.fotohintergrund3k {
margin: 0px auto;
width: 438px;
background-color: #800000;
padding: 15px 10px 15px 10px;
height: 400px;
box-shadow: 4px 4px 7px grey;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}


/* Vorschaubilder Eigenschaften */
.grafik {
margin: 0px 5px 15px 5px;   /* oben rechts unten links */
height: auto;
width: auto;
float: left;
text-align: center;
}

.grafik img {
height: 100px;
width: auto;
display: inline;
border: 1px solid #000000;
background-color: #000000;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.grafik a:hover img {
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.grafik .beschreibung {
font-family: Arial,Helvetica,sans-serif;
text-align: center;
font-weight: normal;
font-size: 12px;
padding: 3px 0px 0px 0px;
color: #CFCFCF;
}

/* --------------------------------------- */	
/* Ende Formatierung der Vorschaubilder für Funktion Fenster Open - (Vorschaubilder in neuem Fenster groß anzeigen) */
/* --------------------------------------- */	


/* --------------------------------------- */	
/* Formatierung für FirmenBox1 */	
/* --------------------------------------- */	
/* Anfang
.FirmenBox1 {
position: relative;
top: 0px;
left: 0px;
height:145px;
width: 510px;
border:0px solid #000000;
font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS";
}

.FirmenBox1 .Grafik {
position: absolute;
top: 10px;
left: 330px;
border:0px solid #5F5F5F;
}
 */	
/* Ende der Formatierung für FirmenBox1 */	


/* Abgerundete Ecken bei den Standardfotos */	
.Fotoecke img {
 box-shadow: 4px 4px 7px grey;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

/* Schatteneffekt bei Standardgroesse */	
.Schattenbox img {
 box-shadow: 5px 5px 7px grey;
}

/* Schatteneffekt bei kleinen Objekten */	
.Schattenbox_k img {
 box-shadow: 3px 3px 7px grey;
}

/* --------------------------------------- */	
/* farbige Dropdown Box (alternativfarben #61380B #DFBA7F) */
/* --------------------------------------- */	
/* Vorgabe Auswahloptionen */
.dropdownfarbe0 {
    color: #61380B;
    background-color: #C6A67C;
    text-align: left;
    font-size:12px;
    cursor: pointer;
}

/* moegliche Auswahloptionen */
.dropdownfarbe1 {
    color: #61380B;
    background-color: #EACEA2;
    text-align: left;
    cursor: pointer;
}

/* ausgewaehlte Option */
.dropdownfarbe2 {
    color: #7E2700;
    background-color: #EACEA2;
    text-align: left;
}

/* Farbwechsel Optionfeld bei hover */
.dropdownfarbe2 hover {
	background-color: #61380B
	color: #61380B;
	}

/* Cursorwechselt nach nicht erlaubt */
.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* --------------------------------------- */	
/* Buttonformatierungen */
/* --------------------------------------- */	
.btn2 {
	height:20px; 
	width:120px;
	font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS";
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	color:#7E2700;
	background-color:#C6A67C;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor:  pointer;
	}

.btn2:hover {background-color: #e7e7e7;}


.btn3 {
	height:23px; 
	width:390px;
	font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS";
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	color:#ffff00;
	background-color:#7E2700;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor:  pointer;
	}

.btn3:hover {
	background-color: #C6A67C;
	color:#000000;
	}


.btn4 {
	margin:5px;
	height:20px; 
	width:120px;
	font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif, Georgia, "Trebuchet MS";
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	color:#7E2700;
	background-color:#e7e7e7;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor:  pointer;
	}

.btn4:hover {
	background-color: #CED9EE;
	}

/* Farboption C6A67C */

/* Ende Button-Formatierung */	



/* derzeit nicht verwendet
.breiteLinksammlung {
	width:195%; 
	}
*/	
	
/* derzeit nicht verwendet, wird fuer Links.html gebraucht	
.schriftKlein {
	font-size:90%; 
	}

.bgFarbe2 {
	background-color:#fa6; 
	}

.bgFarbe3 {
	background-color:#f0f0f0; 
	}
*/	

/* --------------------------------------- */	
/* CountUp formatierung */
/* --------------------------------------- */	
.cupform {
  text-align:center;
  background-color:#F4DCB6;
  border-width:0;
  }

/* --------------------------------------- */	
/* Date und Time Einblendung formatierung */
/* --------------------------------------- */	
.DTanz {
	font-size:11px;
	text-align:center;
	color:#7E2700;
	background-color:#D1D0CF;
	border:0;
	width: 60px;
	}

/* alternative Borderoption - border:1px solid violet; */	
/* alternative Farboption #61380B, #7E2700, #FFFF40*/

/*  Text Ein- / ausblendung */
/* derzeit nicht verwendet
dd { display:none; }
.closed { background:red; }
.open { background:green; }
 */


/* --------------------------------------- */	
/* 	Ende der Datei */	
/* --------------------------------------- */