@charset "UTF-8";

/* margin: top right bottom left */

/*****************************************************
/ 5.8.2010, upd10.8.2010 BKA-VII/5 Edith Vosta 
/ Alle enthaltenen CSS Korrekturen und Ergaenzungen sind dokumentiert - siehe "EV" 
*****************************************************/

body { font-family: "Lucida Grande", "Bitstream Vera Sans", "Lucida Sans Unicode", sans-serif; font-size:0.75em; color:#000;
	margin:0; padding:0;	background:url('dateien/hintergrund.jpg') repeat-x #e6f2fa; }
body.new { background: #e6f2fa; }

a img { border:none; }
a:hover, a:focus, a:active { color:red; }   /* -- added support for keyboard focus/EV --- */
a.keinhover:hover { color:black; }
q:before { content:"„"; }
q:after { content:"“"; }

/*****************************************************
/ unvisible content - BKA-VII/5/EV - MUSTER
*****************************************************/
/* visible hidden, but available for search engines, screenreaders etc. */
.hidden {
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
/*****************************************************
/ unvisible content - END
*****************************************************/

/*****************************************************
/ Skiplinks korrigiert - BKA-VII/5/EV - Variante fuer div-HTML-Code
*****************************************************/
div#skip-links ul {	
	display: inline;
	list-style: none;
	position: absolute; 
	top: 0;
	left: 0;
	background: none; 
	width: 20em;
	z-index: 88;
}

#skip-links a {
	position: absolute;
	top: -1000em;
	left: -1000em;
	height: 1px;
	width: 1px;
	overflow: hidden;
	font-size: 0.8em;
}
#skip-links a:focus, #skip-links a:active {
	top: 0;
	left: 0;
	height: 1.2em;
	width: auto;
	padding: 0.5em;
	background-color: #fff;
	font-size: 1.1em;
	z-index: 99;
}

/*****************************************************
/ Skiplinks korr ENDE
*****************************************************/


/* --- display:none darf dazu nicht verwendet werden! DAMIT NICHT MEHR NAVIGIERBAR!!/EV
#skip-links { display:none; } 
--- */


#container { width:990px; margin:0 auto 0 auto; }

#banner { width:985px; height:160px; background:url('dateien/banner.jpg') no-repeat; } 
#header { padding-bottom: 10px; }
@media print {
	#header { display: none; }
}

#sitename { width:310px; color:#2c5486; }
#sitename a { display:block; text-decoration:none; color:#2c5486; }
/* #sitename span.gross { display:block; width:270px; padding:40px 0 0 190px; font-size:2.8em; font-weight:bold;  }
#sitename span.klein { display:block; width:270px; padding:0 0 10px 193px; font-size:1.1em; } */
#sitename span.gross { display:block; width:310px; padding:38px 0 0 170px; font-size:2.5em; font-weight:bold; }
#sitename span.klein { display:block; width:310px; padding:0 0 0 173px; font-size:1.1em; line-height: 1.2em; }

#breadcrumbs { position:relative; top:-10px; margin-left:90px; font-size:0.9em; }

#navigation { width:205px; float:left; margin-top:0px; background:#f4f1e0; border:1px solid #d5cebb; }
#navigation ul { padding:0; margin:10px 0 0 0; font-size:1.1em; }
#navigation li { list-style:none; margin:0; border:1px solid #f4f1e0; }
#navigation li a { display:block; padding:3px 0 3px 25px; text-decoration:none; color:#853902; background:url('dateien/navigation-punkt.png') 10px center no-repeat; }
#navigation li.aktuellerbutton { padding:3px 0 3px 25px; color:#f7f2e1; background:url('dateien/navigation-punkt-aktuell.png') 10px center no-repeat #cb651b; }

/* -- added support for keyboard focus/EV --- */
#navigation li a:hover, 
#navigation li a:focus, 
#navigation li a:active { color:#f7f2e1; background:url('dateien/navigation-punkt-aktuell.png') 10px center no-repeat #cb651b; }

#sprachlink { margin:5px 0 5px 0; font-size:1.1em; }
#sprachlink img { margin:0 4px 0 2px; }
#sprachlink a { display:block; padding:3px 0 3px 6px; text-decoration:none; color:#853902; }

/* -- added support for keyboard focus/EV --- */
#sprachlink a:hover, 
#sprachlink a:focus, 
#sprachlink a:active { color:#f7f2e1; background:#cb651b; }

#suche { padding:14px 4px 14px 19px; }
#suchbegriff { width:130px; margin-right:4px; }
#suchenschaltflaeche { position:relative; top:4px; }

#mitte { float:left; width:768px; margin:0 0 30px 12px;} /* eigentlich: width:771px */
.inhalt { padding:10px 20px 30px 20px; margin-bottom:15px; background:white; border:1px solid #d5cebb; }


#mitte-startseite { float:left; width:547px; margin:0 10px 0 12px;}
.inhalt-startseite { padding:20px; background:white; border:1px solid #d5cebb; margin-bottom:30px; }
#leiste-rechts { float:left; width:212px; padding:0; margin-top:0; margin-left:1px; } /* float:left ist für IE, weil der sonst oben ein paar Pixel Abstand lässt, wenn deployJava.js geladen ist */

.kasten { margin-bottom:10px; background:#e3ecf3; border:1px solid #d8e3e9; }
.kasten h4 { padding:3px 10px 3px 10px; margin:0; background:#d8e3e9; color:#1c3e6c; font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif; }
.kasten p { padding:5px 10px 10px 10px; margin:0; }

h1 { color:#2c5486; font-size:2em; }
h2 { font-size:1.5em; }
h3 { font-size:1.2em; }
.bildlinks { float:left; margin-right:20px; }
.bildrechts{ float:right;margin-left :20px; }
.zentriert { text-align:center; }
.ohneeinzug { margin:0; padding:0; }
.ohneeinzug li { margin-left:15px; }
.ohneabstand { margin:0; }
.klein { font-size:0.8em; }
ol li { margin-bottom:0.8em; }
.ueberschrift-auf-blau { text-align:center; }
.rahmen { border:1px solid #d5cebb; padding:0 10px 0 10px; }
samp { font-family: "Courier New", Courier, monospace; }
.dreieck { padding:0 3px 0 3px; }
.rot { color:red; }

#anwendungssuche { text-align:center; }

/* Lightbox: */
#lightbox-container { display:none; position:absolute; top:0; left:0; width:100%; cursor:pointer; text-align:center; overflow:hidden; z-index:1; }
/*invalid CSS:*/
#lightbox-hintergrund { position:absolute; left:0; width:100%; height:100%; background:black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:Alpha(opacity=60); -moz-opacity:0.6; opacity:.60; }
#lightbox-laden { position:relative; width:132px; height:82px; background:white; margin:0 auto 0 auto; padding-top:50px; z-index:2; }
.lightbox-inhalt { position:absolute; width:500px;	padding:16px; border:2px solid #1c3e6c; background:white; z-index:1002; }
.lightbox-inhalt div img { margin:10px 10px 0 0; }
.lightbox-chiperling {  }
.lightbox-schliessen { position:relative; left:425px; top:-45px; padding:5px; }

/* Startseite: */
#video { margin:0 0 5px 0; }
.anwendung-startseite { border:1px solid #d5cebb; margin-bottom:20px; padding-top:10px; }
.direkt-links { padding:0 10px 2px 10px; margin-top:10px; border-top:1px solid #d5cebb; }
.anwendung-startseite h2 { margin:0 10px 5px 10px; }
.anwendung-startseite p { margin:0 10px 10px 10px; }
.anwendungsbild { margin:0 15px 0 15px; }
#Banken .links { float:left; }
#Banken ul { margin:0; padding:0 20px 10px 0; }
#Banken li { list-style:none; }
#Banken img { margin:1px 5px 1px 0; position:relative; top:4px; }

/* aktivieren.php: */
.grau { background:#eee; }
.linke-spalte { width:374px; float:left; } /* width: 377 */
.rechte-spalte { width:374px; margin-left:389px; } /* margin-left:392px; */
#handy { position:relative; top:-40px; text-align:center; }
/* HL: Button-Änderung wegen WAI  #aktivieren-handy { display:block; width:192px; height:32px; margin:10px auto 0 auto; background:url('dateien/aktivieren-handy.png') no-repeat; }
*/
#aktivieren-handy { display:block; width:190px; height:40px; margin:10px auto 0 auto; background:url('dateien/aktivieren-handy.png') no-repeat; }

/* -- added support for keyboard focus/EV --- */
#aktivieren-handy:hover, 
#aktivieren-handy:focus, 
#aktivieren-handy:active, 
#aktivieren-handy-hover, #aktivieren-handy-hover, #aktivieren-handy-grau { display:block; margin:10px auto 0 auto; background:url('dateien/aktivieren-handy-hover.png') no-repeat; }

#handy-en { position:relative; top:-40px; text-align:center; }

#aktivieren-handy-en { display:block; width:190px; height:40px; margin:10px auto 0 auto; background:url('dateien/aktivieren-handy.en.png') no-repeat; }
#aktivieren-handy-en:hover, 
#aktivieren-handy-en:focus, 
#aktivieren-handy-en:active, 
#aktivieren-handy-hover-en, #aktivieren-handy-hover-en, #aktivieren-handy-grau-en { display:block; margin:10px auto 0 auto; background:url('dateien/aktivieren-handy-hover.en.png') no-repeat; }

#aktivieren-handy span, #aktivieren-e-card span, #aktivieren-handy-en span, #aktivieren-e-card-en span { display:none; }


#e-card {position:relative; top:-20px; text-align:center; }
/* HL: Button-Änderung wegen WAI  #aktivieren-e-card { display:block; width:192px; height:32px; margin:15px auto 20px auto; background:url('dateien/aktivieren-e-card.png') no-repeat; } 
 */
#aktivieren-e-card { display:block; width:190px; height:40px; margin:15px auto 20px auto; background:url('dateien/aktivieren-e-card.png') no-repeat; }

/* -- added support for keyboard focus/EV --- */
#aktivieren-e-card:hover, 
#aktivieren-e-card:focus, 
#aktivieren-e-card:active, 
#aktivieren-e-card-hover, #aktivieren-e-card-hover, #aktivieren-e-card-grau { display:block;  margin:15px auto 20px auto; background:url('dateien/aktivieren-e-card-hover.png') no-repeat; }

#aktivieren-e-card-en { display:block; width:190px; height:40px; margin:15px auto 20px auto; background:url('dateien/aktivieren-e-card.en.png') no-repeat; }

#aktivieren-e-card-en:hover, 
#aktivieren-e-card-en:focus, 
#aktivieren-e-card-en:active, 
#aktivieren-e-card-hover-en, #aktivieren-e-card-hover-en, #aktivieren-e-card-grau-en { display:block;  margin:15px auto 20px auto; background:url('dateien/aktivieren-e-card-hover.en.png') no-repeat; }

#themen { margin:0; padding:0; }
#themen li { float:left; list-style:none; margin:0 20px 0 20px; font-size:1.1em; font-weight:bold; }
#bundesland_select option { color:black; }
.aktuellesthema { color:red; }

#explorer-kasten { width:350px; float:right; padding-top:10px; z-index:1; background:white; }
#explorer-kasten div { margin:10px 0 0 10px; padding:5px 10px 0 10px; border:2px solid #d4d5d9; }
#explorer-kasten h3 { margin-top:0; }

#logo-kasten { width:150px; float:right; padding-top:5px; z-index:1; background:white; }

#anwendung-textfeld { width:320px }
.anwendung { padding:0 10px 10px 10px; margin-bottom:10px; border:1px solid #d5cebb; }
.anwendung h3 {  margin:5px 0 5px 0; }
.anwendung h3 span.funktioniert { padding-left:20px; font-size:0.7em; font-weight:normal; }

/* haeufige-fragen.php: */
#haeufige-fragen .linke-spalte, #haeufige-fragen .rechte-spalte { margin-top:0; }
#haeufige-fragen h3 { font-size:1em; }
.faq { margin-left:15px; padding:0; }
.faq li { margin-bottom:5px; }
.faq-frage { font-weight:normal; margin-bottom:0; }
.faq-antwort { margin-top:0; padding:5px; }
.faq-antwort-rahmen { border:4px solid #cb651b; }
.glossarbegriff { border-bottom:1px dotted black; text-decoration:none; color:black; }

/* download.php: */
/*#trustdesk { width:300px; float:right; padding:5px 10px 0 10px; margin:20px 0 0 10px; border:2px solid #d4d5d9; }*/
#trustdesk h3 { margin-top:0; }
#mocca-starten { display:block; float:left; width:162px; height:27px; margin-right:5px; background:url('dateien/software-mocca-installieren.png') no-repeat; }

/* -- added support for keyboard focus/EV --- */
#mocca-starten:hover, 
#mocca-starten:focus, 
#mocca-starten:active { background:url('dateien/software-mocca-installieren-hover.png') no-repeat; }

#mocca-starten-en { display:block; float:left; width:162px; height:27px; margin-right:5px; background:url('dateien/software-mocca-installieren.en.png') no-repeat; }

/* -- added support for keyboard focus/EV --- */
#mocca-starten-en:hover, 
#mocca-starten-en:focus, 
#mocca-starten-en:active { background:url('dateien/software-mocca-installieren-hover.en.png') no-repeat; }


#mocca-starten span, #mocca-starten-en span { display:none; }
#software-tabelle td { text-align:center; }

/* hintergrund-informationen.php: */
#hashwert { }
#hashwert td { width:1em; text-align:center; }
.seitenleiste { width:300px; float:right; border:2px solid red; }

/* wie-funktioniert.php: */
.schritt { position:relative; top:-5px; left:-10px; font-size:1.5em; font-weight:bold; }
.screenshot { border:2px solid #d5cebb; float:left; }
.beschriftung { margin-left:225px; text-align:left; }

/* pdf-signatur.php: */
#pdf-kasten { width:300px; float:right; padding-top:10px; z-index:1; background:white; }
#pdf-kasten div { margin:10px 0 0 10px; padding:5px 10px 0 10px; border:2px solid #d4d5d9; }
#pdf-kasten h3 { margin-top:0; }
/* HL Buttons ausgetauscht (zu wenig Kontrast) und um DE / EN erweitert 
   .herunterladen { display:block; width:112px; height:20px; background:url('dateien/herunterladen.gif') no-repeat; }
   */
.herunterladen { display:block; width:112px; height:20px; background:url('dateien/herunterladen.png') no-repeat; }
.herunterladen-de { display:block; width:112px; height:20px; background:url('dateien/herunterladen-de.png') no-repeat; }
.download { display:block; width:112px; height:20px; background:url('dateien/download.png') no-repeat; }
.download-en { display:block; width:112px; height:20px; background:url('dateien/download-en.png') no-repeat; }


/* -- added support for keyboard focus/EV --- */
/* HL Buttons ausgetauscht (zu wenig Kontrast) und um DE / EN erweitert 
	.herunterladen:hover, 
	.herunterladen:focus, 
	.herunterladen:active { background:url('dateien/herunterladen-hover.gif') no-repeat; }
   */
.herunterladen:hover, 
.herunterladen:focus, 
.herunterladen:active { background:url('dateien/herunterladen-hover.png') no-repeat; }

.herunterladen-de:hover, 
.herunterladen-de:focus, 
.herunterladen-de:active { background:url('dateien/herunterladen-de-hover.png') no-repeat; }

.download:hover, 
.download:focus, 
.download:active { background:url('dateien/download-hover.png') no-repeat; }

.download-en:hover, 
.download-en:focus, 
.download-en:active { background:url('dateien/download-en-hover.png') no-repeat; }

.herunterladen span, .herunterladen-de span, .download span, .download-en span, .online-signieren span, .online-signieren-en span, .online-pruefen span, .online-pruefen-en span { display:none; }
/* HL: Button vergrößert 
.online-signieren { display:block; width:112px; height:20px; background:url('dateien/pdf-online-signieren.png') no-repeat; }
*/
.online-signieren { display:block; width:260px; height:50px; background:url('dateien/online-signieren.png') no-repeat; }

/* -- added support for keyboard focus/EV --- */
.online-signieren:hover, 
.online-signieren:focus, 
.online-signieren:active { background:url('dateien/online-signieren-hover.png') no-repeat; }

.online-signieren-en { display:block; width:260px; height:50px; background:url('dateien/online-signieren.en.png') no-repeat; }

/* -- added support for keyboard focus/EV --- */
.online-signieren-en:hover, 
.online-signieren-en:focus, 
.online-signieren-en:active { background:url('dateien/online-signieren-hover.en.png') no-repeat; }

.online-pruefen { display:block; width:260px; height:50px; background:url('dateien/signatur-pruefen.png') no-repeat; }

/* -- added support for keyboard focus/EV --- */
.online-pruefen:hover, 
.online-pruefen:focus, 
.online-pruefen:active { background:url('dateien/signatur-pruefen-hover.png') no-repeat; }

.online-pruefen-en { display:block; width:260px; height:50px; background:url('dateien/signatur-pruefen.en.png') no-repeat; }

/* -- added support for keyboard focus/EV --- */
.online-pruefen-en:hover, 
.online-pruefen-en:focus, 
.online-pruefen-en:active { background:url('dateien/signatur-pruefen-hover.en.png') no-repeat; }

.betriebssysteme { margin:0 0 10px 0; }
.betriebssysteme span { position:relative; top:-5px; }
.betriebssysteme img { margin-right:5px; }

/*****************************************************
/ keine farbcodierte Info! Text/Schrift muss sichtbar sein und Kontrastvorgabe beruecksichtigen! - BKA-VII/5/EV
*****************************************************/
/* datenschutz.php: */
.niedrig { background:#f03c11; color:#000; }
.mittel { background:#ffbc1c; color:#000; }
.hoch { background:#00bb00; color:#000; }
/*****************************************************
/ Text/Schrift muss sichtbar sein! - ENDE
*****************************************************/

/* registrierungsstellen.php: */
.gerade { background:#f8fbfe; }
table { border-spacing:0; border-collapse:collapse; }
th { border:1px solid #d5cebb; padding:4px; background:#b9c6cf; }
td { border:1px solid #d5cebb; padding:4px; }
.bundesland { float:left; }
.filtern { clear:left; }

/* presse.php: */
#pressekontakt { float:left; width:300px; }
#fotodownload { margin-left:400px; }

/* kontakt-impressum.php: */
#formular-kontakt td { border:none; }
#formular-kontakt .schlecht { display:none; }
#subject { width:500px; }
#dertext { width:500px; height:150px; }
#name, #email { width:300px; }

/* Bürgerkarte-Login: */
#login { width:210px; }
#bkulogin {	margin-top:0px;
	padding : 5px;
	text-align:center; }
#pins { padding-top:10px; font-size:0.8em; }
#lightblock{ text-align : left;
  padding : 5px 5px 5px 5px; }
.hell { background:#e3ecf3; }
.dunkel { background:#d8e3e9; }

#banner-druck { display:none; }
@media print {
	#banner-druck { display:block; }
	#sitename { position:relative; top:-170px; }
	#navigation { display:none; }
	#breadcrumbs { display:none; }
	#container { width:auto; }
}

/* A-Trust-Liste  */
#FrameRegistrierungsstellen {
    width:741px;
    height:100%;
    min-height: 400px;
    border-style:hidden;
    border:none
}

#iframe_container_atrust {
    width: 700px;
    height: 900em;
}

#iframe_window_atrust {
    width: 90%;
    height: 420px;
    /*overflow-y:scroll;
    overflow-x:hidden;*/
    border-style:hidden;
    border:none;
}

/* BRZ-Liste /anwendungen.de.php den  hor. Scrollbar abgewöhnen */
#FrameBRZliste {
    width:741px;
    /*height:450px;*/
    height:100%;
    /*invalid CSS:*/
    overflow-x:hidden;
    overflow-y:scroll;
    border-style:hidden;
    border:none;
}

#iframe_container {
    width: 99%;
    height:100%;
    /*height: 720em;*/
}

#iframe_window {
    width: 99%;
    height: 420px;
    border-style:hidden;
    border:none;
}