@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700;800;900&display=swap');

* { border:0; margin:0; padding:0; font-family: "Noto Sans", sans-serif; font-weight: 400; }

.navi { font-size: 14px; font-weight: 800 ; padding: 3px 15px; height:22px; color: black; }
.navi:hover { background-color: #0078c7; color: white} 
.aktiv { background-color: #0078c7; color: white; }
.inaktiv { background-color: #eee; }
a.navi_link { text-decoration: none; background: none; color: inherit; font: inherit; }

body { background-color:#eee; }
	#fenster_oben {
		position:absolute; top:0; left:0; height:50%; width:100%;
		background-color:#fff; background-image:url(_graphix/streifen_grau.gif); background-position:bottom right; background-repeat:repeat-x;
	}
	#div_body { position:absolute; top:50%; left:50%; height:560px; width:960px; margin:-280px 0 0 -480px; background-color:#fff; }
		#div_kopf {
			height:156px;
			border-top:7px solid #eee; border-right:7px solid #eee; border-left:7px solid #eee;
		}
		#logo { position:absolute; top:20px; left:10px; }

		#ul_navi_main { position:absolute; top:121px; right:14px; }
		#ul_navi_main li { float:left; list-style-type:none; margin:0 0 0 3px; }
		#ul_navi_main a { display:block; }
		#ul_navi_main li a span { display:none; }

		#div_inhalt {
			position:absolute; top:163px; left:0; height:394px; width:946px;
			background-color:#eee; border-right:7px solid #fff; border-bottom:5px solid #fff; border-left:7px solid #fff;
		}
			#inhalt_li {
				/* Bild (450 x 381 Pixel) */
				position:absolute; top:7px; left:0px;
				width:450px; height:381px; overflow:hidden;
				background-color:#eee;
			}
			#inhalt_re {
				/* Text (Breite gesamt: 481px, Höhe gesamt:381px) */
				position:absolute; top:7px; right:7px;
				width:436px; height:325px; padding:28px 15px 28px 30px; overflow:auto;
				background-color:#0078c7;
			}
			#inhalt_zentr {
				/* Text (Breite gesamt: 946px, Höhe gesamt:381px) */
				position:absolute; top:7px; left:0px;
				width:900px; height:361px; overflow-y: auto; overflow-x: hidden;
				background-color:#0078c7;
				padding-top: 15px;
				padding-bottom: 5px;
				padding-left: 31px;
				padding-right: 15px;
			}

			#inhalt_zentr img {
				border: 5px solid white;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}

			#inhalt_re_2 {
				position:absolute; top:7px; right:7px;
				width:190px; height:325px; padding:28px 15px 28px 30px; overflow-y:auto; overflow-x: hidden;
				background-color:#eee;
			}

h1 { display:none; }
h2 { font-size: 1.1em; width:350px; height:25px; font-weight: 800; color: #000; margin-bottom: 0.2em; margin-left: -0.1em;} /* IE6: Breite auf unter 410 reduzieren!! */
	h2 span { display:none; }
	#div_kopf h2 { display:none; }

h3 { font-size:0.7em; line-height:1.7em; color:#fff; font-weight:800; }

p { font-size:0.7em; line-height:1.7em; color:#fff; margin-bottom:1.2em; }
li { font-size:0.7em; line-height:1.7em; color:#fff; }
strong { font-weight: 800; }

ul { margin-left:15px; margin-bottom: 0.5em;}

#inhalt_re a { color:#ddd; text-decoration:none; }
#inhalt_re a:visited { color:#fff; }
#inhalt_re a:hover { color:#fff; text-decoration:underline; }

#div_inhalt_zentr a { color:#ddd; text-decoration:none; }
#div_inhalt_zentr a:visited { color:#fff; }
#div_inhalt_zentr a:hover { color:#fff; text-decoration:underline; }

#footer { padding-top: 0.2em; padding-bottom: 0.2em; font-size:0.7em; line-height:1.7em; color:#ddd; }

#respond {
	font-size:0.7em; line-height:1.7em;	
}

input {
    -webkit-box-shadow: 
      inset 0 0 4px  rgba(0,0,0,0.2),
            0 0 8px  rgba(0,0,0,0.2); 
    -moz-box-shadow: 
      inset 0 0 4px  rgba(0,0,0,0.2),
            0 0 8px  rgba(0,0,0,0.2); 
    box-shadow: 
      inset 0 0 4px  rgba(0,0,0,0.2),
            0 0 8px  rgba(0,0,0,0.2); 
    padding: 2px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}