#main {
	margin: auto; /* zentriert Applikation in der Mitte des Bildschirms */
	width: 962px;
	background-color: white;
	color: black;
	font-family: gudea;
        font-size: 11pt ;
        font-weight: normal;
	text-align: left;
}

#layout {
    margin: 0px auto;
    padding: 0px 0px 10px;
    width: 993px;
    background-color: white;
    border: 1px solid #999999;
    overflow:auto;
}

#footer {
    font: normal 8pt gudea;
    color: #999999;
    width: 993px;
    margin: 0 auto;
    overflow: auto;
    padding: 0 0 10px;
}

#alarmDisplayer {
    float: left;
    margin: 15px 0 20px;
    padding: 5px 0 15px 5px;
    height: 10px;
    width: 955px;;
    font-size:  11pt ;
    text-align: left;
    overflow:hidden;
    border-width: 0px;
    border-style:solid;
    background-color:#DDDDDD    ;
}
#alarmObserver {
    width:510px;
    position: absolute;
    margin: 0px 0px 0px 370px;
    padding: 0px 0px 0px 10px;
    color: black;
    overflow: auto;
    max-height: 80px;
    text-align: left;
    background-color:#FA8072;
}
#alarmSound{
   float: right;
   height: 100%;
}

#stopSoundImage{
    margin: 10px 20px 0 0;
}

#alarmEvents{
   margin: 0px 0;
   float: left;
}
.alarmObserverEventTable{
    margin: 10px 0 9px 0;
}

.alarmObserverEventTable td{
    padding: 0px 2px;
    font-size: 11pt;
}


#content_all{
   float:left;
   width:100%;
}

#contentHeader2 {
/*    width:801px; */
    margin: 0px 5px 0px 5px;
    padding: 0px 0px 0px 10px;
    min-height: 30px;
    height: 35px;
    font: normal 10pt gudea;
    color: black;
    overflow: auto;
    text-align: left;
    border-bottom: 1px solid #999999;
}

#navigation {
    float: left;
    margin: 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    min-height: 450px;
    height: 500px;
    width: 150px;
    font: bold 8pt gudea;
    color: #003366;
    text-align: left;
}

.navigation_element {
    height: 26px;
}

#menueboxPreferences {
    font-size: 14pt;
}

.navigation_element a {
	color: #003366;
	font-size: 14pt;
	text-decoration: none;	
}

.selectUserRights {
    width: 211px;
}

.editTable td{
    padding: 5px 29px 5px 0;
}

span.menutag {
display: flex;
cursor: default;
white-space: nowrap;
overflow: hidden;
width: 155px;
justify-content: left;
}

#contentLeft{
    float:left;
    width: 467px;
    padding-right: 24px;
}

#contentRight{
    float:right;
    width: 467px;
    text-align: right;
}

#contentGoldenCutLeft{
    float:left;
    width: 320px;
    padding-right: 22px;
}

#contentGoldenCutRight{
    float:right;
    width: 620px;
    text-align: right;
}

/* operationArea map */
#opAreaMap {
    position: relative;
    top:5px;
    height: 600px;
    width: 720px;
    float: right;
}

#mapContainer{
    float: left;
    width: 100%;
}
.menuLink{
    text-indent: 3px;
    text-align: left;
    font-size: 13pt;
    padding: 0px 2px 2px 2px;
}

.menuTitle{

    text-align: left;
    font-size: 8pt;
    position: relative;
    margin: 20px 4px 5px 4px;
}

/* start reiter */
#reiter
{
    float:left;
    width: 100%;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-color:#003366;
    margin: 13px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    line-height: normal;
}

.inactiveReiter{
    border-color:#999999 !important;
}
#content #reiter ul
{
    margin: 0px 4px 0px 0px;
    padding: 0px;
    list-style: none;
}
#content #reiter li
{
    float:left;
    background-color: #999999;
    margin: 0 1px 0 0;
    padding: 0px 3px 4px 0px;
    list-style-type: none;
}
* html #reiter li
{
    padding-bottom:1px;
}
*+html #reiter li
{
    padding-bottom:1px;
}
#reiter ul li a
{
    float:left;
    display: block;
    background-color: #999999;
    text-decoration: none;
    color: white;
}

* html #reiter ul li a
{
    height:auto;
    padding-top:8px;
}

#reiter a
{
    float: none;
    text-decoration: none;
}

#reiter li#current
{
    /* background-image: url('../pics/reiter/left_on.gif'); */
    background-color: #003366;
    list-style-type: none;
}
* html #reiter li#current
{
    position:static;
    top:0px;
    list-style-type: none;
}
*+html #reiter li#current
{
    position:static;
    top:0px;
    list-style-type: none;
}

#reiter .menuLinkDisabled  {
    display: none;
    background-color: #999999;
    color: #CCCCCC;
}

#reiter .menuLink  {
    margin-top: 2px;
}

#reiter #current a
{
    /* background-image: url('../pics/reiter/right_on.gif'); */
    background-color: #003366;
    color: #FFFFFF;
    font-weight:normal;
    /* text-transform: uppercase; */
    /*    height:15px; */
}

*+html #reiter #current a
{
    /*    height:16px; */
}


* html #reiter #current a
{
    /*    height:14px; */
}

/* END reiter */