/* +++++++++++++++++++++++++++++++++++ Farben +++++++++++++++++++++++++++++++++++ */ body { background: #f2f2f2; /* Grau */ color: #404040; } #seite { background: #fff; /* Weiss */ } #topnavigation { background: #b50a0a; } #hauptteil { background: url(../img/bg_content.gif) top left repeat-y; } #fuss { background-color:#b7b7b7; } /* +++++++++++++++++++++++++++++++++++ Reset und allgemeine Angaben +++++++++++++++++++++++++++++++++++ */ * { margin: 0; padding: 0; } a img { border:none; } .logo, .foto { display:block; } #body, textarea { font: 100% "Arial", sans-serif; /* Schriftgr??e nicht f?r gesetzt, um min-width-expression f?r IE 6 einsetzen zu k?nnen */ } #seite { font: 80% "Arial", sans-serif; /* Schriftgr??e nicht f?r gesetzt, um min-width-expression f?r IE 6 einsetzen zu k?nnen */ } /* +++++++++++++++++++++++++++++++++++ Layout +++++++++++++++++++++++++++++++++++ */ body { padding: 10px 0; } #seite { width: 980px; margin: 0 auto; } #topnavigation { position: relative; height:2.2em; } #kopf { clear: both; } #hauptteil-innen { float: left; width: 780px; /* Breite #inhalt + Breite #navigation */ } #inhalt { float: left; width: 560px; margin: 20px 0 20px 20px; display:inline; } #navigation { float: left; width: 200px; } #seitenspalte { float: right; width: 200px; padding: 20px 0; } #hauptteil hr { clear: both; height: .1px; border: none; visibility: hidden; } .spalterechts { float:left; width:47%; } .spaltelinks { float:left; width:47%; margin-right:10px; } /* +++++++++++++++++++++++++++++++++++ Links +++++++++++++++++++++++++++++++++++ */ #fuss a, #kopf a { color:#B50A0A; text-decoration:none; } #fuss a:visited, #kopf a:visited { color:#B50A0A; text-decoration:none; } #fuss a:hover, #kopf a:hover { color:#B50A0A; text-decoration:underline; } #hauptteil-innen a { color:#B50A0A; text-decoration:underline; } #hauptteil-innen a:visited { color:#B50A0A; text-decoration:underline; } #hauptteil-innen a:hover { color:#B50A0A; text-decoration:none; } #hauptteil-innen .teaser h2 a, #hauptteil-innen .teaserfoto h2 a { color:#B50A0A; text-decoration:none; } #hauptteil-innen .teaser h2 a:visited, #hauptteil-innen .teaserfoto h2 a:visited { color:#B50A0A; text-decoration:none; } #hauptteil-innen .teaser h2 a:hover, #hauptteil-innen .teaserfoto h2 a:hover { color:#B50A0A; text-decoration:underline; } #seitenspalte h4 a, #hauptteil-innen .teasernews h2 a { color:#858585; text-decoration:none; } #seitenspalte h4 a:visited, #hauptteil-innen .teasernews h2:visited a { color:#858585; text-decoration:none; } #seitenspalte h4 a:hover, #hauptteil-innen .teasernews h2 a:hover { color:#B50A0A; text-decoration:underline; } /* +++++++++++++++++++++++++++++++++++ Allgemeine Textformatierungen +++++++++++++++++++++++++++++++++++ */ p { margin: 0em 1em 1em 0; } h1 { font-size: 170%; font-weight: normal; color:#B50A0A; margin-bottom: 10px; } h2 { font-weight:bold; font-size: 110%; } h3 { border-bottom:1px solid #CFCFCF; color:#B50A0A; margin:1.5em 1em 0.3em 0; padding-bottom:3px; } /* versteckte Elemente */ #service h2, #sprache h2, #topnavigation h2, #seitenspalte h2 { position: absolute; left: -9999px; } /* +++++++++++++++++++++++++++++++++++ SEITENKOPF +++++++++++++++++++++++++++++++++++ */ /* Topnavigation */ #topnavigation ul { font-size:90%; margin:0px; padding:7px 0pt; } #topnavigation li { padding: 0 10px 0 8px; display: inline; font-weight: bold; border-left: 1px solid #b6b6b6; padding-left: .5em; padding-right: .25em; } #topnavigation li:first-child { border: none; } /* IE <= 6: erste vert. Linie per neg. margin verstecken */ #topnavigation a { text-decoration: none; color: #b6b6b6; } #topnavigation a:hover { text-decoration: none; color: #fff; } #topnavigation .current { color: #fff; } /* Suchfeld */ .form-suche { position: absolute; top: 3px; right: 10px; } .form-suche label { color:#FFFFFF; position: absolute; left: -9999px; } .form-suche .feld-suche { width:95px; margin: 1px 6px; } /* Seitenueberschrift */ #kopf { border-bottom: 1px solid #f2f2f2; position: relative; } /* IE <= 6: hasLayout noetig fuer containing block */ #kopf h1 { font-size: 200%; font-weight: normal; padding: 1em .5em 0 .5em; } #kopf hr { display: none; } /* Servicenavigation */ #service { position: absolute; top: .7em; right: 1em; font-size: 85%; } #service li { display: inline; border-left: 1px solid #000; padding-left: .5em; padding-right: .25em; } #service li:first-child { border: none; } /* IE <= 6: erste vert. Linie per neg. margin verstecken */ /* Sprachennavigation */ #sprache { position: absolute; top: 2em; right: 1em; } #sprache li { display: inline; padding-left: .25em; } /* Schriftnavigation */ #schrift { position: absolute; top: 55px; right: 1em; font-size: 80%; } #schrift h2 { color:#898989; float:left; margin-top:6px; font-size:100%; } #schrift li { display: inline; padding-left: .5em; padding-right: .25em; } #schrift li:first-child { border: none; } /* +++++++++++++++++++++++++++++++++++ HAUPTTEIL +++++++++++++++++++++++++++++++++++ */ /* Navigation */ #navigation h2 { color: #b50a0a; background-color: #d5d5d5; padding: .25em 0 .25em .5em; font-weight:normal; font-size:100%; } ul.navlist { list-style:none; border-bottom: 2px solid #ffffff; } ul.navlist li a { border-top: 2px solid #ffffff; display: block; text-decoration: none; color: #000; padding: .25em 0 .25em 0.5em; height:1%; } ul.navlist li a:hover { background:#B60A0A; color:#FFFFFF; } ul.navlist li a.current, ul.navlist li a.current:link, ul.navlist li a.current:visited, ul.navlist li a.current:hover, ul.navlist li a.current:active { background:#B60A0A; color:#FFFFFF; } /* Zweite Ebene der Subnavigation*/ ul.navlist li ul { padding:0; margin:0; list-style:none; background:#eeeeee; } ul.navlist li ul li a { background: url(../img/nav_pfeil.gif) no-repeat left top; padding: .25em 0 .25em 1.2em; margin-left:0.25em; border:none; } ul.navlist li ul li a:hover { background: url(../img/nav_pfeil_hover.gif) no-repeat left top; color: #b60a0a; } ul.navlist li a.currentsub, ul.navlist li a.currentsub:link, ul.navlist li a.currentsub:visited, ul.navlist li a.currentsub:hover, ul.navlist li a.currentsub:active { background: url(../img/nav_punkt_current.gif) no-repeat left top; color: #b60a0a; } /* Dritte Ebene der Subnavigation */ ul.navlist li ul li ul { } ul.navlist li ul li ul li a { padding: .25em 0 .25em 1.2em; margin-left:1.25em; } /* Extranavigation */ ul.navlist-xtra { list-style:none; border-bottom: 2px solid #ffffff; padding-top: 3em; } ul.navlist-xtra li a { border-top: 2px solid #ffffff; display: block; text-decoration: none; color: #888A8C; padding: .25em 0 .25em 0.5em; height:1%; } ul.navlist-xtra li a:hover { background-color: #b60a0a; color:#FFFFFF; } ul.navlist-xtra li a.current, ul.navlist-xtra li a.current:link, ul.navlist-xtra li a.current:visited, ul.navlist-xtra li a.current:hover, ul.navlist-xtra li a.current:active { background-color: #b60a0a; color:#FFFFFF; } /* Logos unterhalb Navigation */ .nav-logo { margin-top: 60px; } /* Inhalt */ #inhalt #einleitung { background: #eee; border: 1px solid #ddd; padding: 1em; margin: 0 1em 1em 1em; } #inhalt ul { margin: 0 5px 5px 5px; padding: 0 5px 5px 5px; } #inhalt ul li { margin:3px 5px 5px; padding:0 5px 0 0; } #inhalt ul li ul { margin: 3px 5px 5px 10px; padding: 0 5px 5px 5px; } #inhalt ul li ul li { margin:3px 5px 5px 0; padding:0 5px 0 0; } #inhalt ol { margin: 5px; padding: 0 20px; } #inhalt ol li { margin: 10px 0; } .news-single-item h3 { font-size:100%; border: none; font-weight: bold; color: #404040; } .csc-textpic-intext-right { margin-right: 1em; } div.csc-textpic-right div.csc-textpic-imagewrap { float:right; margin-right:1em; } /* Teaserlisten */ .teaserfoto { float:left; margin:0px 20px 20px 0; padding:0; width:260px; display:inline; height:190px; } .teaserfoto p, .teaser p { margin: 0.25em 0 0.25em 0; } .teaserfoto img { margin-top: 3px; } .teaser { margin:20px 20px 0 100px; padding:0; width:275px; } .teaser p { margin-bottom:20px; } .teasernews { margin-right: 20px; } p.datum { color: #666666; font-size:90%; margin: 0px; } /* teaserliste klein mit Foto */ .teaserfotoklein { float:left; margin:20px 0 20px 0; padding:0; width:375px; display:inline; } #content .teaserfotoklein p { margin: 0px; } .teaserfotoklein dl { float: left; margin:0; padding:0 0 20px 0; width:375px; display: inline; /* fixes IE/Win double margin bug */ } .teaserfotoklein dt { float: right; width: 252px; margin: 0; padding: 0 0 0px 0; font-weight:bold; } .teaserfotoklein dd { margin: 0 0 0 120px; padding: 0; } .teaserfotoklein dl dd.img { margin: 0; } .teaserfotoklein dd.img img { float: left; margin: 0 8px 0 0; border: 1px solid #e5e5e5; } /*Tabelle*/ .contenttable td { padding:3px; } .contenttable thead th { border-bottom: 1px solid #CFCFCF; color: #B50A0A; padding: 3px; text-align:left; } /*Termine*/ .termin { margin-bottom:30px; } .termin h2 { margin:5px 0; } .termin img { padding-right: 5px; } /* Seitenspalte */ .seiteneintrag { padding-bottom: 20px; } h4 { border-bottom:1px solid #CFCFCF; clear:both; margin: 0 0 .25em 0; padding-bottom: .25em; } #seitenspalte p { margin: 0; padding: 0.25em 0.1em 0.25em 0.5em; background-color: #ececec; color:#676767; } #seitenspalte p.weiter { padding-bottom: 0.5em; } /* Seitenspalte Aktuelles */ #seitenspalte .aktuelles { padding-bottom: 10px; background-color: #ececec; } #seitenspalte .aktuelles h3 { font-weight:bold; font-size:100%; border:none; padding: 0 0.1em 0 0.5em; margin:0; } /* +++++++++++++++++++++++++++++++++++ FUSS +++++++++++++++++++++++++++++++++++ */ #fuss { border-top: 1px solid #F2F2F2; padding-bottom: .1em; } #fuss p { font-size: 85%; font-style: normal; text-align: left; margin: .5em 0 .5em 1.25em; } #fuss p#toplink { font-size: 85%; float: right; margin: .5em 0 .5em 0; padding-right: 1.25em; } /* +++++++++++++++++++++++++++++++++++ NEWS +++++++++++++++++++++++++++++++++++ */ .news-single-backlink { clear:both; margin-top: 10px; } .news-single-files dd img { margin-right: 3px; vertical-align:middle; } .news-single-files dt { margin-bottom: 3px; } /* +++++++++++++++++++++++++++++++++++ NEWS linke Spalte +++++++++++++++++++++++++++++++++++ */ #seitenspalte .seiteneintrag h3 a { color:#676767; text-decoration: none; } p.textklein { font-size:0.8em; } .news-single-img { float: left; padding-right: 20px; } .tx-felogin-pi1 label { width: 260px; text-align: right; margin-bottom: 3px; } fieldset { border: none; } legend { margin-left:0px; padding-left:0px; } .tx-felogin-pi1 .loginbutton { margin-left: 115px; margin-top: 3px; margin-bottom: 10px; } .tx-felogin-pi1 label input { width: 142px; }