#topleft {
position : absolute;
top : 0px;
left : 0px;
width : 120px;
height : 88px;
color : #FFFFFF;
padding-top : 15px;
font-weight : bold;
text-align : center;
background-color : #000080;
border-bottom : 1px solid #F00;
}

#topleft a {
color : #FFFFFF;
}


#toptile {
position : absolute;
top : 0px;
left : 120px;
width : 680px;
height : 105px;
background-color : #FFFFFF;
z-index:2;
}

#menue {
position : absolute;
top : 104px;
left : 0px;
width : 120px;
height : 496px;
background-color: #000080;
font-family : Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-size : 12px;
color: silver;
}

#menue p {
font-family : Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-size : 12pt;
color: silver;
}


#infoarea {
position : absolute;
top : 104px;
left : 120px;
width : 670px;
height : 486px;
background-color : #FFFFFF;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
text-align : left;
font-size : 12px;

}

#infoarea2 {
position : absolute;
top : 105px;
left : 120px;
width : 680px;
height : 486px;
background-color : #6CA3F5;
padding-top : 0px;
padding-left :0px;
padding-right : 0px;
padding-bottom : 0px;
font-size : 12px;

}



#inhalt{
height        : 600px;
width        : 800px;
margin-top: -300px;
margin-left: -400px;
top                : 50%;
left        : 50%;
position : absolute;
background-color : #808080;
border : 1px black;
}




#navcontainer
{
width: 120px;
border-right: 0px solid #000;
padding: 0 0 0 0;
margin-top: 30px;
margin-bottom: 1em;
font-family: Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-size : 14px;
background-color: #000080;
color: silver;
}

#rednavlist
{
position : absolute;
width : 670px;
left: 0px;
margin: 0;
padding: 0 0 0px 10px;
border-bottom: 1px solid #F00;
bottom : 0;
}

#rednavlist ul, #rednavlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
font-size : 12px;
}

#rednavlist a:link, #rednavlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 20px 4px 20px;
text-decoration: none;
color: #999;
font-family: Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
top : 100px;
border-bottom: 4px solid #FFF;
padding-bottom: 2px;
background: transparent;

}

#rednavlist a:link#current, #rednavlist a:visited#current, #rednavlist a:hover
{
border-bottom: 4px solid #F00;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#rednavlist a:hover { color: #000; }




body {
background-color : #D0D0D0;
font-family : Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-size : 12px;
color: black;
}

s_info {
font-family : Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-size : 9px;
color: black;
}


h1 {
font-family: Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-size : 20px;
color: black;
}

h2 {
font-family: Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-size : 18px;
color: black;
}

h3 {
font-family: Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-size : 16px;
color: black;


}

h4 {
font-family: Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-size : 12px;
color: black;
}


p {
font-family : Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-size : 12px;
color: black;
}




form {
        border : 0px solid #006699;
        background-color : #CBC2C2;
        padding : 0px;
        margin-left : 10px;
        width : 600px;
        font-family : Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
        font-size : 12px;

}

input {
        border : none;
        background-color : #5ba3e0;
        margin : 5px;
        padding : 2px 2px 2px 5px;
        vertical-align : top;
}

.inputbutton {
        border : 3px;
        border-color: #FFFFFF;
        color: #FFFFFF;
        background-color : #182A7A;             /*5ba3e0         */
        /*background-image:url(../produkte/onyx/v7/images/kalkbutton.jpg); */
        width: 140px;
        margin : 5px;
        padding : 2px 2px 2px 5px;
        vertical-align : top;
}

.inputbuttonwk {
        border : 3px;
        border-color: #FFFFFF;
        color: #FFFFFF;
        background-color : #182A7A;             /*5ba3e0         */
        width: 293px;
        margin : 5px;
        padding : 2px 2px 2px 5px;
        vertical-align : top;
}

select {
        border : none;
        background-color : #5ba3e0;
        margin : 5px;
        padding : 2px 2px 2px 5px;
        vertical-align : top;
}

textarea {
        border : none;
        background-color : #5ba3e0;
        margin : 5px;
        padding : 2px 2px 2px 5px;
        vertical-align : top;
}


.submit, .reset {
        border : 3px double #5ba3e0;
        background-color : #1c64d1;
}

.beschriftung {
        width : 80px;
        line-height : 200%;
        float : left;
        clear : left;
}

.beschriftunginnen {
        line-height : 200%;
}

.marker {
color : #ff0000;
font-weight: bold;
}


.infotable{
background: #9191c1;
font-size : 12px;
top: 0px;
border-bottom: 2px solid #9191c1;
}

.infotable table{
position: static;
top: -5px;
width:97%;
border: 1px solid #000;
background: #fff;
}

.infotable table th, .infotable table td{
margin: 0;
padding: 8px 20px;
text-align: center;
border-bottom: 1px solid #b5b5b5;
}

.infotable table .datum{
text-align: left;
}

.infotable table tr{
background: #e6e6e6;
}

.infotable table tr.alt{
background: #f1f1f1;
}

tr.alt_left{
background: #f1f1f1;
text-align: left;
}


.infotable table th{
color: #999;
font-weight : bold;
}

.infotable table caption{
margin: 0;
padding: 8px 20px;
text-align: left;
border: 1px solid #000;
border-bottom: none;
background: #ccf;
font-weight : bold;
font-size : 130%;
}



.spectable{
position: relative;
background: #9191c1;
font-size : 12px;
width:95%;
}

.spectable table{
position: relative;
top: -4px;
left: -4px;
border: 1px solid #000;
background: #fff;
width:100%;
}

.spectable table th, .spectable table td{
margin: 0;
padding: 8px 20px;
text-align: left;
border-bottom: 1px solid #b5b5b5;
}

.spectable table .links{
text-align: left;
}

.spectable table tr{
background: #e6e6e6;
}

.spectable table tr.alt{
background: #B3D9FF;
}

.spectable table th{
color: #999;
font-weight : bold;
}

.spectable table caption{
margin: 0;
padding: 8px 20px;
text-align: left;
border: 1px solid #000;
border-bottom: none;
background: #000099;
font-weight : bold;
font-size : 130%;
color : #ffffff;
}



.buntheadtable {
        background-image:url(../produkte/graphtec/images/kopfobenbunt.gif);
        background-repeat:no-repeat;
        margin-right:0px;
        margin-bottom:0px;
        margin-left:0px;
}

.greenheadtable {
        background-image:url(../produkte/graphtec/images/kopfobengruen.gif);
        background-repeat:no-repeat;
        font-weight: bold;
        margin-right:0px;
        margin-bottom:0px;
        margin-left:0px;
        padding-left:4px;
        padding-top:6px;
        padding-bottom:6px;
        color:#85B0BF;
        font-size: 15px;

}


.blueheadtable {
        background-image:url(../produkte/graphtec/images/kopfobenblau.gif);
        background-repeat:no-repeat;
        margin-right:0px;
        margin-bottom:0px;
        margin-left:0px;
}
.blueheadtable h1 {
        font-size:16pt;
        text-align:center;
        color:#FFFFFF;
        margin-top:0px;
        margin-right:0px;
        margin-bottom:0px;
        margin-left:0px;
}
.blueheadtable h2 {
        font-size:16pt;
        text-align:center;
        color:#000080;
        margin-top:0px;
        margin-right:0px;
        margin-bottom:0px;
        margin-left:0px;
}
.blueheadtable h3 {
        font-size:22pt;
        text-align:left;
        color:#000080;
        margin-top:20px;
        margin-left:25px;
        margin-bottom:0px;
}

.vmid {
        vertical-align:middle;
}

.adresse {
text-align : left;
}

.big {
font-weight: bold;
}

.bigwhite {
font-family : Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-weight: bold;
color: #FFFFFF;
}

.bigorange {
font-family: Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-size : 14px;
color: #F4A659;
font-weight: bold;
}

.bigred {
font-family: Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-size : 16px;
color: #FF0000;
font-weight: bold;
}




.biggreen {
        font-family : Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
        font-weight: bold;
        color:#85B0BF;
        font-size: 15px;

}

.headline {
font-family : Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-weight: bold;
color: #000000;
font-size: 15pt;

}

.headlinemiddle {
font-family : Helvetica, Arial, Verdana, Lucida, Geneva, sans-serif;
font-weight: bold;
color: #000000;
font-size: 13pt;

}

.bigitalic {
font-weight: bold;
font-style: italic;
}

.blueitalic {
color: #000080;
font-style: italic;
}

.italic {
font-style: italic;
}

.bluetext {
color: #000080;
}

.redtext {
color: #F00;
}

.smalltxt {
        font-size: 9pt;
}

.bluebig {
color: #000080;
font-weight: bold;
}

.whitebig {
color: #FFFFFF;
font-weight: bold;
}

.bluetitel {
color: #000080;
font-size:20pt;
font-weight: bold;
}

.bluetitel2 {
color: #000080;
font-size:16pt;
font-weight: bold;
}

a:visited {
color: #000080;
}

.bluemark {
color: #000080;
font-size:16pt;
font-weight: bold;
}

.bluemark2 {
color: #000080;
font-size: 12pt;
font-weight: bold;
}
.greytitel {
color: #808080;
font-size:20pt;
}

.order {
font-size: 16pt;
font-weight: bold;
color: #F00;
}

.whitetxt {
font-size: 12pt;
color: #FFFFFF;
font-weight: bold;
}
.greenbig {
font-size: 19pt;
color: #66B345;
font-weight: bold;
}
.greenmiddle {
font-size: 14pt;
color: #66B345;
font-weight: bold;
}

.greensoft {
          font-size: 14pt;
          color: #66B345;
          font-weight: bold;
}

.vorteile {
          font-size: 11pt;
          color: black;
          font-weight: bold;
}