/* -------------------------------------------------------------------- */
/* DATEINAME: site.css                                                  */
/* -------------------------------------------------------------------- */
/* Cascade Style Sheet fuer die Webseiten von                           */
/* Werner Nussbaum			                                            */
/* -------------------------------------------------------------------- */
/* (c) 2012 - 2013 Dietmar Heck                                         */
/* (c) 2022 - 20.. Dietmar Heck                                         */
/* -------------------------------------------------------------------- */
/* CSS-Definitionsdatei, die Site-übergreifende Stylesheets enthält
/* -------------------------------------------------------------------- 
   ****************************************************************************** 
    ohne = HTML-Tag
    . => class=""       = mehrfach auf Seite
    # => id=""          = einmalig auf Seite
   ****************************************************************************** */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
@charset "ISO-8859-1"; 
/* -------------------------------------------------------------------- */
/*    border: 1px solid red;                    /* !!!nur für TEST!!!! */
/*    border: 1px dotted red;                   /* !!!nur für TEST!!!! */
/*    border: 1px solid blue;                   /* !!!nur für TEST!!!! */
/*    border: 1px dotted blue;                  /* !!!nur für TEST!!!! */
/*    border: 1px solid green;                  /* !!!nur für TEST!!!! */
/*    border: 1px dotted green;                 /* !!!nur für TEST!!!! */
/*    border: 1px solid grey;                   /* !!!nur für TEST!!!! */
/*    border: 1px dotted grey;                  /* !!!nur für TEST!!!! */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- /
@viewport {
    width: 320px;
    min-zoom: 1;    /* o. 100% /
    max-zoom: 2;    /* o. 100% /
    }
/* -------------------------------------------------------------------- /
/* -------------------------------------------------------------------- /
html {
    max-width: 100%;
    max-height: 100%;
    background-color: #ffffff;          /* Weiß */
    /*margin: 0px;
    padding: 0px;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; /
    } */
html, body { /* , body */
    width: 100%;
    height: 100%;
    /*overflow: hidden; /* */
    max-width: 99.99%;
    max-height: 100%;
    background-color: #ffffff; /* Weiß */
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}
/* -------------------------------------------------------------------- */
p, h1, h2, h3, h4, h5, h6 {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    margin-left: 5px;
    margin-right: 5px;
}
main {
    display: block;
    max-width: 100%;
    }
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- /
body {  /*  keine weiteren Angaben, um Anzeigefehler zu verhindern!     /
    font-family: Arial, "Times New Roman", Serif, Sans-Serif;
    width: 100%;
    }
/* --------------------------------------------- */
.body {
    width: auto;
    height: auto;
    /*padding: 25px 10px 25px 10px;
    background-color: #faf0e6;*/
}
/* --------------------------------------------- */
cite {          /* Formatierung (c)-Hinweis am Ende der Seiten */
    font-family: Arial, "Times New Roman", Serif, Sans-Serif;
    font-size: 8pt;
    font-style: normal;
    font-variant: normal;
    font-weight:normal;
    }

p a, .btn {
    margin-bottom: -10px;
    }

/* -------------------------------------------------------------------- */
.Kopf-Frame { 												        /*	*/
    font-family: Arial, Helvetica, "Times New Roman", Sans-Serif;	/*	*/
    font-size: 20px;												/*	*/
    font-weight: normal;											/*	*/
    font-style: normal;												/*	*/
    font-variant: normal;											/*	*/
    text-decoration: none;											/*	*/
    background-color: #FFFF00;										/*	*/
/*    background-image: url(../images/banner2.jpg);					/*	*/
/*    background-repeat: repeat;										/*	*/
/*    background-color: #b8b880;										/*	*/
    text-align: center;												/*	*/
    height: 110px;													/*	*/
/*    width: 1100px;													/*	*/
    padding-top: 10px;												/*	*/
    padding-left: 10px;												/*	*/
    padding-right: 10px;											/*	*/
    }											                    /*	*/
.Kopf-Titel { 												        /*	*/
	font-family: "Times New Roman";									/*	*/
	font-size: 1.5em;												/*	*/
	font-weight: bold;												/*	*/
	letter-spacing: 0.1em;											/*	*/
	color: #565613;													/*	*/
    }											                    /*	*/
.Kopf-Titel-2 { 												    /*	*/
	font-family: "Times New Roman";									/*	*/
	font-size: 1.0em;												/*	*/
	font-weight: normal;											/*	*/
	letter-spacing: 0.1em;											/*	*/
	color: #565613; 												/*	*/
    }											                    /*	*/
/* -------------------------------------------------------------------- */
.Zentriert {                            /* alles in die Mitte :-)) */
/*    border: 1px dotted red;                   /* !!!nur für TEST!!!! */
/*    height: auto;                       /* Höhe NICHT einstellen! */
    width: 1200px;                      /* */
    margin-left: auto;                  /* */
    margin-right: auto;                 /* */
/*    overflow: scroll;                   /* */
    }											                    /*	*/
/* ----------------------------------------------------------------------------------------------------------------------- */
.schattig {     /* Schatten um Text - !!! "text-shadow" soll mit CSS 2.1 wieder entfallen !!! */
/* Beispielsweise erzeugt text-shadow:black 0 0 5px, red 5px 5px 3px;. einen schwarzen sowie einen roten Schatten. */
    -moz-text-shadow: 10px 10px 10px #292929;
    -webkit-text-shadow: 10px 10px 10px #292929;
    -khtml-text-shadow: 10px 10px 10px #292929;
    text-shadow: 10px 10px 10px #292929;
    /*text-shadow: 3px 2px 4px black;
    font-size:3em;
    color:blue;*/
    }
.schattig_grün {     /* Schatten um Text - !!! "text-shadow" soll mit CSS 2.1 wieder entfallen !!! */
    -moz-text-shadow: 10px 10px 10px #556B2f;
    -webkit-text-shadow: 10px 10px 10px #556B2f;
    -khtml-text-shadow: 10px 10px 10px #556B2f;
    text-shadow: 10px 10px 10px #556B2f;
    }
.schattig_rot {     /* Schatten um Text - !!! "text-shadow" soll mit CSS 2.1 wieder entfallen !!! */
    -moz-text-shadow: 10px 10px 10px #ff2929;
    -webkit-text-shadow: 10px 10px 10px #ff2929;
    -khtml-text-shadow: 10px 10px 10px #ff2929;
    text-shadow: 10px 10px 10px #ff2929;
    }
.Schatten {     /* Schatten um Bilder mit hellen Rand */
	font-family: Arial, Serif, Sans Serif;
	font-style: italic;
	font-size: 8pt;
	/*font-weight: bold;*/
	text-align: center;
	line-height: 1.15em;
    background: #eee;
    border: 4px solid white;
    -moz-box-shadow: 3px 3px 15px #292929; /* Firefox */
    -webkit-box-shadow: 3px 3px 15px #292929; /* Chrome, Safari */
    -khtml-box-shadow: 3px 3px 15px #292929; /* Konqueror */
    box-shadow: 3px 3px 15px #292929; /* CSS3 */
    }
.Schatten_2Farb {   /* zweifarbiger Schatten um Bilder */
    -moz-box-shadow: 1px 1px 3px #E2007A,-1px -1px 3px #000; /* Firefox */
    -webkit-box-shadow: 1px 1px 3px #E2007A, -1px -1px 3px #000; /* Chrome, Safari */
    -khtml-box-shadow: 1px 1px 3px #E2007A, -1px -1px 3px #000; /* Konqueror */
    box-shadow: 1px 1px 3px #E2007A, -1px -1px 3px #000; /* CSS3 */ 
    }
.Schatten_ohne_Rand {   /* Schatten um Bilder ohne Rand */
    -moz-box-shadow: 3px 3px 15px #292929; /* Firefox */
    -webkit-box-shadow: 3px 3px 15px #292929; /* Chrome, Safari */
    -khtml-box-shadow: 3px 3px 15px #292929; /* Konqueror */
    box-shadow: 3px 3px 15px #292929; /* CSS3 */
    }
.whiteBoard {   /* heller Hintergrund um vieles ... ohne Schatten */
    background: #eee;
    border: 4px solid white;
    box-shadow: 0 0 1px rgba(0,0,0, .4); /* CSS3 */
    /*outline:1px solid #ff0000;*/
    }
/*.Schatten {            											    /* weißer Rahmen mit Schatten ohne 'float'	*/
/*    margin: 10px 7px 0 10px !important;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #ffffff url('../images/Schatten.png') no-repeat right bottom;
    margin: 10px 7px 0 10px;
    display: block;
    position: relative;
    padding: 5px 15px 15px 5px;
    float: none;
    top: 0px;
    left: 0px;
}											                    /*	*/
.KeinSchatten {            									        /* nur weißer Rahmen ohne 'float'	*/
/*    background: url(../images/Schatten.png) no-repeat bottom right; /*	*/
/*    margin: 10px 7px 0 10px !important;            	                /*	*/
/*    margin: 10px 7px 0 10px;                                        /*	*/
    display: block;            										/*	*/
    position: relative;            									/*	*/
    background-color: #ffffff;            							/*	*/
    border: 1px solid #565613;            						    /*	*/
    border: none;                       						    /*	*/
    padding: 5px;                            						/*	*/
    float: none;                                                    /*	*/
    }											                    /*	*/
/* ----------------------------------------------------------------------------------------------------------------------- */
/* Bildwechsel auf den Presseseiten                                     */
.Bildwechsel a .gross {												/*	*/
    display: none; 											    	/*	*/
    } 												                /*	*/
.Bildwechsel:hover a .gross { 										/*	*/
    /*background: #fff; 												/*	*/
    /*background: #ffffff url('../images/Schatten.png') no-repeat right bottom;   /*	*/
    /*padding: 3px 13px 13px 3px;             						/*	*/
    /*width: 720px; 												    /*	*/
    height: 510px; 												    /*	*/
    display: block; 												/*	*/
    position: fixed; 	    										/*	*/
    top: 5px; 												        /*	*/
    left: 175px;                                                    /*	*/
    border: 0; 											        	/*	*/
    z-index: 1; 											    	/*	*/
    background: #eee;
    border: 4px solid white;
    -moz-box-shadow:3px 3px 15px #292929; /* Firefox */
    -webkit-box-shadow:3px 3px 15px #292929; /* Chrome, Safari */
    -khtml-box-shadow:3px 3px 15px #292929; /* Konqueror */
    box-shadow:3px 3px 15px #292929; /* CSS3 */
    } 												                /*	*/
/* ----------------------------------------------------------------------------------------------------------------------- */
/* CSS Popup, CSS-Info-Fenster */
a.info {
    position:relative;
    z-index:1;
    /*background-color:#ff0;*/
    color:#2D006B;
    text-decoration:none;
    }
a.info:hover {
    z-index:2;
    background-color:#C0FF3E;
    }
a.info span {
    display: none;
    }
a.info:hover span { /* ohne Grafik */
    display:block;
    position:absolute;
    top:2em;
    left:2em;
    width:15em;
    border:1px solid #12127D;
    /*background-color:#fc0;*/
    background-color:#fff8dc;
    color:#000;
    text-align: center;
    padding: 5px;
    font-size: 0.8em;
    }
/*
a.info:hover span { /* mit Grafik 
    display:block;
    position:absolute;
    top:-60px;
    left:300px;
    width:234px;
    height: 60px;
    background: url(grafik.jpg);
    }
/* ----------------------------------------------------------------------------------------------------------------------- */

.Box_Menue, #Box_Menue { /* Box-Beschreibung für das Menü */
    background-color: rgb(102,153,51); /* */
    height: 40.00em; /*44.25em;  505px;  /* */
    width: 14.00em;
    margin: 0 0 0 -10px; /* */
    padding: 20px 10px 10px 10px; /* */
    float: left; /* */
}

/* #Box_Menue { /* Box-Beschreibung für das Menü /
    background-color: rgb(102,153,51); /* /
    height: 40.00em; /*44.25em;  505px;  /* /
    width: 14.00em;
    margin: 0 0 0 -10px; /* /
    padding: 20px 10px 10px 10px; /* /
    float: left; /* /
} */

.btn { /* btn = Button/Schaltfläche */
    background-image: url("../images/s2.gif");
    background-position: center center !important;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    padding: 5px;
    text-decoration: none;
}

.btn:link {       /* Darstellung Link */
    background-image: url("../images/s1.gif");
    background-position: center center;
    background-repeat: no-repeat;
    color: Blue;
    }

.btn:visited {   /* besuchter Link */
    background-image: url("../images/s3.gif");
    background-position: center center;
    background-repeat: no-repeat;
    color: Green;
    }

.btn:hover {     /* mit der Maus überfahren */
    background-image: url("../images/p1.gif");
    background-position: center center;
    background-repeat: no-repeat;
    color: Black;
    }

.btn:active {    /* aktiver Link */
    background-image: url("../images/p3.gif");
    background-position: center center;
    background-repeat: no-repeat;
    color: Maroon;
    }

.c {    /* Copyright-Vermerk bei Presse */
    font-family: Arial;
    font-size: 8pt;
    font-style: italic
    }
#c {    /* Copyrigh-Vermerk bei Presse */
    font-family: Arial;
    font-size: 8pt;
    font-style: italic
    }

.Pressebild {   /* Abstände, Rahmen und Unterschrift für Bild */
    margin: 0 15px 15px 0;
    padding: 15px;
    width: auto;
    border-color: Gray;
    border-width: 2px;
    border-style: inset;
    font-family: Times New Roman;
    font-size: 10pt;
    font-style: italic;
    /*float: left;*/
    text-align: center;
    }

#Pressebild {   /* Abstände, Rahmen und Unterschrift für Bild */
    margin: 0 15px 15px 0;
    padding: 15px;
    width: auto;
    border-color: Gray;
    border-width: 2px;
    border-style: inset;
    font-family: Times New Roman;
    font-size: 10pt;
    font-style: italic;
    /*float: left;*/
    text-align: center;
    }

/* .Pressebild_mit {   /* Abstände, Rahmen und Unterschrift für Bild 
    margin: 0 15px 15px 0;
    padding: 15px;
    width: auto;
    border-color: Gray;
    border-width: 2px;
    border-style: inset;
    font-family: Times New Roman;
    font-size: 10pt;
    font-style: italic;
    float: left;
    text-align: center;
    } */

/* #Pressebild_mit {   /* Abstände, Rahmen und Unterschrift für Bild 
    margin: 0 15px 15px 0;
    padding: 15px;
    width: auto;
    border-color: Gray;
    border-width: 2px;
    border-style: inset;
    font-family: Times New Roman;
    font-size: 10pt;
    font-style: italic;
    float: left;
    text-align: center;
    } */

.Pressebild_mit_links {   /* Abstände, Rahmen und Unterschrift für Bild */
    margin: 0 15px 15px 0;
    padding: 15px;
    width: auto;
    border-color: Gray;
    border-width: 2px;
    border-style: inset;
    font-family: Times New Roman;
    font-size: 10pt;
    font-style: italic;
    float: left;
    text-align: center;
    }

#Pressebild_mit_links {   /* Abstände, Rahmen und Unterschrift für Bild */
    margin: 0 15px 15px 0;
    padding: 15px;
    width: auto;
    border-color: Gray;
    border-width: 2px;
    border-style: inset;
    font-family: Times New Roman;
    font-size: 10pt;
    font-style: italic;
    float: left;
    text-align: center;
    }

.Pressebild_mit_rechts {   /* Abstände, Rahmen und Unterschrift für Bild */
    margin: 0 15px 0 15px;
    padding: 15px;
    width: auto;
    border-color: Gray;
    border-width: 2px;
    border-style: inset;
    font-family: Times New Roman;
    font-size: 10pt;
    font-style: italic;
    float: right;
    text-align: center;
    }

#Pressebild_mit_rechts {   /* Abstände, Rahmen und Unterschrift für Bild */
    margin: 0 15px 0 15px;
    padding: 15px;
    width: auto;
    border-color: Gray;
    border-width: 2px;
    border-style: inset;
    font-family: Times New Roman;
    font-size: 10pt;
    font-style: italic;
    float: right;
    text-align: center;
    }

.HiGru_Logo_FR {    /* Logo der Frankfurter Rundschau positionieren */
    /*background-image: url(../images/Logo_Frankfurter_Rundschau.png);*/
    margin: -15px 15px 15px 0;
    padding: 15px;
    width: auto;
    float: right;
    }

#HiGru_Logo_FR {    /* Logo der Frankfurter Rundschau positionieren */
    /*background-image: url(../images/Logo_Frankfurter_Rundschau.png);*/
    margin: -15px 15px 15px 0;
    padding: 15px;
    width: auto;
    float: right;
    }

.HiGru_Logo_FNP {    /* Logo der Frankfurter Neue Presse positionieren */
    /*background-image: url(../images/Logo_Frankfurter_Neue_Presse_500px.png);*/
    margin: -32px 15px 15px 0;
    padding: 15px;
    width: auto;
    float: right;
    }

#HiGru_Logo_FNP {    /* Logo der Frankfurter Neue Presse positionieren */
    /*background-image: url(../images/Logo_Frankfurter_Neue_Presse_500px.png);*/
    margin: -32px 15px 15px 0;
    padding: 15px;
    width: auto;
    float: right;
    }

.HiGru_Logo_FNP_HKB {    /* Logo Höchter Kreisblatt positionieren */
    /*background-image: url(../images/Logo_Höchster_Kreisblatt_500px.png);*/
    margin: -30px 15px 15px 0;
    padding: 15px;
    width: auto;
    float: right;
    }

 #HiGru_Logo_FNP_HKB {    /* Logo Höchter Kreisblatt positionieren */
    /*background-image: url(../images/Logo_Höchster_Kreisblatt_500px.png);*/
    margin: -30px 15px 15px 0;
    padding: 15px;
    width: auto;
    float: right;
    }

.download {       /* Box-Formatierungen für die Seite "Download.html" */
/*    border: 1px dotted black;   /* nur für Test!!! */
    width: 470px;
    height: auto;
    margin: 0 5px 0 5px;
    float: left;
    }

.download p {       /* Formatierungen für die Seite "Download.html" */
    vertical-align: middle;
    }

.download p a {       /* Formatierungen für die Seite "Download.html" */
    text-decoration: none;
    color: Black;
    line-height: 30px;
    }

.download p img {       /* Formatierungen für die Seite "Download.html" */
    border-width: 0px;
    margin: 5px 15px 10px 5px;
    float: left;
    }

.download_tbl {         /* Box-Formatierungen für die Tabelle der Seite "Download.html" */
/*    border: 1px dotted black;   /* nur für Test!!! */
/*    width: 470px; */
/*    height: auto; */
    margin: 0 5px 0 5px;
    float: left;
    }

.download_tbl p {       /* Formatierungen für die Tabelle der Seite "Download.html" */
    vertical-align: middle;
    }

.download_tbl tr td {   /* Formatierungen für die Tabelle der Seite "Download.html" */
    padding: 3px 5px 3px 5px;
    }

.download_tbl p a {     /* Formatierungen für die Tabelle der Seite "Download.html" */
    text-decoration: none;
    color: Black;
    line-height: 30px;
    }

.download_tbl p img {   /* Formatierungen für die Tabelle der Seite "Download.html" */
    border-width: 0px;
    margin: 5px 15px 10px 5px;
    float: left;
    }