* { /* clear everything */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

body {
    background: #FFFFFF;
    margin: 0px;
    padding: 10px 0 10px; 0;
    font-family: sans-serif, 'Lucida Grande', 'Lucida Sans Unicode', Verdana;
    text-align:left;
    font-size: 11px;
}

#interface {
    width: 800px;
    margin: 0 auto;
    text-align:left;
    padding:0;
}

#container {
    width: 800px;
    padding-top:10px;
    background: #FFFFFF;
}

div.modulebox h3 {
    text-align: left;
    margin-bottom: 5px;
    color: #333333;
    font-size: 12px;
    padding-left: 25px;
    background-image: url("http://shirtagentur.de/templates/deportal/images/right_th.png");
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

div.modulebox {
    padding-left: 5px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #dcdce4;
    background-image: url("http://shirtagentur.de/templates/deportal/images/right_bg_md.png");
    background-position: 50% 0%;
    background-repeat: repeat-x
}


#left {
    float: left;
    clear: both;
}

#left ul{
    margin: 0; padding: 0;
    margin-left: 10px;
}

#left li{
    float: left;
    list-style: none;
    padding: 0;
    margin: 0px 0px 0px 0px;
}


#left ul li button{
    margin: 0px;
    padding: 0px;
    border: 0px solid black !important;
    background-color: transparent !important;
}

#left ul li button.active{
    font-weight: bold;
}

#right {
    float: left;
    width: 210px;
}

#right div.modulebox {
    width: 208;
}

#content {
    float: left;
    width: 590px;
    background: #fff;
}

#contentbox {
    width: 570px;
    background: #fff;
    margin-left: 10px;
    margin-bottom: 10px;
}

#clear {
    clear: both;
}

p, h2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

h1 {
    margin-top: 0px;
    margin-bottom: 5px;
}

button {
    border: 1px solid grey;
    cursor: pointer;
    background-color: #FFFFFF;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    font-size: 11px;
    padding: 2px;
}

button.info{
    position:relative; /*this is the key*/
    z-index:24;
}

button.info:hover{z-index:25;}

button.info span{display: none}

button.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:11px; left:11px;
    font-size: 11px;
    white-space: nowrap;
    border:1px solid #000000;
    background-color:#FFFFFF; color:#000000;
    text-align: center;
}

button.image {
    border: 0px solid grey;
    cursor: pointer;
    background-color: #FFFFFF;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    font-size: 11px;
    padding: 0px;
}
button.link {
    border: 0px solid grey;
    cursor: pointer;
    background-color: transparent;
    color: blue;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    font-size: 11px;
    text-align: left;
    padding: 0px;
}
button.link:hover {
    border: 0px solid grey;
    cursor: pointer;
    background-color: transparent;
    color: red;
    text-decoration: underline;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    font-size: 11px;
    padding: 0px;
}

#overview table {
    margin-bottom: 10px;
}

#overview td {
    padding: 5px;
    border-bottom: 1px dotted black;
}
#overview td.summe{
   border-top: 1px solid black;
}

/* link tables */
#linktable tr{
    background-color: white;
}
#linktable tr.highlight{ 
    background-color: #B8CDDC;
    cursor: pointer;
}
#linktable td{
    padding: 5px;
}

.linktable tr{
    background-color: white;
}
.linktable tr.highlight{ 
    background-color: #D0D0D0;
}
.linktable td{
    padding: 5px;
}
div .note,.error{
    border: 1px solid black;
    padding: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #CCCCCC;
}

.error{
    background-color: #FF6347;
}