/*
 * Copyright (c) 2006 A&B FACE2NET GmbH
 *
 * author JDE
 * version $Revision: 1.7 $
 */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    standard.css for SPD html-Baukasten
    23.06.2006 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* principally used colours:

  colour code   colour      	usage
  -----------   --------------  -------------------------------
  #144b93     	mittelblau    	Hintergrund Suche, Footer
  #d0e2f5     	hellblau    	Hintergrund Hauptteaser,-navigation
  #00306b     	schriftblau   	Hauptnavigation, ?berschriften
  #e2001a     	rot
  #4B7296     	graublau    	visted Links im Content
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* generals: */

h1, h2, h3, h4, h5{ 
color: #000; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3.error{ 
color: #e2001a;
}

h1 a, h2 a, h3 a, h4 a, h5 a{ 
color:#000;  
font-family: Verdana, Arial, Helvetica, sans-serif; 
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* linke Spalte mit Content und Teasern: */

/*Textboxen*/
#leftsection{ 
width: 544px; 
margin-bottom: 12px; 
}

#leftsection #content, #leftsection #startcontent {
clear:left; 
padding-bottom: 10px;
}

#leftsection .teaser_news{ 
min-height: 106px;
}

#leftsection #content, 
#leftsection #startcontent, 
#leftsection .teaser_news, 
#leftsection .teaser_banner{ 
margin: 0 0 12px 0; 
background: #fff; 
}

#leftsection #content, 
#leftsection #startcontent, 
#leftsection .teaser_news{ 
padding-left: 14px; }

/*Ueberschriften*/
#leftsection #startcontent h3, 
#leftsection #content h3, 
#leftsection .teaser_news h4{ 
padding: 8px 0 4px 0;
font: bold 1.12em/140% Verdana, Arial, Helvetica, sans-serif;
display: block; 
}

#leftsection .teaser_news h4{ font: bold 1.12em/120% Verdana, Arial, Helvetica, sans-serif; }
#leftsection .teaser_news h4 a{ 
display: block; 
font-size: 80%; 
}

#leftsection #content h1, 
#leftsection #content h2, 
#leftsection #content h3, 
#leftsection #startcontent h1, 
#leftsection #startcontent h2, 
#leftsection #startcontent h3{ 
padding: 8px 12px 8px 0px; 
font: bold 1.12em/140% Verdana, Arial, Helvetica, sans-serif; 
}

#leftsection #content h4, 
#leftsection #startcontent h4{ 
padding: 8px 12px 8px 0px; 
font: bold 1em/160% Verdana, Arial, Helvetica, sans-serif; 
}


/*Paragraphen*/
#leftsection #content p, 
#leftsection #startcontent p,
#leftsection .teaser_news p{  
font: normal 0.75em/140% Verdana, Arial, Helvetica, sans-serif;
display: block; }

#leftsection .teaser_news p{ 
clear: left; 
padding: 2px 0px 8px 0;
}

#leftsection .teaser_news p a, 
#leftsection #content p a, 
#leftsection #startcontent p a{ 
font-weight: bold; 
color: #E2001A;
}

#leftsection #content p, 
#leftsection #startcontent p { 
padding: 2px 12px 8px 0px; 
}

/*Bilder*/
#leftsection .teaser_news img, 
#wrapper #leftsection .teaser_news a img{ 
float: right; 
margin: 5px; 
}

#leftsection #content img   { margin: 8px 12px 8px 8px; }
#leftsection #startcontent img  { margin: 8px 12px 8px 8px; }

#leftsection #content img.floatLeft { 
margin-left: 0px; 
margin-top: 6px;
}

#leftsection #content img.floatRight { 
margin-right: 12px;
margin-top: 6px; 
}

#leftsection #startcontent img.floatRight { margin: 6px; }

/*ungeordnete Listen*/
#leftsection #content ul { 
list-style:none; 
margin:0 8px 0 0; 
padding: 2px 0 8px 6px; 
}

#leftsection #content ul li { 
color:#000; 
font: normal 0.75em/150% Verdana, Arial, Helvetica, sans-serif; 
margin: 0; 
padding: 0 0 6px 22px; 
background: url(../images/struktur/bg_ulList.gif) no-repeat 0 6px; 
}

/*geordnete Listen*/
#leftsection #content ol { 
list-style: decimal; 
list-style-position: outside; 
margin:0 12px; 
padding: 2px 0 8px 16px; 
}

#leftsection #content ol li{ 
color:#000; 
font: normal 0.75em/150% Verdana, Arial, Helvetica, sans-serif; 
padding-bottom: 6px; 
}

/*einfach verschachtelte Listen*/
#leftsection #content ol li ul, 
#leftsection #content ul li ul, 
#leftsection #content ol li ul, 
#leftsection #content ol li ol{ 
padding-bottom: 0px; 
}

#leftsection #content ol li ul li, 
#leftsection #content ul li ul li, 
#leftsection #content ol li ul li, 
#leftsection #content ol li ol li { 
font: normal 1em/150% Verdana, Arial, Helvetica, sans-serif; 
padding-bottom: 3px; 
}


/*invertierte Links im Content*/
#leftsection #content a:link, 
#leftsection #content p a:link,
#leftsection #startcontent p a:link,
#leftsection #content li a:link,
#leftsection #startcontent li a:link { 
color: #E2001A; 
font-weight: bold; 
background-color: #fff;
 }
 
#leftsection #content a:visited, 
#leftsection #content p a:visited, 
#leftsection #content li a:visited,
#leftsection #startcontent p a:visited, 
#leftsection #startcontent li a:visited  { 
background-color: #fff; 
color: #930000;
font-weight: bold;
}

#leftsection #content a:hover, 
#leftsection #content a:focus, 
#leftsection #content a:active { 
color: #E2001A; 
font-weight: bold; 
background-color: #fff; 
text-decoration: underline;
}

#leftsection #content p a:hover, 
#leftsection #content p a:focus, 
#leftsection #content p a:active,
#leftsection #startcontent p a:hover, 
#leftsection #startcontent p a:focus, 
#leftsection #startcontent p a:active,
#leftsection #content li a:hover, 
#leftsection #content li a:focus, 
#leftsection #content li a:active  { 
background-color: #E2001A; 
color: #fff; 
text-decoration: none; 
}


/*Content-Tabellen*/
table { 
border: none;   
margin: 0 12px 1em 0px; 
 }

caption{ 
caption-side: top; 
margin: 0.5em 12px 0 0;  
padding: 0.3em 0 0.3em 0.5em; 
background: #505050; 
color: #fff; 
border: 1px solid #fff; border-bottom: 0; 
text-align: left; 
font: bold 0.75em/150% Verdana, Arial, Helvetica, sans-serif;  
}

table tr td, th { 
border: 2px solid #fff; 
font: normal 0.75em/150% Verdana, Arial, Helvetica, sans-serif;
padding: 0.3em 6px 0.3em 8px; 
border-collapse: collapse; 
vertical-align: top; 
}

th { 
background: #D7D7D7; 
color: #000; 
font-weight: bold; 
text-align: left; }

table tr td{ 
background: #EEEDED; 
text-align: left; 
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*Materialbox, Downloadbox*/

/*DownloadListbox im Content*/
#leftsection #content #downloadListBox{ 
width:auto; 
margin: 16px 10px 6px 0; 
border: 5px solid  #D7D7D7; }

#leftsection #content #downloadListBox h4{ 
color: #6B6B6B; 
text-transform: uppercase;
padding-top: 0; 
margin: 0 10px; 
font-size: 0.83em; 
}

#leftsection #content #downloadListBox a{ 
display:block; 
padding-top: 12px; 
min-height: 27px;
}

#leftsection #content #downloadListBox img{  
float: left;
margin: 2px; 
}

#leftsection #content #downloadListBox ul{ 
list-style:none;  
margin-bottom: 0;
}

#leftsection #content #downloadListBox ul li{ 
list-style:none; 
background-image: none; 
display: block; 
max-width: 520px; min-height: 39px; 
font-weight:bold; 
padding: 0; margin:0;   
 }
 
#leftsection #content #downloadListBox ul li.pdf a, 
#leftsection #content #downloadListBox ul li.spd a,
#leftsection #content #downloadListBox ul li.brief a,
#leftsection #content #downloadListBox ul li.paragr a, 
#leftsection #content #downloadListBox ul li.presse a, 
#leftsection #content #downloadListBox ul li.vorlage a, 
#leftsection #content #downloadListBox ul li.audio a, 
#leftsection #content #downloadListBox ul li.bild a,  
#leftsection #content #downloadListBox ul li.video a,
#leftsection #content #downloadListBox ul li.protokoll a,
#leftsection #content #downloadListBox ul li.link a, 
#leftsection #content #downloadListBox ul li.extern a{ 
padding-left: 48px; 
background-position: 2px; 
background-repeat: no-repeat; 
}

#leftsection #content #downloadListBox ul li.pdf a {   background-image: url(../images/materialien/icon_pdf.gif); }
#leftsection #content #downloadListBox ul li.paragr a {   background-image: url(../images/materialien/icon_paragr.gif); }
#leftsection #content #downloadListBox ul li.presse a { background-image: url(../images/materialien/icon_presse.gif); }
#leftsection #content #downloadListBox ul li.vorlage a { background-image: url(../images/materialien/icon_vorlage.gif); }
#leftsection #content #downloadListBox ul li.audio a { background-image: url(../images/materialien/icon_audio.gif); }
#leftsection #content #downloadListBox ul li.bild a {  background-image: url(../images/materialien/icon_picture.gif);  }
#leftsection #content #downloadListBox ul li.video a { background-image: url(../images/materialien/icon_video.gif); }
#leftsection #content #downloadListBox ul li.extern a {background-image: url(../images/materialien/icon_externalLink.gif); }
#leftsection #content #downloadListBox ul li.link a {background-image: url(../images/materialien/icons_link.gif); }
#leftsection #content #downloadListBox ul li.spd a {background-image: url(../images/materialien/icon_spd.gif); }
#leftsection #content #downloadListBox ul li.protokoll a {background-image: url(../images/materialien/icon_protokoll.gif); }
#leftsection #content #downloadListBox ul li.brief a {background-image: url(../images/materialien/icon_brief.gif); }

#leftsection #content #downloadListBox ul li a:hover, 
#leftsection #content #downloadListBox ul li a:focus, 
#leftsection #content #downloadListBox ul li a:active{
background-color: #fff; 
color:#000; 
text-decoration: underline;
}

#leftsection #content #downloadListBox ul li a:visited{
color: #930000;
background-color: #fff;
}