@font-face {
    font-family: 'tgl';
    src: url('/codebase/fonts/TGL 31034-1.ttf');
}

@font-face {
    font-family: 'freesans';
    src: url('/codebase/fonts/FreeSans.ttf');
    font-weight: 400;
    font-style: normal;
}

/**
Reset
*/
* {
  margin: 0;
  padding: 0;
  font-size: 1em;
  box-sizing:border-box;
  font-family: 'freesans', sans-serif;
}

#content header {
    background-color: #fff;
}

/*
import / export
*/
#content header #jsonUpload {
    display: none;
}

#content header #importExport {
    font-family: Arial,Helvetica,sans-serif;
    visibility: hidden;
}

#content header #importExport.show {
   visibility: visible;
}

/**
Testserver
*/
body.testServer {
    background-image: url(/codebase/images/testserver.png); 
}

/**
Testserver
*/
body.testServer.intern {
    background-image: url(/codebase/images/testserver_intern.png); 
}

body.intern {
    background-color: #93D8FB;
}
/**
STÖRGRUPPE
*/

#felder #felderArea .soGruppe{
    border: 1px solid #000;
    background-image: url('/codebase/images/stoerobjekt.png');
     background-repeat: no-repeat;
     background-size: 100% 100%;
}

#felder #felderArea .soGruppe .soTextAusgabe{
    display:block;
    font-weight: bold;
    text-align: center;
}

/**
  SELECTS formatieren
*/
select {
    border:1px solid #ccc;
    vertical-align:top;
    height:20px;
    padding-right: 0.5em;
}
input, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/**
Content zentrieren
*/
#content {
    max-width: 72em;
    margin: auto;
}

/**
    Allgemeine Definitionen
*/
input[type=button] {
    background-color: #1e8ed8;
    color: #fff;
    width: 10em;
    margin-top: 1em;
}

input[type=button]:hover {
    background-color: #00b3f0;
}

#content {
    min-height: 1200px;
}

/**
 Accordion
*/
.ui-accordion-header{
   background:#00b3f0 !important;
   color: #fff !important;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png") !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
   border: 1px solid #fff !important;    
}

label {
    margin-top: 1em;
}
/**
Seitenkopf
*/
header {
    height: 3em;
}

header #logo {
    position:relative;
    top:0.6em;
    width: 10em;
}

header #language {
    float:right;
    margin: 1em 0 1em 1em;
    width: 5em;
}

header #language select {
    float: left;
    font-size: 0.75em;
}

header #language img {
    width: 1.5em;        
    float: right;
    margin-top: 0.1em;
}

/**
Navigation inkl. Tabs
*/
nav {
  clear: both;
}

/**
 Seitenfuß
*/
footer {

}

#textDimension {
    visibility: hidden;
}