/* DEFAULTS */

body {
    background-color: #000000;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000000;
}

body, html {    
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

a {
    color: #005096;
    text-decoration: none;
}

    /* Link visited state */
    a:visited {
        color: #005096; /* Darker shade for visited links, but you can keep it the same as the default */
    }

    /* Link hover state */
    a:hover {
        color: #005096; /* Slightly darker shade for hover state */
        text-decoration: underline;
    }

    /* Link active state */
    a:active {
        color: #005096; /* Even darker shade for active state */
    }

    /* Link focus state */
    a:focus {
        outline: 2px solid #005096; /* Highlighted outline for accessibility */
        outline-offset: 2px;
    }



p {
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000000;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
    }

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    }

h2 {
    font-size: 1.5em;
    font-weight: 600;
    }

h3 {
    font-size: 1.2em;
    }

h4 {
    font-size: 1.1em;
    }

h5, h6 {
    font-size: 1em;
    }

/* PRIMARY LAYOUT */

#body_bg {
    width: 100%;
    background: #ffffff /*url(/i/bg_top.gif) repeat-x top left*/;
    text-align: center;
    }

.page {
    width: 100%;
    background-color: #fff;
    margin: 0px auto 0px auto;
}

.header {
    position: relative;
    margin: 0px auto 10px auto;
    padding: 0px;
    background: #676874;
    width: 100%;
    height: 35px;
    top: 0px;
    left: 0px;
    background: #fff /*url('/i/header.png') no-repeat left bottom*/;
}

.kundenbereich {
    position:fixed;
    float:none;
    top: 0px;
    left: 145px;
    width:500px;
    background-color: #fff;
    margin: 0px auto 10px auto;
}

.loginInfo {
    position: fixed;
    float: none;
    top: 55px;
    left: 950px;
    font-weight: bold;
    background-color: #fff;
    margin: 0px auto 10px auto;
}

.loginInfo ul li {
    text-align:left;
    padding: 3px 0px 3px 10px;
    }

.main {
    width:100%;
    float:left;
    text-align:left;
    color:#000000;
    white-space:nowrap;
    min-height: 760px;
    padding-bottom: 0px;
    }

.symbolleiste {
    width:100%;
    float:none;
    text-align:left;
    background: #f0f0f0 repeat-x top;
    color:#000000;
    min-height: 28px;
    padding: 2px 0px 0px 2px;
    }

.eingabe {
    width:100%;
    float:none;
    text-align:left;
    background: #f0f0f0 repeat-x top;
    color:#000000;
    padding: 2px 0px 0px 2px;
    }
    
.infoBox {
    width:100%;
    float:none;
    text-align:left;
    vertical-align: baseline;
    color:#000000;
    min-height:250px;
    padding: 2px 0px 0px 2px;    
    }
    
.footer {
    color: #000000;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    }
    
 .content_white{
    width:100%;
    background: #ffffff;
    padding: 4px 0px 4px 0px;
    color: #ffffff;    
    }

.content_blue {
    width: 100%;
    /*background: #676874;*/
    background: #005096;
    padding: 0px 0px 4px 0px;
    color: #ffffff;
    border-color: white;
}

.content_blue_label {
    font-size: 1.3em;
    font-weight: bold;
    padding: 0px 5px 0px 0px;
    color: #ffffff;
    text-shadow: 2px 2px 2px black;
}

table.content_blue,  table.content_blue td{
    width:auto;
    color: #ffffff;    
    }

.content_black {
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    padding: 8px 0px 8px 0px;
}

.content_clear{
    width:100%;
    background-color: #ffffff;
    padding: 8px 0px 8px 0px;
    }

.content_clear_Bestellhistorie {
    width: 100%;
    position: static;
    top: 5px;
    left: 5px;
    /*background-color: #676874;*/
    background-color: #005096;
    color: white;
    margin: 0px 0px 0px 0px;
}
        
.content_clear_label {
    font-size: 1.6em;
    font-weight: bold;
    padding: 0px 40px 20px 10px;
    color: #000000;
    }

table.content_clear, table.content_clear td {
    width: 100%;
    padding: 3px 3px 3px 3px;
    border: 1px solid #f0f0f0;
    color: #000000;
}

table.table_clear td.table_clear{
    border: 0px solid #ffffff;
    }
 
 .content_block_left {
    width: 520px;
    position:static;
    float: left;
    top: 5px;
    left: 5px;
    background-color: #ffffff;
    margin: 3px 0px 3px 3px;
    }
    
 .content_block_right {
    width: auto;
    position:relative;
    float:none;
    top: 5px;
    left: 5px;
    margin: 3px 0px 3px 3px;
    }
    
/* TAB MENU */

div.shadow {
    margin: 0px 0px 0px 0px;
    padding:  0px 0px 0px 0px;
    height: 10px;
    width: 100%;
    background: url(/i/shadow.jpg) #ffffff repeat-x top;
    text-align: center;
    }
    
div.menu {
    margin: 0px 0px 0px 0px;
    padding:  0px 0px 0px 0px;
    height: 28px;
    width: 100%;
    text-align: left;
    }
    
div.menu ul {
    list-style: none;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    width: auto;
    }

div.menu ul li a {
    border: 1px solid grey;
    color: #000033;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    }

div.menu ul li a:hover {
    color: #999999;
    text-decoration: none;
    border-bottom: 2px solid #ffffff;
    }

div.menu ul li a:active {
    color: #999999;
    text-decoration: none;
    border-bottom: 2px solid #ffffff;
    }
    
      
/* FORM ELEMENTS */
.formbox {
    margin-left: 150px;
    }

fieldset{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
    }

fieldset p {
    margin: 2px 12px 10px 10px;
    }

fieldset.login label, fieldset.register label, fieldset.changePassword label {
    display: block;
    text-shadow: 2px 2px 2px gray;
    }

fieldset label.inline {
    display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    text-shadow: 2px 2px 2px gray;
    }

        
.input {
    padding: 3px 3px 3px 3px;
    margin: 3px 3px 3px 20px;
    }

input.inTable {
    padding: 1px 1px 1px 1px;
    margin: 1px 1px 1px 1px; 
    width: 95%;
    }

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
    }

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
    }

div.accountInfo {
    width: 57%;
    }
    
   .imageButton  {
    width: 180px;
    text-align: center;
    padding: 2px 3px 2px 3px;
    margin: 3px 3px 3px 3px;
    color: black;
    }

select {
width:35px;
    outline: none;
}    

.submitButton, .submitButtonAuto, .submitButtonLeft, .hiddenButton {
    text-align: center;
    padding: 2px 3px 2px 3px;
    margin: 3px 3px 3px 3px;
    color: #676874;
    }
    
.submitButtonAuto {
    width: auto;
    }

.submitButtonLeft {
    text-align:left;
    }
    
.imageButton {
    width: 20px;
    height: 20px;
    background-color: ButtonFace;
    border: ActiveBorder;
    }
 
.imageIcon {
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }
       
.hiddenButton {
    width: 0px;
    background-color: #676874;
    border: 1px solid #676874;
    }
    
.hiddenButtonClear {
    width: 0px;
    height: 0px;
    }
    
/* MISC */

.clear {
    clear: both;
    }

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
    }

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
    }

.loginDisplay a:link {
    color: white;
    }

.loginDisplay a:visited {
    color: white;
    }

.loginDisplay a:hover {
    color: white;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
    }

.bold {
    font-weight: bold;
    }
     
.treeNode
    {
        
       color: #676874;
    }

.rootNode
{
    font-size:18px;
    width:100%;
    border-bottom:Solid 1px black;
}
.leafNode
{
    border:Dotted 2px black;
    padding:4px;
    background-color:#eeeeee;
    font-weight:bold;
}
        
.schatten {
    background: #676874; padding: 0px;
    box-shadow: 3px 2px 5px #aaa;
    border-radius: 7px;
}

.modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.8;
    }

.modalPopup {
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 1040;
}

.rounded-textbox {
    border-radius: 5px; /* Adjust the radius as needed */
    border: 1px solid #ccc;
    padding: 8px;
    outline: none;
}