/* css Vereinbarungen "Normal" * /


/* Grundformatierung */
body {
 font-family:                "Comic Sans MS", "Book Antiqua", Arial, Helvetica, sans-serif;
 font-size:                  14px;
 text-align:                 center;
 background-color:           rgb(250, 238, 140);      /* gelblich */
 background-image:           url(../logo_bild/grundbild_2.jpg);
}


/* Kopfleiste */
header {
 background-color:           rgb(208, 238, 106);      /* grü¼nlich */
 margin-top:		     5px;
 margin-right:		     5px;
 margin-bottom:		     0px;	
 margin-left : 		     5px;
 width:			     100%;
}


/* Links: Maus über dem Link */
 a:hover { 
 background:                 aqua;   /*rgb(250, 238, 140);      /* hellbraun */
 color:                      #CF9;
}


/* Links: Nicht besuchte Links */
 a:link { 
 color:    blue;                  
}


/* Links: Besuchte Links */
 a:visited { 
 color:                      purple;
}


/* Tabellen Container */
#tabellen_container {
 display:                    table;
 border-spacing:             5px;
}


/* Tabellen Zeilen */
#tabellen_zeile {
 display:                    table-row;
}


/* nav li[aria-current] a {
	background-color: 	red;			/* firebrick; */
	color: rgb(208, 238, 106); 			/* gold; */
}



/* Spalte in der die Links sitzen */
#navi_spalte {
 display:                    table-cell;
 background-color:           rgb(208, 238, 106);      /* grünlich */
 width:                      180px;
 margin: 			     0px 10px 10px 580px;
 padding:                    15px;
 vertical-align:             top;
}


/* Links: Maus über dem Link */
#navi_spalte a:hover { 
 background:                 aqua;   /*rgb(250, 238, 140);      /* hellbraun */
 color:                    #CF9;
}


/* Links: Nicht besuchte Links */
#navi_spalte a:link { 
 color:   			 blue;                  
}


/* Links: Besuchte Links */
#navi_spalte a:visited { 
 color:                    purple;
}


/* Navigation */
.navig {
 font-size:                  140%; 
 text-align:                 left;
 display:                    block; 
 font-weight:                bold;
 width:                      180px;				/* width: 180px; */
 background-color:           #F0F0F0;                 /* helles grau */
 margin-right:               15px;                    /* Rechter Rand: schafft Abstand zum Inhalt */
 margin-left:                15px;                    /* Linker Rand: schafft Abstand zum Inhalt */
}


/* Navigation Nostalgie*/
.navignost {
 font-family:                "Script MT Bold","Comic Sans MS", "Book Antiqua", Arial, Helvetica, sans-serif;
 font-size:                  180%; 
 text-align:                 left;
 display:                    block; 
 font-weight:                bold;
 width:                      110px;				
 background-color:           rgb(255,211,155);        /* bräunlich */
 margin-right:               15px;                    /* Rechter Rand: schafft Abstand zum Inhalt */
 margin-left:                15px;                    /* Linker Rand: schafft Abstand zum Inhalt */
}



/* Navigation 1 */
.navig1 {
 font-size:                  160%; 
 text-align:                 left;
 display:                    block;
 color: 		           red;                   /*rgb(205, 51, 51); */
 font-weight:                bold;
 width:                      180px;
 background-color:           #F0F0F0;                 /* helles grau */
 margin-right:               15px;                    /* Rechter Rand: schafft Abstand zum Inhalt */
 margin-left:                15px;                    /* Linker Rand: schafft Abstand zum Inhalt */
}


/* Navigation 2 */
.navig_2 {
 font-size:                  140%; 
 text-align:                 left;
 display:                    block; 
 font-weight:                bold;
 width:                      150px;
 background-color:           #F0F0F0;                 /* helles grau */
 margin-right:               15px;                    /* Rechter Rand: schafft Abstand zum Inhalt */
 margin-left:                250px;                    /* Linker Rand: schafft Abstand zum Inhalt */
}



/* Rahmen; (Jubi-Bilder) */ 
.rahmen {
 padding: 10px;
 background-color: #F2F2F2;
 border-bottom: 1px solid #AAA;
 border-right: 1px solid #AAA;
 display: inline-block;
}

/* Kasten; (Index) */ 
#kasten {
 line-height:                2.8em;
 background-color:           rgb(250, 238, 140);      /* gelblich */
 color:                      #00000000;               /* schwarz */
 border-color:               rgb(185, 216, 98);       /* grünlich */ 
 border-width:               2px;
 border-style:               groove; 
 padding:                    30px;
 padding-left:               80px;
 margin:                     30px;
 margin-left:                10px;
 border-top-left-radius:     40px;
 border-top-right-radius:    0em;
 border-bottom-right-radius: 40px;
 border-bottom-left-radius:  0em;
 background-image:           url(../index_bilder/stern_gross.gif);
 background-repeat:          no-repeat;
 background-position:        130px 20px;
 text-align:                 center;
 margin-top:		     5px;
 margin-right:		     350px;
 margin-bottom:		     0px;	
 margin-left : 		     220px;
}



/* Kasten Corona; (Index) */ 
#kasten_corona {
 line-height:                2.8em;
 color:                      #00000000;               /* schwarz */
 border-color:               rgb(185, 216, 98);       /* grünlich */ 
 border-width:               2px;
 border-style:               groove; 
 background-color:           #CCCCFF;
 padding:                    30px;
 padding-left:               100px;
 margin-right:               200px;
 margin-left:                160px;
 border-top-left-radius:     40px;
 border-top-right-radius:    0em;
 border-bottom-right-radius: 40px;
 border-bottom-left-radius:  0em;
 background-image:           url(../index_bilder/stern_gross.gif);
 background-repeat:          no-repeat;
 background-position:        10px 160px;
}




xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxli {

xxxheight:80px;
xxxwidth:240px;
xxxbackground-image: url("http://assets.worldwildlife.org/photos/2090/images/hero_small/Sumatran-Tiger-Hero.jpg?1345559303");
xxxbackground-size: contain;
xxxbackground-repeat: no-repeat;
xxxborder:1px solid #656565;
xxxdisplay:inline-block;
xxxposition:relative;

 xxxline-height:                126px;

 xxx border-color:               red;   xxxxrgb(185, 216, 98);       /* grünlich */ 
 xxxborder-width:               12px;


}

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx



#myText { visibility: hidden; }


/* Kasten aktuell (Index) */ 
#kasten_aktuell {
line-height:                 1.2em;
 background-color:           rgb(250, 238, 140);      /* gelblich */
 color:                      #444444;               /* schwarz */
 border-color:               rgb(185, 216, 98);       /* grünlich */ 
 border-width:               2px;
 border-style:               groove; 
 padding:                    5px;
 padding-left:               30px;
 xxxmargin:                     20px;
 margin-left:                900px;
 border-top-left-radius:     40px;
 border-top-right-radius:    0em;
 border-bottom-right-radius: 40px;
 border-bottom-left-radius:  0em;
 background-image:           url(../logo_bild/grundbild_2.jpg);
 text-align:                 left;
 xxxmargin-top:		     50px;
 margin-right:		     60px;
 xxxmargin-bottom:		     0px;
 width:				260px;	
}


/* Kasten aktuell privat (Index) */ 
#kasten_aktuell_privat {
line-height:                 1.2em;
 background-color:           rgb(250, 238, 140);      /* gelblich */
 color:                      #444444;               /* schwarz */
 border-color:               rgb(185, 216, 98);       /* grünlich */ 
 border-width:               2px;
 border-style:               groove; 
 padding:                    5px;
 padding-left:               30px;
 xxxmargin:                     20px;
 margin-left:                800px;
 border-top-left-radius:     40px;
 border-top-right-radius:    0em;
 border-bottom-right-radius: 40px;
 border-bottom-left-radius:  0em;
 background-image:           url(../logo_bild/grundbild_2.jpg);
 text-align:                 left;
 xxxmargin-top:		     50px;
 margin-right:		     60px;
 xxxmargin-bottom:		     0px;
 width:				260px;	
}


/*Bild Position auf Index Seite */
#kasten_bild {
  position:			     absolute;
  top:			     920px;
  left:			     800px;
}


/*Impressum Position Seite */
#kasten_impress_normal {
 margin-left:		     950px;
 line-height:                1.0em;
 border-color:               rgb(208, 249, 250); 
 border-width:               4px;
 border-style:               groove; 
 padding:                    5px;
 padding-left:               30px;
 xxxmargin:                     20px;
 margin-left:                900px;
 border-top-left-radius:     40px;
 border-top-right-radius:    0em;
 border-bottom-right-radius: 40px;
 border-bottom-left-radius:  0em;
 background-image:           url(../logo_bild/grundbild_2.jpg);
 text-align:                 center;
 margin-right:		     60px;
 width:			     200px;	
}



/* Container für OH Tabelle */
#container {
  text-align: 			left;
  width: 				850px;	
  margin-top: 			30px;
  xxxmargin-right: 		auto;
  margin-bottom: 			0px;
  margin-left: 			130px	   xxxauto;
  xxxfont-family: 		Verdana, Geneva, sans-serif;
  xxxfont-size: 			14px;
  xxxcolor: 			red;
  xxxfont-weight: 		normal;
}


/* Links: Maus über dem Link */
#container a:hover { 
 background:                 aqua;   /*rgb(250, 238, 140);      /* hellbraun */
 color:                      #CF9;
}


/* Links: Nicht besuchte Links */
#container a:link { 
 color:    blue;                  
}


/* Links: Besuchte Links */
#container a:visited { 
 color:                      purple;
}


/* Container für OH Tabelle */
#bild_container {
  text-align: 			left;
  width: 				850px;	
  margin-top: 			30px;
  xxxmargin-right: 		auto;
  margin-bottom: 			0px;
  margin-left: 			430px;   xxxauto;
  xxxfont-family: 		Verdana, Geneva, sans-serif;
  xxxfont-size: 			14px;
  xxxcolor: 			red;
  xxxfont-weight:			normal;
}


/* Container für OH Tabelle */
#bild_container_2{
  text-align: 			left;
  width: 				850px;	
  margin-top: 			30px;
  xxxmargin-right: 		auto;
  margin-bottom: 			0px;
  margin-left: 			450px;   xxxauto;
  xxxfont-family: 		Verdana, Geneva, sans-serif;
  xxxfont-size: 			14px;
  xxxcolor: 			red;
  xxxfont-weight:			normal;
}


/* Container für Nostalgie 3 */
#bild_container_nost_3{
  text-align: 			left;
  width: 				850px;	
  margin-top: 			30px;
  xxxmargin-right: 		auto;
  margin-bottom: 			0px;
  margin-left: 			350px;   xxxauto;
  xxxfont-family: 		Verdana, Geneva, sans-serif;
  xxxfont-size: 			14px;
  xxxcolor: 			red;
  xxxfont-weight:			normal;
}


/* Links: Maus über dem Link */
#bild_container a:hover { 
 background:                 aqua;   /*rgb(250, 238, 140);      /* hellbraun */
 color:                      #CF9;
}


/* Links: Maus über dem Link */
#bild_container_2 a:hover { 
 background:                 aqua;   /*rgb(250, 238, 140);      /* hellbraun */
 color:                      #CF9;
}



/* Links: Nicht besuchte Links */
#bild_container a:link { 
 color:    blue;                  
}

/* Links: Nicht besuchte Links */
#bild_container_2 a:link { 
 color:    blue;                  
}



/* Links: Besuchte Links */
#bild_container a:visited { 
 color:                    purple;
}


/* Links: Besuchte Links */
#bild_container_2 a:visited { 
 color:                    purple;
}


/* Spalte für den Inhalt */
#inhaltxx {
	display: table-cell;
 	padding: 1px;
	margin: 0px 430px 5px 5px;
	width: 800px;
	vertical-align: top;
	font-weight: bold;

}


/* Tabelle OH */
table {
 margin-left:	 		10px;
 margin-right:			10px;
 border-color: 			silver;
 border-width:                2px;
}


/* h1-Schrift */
.h1 {
 color:                      #00000000;           /* schwarz */
 font-size:                  160%;
 font-weight:                bold;
}


/* Spez-Schrift */
.spez {
 color:                      #00000000;           /* schwarz */
 font-size:                  160%;
 font-weight:                bold;
}



/* h2-Schrift */
.h2 {
 line-height:                1.5em;
 font-size:                  140%;
}


/* h3-Schrift */
.h3 {
 line-height:                1.5em;
 font-size:                  110%;
 font-weight:                bold;
 font-color:		     black;
}



/* h4-Schrift 
.h4 {
 color:                      red;      /*#00000000;      /* schwarz */
 font-size:                  200%;
 font-weight:                bold;
}


/* Mail */
.navi_mail {
 font-size:                  130%; 
 width:                      330px;
 text-align:                 center;
 background-color:           #F0F0F0;                 /* helles grau */
 color: #000;
 font-weight:                bold;
}


/* Ãœberschrift in Tabelle   */
.text_kast0 {
 line-height:                 1.5em;
 margin-left:	 		10px;
 font-size:                   18px;
 font-weight:                 bold;
 color:                       green;               
}


/* Ãœberschrift in Tabelle zentriert  */
.text_kast00z {
 line-height:                 1.5em;
 margin-left:	 		10px;
 font-size:                   18px;
 font-weight:                 bold;
 color:                       green; 
 text-align                   center;     
}


/* Ãœberschrift in Tabelle  */
.text_kast00 {
 line-height:                 1.5em;
 margin-left:	 		10px;
 font-size:                   17px;
 font-weight:                 bold;
 color:                       red;               
}


/* Schrift in Tabelle  */
.text_kast {
 line-height:                 1.5em;
 margin-left:	 		10px;
 font-size:                   15px;
 font-weight:                 bold;
 color:                       #000;               
} 


/* Schrift in Tabelle zentriert */
.text_kastz {
 line-height:                 1.5em;
 margin-left:	 		10px;
 font-size:                   15px;
 font-weight:                 bold;
 color:                       #000;
 text-align:			center;                      
} 


/* Ãœberschrift in Tabelle  */
.text_kast11 {
 line-height:                 1.8em;
 margin-left:	 		10px;
 font-size:                   26px;
 font-weight:                 bold;
 color:                       green;               
}


/* Schrift in Tabelle  */
.text_kastkurs {
 line-height:                 1.5em;
 margin-left:	 		10px;
 font-size:                   15px;
 font-weight:                 bold;
 color:                       blue;    xxxxrgb(0, 245, 255); 
 font-style: 			italic; 
 text-align:			center;          
} 


/* Ãœberschrift in Tabelle  */
.text_kast111 {
 line-height:                 2.0em;
 margin-left:	 		15px;
 font-size:                   20px;
 font-weight:                 bold;
 color:                       rgb(205, 51, 51);        
}


.rote_schrift {
  color: 				rgb(205, 51, 51); 
  font-weight:                bold;
  font-size:                  18px;
}


.rote_schrift2 {
	color: rgb(205, 51, 51);
	font-weight: bold;
	font-size: 24px;
}


.blaue_schrift4 {
	color: blue;;
	font-weight: bold;
	font-size: 36px;
}


.graue_schrift {
  line-height:                 2.0em;
  font-size:                   20px;
  font-weight:                 bold;
  color: 			 	 rgb(176, 182, 182); 
}


.graue_schrift2 {
  line-height:                 1.5em;
  font-size:                   15px;
  font-weight:                 15px;
  color: 			 	 rgb(176, 182, 182); 
}


/* Mail */
xxxxx.navi_mail {
 font-size:                  130%; 
 width:                      330px;
 text-align:                 center;
 background-color:           #F0F0F0;                 /* helles grau */
 color: #000;
 font-weight:                bold;
}

.tr {
 line-height:                250px;
 font-size:                  126%;
 font-weight:                bold;
 color:                      #00000000;               /* schwarz */
}


/* Hellblau */
.hellblau {
  background-color:        rgb(208, 249, 250)        /* helles blau ;   #11EEEE;  #66FFFF; rgb(223, 238, 219);  */
}


/* Für E-Mail */
.navi_mail {
 font-size:                  130%; 
 width:                      330px;
 text-align:                 center;
 background-color:           #F0F0F0;                 /* helles grau */
}


xxxxxxxxxxxxxxxxxxxxxxxx
/* Text in der Fusszeile */
xxxx.stil_1 {
 color:                      green;
 font-size:                  120%;
 font-weight:                bold;
 text-align:                 center;
}
xxxxxxxxxxxxxxxxx


/* Schwarze Schrift (Strasse, in der Fuszeile) */
.str {
 color:                      #00000000;               /* schwarz */
 font-size:                  140%;
 font-weight:                bold;
}


/* rote Schrift; (Zeit  */
.text_rot_2 {
 line-height:                1.3em;
 font-size:                  100%;
 font-weight:                bold;
 color:                      #FF0000;                 /* rot */
}


/* Untertitel Schrift; (Index */
.stil_2 {
 font-size:                  155%;
 text-align:                 center;
 font-weight:                bold;
}


/* Text für Aktualisierung der HP */
.hp {
 font-size:                  100%; 
 color:                      #999999;
 text-align:                 left;
 display:                    block; 
 width:                      400px;
 margin-right:               5px;                     /*    Rechter Rand: schafft Abstand zum Inhalt */
}


/* Für Zoom-Funktion (Anfahrt) */
a.bild , a.bild img   {
 width:                      250px;
 height:                     250px;
 display:                    block;
 float:                      left;
 margin-left:                125px;
}


a.bild:hover img  {
 position:                   relative;
 top:                        0px;
 left:                       0px;
 width:                      450px;
 height:                     450px;
 z-index:                    1;
 display:                    block;
}


/* Schrift für "Mausklick"; (Anfahrt) */
.stil_rot {
 font-size:                  130%;
 font-weight:                bold;
 color:                      #FF0000;                 /* Mausfarbe rot */
 margin:                     180px;
}


/*Bilder zentrieren  */
.zentriert {
  text-allign:			center;
}


/* Linker Seitenrand width für "Breit 15%" für "Schmal 5%" !!!! */
xxxxx#l_rand_seite {
 display:                    table-cell;
 background-color:           rgb(185, 216, 98);       /* grünlich */
 width:                      15%;
 padding:                    15px;
 vertical-align:             top;
}


/* Zeit-Kasten; (Zeit) */
#zeit_1 {
 line-height:                1.8em;
 color:                      #00000000;  	            /* schwarz */
 text-align:		     center;
 border-color:               rgb(185, 216, 98);       /* grünlich */ 
 border-width:               2px;
 border-style:               groove; 
 background-color:           rgb(241, 201, 95);            
 padding:                    30px;
 pading-left:                90px;
 margin:                     30px;
 margin-left:                30px;
 border-top-left-radius:     40px;
 border-top-right-radius:    0em;
 border-bottom-right-radius: 40px;
 border-bottom-left-radius:  0em;
 background-image:           url(../zeit_bilder/wagen_1.jpg );
 background-size:            260px;
 background-repeat:          no-repeat;
 background-position:        92% 60%;
}


/* Zellen Abstand; (Öffnungszeit) */
#zeit_1 .abst_1_r{
padding:                     20px;
text-align:                  center;
font-size:                   160%;
font-weight:                 bold;
width:                       380px;
color:                       red;
background-color:            rgb(241, 201, 95);       / * aktuelle Farbe, hellgelb */



.child {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}