/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
content.css / SP-CH-2007
(Alle uebergreifenden Formatierungen fuer den Content-Bereich)
Version:        2007-02-21 HTML-E
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* Setzen der Hintergrundfarbe Weiss in einen extra-DIV
==================================================================================== */
#contentMain #contentCanvas {
margin-bottom: 20px;
padding: 5px 0 1px 0;
background: #fff;
}

/* beinhaltete Floats clearen - just in case ... */
#contentMain #contentCanvas:after {
content: ".";
display:block;
height:0;
clear: both;
visibility: hidden;
}

/* !!! Schriftformatierungen - fuer Content-Seiten und - soweit uebereinstimmend - fuer die Startseite !!!
==================================================================================== */

/* Ueberschriften
==================================================================================== */
/* #contentMain  */h2 {
margin: 0 13px 0 10px;
padding: 7px 24px 7px 0;
font-size:150%;
}

/* #contentMain  */#contentCanvas h2 {
margin: 0 10px 14px 10px;
}

/* h2-Ueberschrift Klasse "bereichsLink" für Links zu weiteren Bereichen
==================================================================================== */
h2.bereichsLink {
margin-bottom: 5px;
font-size:120%;
line-height: 180%;
text-transform:uppercase;
font-weight:bold;
}

h2.bereichsLink a,
h2.bereichsLink a:link,
h2.bereichsLink a:visited {
display: block;
padding: 0 0 4px 30px;
text-decoration:none;
color:#E2001A;
background: transparent url(../images/pfeil_rot_transp_up.png) top left no-repeat;
}

h2.bereichsLink a:hover,
h2.bereichsLink a:active,
h2.bereichsLink a:focus {
text-decoration:underline;
background: transparent url(../images/pfeil_rot_transp_hover.png) top left no-repeat;
}

/* Links in Ueberschriften
==================================================================================== */
#contentMain h2 a,
#contentMain h2 a:link,
#contentMain h2 a:visited,
#contentMain h3 a,
#contentMain h3 a:link,
#contentMain h3 a:visited,
#startMain .blogTeaser h3 a,
#startMain .blogTeaser h3 a:link,
#startMain .blogTeaser h3 a:visited,
#blogMain #contentCanvas .postTeaser h3 a,
#blogMain #contentCanvas .postTeaser h3 a:link,
#blogMain #contentCanvas .postTeaser h3 a:visited,
#blogMain #contentCanvas #postSingle h3 a,
#blogMain #contentCanvas #postSingle h3 a:link,
#blogMain #contentCanvas #postSingle h3 a:visited,
#startMain .blogTeaser h4 a,
#startMain .blogTeaser h4 a:link,
#startMain .blogTeaser h4 a:visited,
#blogMain #contentCanvas .postTeaser h4 a,
#blogMain #contentCanvas .postTeaser h4 a:link,
#blogMain #contentCanvas .postTeaser h4 a:visited,
#blogMain #contentCanvas .postComment h4 a,
#blogMain #contentCanvas .postComment h4 a:link,
#blogMain #contentCanvas .postComment h4 a:visited {
font-weight: bold;
text-decoration:none;
color:#000;
}

#contentMain h2 a:hover,
#contentMain h2 a:active,
#contentMain h2 a:focus,
#contentMain h3 a:hover,
#contentMain h3 a:active,
#contentMain h3 a:focus,
#startMain .blogTeaser h3 a:hover,
#startMain .blogTeaser h3 a:active,
#startMain .blogTeaser h3 a:focus,
#blogMain #contentCanvas .postTeaser h3 a:hover,
#blogMain #contentCanvas .postTeaser h3 a:active,
#blogMain #contentCanvas .postTeaser h3 a:focus,
#blogMain #contentCanvas #postSingle h3 a:hover,
#blogMain #contentCanvas #postSingle h3 a:active,
#blogMain #contentCanvas #postSingle h3 a:focus,
#startMain .blogTeaser h4 a:hover,
#startMain .blogTeaser h4 a:active,
#startMain .blogTeaser h4 a:focus,
#blogMain #contentCanvas .postTeaser h4 a:hover,
#blogMain #contentCanvas .postTeaser h4 a:active,
#blogMain #contentCanvas .postTeaser h4 a:focus,
#blogMain #contentCanvas .postComment h4 a:hover,
#blogMain #contentCanvas .postComment h4 a:active,
#blogMain #contentCanvas .postComment h4 a:focus {
text-decoration:underline;
}

/* h3, h4, h5 in diversen Formen
==================================================================================== */

#startMain .blogTeaser h3,
#contentMain #contentCanvas h3,
#contentMain #contentCanvas h4,
#blogMain #contentCanvas .postTeaser h3 {
margin: 0 10px;
font-size: 130%;
line-height: 140%;
}

#startMain .blogTeaser h3 {
padding-top: 5px;
}

#startMain .blogTeaser h4,
#contentMain #contentCanvas h4,
#blogMain #contentCanvas .postTeaser h4,
#blogMain #contentCanvas #postSingle h3 {
margin: 2px 10px 10px 10px;
font-size:120%;
line-height: 130%;
}

#contentMain #contentCanvas h5 {
margin: 0 10px 0 10px;
font-size: 110%;
}

/* andere Farbe fuer Link in Blog-h4 */
#blogMain #contentCanvas #postSingle h3 a.category,
#blogMain #contentCanvas #postSingle h3 a.category:link,
#blogMain #contentCanvas #postSingle h3 a.category:visited {
color: #D2021A
}

/* Paragraphen
==================================================================================== */
#contentMain p, #contentAdditional p {
margin: 0 10px 18px 10px;
font-size:120%;
line-height:160%;
}

/* Datumsangabe */
#contentMain #contentCanvas p.date {
margin-bottom: 7px;
font-weight: bold;
}

/* Anfrage-Kommentarfeld - "Ihre Suche ergab [...]" */
#contentMain #contentCanvas p.queryComment {
margin-bottom: 20px;
padding: 5px 15px 5px 15px;
background: #ededed;
}

/* Ungeordnete Liste im Hauptinhaltsbereich
==================================================================================== */
#contentMain #contentCanvas ul {
margin: 0 10px 18px 8px;
padding: 0 0 0 20px;
list-style: url(../images/bullet_2_normal_dkgrey_transp.gif) outside;
font-size:120%;
}

#contentMain #contentCanvas ul li {
padding: 0 10px 0 2px;
line-height:140%;
}

#contentMain #contentCanvas ul li p {
font-size:100%;
}

/* Geordnete Liste im Inhaltsbereich
==================================================================================== */
#contentMain #contentCanvas ol {
margin: 0 10px 18px 35px;
padding: 0 0 0 0;
font-size:120%;
}

#contentMain #contentCanvas ol li {
padding: 0 10px 0 0;
line-height:140%;
}

/* Verschachtelte Listen im Inhaltsbereich
==================================================================================== */
#contentMain #contentCanvas ul ul,
#contentMain #contentCanvas ol ol,
#contentMain #contentCanvas ul ol,
#contentMain #contentCanvas ol ul {
margin: 0 10px 0 27px;
font-size:100%;
}

#contentMain #contentCanvas ul ul,
#contentMain #contentCanvas ol ul {
margin-left: -3px;
}

/* !!! Spezial-Liste "Sitemap" !!!
==================================================================================== */
/* Listen auf allen Ebenen */
#contentMain #contentCanvas ul#sitemap,
#contentMain #contentCanvas ul#sitemap ul {
margin: 0 10px 0 0;
padding: 0 0 0 10px;
list-style: none;
list-style-image: none;
font-size:130%;
}

/* Liste der 2. (und 3.) Ebene */
#contentMain #contentCanvas ul#sitemap ul {
margin: 10px 10px -5px 25px;
padding: 0;
font-size:100%;
}

/* Liste der 3. Ebene */
#contentMain #contentCanvas ul#sitemap ul ul {
margin-bottom: 5px;
}

/* Listenpunkte der 1. Ebene */
#contentMain #contentCanvas ul#sitemap li {
margin-bottom: 20px;
padding: 0 10px 0 0;
line-height:160%;
}

/* Links in Listenpunkten der 1. Ebene */
#contentMain #contentCanvas ul#sitemap li a,
#contentMain #contentCanvas ul#sitemap li a:link,
#contentMain #contentCanvas ul#sitemap li a:visited {
display: block;
margin-left: 0;
padding: 0 0 4px 30px;
font-size: 110%;
font-weight: bold;
text-decoration: none;
color: #000;
background: transparent url(../images/pfeil_rot_transp_up.png) top left no-repeat;
}

#contentMain #contentCanvas ul#sitemap li a:hover,
#contentMain #contentCanvas ul#sitemap li a:active,
#contentMain #contentCanvas ul#sitemap li a:focus {
text-decoration: underline;
}

/* Listenpunkte der 2. Ebene */
#contentMain #contentCanvas ul#sitemap li li {
margin-bottom: 10px;
padding: 0 10px 0 0;
line-height:140%;
}

/* Links in Listenpunkten der 2. Ebene */
#contentMain #contentCanvas ul#sitemap li li a,
#contentMain #contentCanvas ul#sitemap li li a:link,
#contentMain #contentCanvas ul#sitemap li li a:visited {
display: block;
margin-left: 0;
padding: 0 0 4px 30px;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
color: #D2021A;
background: transparent url(../images/pfeil_5_normal_rot_transp.gif) top left no-repeat;
}

#contentMain #contentCanvas ul#sitemap li li a:hover,
#contentMain #contentCanvas ul#sitemap li li a:active,
#contentMain #contentCanvas ul#sitemap li li a:focus {
text-decoration: underline;
}

/* Spezial-Liste fuer "Service"-Links */
#contentMain #contentCanvas ul#services ul,
#contentMain #contentCanvas ul#services {
margin:-10px 0 18px 10px;
list-style:none;
font-size:130%;
}

#contentMain #contentCanvas ul#services li {
margin-bottom: 2px;
padding: 0 10px 0 0;
line-height:120%;
}

#contentMain #contentCanvas ul#services li a,
#contentMain #contentCanvas ul#services li a:link,
#contentMain #contentCanvas ul#services li a:visited {
display: block;
margin-left: 5px;
padding: 0 0 4px 25px;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
color: #000;
background: transparent;
}

#contentMain #contentCanvas ul#services li a:hover,
#contentMain #contentCanvas ul#services li a:active,
#contentMain #contentCanvas ul#services li a:focus {
text-decoration: underline;
background: transparent url(../images/bullet_3_rollover_schwarz_transp.gif) 0 3px no-repeat;
}

/* Listenpunkte der 3. Ebene */
#contentMain #contentCanvas ul#sitemap li li li {
margin-bottom: 5px;
padding: 0 10px 0 0;
line-height:100%;
}

/* Links in Listenpunkten der 3. Ebene */
#contentMain #contentCanvas ul#sitemap li li li a,
#contentMain #contentCanvas ul#sitemap li li li a:link,
#contentMain #contentCanvas ul#sitemap li li li a:visited {
margin-left: 5px;
padding: 0 0 4px 25px;
font-size: 90%;
text-transform: none;
color: #585858;
background: transparent;
}

#contentMain #contentCanvas ul#sitemap li li li a:hover,
#contentMain #contentCanvas ul#sitemap li li li a:active,
#contentMain #contentCanvas ul#sitemap li li li a:focus {
text-decoration: underline;
background: transparent url(../images/bullet_1_rollover_dkgrau_transp.gif) 0 2px no-repeat;
}

/* Definitionslisten im Hauptinhaltsbereich
==================================================================================== */
#contentMain #contentCanvas dl {
margin: 0 10px 18px 10px;
font-size:120%;
}

#contentMain #contentCanvas dt {
font-weight: bold;
}

#contentMain #contentCanvas dd {
padding: 2px 0;
}

/* Text-Links im Fliesstext
==================================================================================== */
#contentMain #contentCanvas p a,
#contentMain #contentCanvas ul a,
#contentMain #contentCanvas p a:link,
#contentMain #contentCanvas dd a,
#contentMain #contentCanvas dd a:link {
font-weight: bold;
color: #d2021a;
background: transparent;
text-decoration: none;
}

#contentMain #contentCanvas p a:visited,
#contentMain #contentCanvas ul a:visited,
#contentMain #contentCanvas dd a:visited {
color: #4b4b4b;
}

#contentMain #contentCanvas ul a:hover,
#contentMain #contentCanvas ul a:active,
#contentMain #contentCanvas ul a:focus,
#contentMain #contentCanvas p a:hover,
#contentMain #contentCanvas p a:active,
#contentMain #contentCanvas p a:focus,
#contentMain #contentCanvas dd a:hover,
#contentMain #contentCanvas dd a:active,
#contentMain #contentCanvas dd a:focus {
color: #d2021a;
text-decoration: underline;
}

/* Service-Links im Haupt-Content; derzeit "Artikel weiterempfehlen" und "PDF generieren"
==================================================================================== */
#contentMain #contentCanvas p.mailEmpfehlung, #contentMain #contentCanvas p.pdfErstellung {
margin: 0 10px 10px 0;
text-align: right;
text-transform: uppercase;
line-height: 160%;
}

#contentMain #contentCanvas p.mailEmpfehlung a, #contentMain #contentCanvas p.pdfErstellung a,
#contentMain #contentCanvas p.mailEmpfehlung a:link, #contentMain #contentCanvas p.pdfErstellung a:link,
#contentMain #contentCanvas p.mailEmpfehlung a:visited, #contentMain #contentCanvas p.pdfErstellung a:visited {
padding: 4px 30px 4px 0;
color: #585858;
background: transparent url(../images/icon_empfehlen_normal_grau_weiss.gif) center right no-repeat;
}

#contentMain #contentCanvas p.mailEmpfehlung a:hover, #contentMain #contentCanvas p.pdfErstellung a:hover,
#contentMain #contentCanvas p.mailEmpfehlung a:active, #contentMain #contentCanvas p.pdfErstellung a:active,
#contentMain #contentCanvas p.mailEmpfehlung a:focus, #contentMain #contentCanvas p.pdfErstellung a:focus {
background: transparent url(../images/icon_empfehlen_rollover_weiss_weiss.gif) center right no-repeat;
}

#contentMain #contentCanvas p.pdfErstellung a,
#contentMain #contentCanvas p.pdfErstellung a:link,
#contentMain #contentCanvas p.pdfErstellung a:visited {
background: transparent url(../images/icon_pdf_normal_grau_weiss.gif) center right no-repeat;
}

#contentMain #contentCanvas p.pdfErstellung a:hover,
#contentMain #contentCanvas p.pdfErstellung a:active,
#contentMain #contentCanvas p.pdfErstellung a:focus {
background: transparent url(../images/icon_pdf_rollover_weiss_weiss.gif) center right no-repeat;
}

/* !!! Daten-Tabellen im Haupt-Content !!!
==================================================================================== */
#contentMain #contentCanvas table {
border-collapse: separate;
empty-cells: show;
text-align: left;
vertical-align: bottom;
/*font-size: 120%;
line-height: 140%;  */
color: #000;
background: transparent;
margin: 0px 0px 5px 0px;
}

#contentMain #contentCanvas table p {

margin: 0px 0px 0px 8px;
}

#contentMain #contentCanvas table caption {
margin: 0 10px 0 8px;
/* padding: 0 0 5px 2px;*/
text-align: left;
font-size: 120%;
font-weight: bold;
}

#contentMain #contentCanvas table th,
#contentMain #contentCanvas table td {
margin: 0;
padding: 2px 0px 2px 0px;
vertical-align: top;
}

#contentMain #contentCanvas table td {
/*background: #ededed;*/
}

#contentMain #contentCanvas table colgroup.headCol,
#contentMain #contentCanvas table tr.headRow td,
#contentMain #contentCanvas table th {
font-weight: bold;
/*background: #dcdcdc; */
}



/* !!! "Material"-Box im Haupt-Content und Links darin als DL !!!
==================================================================================== */
#contentMain #contentCanvas dl.material {
margin: 10px 10px 10px 10px;
padding: 6px 0 1px 0;
font-size: 130%;
color: #585858;
background: #ededed;
}

#contentMain #contentCanvas dl.material dt,
#contentMain #contentCanvas dl.material dd {
margin: 0 10px;
}

#contentMain #contentCanvas dl.material dt {
padding: 0 0 10px 0;
text-transform: uppercase;
}

#contentMain #contentCanvas dl.material a,
#contentMain #contentCanvas dl.material a:link,
#contentMain #contentCanvas dl.material a:visited {
display: block;
margin: 0 0 5px 0;
padding: 0 0 6px 25px;
font-weight: bold;
line-height: 120%;
color: #E2001A;
text-decoration: none;
/* background: transparent url(../images/icon_materialpdf_normal_rot_transp.gif) top left no-repeat; */
}

#contentMain #contentCanvas dl.material a:hover,
#contentMain #contentCanvas dl.material a:active,
#contentMain #contentCanvas dl.material a:focus {
text-decoration: underline;
}

#contentMain #contentCanvas dl.material a.typPDF,
#contentMain #contentCanvas dl.material a.typPDF:link,
#contentMain #contentCanvas dl.material a.typPDF:visited {
background: transparent url(../images/icon_materialpdf_normal_rot_transp.gif) top left no-repeat;
}

#contentMain #contentCanvas dl.material a.typMail,
#contentMain #contentCanvas dl.material a.typMail:link,
#contentMain #contentCanvas dl.material a.typMail:visited {
background: transparent url(../images/icon_material_email_rot_grau.gif) top left no-repeat;
}

#contentMain #contentCanvas dl.material a.typWebseite,
#contentMain #contentCanvas dl.material a.typWebseite:link,
#contentMain #contentCanvas dl.material a.typWebseite:visited {
background: transparent url(../images/icon_link_materialbox.gif) 0 3px no-repeat;
}

#contentMain #contentCanvas dl.material a.typVideo,
#contentMain #contentCanvas dl.material a.typVideo:link,
#contentMain #contentCanvas dl.material a.typVideo:visited {
background: transparent url(../images/icon_video_materialbox.gif) 0 3px no-repeat;
}



/* Positionierung von Fotos/Grafiken im Hauptcontent
==================================================================================== */
img.bildLinks {
float: left;
margin: 5px 14px 14px -10px;
}
img.bildRechts {
float: right;
margin: 5px -10px 14px 14px;
}

/* Ueberschrift fuer auf sie folgende Bereiche
==================================================================================== */
#contentMain h2.bereich, #contentAdditional h2.bereich {
margin: 0;
padding: 8px 0 8px 10px;
font-size:130%;
font-weight: bold;
text-transform: uppercase;
color: #585858;
background: #c6ced5;
}

/* Zweispaltige Link-Liste = derzeit benutzt als Monats-Links im Presse-Archiv und gleichartige/ueberschreibende Anweisungen fuer eine weitere *einspaltige* Liste (Kantonwahl)
==================================================================================== */
#contentMain #contentCanvas ul.oneColLinkList,
#contentMain #contentCanvas ul.twoColLinkList {
margin: 0 10px 10px 10px;
padding: 0;
width: 360px;
list-style-type: none;
list-style-image: none;
}

#contentMain #contentCanvas ul.oneColLinkList {
width: auto;
}

/* beinhaltete Floats clearen */
#contentMain #contentCanvas ul.twoColLinkList:after {
content: ".";
display:block;
height:0;
clear: both;
visibility: hidden;
}

#contentMain #contentCanvas ul.twoColLinkList li {
width: 160px;
float: left;
clear: left;
margin: 0 0 7px 0;
}

#contentMain #contentCanvas ul.twoColLinkList li.secCol {
float: none;
clear: right;
margin-left: 10px;
}

#contentMain #contentCanvas ul.oneColLinkList li a,
#contentMain #contentCanvas ul.oneColLinkList li a:link,
#contentMain #contentCanvas ul.oneColLinkList li a:visited,
#contentMain #contentCanvas ul.oneColLinkList li strong,
#contentMain #contentCanvas ul.twoColLinkList li a,
#contentMain #contentCanvas ul.twoColLinkList li a:link,
#contentMain #contentCanvas ul.twoColLinkList li a:visited,
#contentMain #contentCanvas ul.twoColLinkList li strong {
display: block;
margin-left: 0;
padding: 1px 0 4px 30px;
font-size: 110%;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
color: #D2021A;
background: transparent url(../images/pfeil_5_normal_rot_transp.gif) top left no-repeat;
}

#contentMain #contentCanvas ul.oneColLinkList li a:hover,
#contentMain #contentCanvas ul.oneColLinkList li a:active,
#contentMain #contentCanvas ul.oneColLinkList li a:focus,
#contentMain #contentCanvas ul.oneColLinkList li strong,
#contentMain #contentCanvas ul.twoColLinkList li a:hover,
#contentMain #contentCanvas ul.twoColLinkList li a:active,
#contentMain #contentCanvas ul.twoColLinkList li a:focus,
#contentMain #contentCanvas ul.twoColLinkList li strong {
text-decoration: underline;
background: transparent url(../images/pfeil_5_rollover_weiss_rot_transp.gif) top left no-repeat;
}

#contentMain #contentCanvas ul.oneColLinkList li a,
#contentMain #contentCanvas ul.oneColLinkList li a:link,
#contentMain #contentCanvas ul.oneColLinkList li a:visited {
display: inline;
text-transform: none;
line-height: 200%;
}

/* #contentMain #contentCanvas ul.oneColLinkList li strong,
#contentMain #contentCanvas ul.twoColLinkList li strong {
text-decoration: none;
} */


/* Liste fuer Kurzfassungen der Pressemitteilungen,Suchergebnisse u.ae. und enthaltene Formatierungen, Liste fuer Video-Download
==================================================================================== */
#contentMain #contentCanvas ul.itemLinkList, #contentMain #contentCanvas ul.videoLinkList {
margin: 0 10px 0 -20px;
list-style: none outside none;
}

#contentMain #contentCanvas ul.videoLinkList {
margin-bottom: 10px;
}

#contentMain #contentCanvas ul.itemLinkList li {
margin: 0 -10px 16px 0;
}

#contentMain #contentCanvas ul.videoLinkList li {
margin: 0 10px 0 0;
padding: 0;
}

/* Klickbare Ueberschrift */
#contentMain #contentCanvas ul.itemLinkList li h3 a,
#contentMain  #contentCanvas ul.itemLinkList li h3 a:link,
#contentMain  #contentCanvas ul.itemLinkList li h3 a:visited {
display: block;
margin: 0;
padding: 3px 0 3px 30px;
font-size: 90%;
line-height: 120%;
font-weight: bold;
text-decoration: none;
color: #000;
background: transparent url(../images/pfeil_rot_transp_up.png) 0 2px no-repeat;
}

#contentMain #contentCanvas ul.itemLinkList li h3 a:hover,
#contentMain #contentCanvas ul.itemLinkList li h3 a:active,
#contentMain #contentCanvas ul.itemLinkList li h3 a:focus {
text-decoration: underline;
background: transparent url(../images/pfeil_rot_transp_hover.png) 0 2px no-repeat;
}

#contentMain #contentCanvas ul.itemLinkList li h3 a span.date,
#contentMain #contentCanvas ul.itemLinkList li h3 a:link span.date,
#contentMain  #contentCanvas ul.itemLinkList li h3 a:visited span.date {font-size: 90%;}

/* Grafik in der Ueberschrift, z.B. PDF-Icon; margin, padding und background-Trixerei fuer "keinen Unterstrich" bei Hover */
#contentMain #contentCanvas ul.itemLinkList li h3 a img {
display: inline;
vertical-align: bottom;
margin-top: -1px;
padding: 0 5px 1px 0;
background: #fff;
}

/* Fließtext in den Teasern */
#contentMain #contentCanvas ul.itemLinkList li p {
margin: -2px 0 0 40px;
font-size:100%;
line-height:150%;
}

/* Links mit Icons auf Video-Seite */
#contentMain #contentCanvas ul.videoLinkList li p {
margin: 0 10px;
}

#contentMain #contentCanvas ul.videoLinkList li p a,
#contentMain #contentCanvas ul.videoLinkList li p a:link,
#contentMain #contentCanvas ul.videoLinkList li p a:visited {
display: block;
padding: 5px 0 5px 32px;
color: #D2021A;
}

#contentMain #contentCanvas ul.videoLinkList li p a.qtMovie {
background: transparent url(../images/icon_vl_Quicktime.gif) left 5px no-repeat;
}

#contentMain #contentCanvas ul.videoLinkList li p a.wmMovie {
background: transparent url(../images/icon_vl_WindowsMedia.gif) left 3px no-repeat;
}

#contentMain #contentCanvas ul.videoLinkList li p a.vCast {
background: transparent url(../images/icon_vl_videoCast.gif)  left 8px no-repeat;
}

#contentMain #contentCanvas ul.videoLinkList li p a.transcript {
background: transparent url(../images/icon_vl_text.gif) left 7px no-repeat;
}

#contentMain #contentCanvas ul.videoLinkList li p a.mp3Movie {
background: transparent url(../images/icon_vl_mp3.gif) left 7px no-repeat;
}

#contentMain #contentCanvas ul.videoLinkList li p a span {
color: #4B4B4B;
}

/* !!! Liste fuer Mitarbeiter-Infos; die einzelnen Punkte sind als hcards gecodet !!!
==================================================================================== */
#contentMain #contentCanvas ul.hcardList {
margin: 10px 10px 0 -10px;
list-style: none outside none;
}

#contentMain #contentCanvas ul.hcardList li {
position: relative;
margin: 0 0 20px 0;
margin-bottom: 1.7em;
padding: 0;
min-height:11em;
}

#contentMain #contentCanvas ul.hcardList li p {
position: absolute; bottom: -20px; left: 140px;
width: 300px;
font-size:100%;
line-height:150%;
}

#contentMain #contentCanvas ul.hcardList li p a.email {
padding: 0 0 0 25px;
background: transparent url(../images/icon_email.gif) center left no-repeat;
}

/* Modul fuer grosse Fotos als dl
==================================================================================== */
#contentMain #contentCanvas dl.singlePic {
margin: 0 10px 20px 10px;
}

/* dt in Hoehe und Breite *FESTGEZURRT*, damit verschieden grosse Fotos dort rein können */
#contentMain #contentCanvas dl.singlePic dt {
margin: 0 0 5px 0;
width: 450px;
height: 300px;
overflow: hidden;
}

dl.singlePic dt img {
/* display: block; */
}

#contentMain #contentCanvas dl.singlePic dd {
margin: 0 0 20px -10px;
}

#contentMain #contentCanvas dl.singlePic dd h4 {
margin-bottom: 0;
font-size: 120%;
line-height: 130%;
}

/* Download-Link fuer Fotos
==================================================================================== */
#contentMain #contentCanvas dl.singlePic dd p.download {
margin: -10px 5px 0 0;
padding: 0;
text-align: right;
}

#contentMain #contentCanvas dl.singlePic dd p.download a,
#contentMain #contentCanvas dl.singlePic dd p.download a:link,
#contentMain #contentCanvas dl.singlePic dd p.download a:visited {
display: block;
padding: 0 30px 0 0;
text-transform: uppercase;
color: #D2021A;
background: transparent url(../images/icon_download_normal_rot_weiss.gif) center right no-repeat;
}

#contentMain #contentCanvas dl.singlePic dd p.download a:hover,
#contentMain #contentCanvas dl.singlePic dd p.download a:active,
#contentMain #contentCanvas dl.singlePic dd p.download a:focus {
background: transparent url(../images/icon_download_rollover_weiss_weiss.gif) center right no-repeat;
}

#contentMain #contentCanvas dl.singlePic dd p.download a span,
#contentMain #contentCanvas dl.singlePic dd p.download a:link span,
#contentMain #contentCanvas dl.singlePic dd p.download a:visited span,
#contentMain #contentCanvas dl.singlePic dd p.download a:hover span,
#contentMain #contentCanvas dl.singlePic dd p.download a:active span,
#contentMain #contentCanvas dl.singlePic dd p.download a:focus span {
color: #4B4B4B;
text-decoration: none;
}

/* Liste fuer Bilder-Galerie(n)
==================================================================================== */
#contentMain #contentCanvas ul.picGallery {
margin: 0 0 0 -12px;
width: 470px;
list-style: none outside none;
}

/* beinhaltete Floats clearen */
#contentMain #contentCanvas ul.eCardGallery:after,
#contentMain #contentCanvas ul.picGallery:after {
content: ".";
display:block;
height:0;
clear: both;
visibility: hidden;
}

#contentMain #contentCanvas ul.picGallery li {
float: left;
margin: 0 0 0 4px;
padding: 0;
width: 146px;
min-height: 15.5em; /* height: fuer IE 6 */
font-weight: bold;
line-height: 120%;
}

#contentMain #contentCanvas ul.picGallery li img.aktiv {
margin-bottom: 2px;
border: 3px solid #D2021A;
}

#contentMain #contentCanvas ul.picGallery li a,
#contentMain #contentCanvas ul.picGallery li a:link,
#contentMain #contentCanvas ul.picGallery li a:visited {
display: block;
border: 3px solid #fff;
margin-bottom: 2px;
}

#contentMain #contentCanvas ul.picGallery li a:hover,
#contentMain #contentCanvas ul.picGallery li a:active,
#contentMain #contentCanvas ul.picGallery li a:focus {
border: 3px solid #D2021A;
/* margin-bottom: 2px; */
}

#contentMain #contentCanvas ul.picGallery li a {
margin-bottom: 2px;
}

/* E-Card-Gallerie
==================================================================================== */
#contentMain #contentCanvas ul.eCardGallery {
margin: 0 0 0 -10px;
padding-top: 10px;
width: 470px;
list-style: none outside none;
}

#contentMain #contentCanvas ul.eCardGallery li {
float: left;
margin: 0 0 8px 0;
padding: 0;
width: 235px;
min-height: 10em; /* height: fuer IE 6 */
}

#contentMain #contentCanvas ul.eCardGallery li img {
margin-bottom: 8px;
}

#contentMain #contentCanvas img.eCardGross {
margin: 0 auto;
padding: 10px 0;
}

/* Vorschau umgesetzt mit Definitionsliste */
#contentMain #contentCanvas dl.eCardData {
margin: 0 10px -20px 10px;
}

#contentMain #contentCanvas dl.eCardData dt {
margin: 15px 0 6px 0;
}

#contentMain #contentCanvas dl.eCardData dd {
margin: 0 0 21px 0;
min-height: 16px;
}

/* "E-Card auswaehlen"-Paragraph mit Link
==================================================================================== */
#contentMain #contentCanvas ul.eCardGallery li p {
text-align:right;
text-transform:uppercase;
font-size:100%;
line-height: 120%;
}

#contentMain #contentCanvas ul.eCardGallery li p a:link,
#contentMain #contentCanvas ul.eCardGallery li p a:visited {
display: block;
margin-right: 10px;
padding: 4px 30px 4px 0;
background: transparent url(../images/pfeil_rot_transp_up.png) center right no-repeat;
text-decoration:none;
color:#E2001A;
font-weight:bold;
}

#contentMain #contentCanvas ul.eCardGallery li p a:hover,
#contentMain #contentCanvas ul.eCardGallery li p a:active,
#contentMain #contentCanvas ul.eCardGallery li p a:focus {
background: transparent url(../images/pfeil_rot_transp_hover.png) center right no-repeat;
text-decoration:underline;
}

/* Liste fuer Testimonials etc. = Listenpunkte mit Ueberschriften, Absätzen und/oder Bildern
==================================================================================== */
#contentMain #contentCanvas ul.testimoList {
list-style: none outside none;
margin: 10px 0 10px -10px;
}

#contentMain #contentCanvas ul.testimoList li {
clear: left;
}

#contentMain #contentCanvas ul.testimoList li h4,
#contentMain #contentCanvas ul.testimoList li h5,
#contentMain #contentCanvas ul.testimoList li p {
margin-left: 0;
}

#contentMain #contentCanvas ul.testimoList li h4 {
margin-bottom: 0;
background: transparent;
}

#contentMain #contentCanvas ul.testimoList li img.bildLinks {
float: left;
margin: 5px 14px 14px 0;
}

/* Linkliste fuer Ereignisse; *UNTERHALB* des ID-Containers "contentCanvas"!!
==================================================================================== */
#contentMain ul.newsLinklist {
margin-bottom: 20px;
padding: 7px 0 0 0;
list-style-type: none;
background: #fff;
}

#contentMain ul.newsLinklist li {
margin: 0 10px;
padding: 3px 0;
}

#contentMain ul.newsLinklist li p {
margin: 0;
}

#contentMain ul.newsLinklist li p a,
#contentMain ul.newsLinklist li p a:link,
#contentMain ul.newsLinklist li p a:visited {
display: block;
margin-left: 0;
padding: 0 0 4px 30px;
font-size: 120%;
font-weight: bold;
text-decoration: none;
color: #000;
background: transparent url(../images/pfeil_rot_transp_up.png) top left no-repeat;
}

#contentMain ul.newsLinklist li p a:hover,
#contentMain ul.newsLinklist li p a:active,
#contentMain ul.newsLinklist li p a:focus {
text-decoration: underline;
background: transparent url(../images/pfeil_rot_transp_hover.png) top left no-repeat;
}

#contentMain ul.newsLinklist li p a span.date,
#contentMain ul.newsLinklist li p a:link span.date,
#contentMain ul.newsLinklist li p a:visited span.date {font-size: 90%;}

/* !!! Zusaetzliche Inhaltsbereiche !!!
==================================================================================== */



/* Linkliste fuer Ereignisse wie z.B. Wahlen
==================================================================================== */

#contentAdditional ul.eventLinklist {
margin-bottom: 20px;
padding: 10px 0;
list-style-type: none;
background: #e2001a;
}

/* redundantes Clearen, damit im Markup nur 1 Klasse vergeben wird */
#contentAdditional ul.eventLinklist:after {
content: ".";
display:block;
height:0;
clear: both;
visibility: hidden;
}

#contentAdditional ul.eventLinklist li {
display: inline;
}

#contentAdditional ul.eventLinklist li a,
#contentAdditional ul.eventLinklist li a:link,
#contentAdditional ul.eventLinklist li a:visited {
display: block;
float: left;
min-width: 100px;
margin: 0 0 0 10px;
padding: 10px 0 10px 40px;
text-transform:uppercase;
font-size:120%;
line-height: 190%;
font-weight: bold;
text-decoration: none;
color: #fff;
background-color: transparent;
background-position: center left;
background-repeat: no-repeat;
}

#contentAdditional ul.eventLinklist li a:hover,
#contentAdditional ul.eventLinklist li a:active,
#contentAdditional ul.eventLinklist li a:focus {
text-decoration: underline;
}

/* e-Card-Link
==================================================================================== */
#contentAdditional ul.eventLinklist li a#eCards,
#contentAdditional ul.eventLinklist li a#eCards:link,
#contentAdditional ul.eventLinklist li a#eCards:visited {
background-image: url(../images/icon_ecard.gif);
}

/* Audio Podcast-Link = Abweichungen aufgrund des längeren Link-Textes
==================================================================================== */
/*vorläufig ausser Gebrauch und durch Video ersetzt, 10.5.2007, ybf*/
#contentAdditional ul.eventLinklist li a#audioPodcast,
#contentAdditional ul.eventLinklist li a#audioPodcast:link,
#contentAdditional ul.eventLinklist li a#audioPodcast:visited {
min-width: 115px;
padding-left: 35px;
background-image: url(../images/icon_audpodcast.gif);
}

/* Video-Link = Achtung, nur eine Kopie des Audiopodcasts, damit nicht die Kategorien in Typo3 umprogrammiert werden müssen. Das einizige, was ändert ist das Hintergrundbild für das <li>-Element
==================================================================================== */
#contentAdditional ul.eventLinklist li a#audioPodcast,
#contentAdditional ul.eventLinklist li a#audioPodcast:link,
#contentAdditional ul.eventLinklist li a#audioPodcast:visited {
background-image: url(../images/icon_video_multimediabox.gif);
}

/* Kandidaten-Link
==================================================================================== */
#contentAdditional ul.eventLinklist li a#kandidaten,
#contentAdditional ul.eventLinklist li a#kandidaten:link,
#contentAdditional ul.eventLinklist li a#kandidaten:visited {
background-image: url(../images/icon_kandidaten.gif);
}

/* Fotos-Link
==================================================================================== */
#contentAdditional ul.eventLinklist li a#fotos,
#contentAdditional ul.eventLinklist li a#fotos:link,
#contentAdditional ul.eventLinklist li a#fotos:visited {
background-image: url(../images/icon_fotos.gif);
}

/* href-Link
==================================================================================== */
#contentAdditional ul.eventLinklist li a#href,
#contentAdditional ul.eventLinklist li a#href:link,
#contentAdditional ul.eventLinklist li a#href:visited {
background-image: url(../images/icon_href.gif);
}

/* Banner-Linkliste in "contentAdditional" und "contentAdditional02"
==================================================================================== */

#contentAdditional ul.bannerLinklist,
#contentAdditional02 ul.bannerLinklist {
margin: -20px 0 20px -20px;
width: 225px;
list-style-type: none;
}

#startMain #contentAdditional ul.bannerLinklist {
width: 490px;
}

#contentAdditional ul.bannerLinklist li,
#contentAdditional02 ul.bannerLinklist li {
float: left;
display: inline;
margin: 20px 0 0 20px;
}

/* !!! Tag-Cloud !!!
==================================================================================== */
#tagCloud {
margin: 0 0 20px 0;
padding: 10px;
color: #fff;
background:transparent url(../images/bg_tagCloud_neu.jpg) 0 0 no-repeat;
}

#tagCloud:after {
content: ".";
display:block;
height:0;
clear: both;
visibility: hidden;
}


#contentAdditional #tagCloud ul {
list-style-type: none;
color: #fff;
}

#contentAdditional #tagCloud ul li {
float: left;
padding: 0 15px;
font-size: 120%;
line-height: 120%;
font-weight: bold;
}


#contentAdditional #tagCloud ul li.plus {
padding: 5px 10px 0 5px;
font-size: 150%;
line-height: 120%;
}

#contentAdditional #tagCloud ul li.plusX {
padding: 10px 15px 5px 0;
font-size: 200%;
line-height: 130%;
}

#contentAdditional #tagCloud ul li.plusXX {
margin: 5px 15px 0 5px        ;
padding: 0 5px 10px 10px;
font-size: 230%;
line-height: 140%;
}


#contentAdditional #tagCloud ul li a,
#contentAdditional #tagCloud ul li a:link,
#contentAdditional #tagCloud ul li a:visited {
color: #fff;
text-decoration: none;
}

#contentAdditional #tagCloud ul li a:hover,
#contentAdditional #tagCloud ul li a:active,
#contentAdditional #tagCloud ul li a:focus {
text-decoration: underline;
}

/* !!! Formular fuer Direktwahl eines Kantons in 2-Spalter (Startseite) !!!
==================================================================================== */
#kantonwahl2Cols {
min-height: 160px;
padding: 25px 0 0 10px;
color: #585858;
background: transparent url(../images/bg_sp-ch-kantone-2cols.gif) top left no-repeat;
}

#kantonwahl2Cols form label {
margin: 0 0 15px 0;
display: block;
width: 40%;
font-size: 130%;
line-height: 120%;
font-weight: bold;
color: #585858;
background: transparent;
}

#kantonwahl2Cols form select {
width: 13em;
}

/* Formular fuer Direktwahl eines Kantons in einer Spalte
==================================================================================== */

#kantonwahl1Col {
min-height: 160px;
padding: 0 0 0 10px;
color: #585858;
background: transparent url(../images/karte_klein_grau_transp.gif) 10px 2em no-repeat;
}

#kantonwahl1Col form label {
margin: 0 0 10px 0;
display: block;
width: 80%;
font-size: 130%;
line-height: 120%;
font-weight: bold;
color: #585858;
background: transparent;
}

#kantonwahl1Col form select {
width: 13em;
}

/* !!! Uebergreifend einzusetzende Formatierungs-Klassen !!!
==================================================================================== */
.date {
color: #585858;
background: transparent;
}

.normal {
font-weight: normal;
}








/* Container fuer Flash Video
==================================================================================== */
#videoDisplay{
padding:10px 20px;
/* width:450px; */
width:410px;
margin:10px 10px 30px 10px;
background-color:#EDEDED;
}

/* IFRAME CONTAINER fuer Spende Postfinance
==================================================================================== */

#iframe_overlay{
        z-index:1000;
        position:absolute;
        width:750px;
        top:450px;
}