/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
header.css / SP-CH-2007
(Elemente in #header)
Version:        2007-02-21 HTML-E
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */




/* "unsichtbare" Elemente: */
#header h1 span,
#header dl dt,
#navService2 dt,
#topTeaser h2 a span{
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:10px;
/*margin:0 0 18px 0;*/
}

#header h1{
display:block;
top-margin:10;
width:766px;
height:52px;
overflow:hidden;
}

/* Die Logos im Seitenkopf - abweichende Angaben mit Laenderklassen
==================================================================================== */
#header #logo{
display:block;
position:absolute;top:0;right:0;
width:200px;height:106px;overflow:hidden;
}

/* franzoesisch */
/*#header.fr #logo {width:280px;}*/

/* italienisch */
/*#header.it #logo {width:320px;}*/


/* + + + + + + + + + + + + + + + + + + + + */
/* Teaser-Box - abweichende Angaben mit Laenderklassen
==================================================================================== */
#topTeaser{
position: relative;
border:0;
width:620px;
min-height:60px;
}

/* franzoesisch und italienisch */
/*#header.fr #topTeaser, #header.it #topTeaser {width:500px;}*/


#topTeaser img {
margin:0 13px 0 0;
float:left;
width:320px;
}

#topTeaser h2 {
/* margin-left: 13px; */
padding: 7px 13px 5px 0;
color:#fff;
font-size:170%;
line-height: 130%;
}

#topTeaser a:link,
#topTeaser a:visited {
color:#fff;
text-decoration:none;
}
#topTeaser a:focus,
#topTeaser a:hover,
#topTeaser a:active {
text-decoration:underline;
}

#topTeaser p {
margin: 0 13px 0 0;
padding-bottom: 2em;
padding-left: 13px;
color:#fff;
font-size:120%;
font-weight:normal;
line-height: 130%;
}
#topTeaser p.readArticle {
padding-bottom: 0;
position: absolute; bottom: 7px; right: 0;
text-align:right;text-transform:uppercase;
font-size:110%;
line-height: 180%;
font-weight:bold;
}

#topTeaser p.readArticle a:link,
#topTeaser p.readArticle a:visited  {
padding: 4px 30px 4px 0;
background: transparent url(../images/pfeil_rot_transp_up.png) center right no-repeat;
}

#topTeaser p.readArticle a:hover,
#topTeaser p.readArticle a:active,
#topTeaser p.readArticle a:focus {
background: transparent url(../images/pfeil_rot_transp_hover.png) center right no-repeat;
}

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



/* + + + + + + + + + + + + + + + + + + + + */
#navOrientierung{
position:absolute;top:2px;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;
}

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

#navOrientierung dd strong.rss {
background: transparent url(../images/icon_rss_aktiv.gif) center left no-repeat;
}
/* + + + + + + + + + + + + + + + + + + + + */



/* + + + + + + + + + + + + + + + + + + + + */
#navSprachen{
position:absolute;top:0;right:0;
width:200px;
margin:10px 0;
}
#navSprachen dd{
font-size:120%;font-weight:bold;
text-transform:uppercase;
color:#E2001A;
text-align:right;
margin:0 11px 3px 0;
}
#navSprachen dd a{
color:#8C8C8C;
}
#navSprachen dd a:link,
#navSprachen dd a:visited{
text-decoration:none;
}
#navSprachen dd a:focus,
#navSprachen dd a:hover,
#navSprachen dd a:active{
text-decoration:underline;
}
/* + + + + + + + + + + + + + + + + + + + + */




/* + + + + + + + + + + + + + + + + + + + + */
#navService{
position:absolute;top:10px;left:630px;
font-size:120%;font-weight:bold;
text-transform:uppercase;
width:126px;
}

/* italienisch */
#header.fr #navService, #header.it #navService {left:630px;}

#navService dd {
margin:0 3px 2px -5px;
}
#navService a{
padding-left: 15px;
color:#000;
}
#navService a:link,
#navService a:visited{
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) center left no-repeat;
}

/* Aktiver Menuepunkt */
#navService dd strong {
padding-left: 15px;
color: #E2001A;
background: transparent url(../images/bullet_1_on_rot_transp.gif) center left no-repeat;
}
/* + + + + + + + + + + + + + + + + + + + + */