/* #####################################################################
screen.css /
Alle Anweisungen fuer die	Bildschirmausgabe	
Version: 2007-03-09 HTML-XPts	
##################################################################### */

/* !!! Bereich "basics !!!
====================================================================================
==================================================================================== */

/* !!! Allgemeine Basics !!!
==================================================================================== */

*{margin:0;padding:0;}

body{
font-family: verdana,arial,helvetica,sans-serif;
font-size:62.5%; /* bedeutet, dass 10px der default ist und z.B. 120% dann 12px ergibt */
line-height:160%;
background: #DCDCDC url(../images/bg_verlauf.gif) repeat-x;
margin:0;padding:0;
}

/* "Unsichtbare" Elemente
==================================================================================== */
.dn, /* dn = display none */
.skipLinks,
#navMain dt,
#navSub dt {
position:absolute;top:-1000px;left:-1000px;
display:block;width:5px;height:5px;overflow:hidden;
}

hr {display:none;}

#printButton {display:none;}
img {display:block;border:none;}
.floatLeft{float:left;}
.floatRight {float: right;}

/* caf = clear all floats */
.caf:after {
content: "."; 
display:block; 
height:0;
clear: both; 
visibility: hidden;
}

table{border-collapse:collapse;}

/* !!! Umfassender Seiten-Container #document, 960px breit !!!
==================================================================================== */
#document{
width:960px;
margin:0 auto;
padding-bottom: 18px;
}

/* !!! Header = Alle Anweisungen inklusive der inneliegenden Navigationen !!!
==================================================================================== */
/* "unsichtbare" Elemente: */
#header dl dt {
position:absolute;top:-1000px;left:-1000px;
display:block;width:5px;height:5px;overflow:hidden;
}

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

#header {
position:relative;
width:960px;
min-height: 23em;
margin:0 0 18px 0;
}

#header h1 {
padding: .5em 0;
width:766px;
font: normal normal bold 260%/100% helvetica,arial,sans-serif;
}

/* Logo im Seitenkopf 
==================================================================================== */
#header #logo{
display:block;
position:absolute;top:0;right:0;
width:200px;height:106px;overflow:hidden;
}

/* !!! Navigation "Orientierung" = Suche und Sitemap !!!
==================================================================================== */
#navOrientierung{
position:absolute;
bottom:2.5em;
right:11px;
font-size:120%;font-weight:bold;
text-transform:uppercase;
text-align:right;
}

#navOrientierung dd{
display:inline;
margin:0 0  0 10px;
}

/* Aktiver Menuepunkt */
#navOrientierung dd strong{
padding:0 0 0 14px;
color:#E2001A;
}

#navOrientierung dd a{
padding:0 0 0 14px;
color:#000;
text-decoration:none;
}
#navOrientierung dd a:link,
#navOrientierung dd a:visited{
text-decoration:none;
}
#navOrientierung dd a:focus,
#navOrientierung dd a:hover,
#navOrientierung dd a:active{
text-decoration:underline;
}

/* die Icons: */
/* Suche = Link und aktiver Menue-Punkt */
#navOrientierung dd a.suche{
background: transparent url(../images/icon_suche_up.gif) center left no-repeat;
}

#navOrientierung dd strong.suche{
background: transparent url(../images/icon_suche_aktiv.gif) center left no-repeat;
}

/* Sitemap = Link und aktiver Menue-Punkt */
#navOrientierung dd a.sitemap{
background: transparent url(../images/icon_sitemap_up.gif) center left no-repeat;
}

#navOrientierung dd strong.sitemap{
background: transparent url(../images/icon_sitemap_aktiv.gif) center left no-repeat;
}

/* !!! Navigation "Service" !!!
==================================================================================== */
#navService{
position:absolute;top:50px;left:615px;
font-size:120%;font-weight:bold;
text-transform:uppercase;
width:145px;
}

#navService dd {
margin:0 3px 2px 0;
}

#navService a,
#navService a:link,
#navService a:visited {
display: block;
padding-left: 15px;
color:#000;
background: transparent;
text-decoration:none;
}

#navService a:focus,
#navService a:hover,
#navService a:active {
text-decoration:underline;
background: transparent url(../images/bullet_1_rollover_dkgrau_transp.gif) left 3px no-repeat;
}

/* Aktiver Menuepunkt */
#navService a.aktiv,
#navService a.aktiv:link,
#navService a.aktiv:visited,
#navService a.aktiv:focus,
#navService a.aktiv:hover,
#navService a.aktiv:active {
padding-left: 15px;
color: #E2001A;
background: transparent url(../images/bullet_1_on_rot_transp.gif) left 3px no-repeat;
text-decoration:none;
cursor: default;
}

/* !!! Navigation "Partei" !!!
==================================================================================== */
#navPartei {
position: absolute;
bottom: -30px;
right: 0;
width: 715px;
min-height: 30px;
color: #fff;
background: #E3001B;
}

#navPartei dd {
float: right;
}
#navPartei dd a,
#navPartei dd a:link,
#navPartei dd a:visited {
padding: 0 10px 0 40px;
font-size: 160%;
line-height: 30px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
background: transparent url(../images/bg_linkParty.gif) center left no-repeat;
text-decoration: none;
}

#navPartei dd a:hover,
#navPartei dd a:active,
#navPartei dd a:focus {
text-decoration: underline;
}


/* !!! Layout-Anweisungen fuer die Elemente im Hauptinhalts-Container "pageMain" !!!
==================================================================================== */

#pageMain {
width: 960px;
margin: 0 0 20px 0;
}

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

#contentMain {
float: left;
width: 470px;
margin: 30px 0 0 20px;
}

#contentAdditional {
float: right;
margin: 30px 0 0 0;
width: 225px;
}

/* !!! FOOTER !!!
==================================================================================== */
#footer {
margin: 0 0 18px 0;
width:960px;
min-height:32px;
background-color:#585858;
}

#footer p {
margin: 0 18px 0 0; /* weil p-Elemente teilweise Default Margins haben */
text-align: right;
line-height: 3em;
font-size: 120%;
text-transform: uppercase;
color: #fff;
background: transparent;
}

#footer p a, #footer p a:link, #footer p a:visited {
margin-left: 11px;
font-weight: bold;
color: #fff;
background: transparent;
text-decoration: none;
}

#footer p a:hover, #footer p a:active, #footer p a:focus {
text-decoration: underline;
}

#footer #printButton {
font-size:100%;
}

/* !!! Bereich Navigation !!!
====================================================================================
==================================================================================== */

/* !!! Alle Anweisungen fuer die *HAUPTnavigation* !!!
==================================================================================== */

/* *ERSTE* Ebene und Anweisungen fuer deren Links
==================================================================================== */
#navMain {
float: left;
margin-top: -18px;
width: 225px;
}

#navMain dd {
padding: 3px 0 0 0;
color: #fff;
background: #e3001b;
}

#navMain dd ul {
/* margin-bottom: 20px; */
padding: 0 0 5px 0;
min-height:34px;
list-style-type:none;
color: #fff;
background: #e3001b;
}

#navMain dd ul li a,
#navMain dd ul li a:link,
#navMain dd ul li a:visited {
display:block;
margin: 0 0 5px 0;
padding:4px 10px 0 42px;
min-width:171px;
min-height:24px; /* width fuer IE6 und Opera */
font-size:150%;
line-height: 120%;
text-transform: uppercase;
font-weight: bold;
text-decoration:none;
color:#fff;
background: transparent url(../images/pfeil_4_rollover_rot_weiss_transp.gif) no-repeat 10px 3px;
}

#navMain dd ul li a:hover,
#navMain dd ul li a:active,
#navMain dd ul li a:focus {
text-decoration:underline;
background: transparent url(../images/pfeil_4_normal_weiss_transp.gif) no-repeat 10px 3px;
}

/* Hintergrund-Verlauf fuer Eltern-Link und geoeffnete Seite der 1. Ebene
==================================================================================== */
#navMain dd ul li.aktiv,
#navMain dd ul li.aktivKnoten {
background: transparent url(../images/bg_navMain-sub01.gif) left 30px repeat-x;
}

/* Eltern-Link der 1. Ebene
==================================================================================== */
#navMain dd ul li.aktivKnoten a,
#navMain dd ul li.aktivKnoten a:link,
#navMain dd ul li.aktivKnoten a:visited,
#navMain dd ul li.aktivKnoten a:hover,
#navMain dd ul li.aktivKnoten a:active,
#navMain dd ul li.aktivKnoten a:focus {
text-decoration:underline;
background:transparent url(../images/pfeil_weissaufrot_over.gif) no-repeat 10px 2px;
}

/* Link der geoeffneten Seite der 1. Ebene
==================================================================================== */
#navMain dd ul li.aktiv a,
#navMain dd ul li.aktiv a:link,
#navMain dd ul li.aktiv a:visited,
#navMain dd ul li.aktiv a:hover,
#navMain dd ul li.aktiv a:active,
#navMain dd ul li.aktiv a:focus {
text-decoration:underline;
background:transparent url(../images/pfeil_aktiv.gif) no-repeat 10px 2px;
cursor: default;
}

/* *ZWEITE* Ebene und Anweisungen fuer deren Links
==================================================================================== */
#navMain dd ul li ul {
margin: 5px 0;
padding: 5px 0 10px 0;
width: 225px;
min-height:34px;
list-style-type:none;
color: #fff;
background: transparent url(../images/bg_navMain-sub01-bottom.gif) left bottom repeat-x;
}

#navMain dd ul li li a,
#navMain dd ul li li a:link,
#navMain dd ul li li a:visited,
#navMain dd ul li li strong,
#navMain dd ul li.aktiv li a,
#navMain dd ul li.aktiv li a:link,
#navMain dd ul li.aktiv li a:visited,
#navMain dd ul li.aktivKnoten li a,
#navMain dd ul li.aktivKnoten li a:link,
#navMain dd ul li.aktivKnoten li a:visited {
display:block;
margin: 3px 0 0 0;
padding:4px 10px 0 42px;
min-width:171px;
min-height:24px; /* width fuer IE6 und Opera */
font-size:120%;
line-height: 120%;
text-transform: uppercase;
font-weight:bold;
text-decoration:none;
color:#fff;
background: transparent url(../images/pfeil_4_normal_weiss_transp.gif) no-repeat 10px 2px;
}

#navMain dd ul li li a:hover,
#navMain dd ul li li a:active,
#navMain dd ul li li a:focus,
#navMain dd ul li.aktiv li a:hover,
#navMain dd ul li.aktiv li a:active,
#navMain dd ul li.aktiv li a:focus,
#navMain dd ul li.aktivKnoten li a:hover,
#navMain dd ul li.aktivKnoten li a:active,
#navMain dd ul li.aktivKnoten li a:focus {
text-decoration:underline;
background: transparent url(../images/pfeil_4_rollover_rot_weiss_transp.gif) no-repeat 10px 2px;
}

/* Hintergrund-Verlauf fuer Eltern-Link und geoeffnete Seite der 2. Ebene
==================================================================================== */
#navMain dd ul li li.aktiv,
#navMain dd ul li li.aktivKnoten {
/* z-index: 10; */
background: transparent url(../images/bg_navMain-sub02.gif) left 30px repeat-x;
}

/* Eltern-Link der 2. Ebene
==================================================================================== */
#navMain dd ul li li.aktivKnoten a,
#navMain dd ul li li.aktivKnoten a:link,
#navMain dd ul li li.aktivKnoten a:visited,
#navMain dd ul li li.aktivKnoten a:hover,
#navMain dd ul li li.aktivKnoten a:active,
#navMain dd ul li li.aktivKnoten a:focus {
text-decoration:underline;
background:transparent url(../images/pfeil_weissaufrot_over.gif) no-repeat 10px 2px;
}

/* Link der geoeffneten Seite der 2. Ebene
==================================================================================== */
#navMain dd ul li li.aktiv a,
#navMain dd ul li li.aktiv a:link,
#navMain dd ul li li.aktiv a:visited,
#navMain dd ul li li.aktiv a:hover,
#navMain dd ul li li.aktiv a:active,
#navMain dd ul li li.aktiv a:focus {
text-decoration:underline;
background:transparent url(../images/pfeil_aktiv.gif) no-repeat 10px 2px;
cursor: default;
}

/* *DRITTE* Ebene und Anweisungen fuer deren Links
==================================================================================== */
#navMain dd ul li ul li ul {
/* z-index: 1; */
margin: 8px 0 0 0;
padding: 5px 0;
width: 225px;
list-style-type:none;
color: #fff;
background: transparent url(../images/bg_navMain-sub02-bottom.gif) left bottom repeat-x;
}

#navMain dd ul li li li {
width: 225px;
margin: 0 0 8px 0;
}







#navMain dd ul li li li a,
#navMain dd ul li li li a:link,
#navMain dd ul li li li a:visited,
#navMain dd ul li.aktiv li li a,
#navMain dd ul li.aktiv li li a:link,
#navMain dd ul li.aktiv li li a:visited,
#navMain dd ul li.aktivKnoten li li a,
#navMain dd ul li.aktivKnoten li li a:link,
#navMain dd ul li.aktivKnoten li li a:visited {
/* z-index: 5; */
display:block;
margin: 3px 0;
padding: 0 10px 0 42px;
min-height: 14px; /* height fuer IE6 und Opera */
font-size:120%;
text-transform: none;
font-weight:bold;
text-decoration:none;
color:#585858;
background: transparent;
}

#navMain dd ul li li li a:focus,
#navMain dd ul li li li a:hover,
#navMain dd ul li li li a:active,
#navMain dd ul li.aktiv li li a:hover,
#navMain dd ul li.aktiv li li a:active,
#navMain dd ul li.aktiv li li a:focus,
#navMain dd ul li.aktivKnoten li li a:hover,
#navMain dd ul li.aktivKnoten li li a:active,
#navMain dd ul li.aktivKnoten li li a:focus {
text-decoration: underline;
background: transparent url(../images/bullet_1_rollover_dkgrau_transp.gif) no-repeat 17px 3px;
}

/* Aktive Seite der 3. Ebene
==================================================================================== */
#navMain dd ul li li li.aktiv a,
#navMain dd ul li li li.aktiv a:link,
#navMain dd ul li li li.aktiv a:visited,
#navMain dd ul li li li.aktiv a:hover,
#navMain dd ul li li li.aktiv a:active,
#navMain dd ul li li li.aktiv a:focus {
text-decoration: none;
color: #E3001B;
background: transparent url(../images/bullet_1_on_rot_transp.gif) no-repeat 17px 3px;
cursor: default;
}

/* !!! Bereich Content !!!
====================================================================================
==================================================================================== */


/* !!! Teaser-Boxen auf der Startseite !!!
==================================================================================== */
#contentMain .contentTeaser {
position: relative;
margin: 0 0 20px 0;
width: 470px;
background: #fff;
min-height: 141px;
}


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

#contentMain .contentTeaser img {
float: left;
margin: 0 14px 0 0;
}

#contentMain .contentTeaser p {
margin: 0 10px 0 10px;
padding: 0 0 2.7em 0;
}

/* Positionierung und Formatierung des "Artikel lesen"-Elementes in ".contentTeaser"
==================================================================================== */
#contentMain .contentTeaser p.readArticle {
position: absolute;
bottom: 7px;
right: 0;
padding: 0;
text-align:right;text-transform:uppercase;
font-size:120%;
line-height: 180%;
}


#contentMain .contentTeaser p.readArticle a,
#contentMain .contentTeaser p.readArticle a:link,
#contentMain .contentTeaser p.readArticle a:visited {
padding: 4px 30px 4px 0;
background: transparent url(../images/pfeil_2_normal_rot_weiss.gif) center right no-repeat;
text-decoration:none;
color:#E2001A;font-weight:bold;
}

#contentMain .contentTeaser p.readArticle a:hover, 
#contentMain .contentTeaser p.readArticle a:active, 
#contentMain .contentTeaser p.readArticle a:focus {
background: transparent url(../images/pfeil_2_rollover_weiss_weiss.gif) center right no-repeat;
text-decoration:underline;
}

/* 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 h1 {
margin: 0 10px 10px 10px;
padding: 7px 24px 7px 2px;
font-size:160%;
font-weight: bold;
}


#contentMain h2 {
margin: 0 10px 10px 10px;
padding: 7px 24px 7px 0;
font-size:140%;
font-weight: bold;
}


#contentMain.csc-firstHeader h1 {
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_3_normal_rot_grau.gif) top left no-repeat;
}

h2.bereichsLink a:hover,
h2.bereichsLink a:active,
h2.bereichsLink a:focus {
text-decoration:underline;
background: transparent url(../images/pfeil_3_rollover_weiss_grau.gif) 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: 10px 10px 18px 8px;
padding: 10px 0px 0px 20px;
list-style: url(../images/bullet_2_normal_dkgrey_transp.gif) outside;
font-size:120%;
}

#contentMain #contentCanvas ul li {
padding: 10px 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_2_normal_rot_weiss.gif) 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 15px 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: 10px 0px 10px 0px;
vertical-align: bottom;
}

#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.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: #ededed;
}

/* 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_2_normal_rot_weiss.gif) 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_2_rollover_weiss_weiss.gif) 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_3_normal_rot_grau.gif) 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_3_rollover_weiss_grau.gif) 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_2_normal_rot_weiss.gif) 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_2_rollover_weiss_weiss.gif) 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: #e2001a;
}

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


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

#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;
background: #e2001a;
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;
}







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

/* Banner-Linkliste in "contentAdditional" 
==================================================================================== */
#contentAdditional ul.bannerLinklist {
margin: 0 0 20px -20px;
width: 225px;
list-style-type: none;
}

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

/* !!! Uebergreifend einzusetzende Formatierungs-Klassen !!!
==================================================================================== */

.normal {
font-weight: normal;
}


/* !!! Alle Formulare (ausser dem Select-Feld Kantonskarte) !!!
==================================================================================== */

#btnShowForm{display:none;}

#contentMain form {
margin: 10px 10px 20px 10px;
width: 450px;
padding:0;
}
#contentMain form fieldset{
border:0px solid #fff;
}


#contentMain #contentCanvas form h3{
margin:15px 0 0 0;padding:0;
font-size: 120%;
font-weight: bold;
}
#contentMain form p{
margin:5px 0;padding:0;
}
#contentMain form p.radioBtns{
margin:5px 0;padding:0;
}
#contentMain form p.radioBtns span{
margin:0 30px 0 5px;
}


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

#contentMain form label{
display:block;
margin:15px 0 0 0;padding:0;
font-size: 120%;
font-weight: bold;
}
#contentMain form label span.details,
#contentMain form h3 span.details{
font-weight: normal;
}

#contentMain form label.simpleText{
display:inline;
padding:0 20px 0 0;
font-weight: normal;
font-size: 100%;
}



#contentMain form input.inputField,
#contentMain form textarea,
#contentMain form select{
border:1px solid #999;
margin:5px 0;
padding: 2px;
width:444px;
}
#contentMain form select{
width:220px;
}
#contentMain form input.inputField:focus,
#contentMain form textarea:focus,
#contentMain form select:focus{
background-color:#EDEDED;
}



#contentMain form input.sendButton {
float:right;
color: #d2021a;
background:transparent url(../images/pfeil_2_normal_rot_weiss.gif) no-repeat right;
border:none; font: bold 120%/120% Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase; padding:6px 25px 6px 0; margin:8px 0; cursor:pointer;
}

#contentMain form input.sendButton:hover,
#contentMain form input.sendButton:focus {
background:transparent url(../images/pfeil_2_rollover_weiss_weiss.gif) no-repeat right;
text-decoration:underline;
}



#contentMain form p.legalNote{
margin:10px 0;
}
#contentMain form p.legalNote #legal{
margin:2px 0 0 2px;
float:left;
}
#contentMain form p.legalNote span{
display:block;
margin-left:30px;
}




#contentMain #contentCanvas form table.layoutTable{
margin:0;padding:0;border:none !important;
border-collapse:collapse;
}
#contentMain #contentCanvas form table.layoutTable td{
margin:0;padding:0;background-color:#fff;
}
#contentMain #contentCanvas form table.layoutTable td label{
font-size:100%;
}


#contentMain #contentCanvas form table.layoutTable td.width50 input.inputField{
width:220px;
}

#contentMain #contentCanvas form table.layoutTable td.width25{
padding-left:5px;
}
#contentMain #contentCanvas form table.layoutTable td.width25 input.inputField{
width:101px;
}

#contentMain #contentCanvas form table.layoutTable td.width16{
padding-right:5px;
}
#contentMain #contentCanvas form table.layoutTable td.width16 input.inputField{
width:66px;
}



#contentMain #contentCanvas form ul{
margin:10px 0 20px 0;padding:0;
list-style-type:none;
list-style-image:none;
}
#contentMain #contentCanvas form ul li input{
margin-right:5px;
}
#contentMain #contentCanvas form ul li{
margin:0 0 10px 0;padding:0;
}
#contentMain #contentCanvas form ul ul{
margin:10px 0 0 20px;list-style-image:none;
font-size:100%;
}


/* !!! Seite weiterempfehlen und Blog-Kommentar !!!
==================================================================================== */

#contentMain #tellAFriend,
#contentMain #sendTestimonial,
#contentMain #blogComment{
background-color:#EDEDED;
padding:5px 15px;
width: 420px;
}

#contentMain #tellAFriend legend,
#contentMain #sendTestimonial legend,
#contentMain #blogComment legend{
background:transparent url(../images/icon_tellafriend.gif) no-repeat left;
border:none; font: bold 120%/120% Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase; 
margin:0 0 10px 0;padding:6px 0 6px 20px;
color:#585858;
}

#contentMain #tellAFriend input.inputField,
#contentMain #tellAFriend textarea,
#contentMain #sendTestimonial input.inputField,
#contentMain #sendTestimonial textarea,
#contentMain #blogComment input.inputField,
#contentMain #blogComment textarea{
width:414px;
}
#contentMain #tellAFriend input.sendButton,
#contentMain #sendTestimonial input.sendButton,
#contentMain #blogComment input.sendButton{
background:transparent url(../images/pfeil_2_normal_rot_ededed.gif) no-repeat right;
}


#contentMain #tellAFriend input.sendButton:hover,
#contentMain #tellAFriend input.sendButton:focus,
#contentMain #sendTestimonial input.sendButton:hover,
#contentMain #sendTestimonial input.sendButton:focus,
#contentMain #blogComment input.sendButton:hover,
#contentMain #blogComment input.sendButton:focus {
background:transparent url(../images/pfeil_2_rollover_rot_ededed.gif) no-repeat right;
text-decoration:underline;
}












/* !!! Fehlermeldungen auf Formularseiten !!!
==================================================================================== */

#contentMain form p.errorMessage{
background:transparent url(../images/icon_errorMessage.gif) no-repeat left;
margin:0;padding:3px 0 0 10px;
color:#D2001A;font-weight:bold;
}

#contentMain form span.errorMessage label{
background:transparent url(../images/icon_errorMessage.gif) no-repeat left;
padding:0 0 0 10px;
color:#D2001A;
}
#contentMain form span.errorMessage input.inputField,
#contentMain form span.errorMessage textarea{
border:1px solid #D2001A;
}






/* - - - Shop Formular - - -
==================================================================================== */



.shopForm h2{
margin:0 0 20px 0;padding:0;
}



.shopForm div.shopItem{
width:450px;height:1%;
margin:10px 0 40px 0;padding:0;
}
.shopForm div.shopItem:after{
content: "."; 
display:block; 
height:0;
clear: both; 
visibility: hidden;
}

.shopForm div.shopItem img{
float:left;border-right:15px solid #fff;
margin-bottom: 5px;
}
.shopForm div.shopItem h3{
margin:0 !important;padding:0; /* !important fuer IE */
}
.shopForm div.shopItem p{
margin-top:0;
}

#contentMain .shopForm div.shopItem p.preisAnzahl{
margin-top:15px;
height:3.2ex;
background-color:#EDEDED;
}
#contentMain .shopForm div.shopItem p.preisAnzahl span.floatLeft{
padding:2px 0 0 10px;
}
#contentMain .shopForm div.shopItem p.preisAnzahl label{
display:inline;font-size:100%;
}
#contentMain .shopForm div.shopItem p.preisAnzahl input{
margin:1px 10px 1px 1px;text-align:right;padding:0 3px;
}
#contentMain .shopForm div.shopItem p.preisAnzahl input:focus{
margin:1px 10px 1px 1px;text-align:right;padding:0 3px;
}



#contentMain .shopForm input.sendButton {
float:right;
color: #d2021a;
background:transparent url(../images/icon_warenk_normal_rot_weiss.gif) no-repeat right;
border:none; font: bold 120%/120% Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase; padding:6px 25px 6px 0; margin:8px 0; cursor:pointer;
}

#contentMain  .shopForm input.sendButton:hover,
#contentMain .shopForm input.sendButton:focus {
background:transparent url(../images/icon_warenk_rollover_weiss_weiss.gif) no-repeat right;
text-decoration:underline;
}


#contentAdditional h3.conditions{
padding-left:20px;
margin:13px 0 5px 0;
background:transparent url(../images/icon_shop_conditions.gif) no-repeat 0 0;
font-size:140%;
}
#contentAdditional p.conditions{
margin:0;padding:0;

}

/* E-Card-Versende-Formular
==================================================================================== */
#contentMain #contentCanvas #eCardForm {
margin-bottom:0;
}

#contentMain form#eCardForm input.sendButton {
padding-right: 27px;
text-align: right;
font-size: 130%;
}