/* old:  $bgcolor_dark  ="#41B2C3"; */

/* the following part is really used */
html { min-width: 60em; }

/* the following part is really used */
body, div, td, th, h2, h3, h4, p, li { /* redundant rules for bad browsers  */  
    font-family: verdana,sans-serif;
	font-size:  10pt;
	voice-family: "\"}\"";
	voice-family: inherit;
}  

/* the following part is really used */
body {
	background: #FDFDFD;
	margin: 0;
}

/* the following part is really used */
a { 
	color: #06C;
	text-decoration:none;
}
a:link {
	color: #008A52;
}
a:visited {
	color: #008A52;
}
a.focus {
	color: #00CC99;
}
a:hover {
	color: #CC00CC;   /* lila */
}
a:active {
	color: #0000000;   /* black */
}
a.current {
	color: #00CC99;
}

/* the following part is really used */
a.external {
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVElEQVR42n3PgQkAIAhEUXdqJ3dqJ3e6IoTPUSQcgj4EQ5IlUiLE0Jil3PECXhcHGBhZ8kg4hwxAu3MZeCGeyFnAXp4hqNQPnt7QL0nADpD6wHccLvnAKksq8iiaAAAAAElFTkSuQmCC");
    padding-right: 13px;
}


/* maybe ? the following part is used */
a.inpage:hover {
	color: #0066CC;   /* blue */
}

/* the following part is really used */
div.onecolumn {
	margin-top:-40px; 
	width:550px; 
	padding:20px; 
}

/* the following part is really used */
div.video {
	margin-top:40px; 
	width:800px; 
	padding:20px; 

    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* the following part is really used */
sub, sup { 
	line-height: 0; 
	font-size: small;
	font-size: 80%;
}

/* the following part is really used */
p { 
	line-height: 140%; 
	text-align: justify;
}

/* the following part is really used */
p.impressum { 
	line-height: 100%;
	text-align: justify;
}

/* the following part is really used */
.footer {
	margin-left: 20px;
}

/* the following part is really used */
p.lastmodified { 
	color:#CC00CC;
	font-size:8pt;
	margin-left: 20px;
}

/* the following part is really used */
h1,h2,h3 {
	font-weight: bold;
	color: #333;
}

/* the following part is really used */
h1 {
	font-size: 180%;
	margin: 0;
}

/* maybe ? the following part is used */
h2 {
	font-size: 140%;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCC;
	margin: 0;
}

/* the following part is really used */
h3 {
	font-size: 120%;
	margin-left: 20px;
}

/* the following part is really used */
h3.heading { 
	color:#FFFF22;
	text-align: left;
}

/* the following part is really used */
h3.news {
	color: #DD6622;
}

/* the following part is really used */
h3.center {
	text-align: center;
}

li.textlist { 
	line-height: 140%; 
}

li.themes { 
	line-height: 140%; 
	font-size: 140%;
	font-weight: bold;
	color: #333;
	padding-bottom: 2px;
	margin: 0;
}  

/* the following part is really used */
img {
	border:none;
}

img.g1 {
	width: 20%;
	height: 20%;
}

img.g2 {
	width: 30%;
	height: 30%;
}

img.g3 {
	width: 40%;
	height: 40%;
}

/* the following part is really used */
img.banner {
	margin-top:17px;
}

/* the following part is really used */
img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* the following part is really used */
img.center30 {
    display: block;
    margin-left: auto;
    margin-right: auto;
	width: 30%;
	height: 30%;
}

/* the following part is really used */
img.center50 {
    display: block;
    margin-left: auto;
    margin-right: auto;
	width: 50%;
	height: 50%;
}

/* the following part is really used */
img.center80 {
    display: block;
    margin-left: auto;
    margin-right: auto;
	width: 80%;
	height: 80%;
}

/* the following part is really used */
img.navi {
	height: 10px;
	width: 12px;
}

/* the following part is really used */
td.heading { 
	color:#FFFF22;
	background: #004284; 
	font-size:10pt;
	text-align: left;
	border:0px; 
	padding:5px 30px; 
}

td.tooltip {
	color:#008800;
}

td.tooltip span {
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	width:400px; 
	color:#008800;
}

td.tooltip:hover span {
	display:inline; 
	position:absolute; 
	background: #E4F5F8; 
	border:1px solid #CCCCCC; 
	color:#000000;
}

.centeredHeader {
	line-height: 150%; 
	text-align: center;
}

.centeredText { 
	text-align: justify;
}

/* the following part is really used */
.centeredColumn { 
	text-align: center;
}

/* the following part is really used */
.normal { 
	font-size:8pt;
	text-align: left;
}

#begin {
	border: none;
	margin-top:-17px; 
}

#headlines {
	position: relative;
	border: none;
	background: #E4F5F8; 
	height: 150px;
}

#headlines a {
	border: none;
	color: #FFFFFF;
}

/* div for the logo */
#logo {
	border: none;
	position: relative;
	width: 330px;
	height: 116px;
	float:left;
	top: 0px;
}

/* div for the query form: left:610 for full resolution */
#queries {
	border: none;
	position: absolute;
	top: 0px;
	left: 340px;
}

.query {
	border: none;
	position: relative;
	background: #E4F5F8;
}

.queryline {
	border: none;
	position: relative;
	background: #E4F5F8; 
    clear: both;
}

#foot {
	border: 1px solid #666;
	border-top: none;
	position: relative;
	clear: both;
	background: #FEFEFE;
	padding-top: 5em;
}

#main {
	border: 1px solid #666;
	border-top: none;
	position: relative;
	clear: both;
	background: #004284;
	border-left: 1px solid #AAA;
	padding-top: 1em;
	min-width: 60em;
}

#contents {
    clear: both;
	padding: 1.5em;
	background: #E4F5F8;
	min-width: 55em;
	min-height: 300px;
}

#contents a.resultu {
	color: #008A52;
}

#contents a.resultl {
	color: #080808;
}

#contents a:hover.resultl,#contents a:hover.resultu {
	color: #CC0022;
}

th.tooltip {
	color:#008800;
	background: #E4F5F8;
}

th.tooltip span {
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	width:80px; 
	color:#008800;
	font-weight: normal;
}

th.tooltip:hover span {
	display:inline; 
	position:absolute; 
	background: #E4F5F8; 
	border:1px solid #CCCCCC; 
	color:#000000;
}


table.data1 {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width: 100%;
}

thead.data1 {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	color:#000000;
	background: #E4F5F8; 
}

th.did, td.did {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:50px;
	padding:5px;
	text-align: center;
}

th.didname, td.didname {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:150px;
	padding:5px;
}

th.dpic, td.dpic {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:300px;
	padding:5px;
}

th.dexamp, td.dexamp {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	font-style:italic;
	width:300px;
	padding:5px;
}


/* table width 100%: is 920 px in standard */
table.data7 {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	empty-cells:show;
	background: #FEFEFE; 
	width: 100%;
}

thead.data7 {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	color:#000000;
	background: #FEFEFE;
}

tbody.data7 {
	border-collapse: collapse;
	border:1px solid #CCCCCC;
}

tfoot.data7 {
	border-collapse: collapse;
	border:1px solid #CCCCCC;
	color:#000000;
	background: #FEFEFE;
}

th.data7 {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	color:#008800;
	background: #FFFFFF;
}

td.data7 {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	color:#008800;
	background: #FFFFFF;
	padding:5px;
	line-height:1.5em;
}

th.dtype, td.dtype {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
/*	width: 20%;  */
	width:100px;
	padding:5px;
	line-height:1.5em;
}

td.dtype span {
	color:#008800;
	background: #E4F5F8;
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	width:320px; 
	font-weight: normal;
}

td.dtype:hover span {
	display:inline; 
	position:absolute; 
	background: #E4F5F8; 
	border:1px solid #CCCCCC; 
	color:#000000;
}

/* the following part is really used */
td.tablebreak {
	font-size:11pt;
	font-weight:bold;
	padding:10px 15px; 
	background: #E4F5F8; 
}

th.dstype, td.dstype {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:50px;
	padding:5px;
	line-height:1.5em;
}

th.dnumber, td.dnumber {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:60px;
	padding:5px;
	line-height:1.5em;
}

th.ddate, td.ddate {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:100px;
	padding:5px;
	line-height:1.5em;
}

th.dsvalue, td.dsvalue {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:100px;
	padding:5px;
	line-height:1.5em;
}

th.dvalue, td.dvalue {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:150px;
	padding:5px;
	line-height:1.5em;
}

th.dmvalue, td.dmvalue {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:200px;
	padding:5px;
	line-height:1.5em;
}

th.dlvalue, td.dlvalue {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:250px;
	padding:5px;
	line-height:1.5em;
}

th.dcomment, td.dcomment {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:100px;
	padding:5px;
	line-height:1.5em;
}

th.dlcomment, td.dlcomment {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:220px;
	padding:5px;
	line-height:1.5em;
}

th.dtemp, td.dtemp {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:60px;
	padding:5px;
	line-height:1.5em;
}

th.dlink, td.dlink {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:70px;
	padding:5px;
	line-height:1.5em;
}

th.dreference, td.dreference {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	width:120px;
	padding:5px;
	line-height:1.5em;
}

span.dreference {
	width:120px;
	padding:5px;
	line-height:1.5em;
}

tr.light {
	background: #FFFFFF;
}

tr.dark {
	background: #EEEEEE;
}

td.light {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	color:#008800;
	background: #FFFFFF;
	padding:5px;
}

td.dark {
	border-collapse: collapse;
	border:1px solid #CCCCCC; 
	color:#008800;
	background: #EEEEEE;
	padding:5px;
}

td.light_list {
	border: none; 
	color:#008800;
	background: #FFFFFF;
}

td.dark_list {
	border: none; 
	color:#008800;
	background: #EEEEEE;
}

table.data3d {
	border-collapse: collapse;
	border:0px; 
	width: 100%;
}

thead.data3d {
	border-collapse: collapse;
	border:0px; 
	color:#000000;
}

tbody.data3d {
	border-collapse: collapse;
	border:0px; 
}

tfoot.data3d {
	border-collapse: collapse;
	border:0px; 
	color:#000000;
}

th.dlegend {
	border-collapse: collapse;
	border:0px; 
	width:200px;
}

th.dlegend1 {
	border-collapse: collapse;
	border:0px; 
	width:30px;
}

th.dlegend2 {
	border-collapse: collapse;
	border:0px; 
	width:215px;
}

th.dimage {
	border-collapse: collapse;
	border:0px; 
	width:650px;
}

td.blueButton { 
	background-image: url(img/blue_button.png);
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	white-space: nowrap;
}



#results {
	background: #E4F5F8; 
	position: relative;
	border: none;
	min-width: 60em;
	clear: both;
}

/* the following part is really used */
#header {
    clear: both;
	position: relative;
	height: 2em;
/*	width: 82em;  a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	font-size: 9pt;
	background: #E4F5F8; 
}

/* the following part is really used */
#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -6px; 
/*	width: 82em;  a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	font-size: 9pt;
}

/* the following part is really used */
#header ul#primary li  {
	display: inline;
	list-style: none;
}

/* the following part is really used */
#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
/*  width of the tabbed menu item  */
	width: 6.0em;
	display: block;
	float: left;
	padding: 4px 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 100%;
	text-decoration: none;
/*  font color of the UNCHOSEN menue item */
	color: #333;
}

/* the following part is really used */
#header ul#primary span,#header ul#primary a.current {
	width: 6.0em;
	display: block;
	float: left;
	padding: 4px 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 100%;
	text-decoration: none;
}

/* the following part is really used */
#header ul#primary span,#header ul#primary span a,#header ul#primary a.current,#header ul#primary a.current:hover {
/*  background of the chosen menue item */
	background: #004284;
/*  font color of the CHOSEN menue item */
	color: #FFFF22;
    text-shadow: 1px 1px 0 #111111;
/*  border of the UNCHOSEN menue item */
	border: 1px solid #AAA;
	border-bottom: none;
	padding-bottom: 6px;
	margin-top: -6px;
}

/* the following part is really used */
#header ul#primary a {
/*  background of the UNCHOSEN menue item */
	background: #E4F5F8;
	border: 1px solid #AAA;
	border-bottom: none;
	padding-bottom: 6px;
	margin-top: -6px;
}

/* the following part is really used */
#header ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
/*  background of the CHOSEN menue item */
	background: #004284;
/*  font color of the menue item */
	color: #FFFAFD;
	padding-bottom: 6px;
	margin-top: -6px;
}




/* the following part is really used */
ul#secondary li  {
	display: inline;
	list-style: none;
}

/* the following part is really used */
ul#secondary a, ul#secondary span, ul#secondary a.current {
/*  width of the tabbed menu item  */
	width: 10em;
	display: block;
	float: left;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 100%;
	text-decoration: none;
	padding-bottom: 2px;
	margin-top: 2px;
/*  font color of the UNCHOSEN menue item */
	color: #004284;
/*  background of the UNCHOSEN menue item */
	background: #E4F5F8;
}

/* the following part is really used */
ul#secondary a {
/*  background of the UNCHOSEN menue item */
	background: #E4F5F8;
	border: 1px solid #AAA;
	padding-bottom: 2px;
	margin-top: 2px;
}

/* the following part is really used */
ul#secondary a:hover {
	border-color: #666;
/*  background of the CHOSEN menue item */
	background: #E4F5F8;
/*  font color of the menue item */
	color: #004284;
}

/* the following part is really used */
#menue2 ul#secondary span,#menue2 ul#secondary span a,#menue2 ul#secondary a.current,#menue2 ul#secondary a.current:hover {
/*  background of the chosen menue item */
	background: #004284;
/*  font color of the CHOSEN menue item */
	color: #FFFF22;
    text-shadow: 1px 1px 0 #111111;
/*  border of the UNCHOSEN menue item */
	border: 1px solid #AAA;
	margin-top: 0px;
}


