/* CSS-Datei fuer grayline-Template von CMBasic Copyright CSS-Datei Erwin Gabler http://www.graphictec.de */ /* Gesamtschrift und Gesamtrand festlegen */ body { color: #666; font-size: 0.90em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px } /* mother-container, contains logo, navi, content and footer */ #mother { text-align: left; margin: auto; width: 780px; border-style: solid; border-width: 0px; border-color: silver; color: #666; } /* Container mit dem Logo */ #logo { color: black; background: white url(Logo.png) repeat-y; text-align: left; margin-bottom: 10px; width: 100%; height: 248px } /* Haupt?berschrift im Logo-Container */ #logo h1 { font-size: 1.1em; color: white; margin: 0px; padding-left: 5px; background-image: none; } /* Suchfeld */ #search { background-color: transparent; padding-top: 20px; padding-bottom: 20px; border-top: 1px dotted #666; border-bottom: 1px dotted #666; width: 150px } /* Innenrand Suchform */ #search form { text-align: center } /* Haupt-Navigationsbereich */ #navi { color: #990000; font-size: 0.8em; background-color: white; float: left; margin-top: 30px; width: 150px } /* Infobereich*/ #infobereich { background: transparent url(hintergrund_suche.jpg); float: left; width: 150px; height: 300px } /* Navigationspfad */ #navipfad { border-bottom: 1px dotted #666; width: 100% } #path { color: #666; font-size: 0.82em; padding-bottom: 6px; padding-left: 10px; width: 100% } /* Inhaltsbereich */ #content { color: #666; font-size: 0.90em; line-height: 1.65em; background-color: transparent; float: right; padding-left: 0px; border-left: 0px; width: 585px; border-left-color: silver; border-left-style: solid} /*Abstand der Schrift zu den Bildern im Content, Autor kagee*/ #content img { padding-left: 5px; padding-right: 5px; } /* Stilregel fuer Plugins, z.B. feedback wichtig, Hintergrundfarbe weiss erzwingen */ .plugin { background-color: white; font-size: 0.7em; line-height:1.4em; } /* Fusszeile */ #footer { color: #666; background-color: transparent; clear: both; padding: 20px } #footer div { font-size: 0.84em; line-height: 2em; text-align: center; border-top: 1px dotted #666 } #footer a:hover { color: #666; text-decoration: none; } #footer a:link { color: #666; text-decoration: none; } #footer a:visited { color: #666; text-decoration: none; } /* Listenstile fuer Men?eintrag im Navibereich topmenu */ #topmenu { font-style: normal; font-weight: lighter; text-transform: capitalize; border-bottom: 1px dotted #069;} #topmenu ul { font-weight: lighter; text-transform: capitalize; margin-bottom: 0px; padding: 3px } #topmenu li { font-weight: lighter; text-transform: capitalize } #topmenu a { font-weight: lighter; text-decoration: none; text-transform: capitalize; margin-right: 3px; padding: 3px 1em; border-top: 0px solid silver; border-right: 0px solid #999; border-bottom: 0 none; border-left: 0px solid silver } #topmenu a:link { font-weight: lighter; text-decoration: none; text-transform: capitalize } #topmenu a:visited { font-weight: lighter; text-transform: capitalize;} #topmenu a:hover { font-weight: lighter; text-decoration: underline; text-transform: capitalize;} #topmenu .obermenuhigh { color: #603; font-weight: lighter; text-decoration: none; text-transform: capitalize; margin-right: 3px; padding: 3px 1em; border-top: 0px solid silver; border-right: 0px solid silver; border-bottom: 0 none; border-left: 0px solid silver } /* Listenstile f?r Men?eintrag im Navibereich Dieser Abschnitt ist sehr lang */ #navi ul { list-style-type: none; margin-top: 0px; margin-left: 10px; padding-left: 10px } #navi ul ul { padding-left: 10px; margin-left: 10px; } #navi ul li a { color: #666; font-weight: bold; background-color: transparent; text-transform: uppercase; text-indent: 0; letter-spacing: 10%; list-style-type: none; margin-top: 1px; padding: 4px 4px 4px 0; border-color: silver; border-style: none none solid; border-width: 0; display: block } #navi ul ul li a { color: #666; font-weight: lighter; background-color: transparent; text-transform: capitalize; text-indent: 0px; margin-top: 1px; padding: 4px 4px 4px 0px; display: block } #navi a:link { text-decoration: none; width: 140px; display: block } #navi a:visited { text-decoration: none; width: 140px; display: block } #navi a:hover { color: #990000; background-color: transparent; width: 140px; display: block } #navi ul .obermenuhigh { color: #990000; font-weight: bold; text-transform: uppercase; list-style-type: none; list-style-image: url(pfeil.gif); margin-top: 1px; padding: 4px 4px 4px 0px; border: 0px; width: 140px; display: block } #navi ul ul .submenuhigh { color: #990000; font-weight: bold; list-style-image: url(pfeil.gif); margin-top: 1px; padding: 4px 4px 4px 0px; border: 0px; width: 140px; display: block } /* ENDE Listenstile fuer Men?eintrag im Navibereich */ /* Die ungebundenen Klassen erscheinen als Auswahloptionen im linken Pull-down-Menue von TinyMCE! */ /* Ueberschriften gestalten */ h1 { color: #990000; font-weight: lighter; font-size: 1.4em; line-height: 1.4; background-repeat: repeat-y; margin-top: 10px; padding: 0px } h2 {color: #666; font-weight: lighter; font-size: 1.2em; line-height: 1.4; background-image: url(rotkaro.gif); background-repeat: no-repeat; text-indent: 0px; background-position: left; padding-bottom: 1px; margin-bottom: 1px;} h3 { font-size: 0.95em; line-height: 1.4; margin-bottom: 1px; padding-bottom: 1px; } /* Absatz und div */ p, div { padding-right: 3px;} p {margin-top: 3px; margin-bottom: 5px; } /* Tag b zusaetzlich einfaerben */ b { color: #999 ; } /* Zeichenformat strong */ strong { color: #999; } /* normaler Listenstil, beschraenkt auf Inhaltsbereich */ #content ul { font-size: 1em; line-height: 1.4; margin-left: 0.7em; padding-left: 0.7em } /* Hovereffekt fuer Links */ a:hover { text-decoration: none; } /* besuchte Hyperlinks */ a:visited { color: gray; } /* Hier beginnen die ungebundenen Klassen, zu erkennen am Punkt vor dem Klassennamen Diese werden im Auswahlmenue von TinyMCE gezeigt */ /* Gestaltung des rechts ausgerichteten News-Kastens */ .kasten { font-size: 1em; float: right; margin: 3px; padding: 3px; border: dotted 1px #999; width: 170px } .kasten h3 { margin-top: 0px; } /* Beginn der Newskasten-Formate */ .boxcover { font-size: 0.9em; margin-top: 10px; margin-left: 10px; float: right; width: 200px; padding: 3px; } .box { font-size: 0.9em; float: right; margin-top: 10px; padding-right: 0px; border: solid 1px #666; width: 100% } .box h3 { background-color: #990000; color: white; padding: 3px; margin-top: 0px;} .box div { padding: 3px; } /* Ende der neuen Newskasten-Formate */ /* Einfuehrungsabsatz */ .lead, .lead p { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5em; font-weight: bold; margin-top: 5px; margin-bottom: 10px; } .lead img { padding: 5px;} /* grauer Rahmen mit Umrandung */ .rahmen { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eeeeee; padding: 3px; border: solid 1px #666; width: 100% } /* Rahmen mit gestrichelter Umrandung */ .tipp { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 8px; margin-bottom: 10px; padding: 3px; border: dotted 1px #666; width: 90% } code, .code { font-family: 'Courier New', Courier, monospace; font-size: 1em; color: #000099; } /* Bildunterschrift */ .bu {margin-top: 0px; font-size: 0.75em; font-weight: bold;} /* Linie interessant gestalten */ hr {border: 0 #990000 none; background-color: #990000; height: 3px; } /* Luft fuer Tabellen */ table th, th, tbody { padding: 3px; } /* Links innerhalb von Abs?tzen mit kleinem Zeichen versehen */ #content p a { display: inline; } /* Format fuer zuletzt geaendert usw. */ .datum { font-size: 0.8em; }