/*
 * Copyright (c) 2006 A&B FACE2NET GmbH
 *
 * author JDE
 * version $Revision: 1.4 $
 */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    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:#00306b;  
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*/
h4{ 
color:#00306b; 
padding:0 0 10px 0;
font: bold 1.12em/140% Verdana, Arial, Helvetica, sans-serif;
display: block; 
}

#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: #00306b;
}

#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/layout/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 #content li a:link { 
color: #00306b; 
font-weight: bold; 
background-color: #fff;
 }
 
#leftsection #content a:visited, 
#leftsection #content p a:visited, 
#leftsection #content li a:visited  { 
background-color: #fff; 
color: #4B7296;
font-weight: bold;
}

#leftsection #content a:hover, 
#leftsection #content a:focus, 
#leftsection #content a:active { 
color: #00306b; 
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: #00306b; 
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: #144b93; 
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: #d0e2f5; 
color: #00306b; 
font-weight: bold; 
text-align: left; }

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


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

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

#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.audio a, 
#leftsection #content #downloadListBox ul li.bild a,  
#leftsection #content #downloadListBox ul li.video 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/layout/icon_pdf.gif); }
#leftsection #content #downloadListBox ul li.audio a { background-image: url(../images/layout/icon_audio.gif); }
#leftsection #content #downloadListBox ul li.bild a {  background-image: url(../images/layout/icon_picture.gif);  }
#leftsection #content #downloadListBox ul li.video a { background-image: url(../images/layout/icon_video.gif); }
#leftsection #content #downloadListBox ul li.extern a {background-image: url(../images/layout/icon_externalLink.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:#00306b; 
text-decoration: underline;
 }

/*Sitemaplisten*/
#leftsection #content .sitemap_01, 
#leftsection #content .sitemap_02{ 
padding: 0; 
margin: 0 12px 9px 0; 
}

/*Service*/
#leftsection #content .sitemapService{ 
border: none; 
margin-bottom: 2px; 
padding: 0; 
background: #fff; 
background-image: none;
}

#leftsection #content .sitemapService a { 
padding: 2px 5px; 
border: 2px solid #144b93; 
display: block; 
}

#leftsection #content .sitemap_01 .sitemapService a:hover,  
#leftsection #content .sitemap_01 .sitemapService a:focus, 
#leftsection #content .sitemap_01 .sitemapService a:active{
border-color: #e2001a; 
color: #e2001a; 
background: #fff; 
text-decoration: none; 
}

/*Level 1*/
#leftsection #content .sitemapLevel_01, 
#leftsection #content ul li.sitemapLevel_01 a{
display: block; 
background: #144b93; 
background-image: none; 
color: #fff; 
text-transform: uppercase; 
}

#leftsection #content .sitemapLevel_01{ 
padding: 0; 
border-bottom: 3px solid #fff; 
}

#leftsection #content .sitemapLevel_01 a{ 
padding: 3px 5px 2px; 
margin:0;
}

#leftsection #content .sitemap_01 .sitemapLevel_01 a:hover, 
#leftsection #content .sitemap_01 .sitemapLevel_01 a:focus, 
.sitemap_01 #leftsection #content .sitemapLevel_01 a:active,
#leftsection #content .sitemap_02 .sitemapLevel_01 a:hover, 
#leftsection #content .sitemap_02 .sitemapLevel_01 a:focus, 
.sitemap_02 #leftsection #content .sitemapLevel_01 a:active{
background: #e2001a; 
text-decoration: none; 
}

#leftsection #content .sitemapLevel_01 a:visited{ 
color: #fff; 
background: #144b93 ;
text-decoration: none;
}

#leftsection #content .sitemap_01 .sitemapLevel_01{
margin-bottom: 8px; 
}

/*Level 2*/
#leftsection #content .sitemapLevel_01 ul{ 
padding: 0; margin: 0; 
border: 0; border-top: 2px solid #fff; 
display: block; 
background: #fff;
}

#leftsection #content .sitemapLevel_02{ 
padding: 0; margin: 0; 
border: 0; border-bottom: 2px solid #fff; 
display: block; 
background:#d0e2f5 url(../images/layout/bg_ulList.gif) no-repeat 8px 7px; 
}

#leftsection #content .sitemap_02 .sitemapLevel_02 a, 
#leftsection #content .sitemap_02 .sitemapLevel_02 a:visited,
#leftsection #content .sitemap_02 .sitemapLevel_02 a:focus, 
#leftsection #content .sitemap_02 .sitemapLevel_02 a:active, 
#leftsection #content .sitemap_02 .sitemapLevel_02 a:hover{
padding: 2px 0 2px  22px; margin: 0; 
border: 0; 
display: block; 
background:transparent; 
color: #000; 
font-weight: normal; 
text-transform: none;
}

#leftsection #content .sitemap_02 .sitemapLevel_02 a:focus, 
#leftsection #content .sitemap_02 .sitemapLevel_02 a:active,
#leftsection #content .sitemap_02 .sitemapLevel_02 a:hover{
text-decoration: underline;
 }

/*Level 3*/
#leftsection #content .sitemapLevel_02 ul{
padding: 0; margin: 0; 
border: 0; border-top: 2px solid #fff; 
display: block; 
background: #fff;
}

#leftsection #content .sitemapLevel_03{
padding: 0; margin: 0; 
border: 0; border-bottom: 2px solid #fff; 
display: block; 
background:#E8F1F8 url(../images/layout/bg_ulList.gif) no-repeat 25px 7px; 
}

#leftsection #content .sitemap_02 .sitemapLevel_03 a, 
#leftsection #content .sitemap_02 .sitemapLevel_03 a:visited,
#leftsection #content .sitemap_02 .sitemapLevel_03 a:focus, 
#leftsection #content .sitemap_02 .sitemapLevel_03 a:active,
#leftsection #content .sitemap_02 .sitemapLevel_03 a:hover{
padding: 2px 0 2px  40px; margin: 0; 
border: 0; 
display: block; 
background:transparent; 
color: #000; 
font-weight: normal; 
text-transform: none;
}


/*Level 4*/
#leftsection #content .sitemapLevel_03 ul{
padding: 0; margin: 0; 
border: 0; border-top: 2px solid #fff; 
display: block; 
background: #fff;
}

#leftsection #content .sitemapLevel_04{
padding: 0; margin: 0; 
border: 0; border-bottom: 2px solid #fff; 
display: block; 
background:#fff url(../images/layout/bg_ulList.gif) no-repeat 40px 8px; 
}

#leftsection #content .sitemap_02 .sitemapLevel_04 a, 
#leftsection #content .sitemap_02 .sitemapLevel_04 a:visited,
#leftsection #content .sitemap_02 .sitemapLevel_04 a:focus, 
#leftsection #content .sitemap_02 .sitemapLevel_04 a:active,
#leftsection #content .sitemap_02 .sitemapLevel_04 a:hover{
padding: 2px 0 2px  53px; margin: 0; 
border: 1px solid #E8F1F8 ; 
display: block; background:transparent; 
color: #000; 
font-weight: normal; 
text-transform: none;
}

/*Level 5*/

#leftsection #content .sitemapLevel_04 ul{
padding: 0; margin: 0; 
border: 0; border-top: 0px solid #fff; 
display: block; 
background: #fff;
}

#leftsection #content .sitemapLevel_05{
padding: 0; margin: 0; 
border: 0; border-top: 2px solid #fff; 
display: block; 
background:#fff url(../images/layout/bg_ulList.gif) no-repeat 55px 8px; 
}

#leftsection #content .sitemap_02 .sitemapLevel_05 a, 
#leftsection #content .sitemap_02 .sitemapLevel_05 a:visited,
#leftsection #content .sitemap_02 .sitemapLevel_05 a:focus, 
#leftsection #content .sitemap_02 .sitemapLevel_05 a:active,
#leftsection #content .sitemap_02 .sitemapLevel_05 a:hover{
padding: 2px 0 2px  68px; margin: 0; 
border: 1px solid #E8F1F8 ; 
display: block; background:transparent; 
color: #000; 
font-weight: normal; 
text-transform: none;
}
.rahmen { 
width:auto; 
margin: 16px 10px 6px 0; 
border: 5px solid  #D1E2F4;
padding: 15px;
}