/*  Nicholas Schaffner, Stand 19. Oktober 2007 */

/* protokoll */
/* 19.8.2015: Test werbebanner links einbau */
/* 21.8.2015: Definitiver einbau werbebanner links */
/* 12.10.2016: Umbau auf neues Layout */

/*  XXXXXXXXXXXXXX                 Abteilung Gesamt             XXXXXXXXXXXXXXXXXX  */
html { height: 100%; }

body {
background-color: #ff0000;
font-family: Verdana, sans-serif;
font-size: 12px;
color: #000000;
height: 100%;
}

img {
border: 0px;

}

a.img {
border: 0px;
}

li {
list-style: none;
padding-left: 0;
margin-left: 0;
}

td {
vertical-align: top;
padding: 5px;
}

/* link styles im div cont */

a.cont:link {
color: #000000;
}
a.cont:hover {
color: #ff0000;
}
a.cont:active {
color: #ff0000;
}
a.cont:visited {
color: #ff0000;
}

/* XXXXXXXXXXXXXXXXXXXXXX    LINKFORMATE    XXXXXXXXXXXXXXXXX */

/* navigation */

/* linkstyles artikel navileiste */

a.arti2on {
text-indent: 30px;
display: block;
height: 17px;
width: 240px;
background-color: #a6a6a6;
color: #000000;
font-size: 12px;
text-decoration: none;
}

a.arti2:link {
text-indent: 30px;
display: block;
height: 17px;
width: 240px;
background-color: #ffffff;
color: #000000;
font-size: 12px;
text-decoration: none;
}


a.arti2:hover {
background-color: #a6a6a6;
}

a.arti2:active {
background-color: #ffffff;
}
a.arti2:visited {
text-indent: 30px;
display:block;
height: 17px;
width: 240px;
background-color: #ffffff;
color: #000000;
font-size: 12px;
text-decoration: none;
}


/* linkstyles rubriken erster ordnung navileiste */

a.rub2on {
padding-left: 30px;
background-image: url(wuerfel/a_link_rot_15.jpg);
background-position: left;
background-repeat: no-repeat;
height: 22px;
width: 240px;
color: #000000;
font-size: 13pt;
text-decoration: none;
}

a.rub2:link{
padding-left: 30px;
background-image: url(wuerfel/a_link_grau_15.jpg);
background-position: left;
background-repeat: no-repeat;
height: 22px;
width: 240px;
color: #000000;
font-size: 13pt;
text-decoration: none;
}

a.rub2:hover {
background-image: url(wuerfel/a_link_rot_15.jpg);
}

a.rub2:active {
background-image: url(wuerfel/a_link_rot_15.jpg);
}

a.rub2:visited {
background-image: url(wuerfel/a_link_rot_15.jpg);
background-position: left;
background-repeat: no-repeat;
height: 22px;
width: 240px;
color: #000000;
font-size: 13pt;
text-decoration: none;
}


/* ________________   Formatierung der Videolinks __________________ */

a.video:link {
display: block;
padding-right: 0px;
background-position: right;
width: 250px;
color: #000000;
font-size: 10pt;
text-decoration: none;
}


a.video:hover {

}

a.video:active {
}

a.video:visited {
text-indent: 10px;
display: block;
background-image: url(a_link.jpeg);
background-position: right;
width: 150px;
color: #000000;
font-size: 10pt;
text-decoration: none;
}


/*   ----------         Formatierungen des Sprachwechsels auf Home ---------------  */
/* ÑÑÑÑÑÑ           Das sind die vier SprŸche oben rechts ÑÑÑÑÑÑ */

/* formatierung der liste */

#sprachwechsel li {
display: block; 
height: 25px;
color: #000000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-align: right;
}

/* formatierung der listenplätze plus wechsel */

#sprachwechsel a:link{
padding-right: 30px;
background-image: url(wuerfel/a_link_grau_15.jpg);
background-position: right;
background-repeat: no-repeat;
color: #000000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#sprachwechsel a:hover {
background-image: url(wuerfel/a_link_rot_15.jpg);
color: #000000;
}
#sprachwechsel a:active {
background-image: url(wuerfel/a_link_rot_15.jpg);
color: #000000;
}
#sprachwechsel a:visited{
background-image: url(wuerfel/a_link_grau_15.jpeg);
color: #000000;
}


/* ÑÑÑÑÑÑÑÑÑÑÑ                      Gesamtrahmen  ÑÑÑÑÑÑÑ    */

/*   wwwwwwwwwwwwww           spalte fŸr videos/diashows wwwwwwwwwwwww     */


.videoklozz {
display: block;
vertical-align: top;
height: 230px;
width: 180px;
text-decoration: none;
color: #000000;
}


.videoklozz a:link {
height: 250px;
width: 180px;
text-decoration: none;
color: #000000;
}

.videoklozz a:hover {
height: 250px;
width: 180px;
text-decoration: none;
color: #000000;
}

.videoklozz a:active {
height: 250px;
width: 180px;
text-decoration: none;
color: #000000;
}
.videoklozz a:visited {
height: 250px;
width: 180px;
text-decoration: none;
color: #000000;
}



/* ______________       ende spalte videos diashows ______________   */

/* ende links jetzt folgen div formatierungen */

#wrapper{
margin: 0 auto 0 auto;
width: 1300px;
}

#outer {
float: left;
width: 1000px;
height: 100%;
min-height: 2500px;
background-color: #fefefe;
}


#werber_links {
float: left;
margin-right: 30px;
margin-top: 30px;
width: 120px;
}


#werber_rechts {
float: right;
margin-left: 30px;
margin-top: 30px;
width: 120px;
}

/*  XXXXXXXXXXXXXX                 Abteilung Headers             XXXXXXXXXXXXXXXXXX  */


/* header container */


#kopf {
display: block;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
width: 940px;
height: 150px;
}

/* hier ist das logo drin */

#logo {
float:left;
width: 570px;
height: 100px;
}

@media handheld { #haendi
{ display: block; }}
@media screen { #haendi
{ display: none; }}

/* container im hdr1 oben rechts: Sprachwechsel, nur bei home */
/* für detailformate siehe oben bei links */

#sprachwechsel {
float: right;
width: 340px;
height: 100px;
padding-top: 5px;
}

/* bild oben rechts, nicht bei home */
 
#bilderoben {
float: right;
width: 340px;
height: 100px;
text-align: right;
align: bottom;
}

<!-- ende header sektion -->

/* navigation positionierung box mit den links */

#container {
display: block;
width: 1000px;
}

#navi {
float: left;
padding-left: 30px;
width: 200px;
height: 100px;
}

/* header für die drei dicken wuerfel */

#wuerfel {
float: right;
width: 630px;
padding-left: 30px;
padding-right: 30px;
height: 180px;
}

/* erster würfel - hier sind die vier aktuellen titel drin */
#w1 {
float: left;
width: 180px;
height: 180px;
margin-right:45px;
background-color: #a6a6a6;
}

/* formatierungen artikellisten-seite */


.artfoto {
float: left;
width:190px;
height: 210px;
}

.arttext {
float: right;
width:400px;
height: 210px;
}

.artlistenpunkt {
display: block;
vertical-align: bottom;
height: 210px;
}

.artlistenedito {
display: block;
vertical-align: bottom;
}
.artfotoedito {
float: left;
width:190px;
}

.arttextedito {
float: right;
width:400px;
}
.leer{
clear: both;
}



/*  XXXXXXXXXXXXXX                 Abteilung Content             XXXXXXXXXXXXXXXXXX  */


/* formatierung content */

#cont {
float: right;
display: block;
width: 630px;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
vertical-align: top;
line-height: 1.8;
}
 
 /* von nic 22.9.2008, abschnitts und bildformatierung im content */
 
#cont p {
 margin-bottom: 10px;
 margin-top: 10px;
 }
 
#cont h2 {
 color: rgb(153, 102, 51);
}

.titre {
font-weight: bold;
font-size: 14px;
padding-bottom: 20px;
}

.chapo {
font-weight: bold;
padding-bottom: 10px;
line-height: 1.8;
}

/* mach, dass abschnitte einen untern rand haben */
#cont .spip{
margin-bottom:10px;
}

/* bildtitel unter bildern */
#cont .spip_doc_titre { 
font-weight: bold; 
font-size: 0.8em; 
margin-left: auto; 
margin-right: auto; 
}

/* format bildlegenden */
#cont .spip_doc_descriptif { 
clear: both; 
font-size: 0.8em; 
margin-left: auto; 
margin-right: auto; 
}




/* XXXXXXXXXXXXXX                       Spezial Formatierungen       XXXXXXXXXXXXXXXXXXXX */

/* XXXXXXXXXXXXXX                Homepage               XXXXXXXXXXXXXXXXXXX  */

#moz_home {
line-height: 1;
position: absolute;
width: 150px;
height: 150px;
top: 150px;
left:152px;
}

/* bild der aktuellen Ausgabe mit link pdf */

#home_bild_aktuell {
float: left;
width: 200px;
}


/* formatierung 3 wuerfel würfel links aktueller titel */


/* formatierung rote box aktueller titel */

/* div w1 innenabstand von oben */

#aktueller_titel_de {
margin-top: 20px;
}

/* liste innerhalb der box w1 */

#aktueller_titel_de li {
display: block;
height: 40px;
text-align: left;
font-weight: bold;
font-size: 18px;
line-height: 1.3;
margin-left: 15px;
}

a.titlinkon {
width: 200px;
padding-left:20px;
background-position: left;
background-repeat: no-repeat;
background-image: url(wuerfel/a_link_rot_15.jpg);
color: white;
text-decoration: none;
}


a.titlink:link {
width: 200px;
padding-left:20px;
background-position: left;
background-repeat: no-repeat;
background-image: url(wuerfel/a_link_wys_15.jpg);
color: white;
text-decoration: none;
}

a.titlink:hover {
background-image: url(wuerfel/a_link_rot_15.jpg);
color: red;
text-decoration: none;
}

a.titlink:active {
background-image: url(wuerfel/a_link_wys_15.jpg);
color: white;
text-decoration: none;
}

a.titlink:visited {
background-image: url(wuerfel/a_link_wys_15.jpg);
color: white;
text-decoration: none;
}



/* link innerhalb der box w2 */

/* mittlerer würfel - heute abt. */
 
#w2linkein {
display: block;
float: left;
width: 180px;
height: 150px;
text-indent: 20px;
text-align: left;
font-weight: bold;
font-size: 18px;
color: white;
text-decoration: none;
padding-top: 30px;
background-color: #ff0000;;
}

#w2link a:link {
display: block;
float: left;
width: 180px;
height: 150px;
text-indent: 20px;
text-align: left;
font-weight: bold;
font-size: 18px;
color: white;
text-decoration: none;
padding-top: 30px;
background-color: #a6a6a6;;
}

#w2link a:hover {
background-color: #ff0000;
color: white;
}

#w2link a:active {
background-color: #ff0000;
color: white;
}

#w2link a:visited {
/* background-color: #a6a6a6; */
color: white;
}


/* box w3 linksteuerung */

#w3linkein {
display: block;
float: right;
width: 180px;
height: 150px;
text-indent: 20px;
text-align: left;
font-weight: bold;
font-size: 18px;
color: white;
text-decoration: none;
padding-top: 30px;
background-color: #ff0000;
}

#w3link a:link {
float: right;
display: block;
width: 180px;
height: 150px;
text-indent: 20px;
text-align: left;
font-weight: bold;
font-size: 18px;
color: white;
text-decoration: none;
padding-top: 30px;
background-color: #a6a6a6;
}

#w3link a:hover {
background-color: #ff0000;
color: white;
}

#w3link a:active {
background-color: #ff0000;
color: white;
}

#w3link a:visited {
/* background-color: #a6a6a6; */
color: white;
}



/*  XXXXXXXXXXXXXXXXXXXXX            K A L E N D E R            XXXXXXXXXXXXXXXXXXXXXX   */

/* struktur: container legt position fest, alle anderen elemente sind relativ dazu */

.logolinks
{
position:absolute;
top: 100px;
left: 400px;
}

.container_kalender
{
float: right;
width: 400px;
height: 1200px;
}

.veranst_obertitel
{
position: relative;
/* top: 100px; */
font-weight: bold;
font-size: 16px;
line-height: 1.3;
}

.veranst_start
{
font-weight: bold;
font-size: 14px;
line-height: 1.3;
}

.veranst_titel
{
font-weight: bold;
font-size: 12px;
}

.veranst_home_sp
{
position: relative;
background-color: #dddddd;
width: 300px;
}

.veranst
{
font-size: 12px;
}

.veranst_det
{
font-size: 12px;
}



/*      XXXXXXXXXXXXXXXXXXX */ /* google suche formatierungen */ /* XXXXXXXXXXXXXXXXXX */

/* google - suche gesamtfeld */

#suche {
width: 150px;
text-align: left;
font-size: 8pt;
margin-bottom: 20px;
/* outline: #00ff00 dotted 1px; */
}
/* positionierung des logos von google */
#suchelogo {
float: left;
text-align: left;
width: 60px;
height: 20px;
padding-top: 5px;
padding-left: 5px;
/* outline: #000000 dotted 1px; */
}
/* positionierung des knopfes mit aufschrift suche */
#sucheknop {
text-align: right;
padding-top: 3px;
float: right;
width: 80px;
height: 20px;
/* outline: #000000 dotted 1px; */
}