html {
margin : 0px;
padding : 0px;
}

body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9pt;
font-weight : normal;
background-color : white;
background-image : url(./img/backdrop.png);
margin : 0px;
padding : 0px;
}

p {
margin-top : 0px;
}

a img {
border: none;
}

a:link {
color : #4477BB;
text-decoration : none;
}

a:visited {
color : #4477BB;
text-decoration : none;
}

a:hover {
text-decoration : underline;
}

table {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9pt;
font-weight : normal;
margin-top : 0px;
}

th {
text-align : left;
}

td.downname {
width : 220px;
}

td.formleft {
width : 120px;
}

td.downlink, td.downlink-size {
padding-left : 10px;
}

.downlink-size {
font-size : 80%;
}

#logo {
position : absolute;
top : 16px;
left : 787px;
}

#home, #german, #english, #german-active, #english-active {
position : absolute;
top : 16px;
left : 10px;
/*left : 56px;*/
color : #4477BB;
height : 15px;
width : 45px;
text-align : center;
vertical-align : middle;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
padding-top : 2px;
voice-family : "\"}\"";
voice-family : inherit;
left : 4px;
}
html>body #home {
left : 4px;
}


#home {
border : 1px solid #4477BB;
}

#german, #german-active {
left : 60px;
voice-family : "\"}\"";
voice-family : inherit;
left : 55px;
}
html>body #german,html>body #german-active {
left : 55px;
}


#english, #english-active {
left : 113px;
color : white;
voice-family : "\"}\"";
voice-family : inherit;
left : 107px;
}
html>body #english,html>body #english-active {
left : 107px;
}


#german-active, #english-active {
background-color : #4477BB;
border : 1px solid #4477BB;
color : white;
}

#german, #english {
border : 1px solid white;
}

#german-active a, #english-active a {
color : white;
}

#german a:hover, #english a:hover {
text-decoration : underline;
}

#bluebar-bottom {
height : 8px;
margin-top : 5px;
color : white;
width : 958px;
}

#bluebar-bottom-left {
background-color : #4477BB;
width : 106px;
float : left;
height : 18px;
}

#bluebar-bottom-right {
background-color : #4477BB;
width : 842px;
margin-left : 108px;
padding-left : 4px;
height : 18px;
vertical-align : middle;
}

#bluebar-bottom-right a {
color : white;
}

#white-banner {
background-color : white;
width : 956px;
height : 80px;
}

#stuff-below {
top : 98px;
position : absolute;
/*width : 958px;*/
width : 972px;
background-image : url(./img/grid-all.png);
}

#main-block {
/*width : 632px;*/
width : 628px;
float : left;
/*border : yellow 1px solid;*/
}

#content-area {
margin-left : 103px;
/*border : red 1px solid;*/
margin-top : 34px;
voice-family : "\"}\"";
voice-family : inherit;
margin-top : 34px;
}
html>body #content-area {
margin-top : 47px;
}

#margin-bkg {
position : absolute;
left : 632px;
top : 98px;
z-index : 1;
}


#margin-block {
/*border : green 1px solid;*/
margin-left : 629px;
width : 319px;
voice-family : "\"}\"";
voice-family : inherit;
margin-left : 629px;
}
html>body #margin-block {
margin-left : 632px;
}


#margin-content {
float : left;
top : 145px;
left : 632px;
position : absolute;
z-index : 2;
}

.margin-box {
padding : 4px;
margin-left : 4px;
margin-bottom : 4px;
background-image : url(./img/main-grid.png);
color : black;
width : 271px;
/*height : 60px;*/
font-family : "Courier New", courier, monospace;
font-weight : normal;
font-size : 9pt;
z-index : 2;
voice-family : "\"}\"";
voice-family : inherit;
width : 262px;
}
html>body .margin-box {
width : 262px;
}

.margin-pic {
margin-left : 4px;
margin-bottom : 4px;
}

#bluebar-top {
top : 80px;
background-color : #4477bb;
width : 956px;
height : 18px;
vertical-align : middle;
position : absolute;
z-index : 1;
}

#white-nav {
color : #EEEEEE;
left : 645px;
top : 3px;
vertical-align : middle;
position : absolute;
font-size : 8pt;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
}

#white-nav a {
color : #EEEEEE;
text-decoration : none;
}

#white-nav a:hover {
color : #EEEEEE;
text-decoration : underline;
}

#search {
top : 0px;
left : 787px;
vertical-align : middle;
font-size : 7pt;
position : absolute;
/*width : 103px;*/
width : 118px;
}

#search-submit {
top : 0px;
/*left : 890px;*/
left : 905px;
position : absolute;
}

#navbar-top {
position : absolute;
top : 84px;
width : 636px;
z-index : 2;
}

#spacer-nav {
margin-left : 3px;
float : left;
width : 104px;
voice-family : "\"}\"";
voice-family : inherit;
width : 102px;
}
html>body #spacer-nav {
width : 101px;
}

.main-nav-pos {
margin-left : 3px;
float : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
width : 98px;
voice-family : "\"}\"";
voice-family : inherit;
width : 100px;
}
html>body .main-nav-pos {
width : 100px;
}


.main-nav-item, .main-nav-item-active, .main-nav-item-ie {
height : 16px;
border-style : solid;
border-width : 1px;
border-color : #4477BB;
vertical-align : middle;
text-align : center;
font-weight : bold;
font-size : 8pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

.main-nav-item, .subnav-item {
background-color : #CCCCCC;
}

.main-nav-item-active, .main-nav-item-ie, .subnav-item-ie, .subnav-item-ie-ie {
background-color : #99CCFF;
}

#navblock-left {
margin-left : 3px;
float : left;
width : 98px;
margin-top : 34px;
voice-family : "\"}\"";
voice-family : inherit;
margin-top : 34px;
}
html>body #navblock-left {
margin-top : 47px;
}

.left-nav-item, .left-nav-item-active, .left-nav-item-ie, .left-nav-item-active-ie, .left-nav-item-ie-ie  {
/*margin-top : -1px;*/
padding-left : 3px;
height : 16px;
width : 94px;
border : 1px solid #4477BB;
vertical-align : middle;
font-weight : bold;
font-size : 8pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

.left-nav-item {
background-color : #999999;
}

.left-nav-item-active, .left-nav-item-ie, .left-nav-item-active-ie, .left-nav-item-ie-ie {
background-color : #99CCFF;
}


.block-big-white {
margin-left : 5px;
margin-bottom : 4px;
float : left;
background-color : white;
padding : 4px 14px 6px 14px;
border-style : solid;
border-width : 1px;
border-color : #4477BB;
background-image : url(./img/vert-bar.png);
background-repeat : no-repeat;
background-position : bottom right;
width : 502px;
voice-family : "\"}\"";
voice-family : inherit;
width : 482px;
margin-left : 4px;
}
html>body .block-big-white {
width : 482px;
margin-left : 4px;
}


.block-left-white, .block-left-blue {
margin-left : 5px;
margin-bottom : 4px;
float : left;
padding : 4px 8px 10px 8px;
border-style : solid;
border-width : 1px;
border-color : #4477BB;
background-image : url(./img/horz-bar.png);
background-repeat : no-repeat;
background-position : bottom right;
width : 300px;
voice-family : "\"}\"";
voice-family : inherit;
width : 288px;
margin-left : 4px;
}
html>body .block-left-white, html>body .block-left-blue {
width : 288px;
margin-left : 4px;
}

.block-right-white, .block-right-blue {
margin-bottom : 4px;
padding : 4px 8px 10px 8px;
border-style : solid;
border-width : 1px;
border-color : #4477BB;
background-image : url(./img/horz-bar.png);
background-repeat : no-repeat;
background-position : bottom right;
margin-left : 308px;
width : 199px;
voice-family : "\"}\"";
voice-family : inherit;
margin-left : 314px;
width : 185px;
}
html>body .block-right-white, html>body .block-right-blue {
margin-left : 314px;
width : 184px;
}

.block-left-blue, .block-right-blue {
background-color : #99CCFF;
}

.block-right-white, .block-left-white {
background-color : white;
}

.block-header {
color: #4477BB;
font-weight : bold;
margin-top : 0px;
margin-bottom : 3px;
font-size : 1.1em;
}

.margin-header {
font-weight : bold;
font-size : 1.1em;
margin-top : 0px;
margin-bottom : 3px;
}

.block-subheader, .block-subsubheader{
color: #4477BB;
font-weight : bold;
margin-top : 3px;
margin-bottom : 3px;
font-size : 1em;
}

.block-subheader {
padding-left : 40px;
margin-left : -14px;
background-image : url(./img/subheader-bar.png);
background-repeat : no-repeat;
background-position : top left;
clear : both;
}

.inline-pic {
border : 1px #4477BB solid;
/*background-color : #CCCCCC;*/
display : inline;
}

.inline-pic-link {
border : 1px #4477BB solid;
/*background-color : #CCCCCC;*/
display : inline;
}

.pic-large-subtitle {
margin-top : 0.5em;
}

.pic-subtitle {
margin-left : 4px;
margin-bottom : 4px;
text-align : center;
float : right;
font-style : italic;
}

.pic-standalone {
margin-bottom : 4px;
text-align : center;
}

.main-nav-item:hover, .main-nav-item-active:hover, .subnav-item:hover, .left-nav-item:hover {
background-color : #99CCFF;
}

.main-nav-item a:hover, .main-nav-item-active a:hover, .subnav-item a:hover, .main-nav-item-ie a:hover, .subnav-item-ie a:hover, .subnav-item-ie-ie a:hover, .left-nav-item a:hover, .left-nav-item-active a:hover, .left-nav-item-active-ie a:hover, .left-nav-item-ie a:hover, .left-nav-item-ie-ie a:hover {
background-color : #99CCFF;
text-decoration : none;
}

.main-nav-item a, .main-nav-item-active a, .subnav-item a , .main-nav-item-ie a, .subnav-item-ie a, .subnav-item-ie-ie a, .left-nav-item a, .left-nav-item-active a, .left-nav-item-active-ie a, .left-nav-item-ie a, .left-nav-item-ie-ie a {
color : black;
}

.main-nav-item a:visited, .main-nav-item-active a:visited, .subnav-item a:visited, .main-nav-item-ie a:visited, .subnav-item-ie a:visited, .subnav-item-ie-ie a:visited, .left-nav-item a:visited , .left-nav-item-active a:visited, .left-nav-item-active-ie a:visited, .left-nav-item-ie a:visited, .left-nav-item-ie-ie a:visited {
color : black;
}

.subnav-item, .subnav-item-ie, .subnav-item-ie-ie {
height : 16px;
border-style : solid;
border-width : 1px 1px 1px 1px;
border-color : #4477BB;
vertical-align : middle;
/*text-align : center;*/
padding-left : 3px;
font-weight : bold;
font-size : 8pt;
font-family : Verdana, Arial, Helvetica, sans-serif;
margin-top : -1px;
}

.subnav {
display : none;
}

.main-nav-pos:hover .subnav, .subnav-ie {
display : block;
}

.enum {
list-style-type : none;
margin-left : -2em;
}

.enum li {
margin-left : 1em;
text-indent : -1em;
margin-bottom : 3px;
}

.li-left {
margin-left : -1.5em;
vertical-align : top;
}

.enum li p {
margin-left : 1em;
valign-text
}

.enumli {
margin-left : 2em;
text-indent : -1em;
margin-top : 0px;
margin-bottom : 2px;
}

p.br {
margin : 0px;
}

.pic-large {
text-align : center;
vertical-align : middle;
margin : 10px;
}

.linksign {
/* Nach Farb-Dreieck die harmomische Ergänzung zu 4477BB*/
/*color : #bb4478;*/
/* Dunkler Orangeton */
/*color : #ff5000;*/
/* Noch dunkler */
color : #db2400;
}

.product {
/*font-style : italic;*/
}

.enum2 {
/*clear : right;*/
margin-top :0px;
}