/*allgemeine Festlegungen*/
html{
height:100%;
}
p{
margin:0px;
padding:0px;
}
img{
border:none;
}
a {
text-decoration:none;
}
div.caption {
padding: 20px;
text-align:center;
}
div.image-title {
font-weight: bold;
font-size: 11px;
}
div.image-desc {
font-size: 10px;
}
.textKleinFett{
font-size: 8px;
font-weight:600;
font-family: Verdana, Helvetica, sans-serif;
}
.textMiddle{
font-size: 10px;
font-family: Verdana, Helvetica, sans-serif;
}
.textFett{
font-weight:700;
font-size: 8pt;
font-family: Verdana, Helvetica, sans-serif;
}
.text{
/*font-size: 8pt;*/
font-family: Verdana, Helvetica, sans-serif;
/*line-height: 16px;*/
/*modif le 210711*/
font-size: 11px;
line-height: 18px;
}
/*die Einrückungen spiegeln die Struktur im Programmkode wieder*/
body {
background-color: white;
padding:0px;
margin:0px;
height:100%;
/*font-size: 14px;
font-family: Times, Serif;
line-height:22px;
color:#666633;*/
}
.filter select{
height:22px;
width:144px;
border: 1px solid #9c9c9c;
color:#696969;
margin-left:1px;
padding:1px;
line-height:11px;
}
.page{
width:960px;
margin:auto;
text-align: left;
padding-left:0px;
padding-right:0px;
}
/***************************************************************************
** Hier beginnt der Kopfbereich
***************************************************************************/
.containerTop{
height:173px;
width:960px;
margin-bottom:24px;
padding:0px;
}
.containerLogos{
height:88px;
width:960px;
padding-top:25px;
padding-bottom:25px;
}
.logoTop{
height:73px
width:207px;
padding-top:15px;
float:left;
border:none;
3 }
.containerAnzeige{
height:85px;
width:560px;
float:right;
padding-bottom:3px;
float:right;
overflow:hidden;
}
.anzeige{
height:85px;
color:white;
float:right;
padding-left:10px;
}
.anzeigenText{
height:15px;
width:100px;
line-height:16px;
color:#999999;
}
.anzeigenImg{
height:70px;
}
.mainNavi{
height:33px;
width:960px;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
clear:both;
}
.mainNavi ul{
height:33px;
padding: 0px;
margin: 0px;
display: block;
list-style: none;
text-align:left;
overflow:hidden;
}
.mainNavi li{
height:33px;
padding:0px;
margin:0px;
display:block;
float:left;
overflow:hidden;
}
.mainNavi a{
height: 13px;
padding-top:10px;
padding-bottom:10px;
display:block;
background-repeat:no-repeat;
}
.buttonLinks{
background-position: 1px center;
}
.buttonRest{
margin-left:42px;
background-position: 0px center;
}
#home{
width:40px;
background-image:url(/images/home_grau.gif);
}
#home:hover , #home.active{
background-image:url(/images/home_rot.gif);
}
#agenda{
width:62px;
padding-left:1px;
background-image:url(/images/agenda_grau.gif);
}
#agenda:hover, #agenda.active{
background-image:url(/images/agenda_rot.gif);
}
#fokus{
width:45px;
padding-left:1px;
background-image:url(/images/fokus_grau.gif);
}
#fokus:hover, #fokus.active{
background-image:url(/images/fokus_rot.gif);
}
#verantstalter{
width:104px;
padding-left:1px;
background-image:url(/images/veranstalter_grau.gif);
}
#verantstalter:hover , #verantstalter.active{
background-image:url(/images/veranstalter_rot.gif);
}
#kuenstler{
width:67px;
padding-left:1px;
background-image:url(/images/kuenstler_grau.gif);
}
#kuenstler:hover , #kuenstler.active{
background-image:url(/images/kuenstler_rot.gif);
}
#kuenstlerverbaende{
width:142px;
padding-left:1px;
background-image:url(/images/kuenstlerverbaende_grau.gif);
}
#kuenstlerverbaende:hover, #kuenstlerverbaende.active {
background-image:url(/images/kuenstlerverbaende_rot.gif);
}
#kulturservices{
width:114px;
padding-left:1px;
background-image:url(/images/kulturservices_grau.gif);
}
#kulturservices:hover, #kulturservices.active{
background-image:url(/images/kulturservices_rot.gif);
}
#stiftungen{
width:85px;
padding-left:1px;
background-image:url(/images/stiftungen_grau.gif);
}
#stiftungen:hover, #stiftungen.active{
background-image:url(/images/stiftungen_rot.gif);
}
/***************************************************************************
** Hier endet der Kopfbereich
***************************************************************************/
/*umfasst die sich verändernden Inhalte*/
.containerMiddle{
height:100%;
width:760px;
margin-right:26px;
padding-right:26px;
margin-bottom: 20px;
border-right: 1px solid #d1d1d1;
float:left;
}
/***************************************************************************
** Hier stehen in der Struktur die veränderbaren Inhalte der Mitte, deren
** CSS-Code weiter unten notiert ist
***************************************************************************/
/*diese links und Listen sind für die links im footer und der rechten Navi*/
.linkSpalten ul{
list-style: none;
padding: 0px;
margin: 0px;
display: block;
}
.linkSpalten li{
padding-bottom:10px;
}
.linkSpaltenProfi ul{
padding-top:10px;
padding-left: 16px;
margin: 0px;
}
.linkSpaltenProfi li{
padding-bottom:10px;
}
/***************************************************************************
** Hier beginnt der Footer
***************************************************************************/
.containerFooter{
width:760px;
margin-top:10px;
padding-top:18px;
border-top: 1px solid #d1d1d1;
position:relative;
float:left;
line-height:11px;
color:#a7a9ac;
}
.containerFooterBackground{
width:760px;
overflow:hidden;
background-image:url(/images/backgroundFooter.gif);
background-repeat:repeat-y;
background-position: left;
}
/*linke untere Spalte hat eine Sonderrolle*/
.containerFooter .contentWrapperLeft{
width:154px;
padding-right:15px;
padding-bottom:15px;
float:left;
}
.containerFooter .contentWrapper{
width:154px;
/*height:189px;*/
padding-left:20px;
padding-right:15px;
/*border-left: 1px solid #d1d1d1;*/
float:left;
}
.contentEntity{
clear:both;
}
.contentEntityPlusSpacer{
/*kommen noch 12px von jedem letzten ui hinzu*/
padding-bottom:19px;
clear:both;
}
.footerTitle{
color:black;
padding-bottom:10px;
}
.containerFooter a{
color:#a7a9ac;
}
.containerFooter a:hover{
color:red;
}
.containerFooter a.active{
}
.logoBottom{
height:39px;
width:90px;
position:absolute;
bottom:0px;
right:22px;
}
/***************************************************************************
** Hier endet der Footer
***************************************************************************/
/***************************************************************************
** Hier beginnt die rechte Navigatinspalte
***************************************************************************/
.containerRight{
width:147px;
float:left;
}
/*Suchfeld hat eine Sonderrolle zu restl Content auf rechter Seite*/
.containerSuche{
padding-bottom:23px;
color:#666666;
}
.suchfeld{
height:18px;
border: 3px solid #ededee;
}
.suchfeld input{
height:12pt;
width: 113px;
margin-left:5px;
border:none;
line-height:12px;
color:#666666;
float:left;
}
.lupe{
height:18px;
width:20px;
border:none;
float:right;
background-image:url(/images/lupe.gif);
background-repeat:no-repeat;
background-position: 0px center;
}
.lupe a{
height:18px;
width:18px;
display:block;
}
/*jeder gekapselte Inhalt steht in einem container der nach
oben eine Linie macht und den abstand von seinem inhalt zur linie
festlegt. die innenabstände der inhalte zueinander und zu neuem
container wird durch die inhalte selbst gemacht*/
.containerRight .containerRightContent{
width: 145px;
padding-top:12px;
padding-bottom:2px;
padding-left:1px;
padding-right:1px;
border-top: 1px solid #d1d1d1;
/*Schrift - Ausnahmen werden in einzelnen Inhalten festgelegt*/
line-height:11px;
color:#999999;
}
/*dies können auch ui sein ...*/
.containerRight .containerRightContent a{
color:#999999;
}
.containerRight .containerRightContent a:hover{
color:red;
}
.containerRight .containerRightContent a.active{
color:red;
}
.containerRight .containerRightContent .textFilter{
padding-bottom:12px;
}
.textFilter{
color:#747373;
}
.containerRight .containerRightContent .filter{
height:22px;
margin-bottom:16px;
}
.containerRight .containerRightContent .filter select{
height:22px;
width:144px;
border: 1px solid #9c9c9c;
color:#696969;
margin-left:1px;
padding:1px;
line-height:11px;
}
.containerRight .containerRightContent .textAnzeige{
padding-top:15px; /*zusätzlich zu sonstigen Abstand zur Linie*/
padding-bottom:12px;
line-height:8px;
color:#999999;
}
.containerRight .containerRightContent .imgAnzeige{
width:142px;
padding-bottom:28px;
}
.containerRight .containerRightContent .textSponsors{
padding-bottom:5px;
line-height:10px;
}
.containerRight .containerRightContent .sponsorsRight .imgLeft{
width:65px;
float:left;
margin-right:12px;
/*text-align:center;*/
}
.containerRight .containerRightContent .sponsorsRight .imgRight{
width:65px;
float:left;
/*text-align:center;*/
}
/***************************************************************************
** Hier endet die rechte Navigatinspalte
***************************************************************************/
/***************************************************************************
** Home Seite beginnt hier
***************************************************************************/
.containerContentHome{
width:760px;
margin-bottom:26px;
position:relative;
}
.sponsorsMiddleHome {
padding-bottom:19px;
}
.sponsorsMiddleHome img{
position:absolute;
right:0px;
}
.contentHome{
width:760px;
clear:both;
background-image:url(../images/backgroundPixel.gif);
background-repeat:repeat-y;
background-position: center 0px;
overflow:hidden;
line-height: 1.6;
color:black;
}
.contentLeftCol{
width:361px;
margin-right:18px;
float:left;
}
.contentRightCol{
width:361px;
padding-left:18px;
float:right;
}
.containerInfo{
clear:both;
padding-top:10px;
padding-bottom:12px;
}
.containerInfo .titel{
height:14px;
margin-bottom:4px;
}
.kurzinfo{
color:#666666;
border-top: 1px solid #d1d1d1;
padding-top:12px;
margin-bottom: 14px;
position:relative;
overflow:hidden;
/*font-size: 11px;*/
font-size: 8pt;
font-family: Verdana, Helvetica, sans-serif;
line-height:12pt;
}
.kurzinfo .img{
height:80px;
width: 80px;
float:left;
}
.kurzinfoText{
height: 80px;
width:266px;
float:left;
overflow:hidden;
margin-top:-2px;
padding-left:15px;
}
.kurzinfoTitel{
font-weight:700;
}
.kurzinfoText a, .kurzinfoText a:visited{
color:#333333;
}
.kurzinfo .mehrButton{
height:9px;
width:9px;
position:absolute;
bottom:3px;
right:0px;
}
.weitereInfo{
color:#333333;
padding-left:7px;
border-top: 1px solid #d1d1d1;
padding-top:12px;
margin-bottom: 14px;
position:relative;
overflow:hidden;
font-size: 11px;
font-family: Verdana, Helvetica, sans-serif;
}
.weitereInfoTitel{
font-weight:700;
}
/*
es gibt zwei Möglichkeiten Listen mit zwei Spalten zu erzeugen
1) mache zwei divs mit Klasse weitereInfoListe und mache jeweils
eine eigene ul darin
2) mache aus weitereInfoListe weitereInfoListeZweiSpalten mit nur einer ul drin
Vorteil der zweiten Lösung: Sie kann auch mit zu langen inhalten zweispaltig umgehen
*/
/*diese Klasse durch weitereInfoListeZweiSpalten ersetzten in html-Datei
um eine zweispaltige liste zu erzeugen in dem diese die ul umschließt*/
.weitereInfoListe{
float:left;
margin-right:50px;
min-width:118px;
}
.weitereInfoListeZweiSpalten{
}
.weitereInfo ul{
list-style-image:url(../images/doppelpfeil.gif);
margin:0px;
padding-top: 5px;
padding-left: 15px;
padding-right: 0px;
}
.weitereInfo li{
padding-left: 0px;
margin-left: 0px;
}
.weitereInfoListeZweiSpalten li{
/*width: 152px; dann sieht es so aus wie auf Vorlage !*/
width: 168px;
padding-left: 0px;
margin-left: 0px;
float: left;
}
.weitereInfo a, weitereInfoListeZweiSpalten a{
margin-left:-2px;
color:#333333;
}
.alleAnzeigen{
clear:both;
padding-left:15px;
padding-top: 5px;
padding-bottom: 3px;
}
/***************************************************************************
** Home Seite endet hier
***************************************************************************/
/***************************************************************************
** Übersichtsseite beginnt hier
***************************************************************************/
.containerContentUebersicht{
width:740px;
height:512px;
}
.sponsorsMiddleUebers{
position:relative;
padding-bottom:33px;
}
.sponsorsMiddleUebers img{
position:absolute;
right:0px;
}
.pfadUebers{
width:559px;
float:left;
padding-bottom:10px;
line-height: 12px;
color:red;
}
.pfadUebers a, .pfadUebers a:visited{
color:inherit;
}
/*ACHTUNG: Hier wurde eine "Tabelle" mit divs nachgebaut d.h. die gleiche Benennung der divs !!!*/
.containerContentUebersicht .table {
clear:both;
}
.containerContentUebersicht .table .thead{
color:#999999;
font-weight:700;
}
.containerContentUebersicht .table .thead .tr{
padding-bottom:8px;
margin-bottom:32px;/*37*/
border-bottom:1px solid #d1d1d1;
}
.containerContentUebersicht .table .thead a, .containerContentUebersicht .table .thead a:visited{
color:#999999;
text-decoration: underline;
}
.containerContentUebersicht .table .thead img{
margin-left:10px;
}
.containerContentUebersicht .tr{
height:20px;
font-size:11px;
color:#333333;
line-height:18px;
clear:both;
}
.containerContentUebersicht .tbody .tr:hover{
color:red;
}
.containerContentUebersicht .th{
float:left;
}
.containerContentUebersicht .td{
float:left;
}
.containerContentUebersicht .table .left{
width:288px;
}
.containerContentUebersicht .table .center{
width:288px;
}
.containerContentUebersicht .table .right{
width:164px;
}
/*
.containerContentUebersicht .collored{
background-color:white;
}
*/
.containerContentUebersicht .table .tbody{
color:#666666;
}
.containerContentUebersicht .table .tbody a, .containerContentUebersicht .table .tbody a:visited{
color:inherit;
}
.containerContentUebersicht .table .tbody a:hover{
color:red;
}
.bigHorizSpacer{
height:200px;
clear:both;
}
/***************************************************************************
** Übersichtsseite endet hier
***************************************************************************/
/***************************************************************************
** detail Seite beginnt hier
***************************************************************************/
.containerContentDetail{
width:760px;
color:#333333;/*747373*/
height:100%;
}
.containerContentDetail ul {
list-style: none;
list-style-image: url(/images/list-dot-std.gif);
margin-left: 8px;
padding-left: 5px;
margin-top: 0px;
margin-bottom: 1px;
}
.containerContentHead{
width:760px;
height:83px;
position:relative;
border-bottom: 1px solid #d1d1d1;
}
.pfadUndSubNaviDet{
color:#747373;/*747373*/
position: absolute;
bottom:10px;
}
.pfadDet{
width:559px;
float:left;
padding-bottom:15px;
line-height: 13px;
color:red;
}
.pfadDet a, .pfadDet a:visited{
color:inherit;
}
.subNaviDet{
}
.subNaviDet ul{
list-style: none;
padding: 0px;
margin: 0px;
display: inline;
}
.subNaviDet li{
padding: 0px;
margin: 0px;
display: inline;
color:#999999;
/*float: left;*/
}
.seperator{
padding-left:10px;
padding-right:10px;
font-size:10px;
vertical-align:text-top;
float: left;
}
.subNaviDet li a, .subNaviDet li a:visited{
color:#999999;
}
.subNaviDet li a:hover, .subNaviDet li a.active{
color:red;
}
.sponsorMiddleDet{
text-align:right;
position: absolute;
bottom:14px;/*14*/
right:0px;
}
.unterstuetztText{
padding-bottom:10px;
font-size: 10px;
font-family: Verdana, Helvetica, sans-serif;
line-height:10px;
color:#666666;
}
.sponsorMiddleDetImg{
height:49px;/*18*/
}
.containerContentDetail .content{
/*width:740px;width:740px;575*/
height:100%;
min-height:430px;
clear:both;
padding-right:20px;
padding-bottom:40px;
position:relative;
overflow:hidden;
}
.detHorizSpacer{
height:45px;
}
.detailContentHead{
padding-bottom:23px;
color:#333333;/*666666*/
}
.detailBilder{
/*height:1000px;*/
float:right;
width:165px;
padding-top:90px;/*padding-top:2px;*/
padding-left:50px;
}
.detailBilder img{
}
.imgUntertitel{
font-size: 9px;
font-family: Verdana,Helvetica,sans-serif;
color:#999999;
padding-top:5px;
padding-bottom:50px;
}
.thumbs{
height:22px;
position:absolute;
bottom:10px;
}
.thumbs a{
height:22px;
width:22px;
}
.thumbs img{
float:left;
padding-right:3px;
}
/***************************************************************************
** detail Seite endet hier
***************************************************************************/
/***************************************************************************
** Publikation Seite beginnt hier
***************************************************************************/
.publikWrapper{
}
.publikWrapper .image{
float:left;
padding-right:44px;
width:106px;
}
.publikWrapper .descr{
float:left;
width:585px;
}
.publikWrapper .title{
font-weight:700;
}
.hrLine{
height:25px;
border-bottom:1px solid #d1d1d1;
margin-bottom: 25px;
clear:both;
}
.middleHorizSpacer{
height:130px;
clear:both;
}
/***************************************************************************
** Publikation Seite endet hier
***************************************************************************/
/***************************************************************************
** Zusatzt François
**************************************************************************/
.navRes{
margin-top:15px;
padding-top:10px;
border-top:1px solid #D1D1D1;
color: #a7a9ac;
}
.navRes a, .navRes a:visited{
color: #a7a9ac;
}
.navRes .active{
color: red;
}
.pages{
float:left;
width:230px;
}
.blaettern{
float:left;
width:255px;/*455*/
}
.anzahl{
text-align:right;
}
.re a,a:hover,.re a:active,.re a:visited{
/*color:#747373;*/
color:#333333;/*999999*/
}
.re { height:100%;color:#333333;width:525px;}/*999999*/
.re ul {
list-style: none;
list-style-image: url(/images/list-dot-std.gif);
margin-left: 8px;
padding-left: 5px;
margin-top: 0px;
margin-bottom: 1px;
}
.re li {
}
.gale { width:740px;}
.bl a,.bl a:visited{color:#999999;}
.bl a:active,.bl a:hover{color:#FF0000;}
.clear {
height: 1px;
overflow: hidden;
clear: both;
}
#resFokus{color:#333333;}