/* START KGB CSS  v.1.3, 2004-05*/
/* NOTE: backgroundcolor "#006699", scrollbars in same color "#E4F5FE" */ 
/* RESET*/
/*html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {margin: 0; padding: 0;
   font: normal normal 10pt Arial, sans-serif, Helvetica}
*/

/* body-definition*/
body {font: normal normal 10pt Arial, sans-serif, Helvetica; margin:0px; padding:0px;
color: #fffcf0;background: #033352; background-image: url(bgb.gif);
scrollbar-track-color: #004D75; 
scrollbar-base-color: #004D75; 
scrollbar-arrow-color: black;
}

/* Pseudoformate Menue*/
a:link {color:#77A7CB;text-decoration:none;font-weight:bold;}
a:visited {color: #AAAAAA;text-decoration:none;font-weight:bold;}
/*a:visited {color: #EC8C8C;text-decoration:none;font-weight:bold;}*/
a:hover, a:active {color:white;text-decoration: underline;font-weight:bold;} 

/* paragraph- definitions and childs*/
p {font: normal normal 10pt Arial, sans-serif, Helvetica;text-align: left; padding-right: 12px;}
td {font: normal normal 10pt Arial, sans-serif, Helvetica;text-align: left;padding: 4px;border: 1px solid #99C9ED;}
.quote {padding: 4px;border-left: 4px solid #99C9ED;position: relative;left: 20px; width: 90%}

.tm {font: normal normal 10pt Arial, sans-serif, Helvetica;
   border-spacing: 0px;border-collapse: collapse;width: 100%;}

.tdt {
   padding: 4px;
   text-align: center;
   width: 75px;
   height: 20px;
   border-left: 0px solid #5fa2d9;
   border-top: 1px solid #509ad7;
   border-right: 2px solid #1b4a6f;
   border-bottom: 0px solid #000000;
   background: url(bgbmin.gif);
}

.tdta {
   padding: 4px;
   text-align: center;
   width: 75px;
   height: 20px;
   border-spacing: 0px; border-collapse: collapse;
   border-left: 0px solid #5fa2d9;
   border-top: 1px solid #000000;
   border-right: 1px solid #bbbbbb;
   border-bottom: 1px solid #5fa2d9;
   background: #003f60;
}

.tdl {
   padding: 4px;
   text-align: right;
   width: 95px;
   height: 20px;
   border-left: 0px solid #5fa2d9;
   border-top: 1px solid #509ad7;
   border-right: 1px solid #1b4a6f;
   border-bottom: 0px solid #000000;
   background: url(bgbmin.gif);
}

.tdla {
   padding: 4px;
   text-align: right;
   width: 95px;
   height: 20px;
   border-spacing: 0px;  border-collapse: collapse;
   border-left: 0px solid #5fa2d9;
   border-top: 1px solid #000000;
   border-right: 1px solid #1b4a6f;
   border-bottom: 1px solid #509ad7;
   background: #003f60;
}

 /*to be inserted with <div>-tags*/
 /*also to be inserted with <span>-tags */
.fett { font-style: normal; font-weight: bold; }
.fettkursiv { font-style: italic; font-weight: bold; }
.home { margin-left: 26px; margin-right: 26px; margin-top: 4px; text-align: left; font-size: 11px;}
.indent1 { margin-left: 20px; text-align: justify; }
.indent2 { margin-left: 40px; text-align: justify; }
.jus {text-align: justify;}
.kursiv { font-weight: normal; font-style: italic; }
.mid { text-align: center; }
.rechts { text-align: right; }
.small {font-size: 8pt;font-style: normal;}
.big {font-size: 16pt;font-style: normal;}
.bigindent { margin-left: 10px; font-size: 16pt;font-style: normal;}

/* list- definitions */
ul {margin-top: 4px;margin-bottom: 0px;list-style: square;list-style-position: outside;}
ol {margin-top: 4px;margin-bottom: 0px;list-style: decimal-leading-zero;list-style-position: outside;}
li {font: normal normal 10pt Arial, sans-serif, Helvetica;text-align: left;margin-left: -18px;margin-right: 6px;}

/* header-definitions */
h1 {font: bold 24pt Arial, sans-serif, Helvetica;text-align: center; margin: 0px;padding: 8px;}
h2 {font: bold 18pt Arial, sans-serif, Helvetica;text-align: center; margin: 0px;padding: 6px;}
h3 {font: bold 14pt Arial, sans-serif, Helvetica;text-align: center; margin: 0px;padding: 4px;}
h4 {font: bold 11pt Arial, sans-serif, Helvetica;text-align: center; margin: 0px;padding: 2px;}

 /*special appearances  and definitions*/
.hbox {width: 97%; padding: 6px; border-top: 1px solid #99C9ED; border-bottom: 1px solid #99C9ED;}
.line {width: 97%; color: #acd2f0;background-color: #88bfea;margin: 0px;height: 1px;line-height : 1px;}
.tag {
   border-bottom: thin solid #2A2A2A;
   border-left: thin solid #B6B6B6;
   border-right: thin solid #3D3D3D;
   border-top: thin solid #99C9ED;
   width: 10px;
   height: 10px;
   color: #717171;
   background: #5b5b5b;
   font-size: 4pt;
   text-decoration: none;
   vertical-align: middle;
   position: relative;
   z-index: auto;
   overflow: hidden;
   margin-right: 4px;
}
        
        

/*box-definitions*/
#wrap { position: absolute; 
   width:660px;
   height: 490px; 
   z-index: 3;
   left:50%;
   margin-top:
   50px;
   margin-left:
   -340px;
   background: #055990;
   background-image: url(bgb.gif);
}

#Logo {width: 100px; 
   height: 100px;
   left:0px;
   top: 0px;
   background: transparent;
   background-image:url(bjl__kgb.jpg);
   position: absolute;
   z-index: 4;
   overflow: hidden;
   border: 0px;}

#top {
   width: 540px;
   height: 100px;
   left: 120px;
   top: 0px;
   background: transparent;
   background-image: url(bjb__gauditop.jpg);
   position: absolute;
   z-index: 5;
   overflow: hidden;
   border-right: 2px solid #1B4A6F;border-left: 0px none Black;border-top: 0px none Black;border-bottom: 0px none Black;
}

#topm {
   width: 540px;
   height: 24px;
   left: 0px;
   top: 75px;
   background: transparent;
   position: absolute;
   z-index: 6;
   overflow: hidden;
}

#left { 
	width: 100px;
	height: 398px;
   text-align: right;
   background-image: url(bjb__gaudileft.jpg);
	position: absolute;
	z-index: 7;
	top: 120px;
	left: 0px;
	overflow: hidden;
   border-right: 1px solid #1B4A6F;border-left: 0px none Black;border-top: 0px none Black;border-bottom: 1px solid #1B4A6F;;
}

#con {
   left: 120px;
   top: 120px;
   width: 540px;
   height: 398px;
   background: #transparent;
   position: absolute;
   z-index: 8;
   border-right: 1px solid #1B4A6F;border-left: 0px none Black;border-top: 0px none Black;border-bottom: 1px solid #1B4A6F;;
   overflow: auto;
/*   overflow: visible;*/
}

/* zum experimentieren*/
/* START pure css tooltips*/
a.info{position:relative; text-decoration: none;}
a.info:hover{position:relative; text-decoration: none;}
a.info span{position:relative; display: none; text-decoration: none;}
/*the span will display just on :hover state*/
a.info:hover span{z-index: 0; display: inline; position: absolute;
   top: 2em; left: 0em; width: 11em; border: 0px; padding: 6px; 
   font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #fffcf0; 
   background-image: url(overlay.png);
   font-stretch: narrower;
   text-align: left;
 }
/* END pure css tooltips*/