@media all{
html {min-height:100%; margin-bottom:1px; text-align: left; background:#fff; } /*Permanente Anzeige der Srcollbar im Firefox*/
body { position:absolute; left:0; top: 5px; width:971px; background:#fff; height:auto; border-bottom:0 none; min-height:100%; margin:0; } /*Der Container für alle Layout-Elemente*/
* html body { height:100%;} /*für lt IE7*/
/*Schrift*/
body, tr, td, th, a, a:visited {font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif ; font-size: 11px; color: #333; margin:0;}
/*überschreiben browserspezifischer Vorgaben*/
ul, li, ol, blockquote, dl, h1, h3, h3, h4, h5, h6, dd, dt, cite, em, b, i { margin:0; padding:0; font-weight:normal; font-size:1em; font-style:normal; border:0 none;}
li, dd, dt { list-style:none;}
/*Links generell: werden in Navi, Content und Sidebar getrennt formatiert*/
a, a:visited { outline:none; text-decoration:none; color:#333; }
a img { border:0 none;} /*Entfernen Border von Bildern innerhalb Links*/
a:hover, a:focus, a:active { outline:none; text-decoration:none; color:#666; }
/*Überschriften*/
h1 { font-size:1.6em;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:7px;}
h1 a, h1 a:visited { font-size:1em;} /*für Sidebar und Content eigene Formatierungen*/
h2 { font-size:10px; margin: 0px 0px 4px 5px ; padding:0; font-weight:bold; }
h3 {}
h4 {}
h5 {}
h6 {}
/*floats*/
.flLe {float:left; width:auto; height:auto; margin:0 15px 15px 0; }
.eineinhalb { line-height: 20px; }
/* 2. L A Y O U T
Das Grundgerüst und die Formatierung der darin enthaltenen Elemente
===========================================================================================================================*/
/* 2.1. H E A D E R
Logo, Hauptnavigation, Subnavigation: Positionierung, Formatierung der Links
------------------------------------------------------------------------------- */
/*container für logo, navi, subnavi:*/
#header { position:absolute; left:7px; top:10px; height:auto; width:790px; z-index:10; display:block; }
#header #hr { position:absolute; left:0; top:55px; height:0; background:0 none; border-top:1px solid #D6171E; width:751px;}
/*Logo fratz.at mit Link auf die Startseite*/
#nHome, #nHome:visited,#nHome:hover, #nHome:active
{ position:absolute; left:0; top:0;width:200px; height:54px; display:block; background: url(../_images/FRATZ-Logo-END_200.gif) no-repeat #fff; text-indent:-9000px;}
/*Navigation, Ebene 1*/
#navi { position: absolute; top: 24px; height:auto; width: 560px; left:210px; z-index:1000; }
#navi li a, #navi li a:visited { background:#fff; padding:0 7px; text-decoration:none; float:left; white-space:nowrap; color:#000; display: block; width: auto; border-width:1px; border-style:solid; position:relative; }
#navi li { margin: 0; float: left; display: block; margin-right:5px; }
#navi li:hover { color: #666; background:#000;}
#navi li ul li a:hover { color: #666; background:#000;}
#navi li:hover { color: #D6171E; background:#000;}
#navi li.hover { color: #D6171E; background:#fff;}
#navi li a:hover { color: #D6171E; background:#fff;}
/*Navigation, Ebene 2*/
#navi li ul {display:none;}
#navi li ul li { border:1px solid #ccc; border-width:1px 0; margin:0;}
#navi li ul li a, #navi li ul li a:visited {border-width:0; border-style:none; border-right:1px solid #ccc; float: left; color: #333; width: auto; padding:2px 7px; font-size:1em; margin:3px 0; background:#fff; }
#navi li:hover ul, #navi li.over ul { display: block; background:0 none; position: absolute;top:-500px;left:0;padding:5px 0; height:28px; width:570px;background:#fff; }
/*Die Rubrik-Farben der Haupt- und Subnavipunkte: Text und Rahmen */
#navi .nNavi, #navi .nNavi1, #navi .nNavi2, #navi .nNavi3, #navi .nNavi4, #navi .nNavi:visited, #navi .nNavi1:visited, #navi .nNavi2:visited, #navi .nNavi3:visited, #navi .nNavi4:visited { border-color:#D6171E;color:#D6171E; line-height:30px;font-weight:bold; font-size:1em; border-bottom-color:#D6171E;}
#navi .nNavi:hover, #navi .nNavi1:hover, #navi .nNavi2:hover, #navi .nNavi3:hover, #navi .nNavi4:hover {color:#D6171E; border-bottom-color:#fff;}
.startseite { position:absolute; top:40px; left:735px;}
#subnavi {position:absolute; height:25px; z-index:1; white-space:nowrap; }
#subnavi li { float:left; padding-left:5px; padding-right:5px; border-right:1px solid; margin-left:-1px; border-left:1px solid; font-weight:bold; }
#subnavi span a { text-decoration: none; color:#666;}
/* 2.2. M A I N
Container für 2.2.1. Content und 2.2.2. Sidebar
------------------------------------------------------------------------------- */
#main { position:absolute; left:0; top:0; width:940px; height:auto; min-height:100%; background:#fff; padding:100px 0 20px 0; z-index:3; border:0 }
#main h1 { margin:5px 0 10px 7px;}
/* 2.2.1 S I D E B A R
Servicebereich rechts, Breite 180px
------------------------------------------------------------------------------- */
#sidebar {clear:left; position:relative; top:0px; width:50px; height:auto; background:#fff;float:right; padding-bottom:20px; margin-right:262px; }
* html #sidebar { margin-right:84px;} /*hack lt IE7*/
#sidebar .subn h1 {font-weight:bold; font-size:12px; font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; border:0 none; border-bottom:1px solid #DBB200; padding-bottom:2px; margin:0px 0 5px 0 ;}
#sidebar .subn ul { padding-top: 0; margin: 0px; }
#sidebar .subn li { border-left: 1px solid; margin: 3px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; width: 160px; font-weight: bold;}
#sidebar .subn li a:hover {text-decoration: underline; }
#sidebar .subn li.active a { color:#666; }
#container { border:0px solid; width:130px; display:block;}
#container h1 { font-weight:bold; font-size:12px; font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; border:0 none; padding:2px; margin:2px 2px 5px 5px; }
#container .text { padding: 3px 3px 3px 3px; left:-1px; width:130px; margin: 2px; z-index:1; background-color: #EBEBEB; }
#container .text .headline a { font-weight: bold; text-transform: uppercase; font-size: 10px; text-decoration: none; display: inline; }
#container .text .subline a { font-size: 9px; text-decoration: none; display: inline; }
/* 2.2.2 C O N T E N T
Container für Inhalte links, Breite 600px
------------------------------------------------------------------------------- */
#content { position:relative; margin: 0 0 0 7px; top:8px; width:612px; height:auto; z-index:2; padding-bottom:20px; }
/*Container für Headlines + Inhalte: Breite 50%, Höhe 250px*/
.content-left { float:left; width:298px; height:246px; overflow:hidden; border:1px solid #ccc; margin-bottom:10px; padding:2px;}
.content-left { margin-right:0px;}
.content-right { position:relative; left:2px; float:left; width:300px; height:250px; overflow:hidden; border:1px solid #ccc; margin-bottom:10px; padding:0px;}
/*Container für Headlines + Inhalte: Breite 50%, Höhe 125px*/
.content120 { float:left; width:298px; height:120px; overflow:hidden; border:1px solid #ccc; margin-bottom:10px; padding:2px; margin-right:2px;}
/*Container für Headlines + Inhalte: Breite 100%*/
.content-600 { height:auto; border:1px solid #ccc; margin-bottom:10px; width:596px; padding:5px; clear:left;}
/*Überschriften in allen Containern Headlines + Inhalte:*/
.content-left h1, .content-right h1, .content-600 h1, .content120 h1, .offenebox h1
{font-size:11px; margin:0px 0 0px 0; color:#D6171E; font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; letter-spacing:1px; border-bottom:1px solid #ccc; width:85%; font-weight:bold; }
.content-600 h1 { width:562px;}
.content-600 h1 a, .content120 h1 a { color:#D6171E; }
.content-600 h1 a:visited, .content120 h1 a:visited { color:#D6171E; }
/*Container für Banner 448x60*/
.teaserbox { padding-left:5px; padding-right:6px; }
.teaserbox p { padding-left:8px; padding-right:6px; }
.teaserbox h2 { font-size:10px; margin: 0px 0px 4px 5px ; padding:0; font-weight:bold; }
.content120 .teaserbox, { padding-left:3px; padding-right:4px; }
.content-left .artikel_lesen {position:absolute; top:230px; left:180px; }
.content-right .artikel_lesen { position:absolute; top:230px; left:180px; width:300px; }
.lese_weiter_1 { position:relative; top:10px; left:180px; }
/* 2.3. F O O T E R
Servicebereich unten, Breite 100%
Position fixed: wird von IE bis 6.0 in erkannt.
Positionierung von #footer erfolgt über Script
------------------------------------------------------------------------------- */
#footer { position:fixed; bottom:0; left:0; width:100%; height:25px; z-index:3; font-size:0.9em; color:#333; line-height:25px; text-align:left; text-indent:5px; background: #ccc; }
* html #footer { display:none;}
/*alle Inhalte in #footer liegen innerhalb von */
#footer p {margin:0; padding:0; font-weight:normal; font-size:1em; font-style:normal; border:0 none; position:absolute; width:966px; padding: 0 3px; height:21px; top:0; left:0;}
#footer a, #footer a:visited { color:#333; text-decoration:none;}
#footer label { width:auto; height:auto; margin-right:7px;}
#footer input { width:75px;border:1px solid #666;padding:2px; font-size:0.9em; color:#333; height:auto; margin-right:15px; }
#footer .button { background:#999; width:auto; font-weight:bold; text-align:center; color:#fff; margin-right:15px;
height:auto; cursor:pointer; }
/* 2.5. VON MICHAEL SCHMID HINZUGEFÜGT
--------------------------------------------------------------------------------*/
#main .noborder { border:0px; }
#header .noborder { border:0px; }
#footer .noborder { border:0px; }
#content form.community .noborder { border:0px; }
#content .liste { display:block; width:590px; }
#content .liste p {margin-left: 8px; }
#content .liste img { padding:5px; }
#content .liste h1 { width:75%; }
#content .artikel p {margin-left: 8px; margin-right: 8px; }
#content .artikel img { vertical-align:center; margin-right:5px; margin-bottom:5px; margin-left:0px;}
/*Newsbox*/
#content .content-left .news .teaser { height: 210px; width: 288px; margin-left:6px; z-index:20200; }
#content .newslist h1, #content .newslist h1 a, #content .newslist .top5Subline, #content .newslist .top5Subline a { padding: 0px; margin: 0px; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 11px; text-decoration: none; display: inline; }
#content .newslist .text { float: left; margin-left: 3px; width: 284px; z-index:1100;}
#content .newslist .hit { height: 37px; background-color: #ebebeb; border-bottom-width: 2px; border-color: #ffffff; border-bottom-style: solid; overflow: hidden; z-index:1100;}
#content .newslist .active { height: 63px; z-index:1100;}
#content .newslist img { float: left; display: none; margin-top: 4px; z-index:1100;}
#content .active img { display: inline; z-index:1100;}
#content .newslist .active .text { width: 200px; margin: 3px 3px 2px 7px; z-index:1100;}
#content form.community input { width:120px; border:1px solid #666; padding:2px; font-size:0.9em; color:#333;}
#content form.community input.radio { margin: 0; padding: 0; border: 0}
#content form.community input.checkbox { margin: 0; padding: 0; border: 0; width:30px;}
#content form.community .button { background:#999; width:auto; font-weight:bold; text-align:center; color:#fff; margin-top:7px; }
.pager {text-align:center; margin-bottom:20px;}
} /*ende @media screen - nicht löschen*/
/* 3. P R I N T
------------------------------------------------------------------------------- */
@media print {
html, body, #main { border:0 none; width:95%; background:0 none;}
body, table, tr, td { font-family: Arial, Helvetica, sans-serif ; font-size: 8pt; color: #000; padding:0;}
#navi, #sidebar, #loginTop, #header #hr, #footer, .banner790, .banner600 { display:none;}
#main { padding-top:50px;}
#header { top:10px; z-index:10000; padding:0;}
#nHome { z-index:10000; position:absolute; top:0;}
h1,h2 { font-size:13pt; text-indent:0; border:0 none; left:0; color:#000;}
#content { top:50px; height:auto; left:0; border:0 none;}
} /*ende @media print - nicht löschen*/