body {
   font-family: arial, verdana;
   font-size: 10pt;
}

h3
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   color: #000000;
   letter-spacing: normal;
   word-spacing: normal;
}

a img {
    border-style:none;
}

.cleanup {
    clear:both;
}

#hrHeader{
    display:none;
}
#hrFooter{
    display:none;
}
#gisloginform {
}
#loginboxWrap {
    display:block;
    background-color: #3985D5;
    width: 400px;
    /*height: 325px; */ /*EXPERIMENTAL: SHOULD WORK WITH 8+ PROTOCOL FIELDS*/
    text-align: left;
    margin-left:auto;
    margin-right:auto;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: left;
    border: #000000;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    padding: 2px;
}

.loginbox {
    display: block;
    height: 170px;
}

.hrLogin, .hrLoginError {
    display:none;
}

.loginbox_header #version {
    float:left;
    padding-top:4px;
}

.loginbox_header #helpicon {
    margin-left: 20px;
    float: right;
}

#helpicon a img {
    display:none;
}
#helpicon a  {
    background-image: url(../images/help.gif);
    width: 20px;
    height: 20px;
    display: block;
    margin:0;
}

#protocol_header {
    display: none;
}


.ig_header {
    display:none;
}
.ig_footer {
    display:none;
}

.admin_legend {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14pt;
   color: #000000;
   text-align: justify;
   font-weight: bold;
}

.fliesstext {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #000000;
   text-align: justify;
   letter-spacing: normal;
   word-spacing: normal;
   page-break-before: auto;
   page-break-after: auto;
   line-height: 12pt
}

.input_user , .input_user_cpw, .input_password, .input_password_cpw {
    font-family: "Tahoma", "Verdana", "Helvetica";
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    border: #b9b9b9;
    border-style: solid;
    text-align: left;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    float:left;
    display:block;
    margin-top: 5px;  /*vgl. label*/
}
.input_user , .input_user_cpw, .input_password, .input_protocol_div {
    width:225px;
}
.input_password_cpw {
    width:165px;
}

#input_user_label, #input_password_label, #confirm_password_label, #savecookie_label, .input_protocol_label {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 15px;
    width: 130px;
    float:left;
}
.input_protocol_label {
    text-Align:left;
    color:white;
    width:152px;
}
.input_protocol_div {
    float:left;
}

.functionbutton, .functionbuttonAdminUI {
   font-family: "Tahoma", "Verdana", "Helvetica";
   font-size: 12px;
   text-align: center;
   color: #000000;
   background-color: buttonface;
   height: 20px;
   width: 100px;
   border: #000000;
   border-style: outset;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   padding: 1px;
   float:left;
   margin: 10px;
   border-color: buttonface;
}

.functionbuttonAdminUI { /* Änderungen zu .functionbutton */
    margin: 0;
    background-color: #FFFFFF;
    border-color: #000000;
    float:none;
}

#buttonChangeUserPwd {
    width: 50px;
    margin-top: 5px; /*vgl label*/
    margin-bottom: 0;
}

#auth_use_cookie {




    font-family: "Tahoma", "Verdana", "Helvetica";
    font-size: 12px;
    color: #000000;
    margin-top: 8px;
    margin-left: 0;
}
#buttonReset, #buttonOK, #buttonCancel, #protocol_buttonOK, #protocol_buttonCancel {
    margin-left: 150px;
    margin-top: 5px;
    text-align: center;
    float:left;
}

#protocol_buttonOK {
    margin-left: 172px;
}


#buttonCancel, #protocol_buttonCancel, #buttonm_adminLogin { /* Änderungen zu #buttonOK */
    margin-left: 0;
    margin-right: 23px;
    float:right;
}

#protocol_buttonCancel {
    margin-right: 15px;
}

#buttonReset { /* Änderungen zu #buttonOK */
    margin:0;
    margin-right: 23px;
    float:right;
    margin-top: 4px;
}

#buttonm_adminLogin  {
    width: 230px;
    margin-right: 21px;
}




.inputduty {
   font-family: "Tahoma", "Verdana", "Helvetica";
   font-size: 12px;
   color: #000000;
   /* background-color: #FFFFFF; */
   background-color: #FFFC96;
   border: #000000;
   border-style: solid;
   text-align: left;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   margin-top: 10px;
}



.pflicht {
   font-family: "Tahoma", "Verdana", "Helvetica";
   font-size: 12px;
   color: #000000;
   background-color:#FFDDDD;
   border: #b9b9b9;
   border-style: solid;
   text-align: left;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px
}


/*
   Style Sheet Eigenschaften für das Applikationsfenster. Bis auf auf das Objekt
   .symbole sind alle weiteren Objekte für die einzelnen Frames zuständig. Hierbei lassen
   sich die Hintergrundfarben, Textfarben, Textgestaltung usw. festlegen. Alle Eigenschaften
   also, die für das betreffene Frame Allgemeingültigkeit besitzen.
*/

.symbole {
   padding: 2px;
   margin: 1px;
   display: inline;
   background: no-repeat center;
   width: 21px;
   height: 21px;
   float: left;
}
.symbolgruppe {
    float:left;
    margin-top: 2px;
    padding-left:5px;
    padding-right:5px;
}
.symbolicon {
    border: none;
    width: 21px;
    height: 20px;
}

/*
.folienbaum {
   background-color:white;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
}
*/

/* Das Fenster zur Auswahl der Zugriffsarten */
.zugriffsart {
   background-color:#94C6F6;
   color: #000000;
}

/* Für die obere Toolbar */
.menuleiste {
   background-color:#DEEAFF;
}

/* Hintergrundfarbe für den Zusatzinformationsbildschirm */
.zinfobg
{
    background-color:#94C6F6;
}

/* Hintergrund, bzw. Rahmen der Karte */
.maininc {
   background-color:#3985D5;
   color: #FFFFFF;
}

/* SVG Elemente */
/* Hintergrundfarbe für das Slidemenü */
.mainincsvg {
    fill:#3985D5;
}

/* die Box für die Beschreibung des aktuell gewählten Slidemenüs. Z.B.: Elementinformationen, Drucken, usw. */
.sliderhead {
    stroke:#000000;
    stroke-width:1px;
    fill:#DEEAFF;
    fill-opacity:1;
}
/* Das Rechteck um den Inhalt des Folienbaumes, Elementinfo, Drucken ... */
.marginrect
{
    stroke:#C9D4E7;
    stroke-width:1px;
    fill:none;
}
/* Der Rahmen für die Scrollbars */
.scrollbarrect {
    stroke:#C9D4E7;
    stroke-width:1px;
    fill:#DEEAFF;
    fill-opacity:1;
}

/*  Anweisungen für die Buttons im linken Slidemenü. Die Füllfarben für das Hervorheben sind in der Datei
    slidemenu.psvg als highlightSMButton_fill und unhighlightSMButton_fill definiert */
.smbutton
{
    fill:#EBEBEB;
    fill-rule:nonzero;
    fill-opacity:1;
}

/*  Urzustand des Balkens zum Verändern der Größe des Slidemenüs
    Zum Hervorheben sind die Variablen SliderHi_fill und SliderLo_fill in der drawarea.psvg definiert
*/
.resizelinerect
{
    fill:#3985D5;
}

/*
   Style Sheet Eigenschaften fr den Anmeldebildschirm
*/

.login_screen {
   font-family: Arial, Helvetica, sans-serif;
   background-color: #94C6F6;
}

#protokollBody{
    background-color: #94C6F6;
}

.loginbox_header {
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   font-weight: bold;
   text-align: left;
   padding: 2px;
}

.loginbox_logo {
   position: absolute;
   background-color: white;
   background-image:url(../config/logo.jpg);
   background-position: center;
   background-repeat: no-repeat;
   margin: 0 auto;
   height: 110px;
   width:400px;
   display:block;
   float:left;
}
#myMessages {
    display:none;
}

.loginboxErrMsg {
    color:yellow;
    font-weight:bold;
    margin: 0 auto;
    text-align:center;
    display:block;
    float:left;
    height: auto;
    width:400px;
    margin-top: 115px; /*unter Logo*/
    z-index:-10;
}


/* markieren von Pflichtfelder */
.markduty {
   background-color: #3F94EE;
   font-weight: bold;
}

.message_wait {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
   color: #FFFFFF;
   text-align: center;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   margin-bottom:20px;
   visibility: hidden;
}

#status1, #status2, #status3, #status4, #status5, #status6, #status7, #status8 {
    background-color:#94C2FF; /*blau*/
    visibility:hidden;
}

.statustile
{
    background-color: #A4C6EE;
    height: 5px;
    border: #000000;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    visibility: hidden;
}

.statustable
{
    border: #000000;
    border: 1px solid black;
    visibility: hidden;
}

.maintenanceFrame
{
    position: absolute; /* benötigt um Vollbild darzustellen */
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*
Administrationsoberfläche
*/
.admin_body {
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
}

.droparea:-moz-drag-over {
  border: 1px solid black;
}

.icon_delete_pdf{
    background-image: url(../images/icon_delete_pdf.png) !important;
}
.icon_show_pdf{
    background-image: url(../images/icon_show_pdf.png) !important;
}
.icon_highlight_pdf{
    background-image: url(../images/icon_highlight_pdf.png) !important;
}
.icon_unhighlight_pdf{
    background-image: url(../images/icon_unhighlight_pdf.png) !important;
}

.pflichtfeld {
    background-color : #FFFC96;
    background-image : url(../images/text-bg-pflichtfeld.gif) !important;
}

.icon_pdf {
    background-image: url(../images/icon_treenode.png) !important;
}

.icon_pdf_red {
    background-image: url(../images/icon_treenode_red.png) !important;
}

.icon_printer {
    background-image: url(../images/printer.png) !important;
}

/*
 * zugriffsart.php
 */

#div_AccessTypes {
    position: relative;
    top: 40px;
    left: 10px;
    z-index: 0;
    display: none;
    padding-bottom: 105px;
}

.div_AccessStep {
    position: relative;
    left: 10px;
    z-index: 0;
    display: block;
    padding-top: 10px;
    padding-bottom: 65px;
}

#div_AccessButton {
    position: relative;
    left: 10px;
    z-index: 0;
    display: block;
    padding-bottom: 10px;
}

.noElementExistsDialog {
    padding: 28px 10px 7px 10px !important;
}

/* CSS für WebSocket-Nachrichten  */
.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    position:absolute;
    right:1px   !important;
    left:auto   !important;
    top:0px;
    width:300px;
    z-index:20000;
}
#msg-div .msg {
    border-radius: 8px;
    -moz-border-radius: 8px;
    margin-top: 2px;
    padding: 0px 9px;
    color: #555;
}
#msg-div .msg h3 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 15px;
}
#msg-div .msg p {
    margin: 0;
}
/* Ende CSS für WebSocket-Nachrichten */

/*
 * USERDEF Styles
 */

#userdef_zugriffsart {
    position:absolute;
    top:15px;
    left: 275px; /*width 250px fest kodiert für div_LB_ + myID*/
    width:500px;
    height:300px;
    background-color:white;
    visibility:hidden;
}
/* Änderungen */

/* Schriften */

@font-face { 
    font-family: 'Geogrotesque-SemiBold';
    /* **error!** src: url('font/Geogrotesque-SemiBold.eot'); /* IE9 Compat Modes */  
    src: url('font/Geogrotesque-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
         url('font/Geogrotesque-SemiBold.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face { 
    font-family: 'Geogrotesque-Light';
    /* ** error!** src: url('font/Geogrotesque-Light.eot'); /* IE9 Compat Modes */
    src: url('font/Geogrotesque-Light.woff') format('woff'), /* Pretty Modern Browsers */
         url('font/Geogrotesque-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face { 
    font-family: 'Viva-Beautiful-Pro';
    src: url('font/Viva-Beautiful-Pro.eot'); /* IE9 Compat Modes */
    src: url('font/Viva-Beautiful-Pro.woff') format('woff'), /* Pretty Modern Browsers */
         url('font/Viva-Beautiful-Pro.ttf')  format('truetype'); /* Safari, Android, iOS */     
}


/* Background */
.login_screen {
    background-color: #E8E6E3;
    overflow-y:auto;
}

/* Standard Font */
.login_screen * {
    font-family: 'Geogrotesque-Light', sans-serif;
}

/* Kopfbereich */
#embedsvg {
    visibility: hidden;
}

.myIframe {
    /*height: 430px;*/
    overflow: hidden;
    height: 560px;
}
#login_header_img {
    background-image: url('images/header.png'), linear-gradient(to right, #87B2CF 0%, #2582A1 100%);
    background-position-y: 45%;
    background-repeat: no-repeat;
    background-size: auto;  
    overflow:hidden;
    height:100%;
}


/* mittlerer Bereich */
#gislogin_main {
    display: block;
    margin-top:120px; /*auch für Protokollfelder */
    height:300px;
}  


/* Footer anzeigen */
.ig_footer {
    display: inline;
    height: 50px;
}

#gislogin_footer {
    /* ##TODO: prüfen, was da schon in HTML steht */
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
    position: fixed;
    bottom: -5px;
    width:100%;
    z-index: 100;
}


/* Zusätzliche  Kopfzeile */
#gisloginform:before {
    content: "Planauskunft";
    font-family: Geogrotesque-Light;
    font-size: 60px;
    color: #219F7A;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    margin-top: -100px;
    float:left;
}

/* Logo wird nicht benötigt */
.loginbox_logo {
    display:none;
}

/* Loginbereich */
#loginboxWrap {
    border-style: none;
    background-color: #219F7A;
    width: 600px;
    border-radius: 3px;
}

/* Kopfzeile */
.loginbox_header #version {
    visibility:hidden;  
}
.loginbox_header:before {
    visibility:visible;
    content: "Anmeldung";
    font-family: Geogrotesque-SemiBold;
    font-size: 22px;
    padding-left:11px;
    float: left;
}
.loginbox_header #helpicon {
    display:none;
}

/* Fehlermeldung wird dann unter Login angezeigt */
.loginbox {
    height: 37px;
}

/* Box um eingabefelder */
#user_password_wrap {
    background-color: white;
    margin-left: 5px;    
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    width: 578px;
    margin-left: 11px;
    border-radius: 3px;
}

/* diverse Buttons ausblenden */
#buttonChangeUserPwd, #auth_use_cookie, #buttonCancel, #input_user_label, #input_password_label, #savecookie_label {
    display:none;
}

/* ohne Rand */
.input_user , .input_user_cpw, .input_password, .input_password_cpw {
    border-style: none;
}

/* Änderungen Anmeldebutton */
#buttonOK {
    font-family: Geogrotesque-SemiBold;
    font-size: 20px;
    color: transparent;
    margin-top: 15px;
    margin-bottom: -40px;
    margin-left: 10px; /* ##von functionbuttonOK */
    background-color: white;
    width: 580px;
    height: 40px;
    border-radius: 5px; 
}
/* ##TODO: Entfernen, wenn Änderung in authenticate.inc vorhanden */
#buttonOK:after {
  content: "Anmelden";
  color: #219F7A;
}

#buttonReset {
    font-family: Geogrotesque-SemiBold;
    font-size: 20px;
    color: #219F7A;
    background-color: white;
    width: 580px;
    height: 40px;
    border-radius: 5px;
    position: relative;
    margin-bottom: -5px;
    margin-top: -25px;
    margin-right: 0;
    top: 50px;
    z-index: 10;
}

#protocol_buttonOK, #protocol_buttonCancel {
    font-family: Geogrotesque-SemiBold;
    font-size: 20px;
    color: #219F7A;
    margin-top: 15px;
    margin-bottom: -40px;
    margin-left: 10px; /* ##von functionbuttonOK */
    background-color: white;
    width: 270px;
    height: 30px;
    border-radius: 5px; 
}

/* Eingabe-Buttons festlegen */
.input_user, .input_user_cpw, .input_password, .input_password_cpw {
    width: 560px;
    font-family: Geogrotesque-Light;
    font-size: 17px;
    border-width: 2px;
    border-color: #D3D3D3;
    border-style: solid;
    border-radius: 3px;
    margin-left: 7px;
}
/* Korrektur für Layout*/
.input_user {
    margin-top: 1px;
    margin-bottom: 5px;
}
.input_protocol_label, .input_protocol_div {
    font-family: Geogrotesque-Light;
    font-size: 17px;
    border-style: none;
    width: 280px;
    margin-left: 7px;
}

.loginboxErrMsg {
    color: red;
    font-weight: normal;
    font-size: 17px;
    margin-left: 250px;
    margin-top: 0px;
    position: relative;
    top: 175px;
    left: -125px;
    float: none;
}