@charset "UTF-8"; /**************** Autor: Bernd Kristen Letztes Datum: 2018-07-18 Version: 1.2 ****************/ body { text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */ font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 90%; background: #50B102; background-image: url(../grafik/hg.gif); overflow: auto; } * { margin: 0; padding: 0; } img { text-align: center; max-width: 100%; height: auto; width: auto; border-radius: 0 0 0 0; } #wrap { margin-top: 20px; margin-bottom: 20px; } #seite { background: #FFFFC4; margin: 0 auto; max-width: 900px; width: 98% border-radius: 0 0 5px 5px; } #kopf { width: 100%; } #inhalt { text-align: center; background-color: #FFF; margin-left: 180px; margin-right: 180px; height: 490px; } #inhalt h1 { font-family: Yanone Kaffeesatz, Arial, Verdana, sans-serif; color: #000; font-size: 220%; } #inhalt h2 { text-align: center; color: #3333cc; font-size: 100%; } #inhalt p { text-align: center; } #inhalt img { text-align: center; max-width: 90%; height: auto; width: auto; } #redaktion { background-color: #FFF; overflow-y: scroll; margin-left: 180px; width:510px; padding-left: 10px; padding-right: 20px; height: 490px; } #redaktion ul { padding-left: 35px; text-align: left; font-size: 95%; } #redaktion p { padding-left: 20px; padding-right:20px; text-align: left; } #redaktion h1 { font-family: Yanone Kaffeesatz, Arial, Verdana, sans-serif; color: #000000; font-size: 220%; } #redaktion h2 { color: #3333cc; font-size: 100%; text-align: left; padding-left: 20px; } #redaktion img { margin-left: 7px; } .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */ float: right; margin-left: 8px; } .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */ float: left; margin-right: 8px; } .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */ clear:both; height:0; font-size: 1px; line-height: 0px; } #bu { text-align: right; padding-right: 8px; font-size: 11px; } #steuerung { float: left; margin-left: 20px; width: 150px; min-height: 490px; border-radius: 0 5px 0 0; } #steuerung hr { width: 146px; height: 1px; background: #50B102; } #steuerung ul { padding-top: 5px; text-align: left; } #steuerung li { list-style: none; margin: 2px; } #steuerung h3 { padding-top: 5px; color: #FF0000; text-align: left; padding-left: 3px; font-size: 98% } #spalterechts { margin-right: 20px; padding-left: 3px; float: right; width: 150px; min-height: 490px; border-radius: 5px 0 0 0; } #spalterechts hr { width: 146px; height: 1px; background: #50B102; } #spalterechts h3 { padding-top: 5px; padding-left: 2px; color: #FF0000; text-align: left; font-size: 98% } #spalterechts a { clear: both; text-align: left; } #spalterechts li { list-style: none; } ul.navi li { margin-top: 3px; } ul.navi li a { border-radius: 2px 2px 2px 5px; display: block; padding: 0.6em 1.0em; letter-spacing: 1px; width: 150px: height: 20px; text-decoration: none; color:#FFF; background-color: #50B102; font-size: 95%; } ul.navi li a:hover { border-radius: 2px 2px 2px 5px; background: #EAFCFF; color: #666; } ul.navi li a:active { border-radius: 2px 2px 2px 5px; background-color: #FF0000; color: #FFF; } #fussbereich { background-color: #50B102; height: 50px; clear: both; border-radius: 0 0 5px 5px; } #fussbereich p { text-align: center; font-weight: 600; padding-top: 6px; color: #FFF; } #fussbereich a { font-weight: 600; color: #FFF; }