body, table, .box { 
   font-family     : Verdana, Arial, Helvetica, sans-serif;
   font-size       : 12px;
   color           : #376DA9;
   margin          : 0; 
   padding         : 0; 
   text-align      : center;     /* Muss sein um die DIVs im IE zu zentrieren! */
}



table { text-align: justify; }   /* Damit der Text in Tabellen NICHT zentriert ist (s. o.)! */


img { border: none; }
/*img.Image { border: 1px solid #376DA9; }*/


h1, h2, h3, h4, h5, h6 { text-align: left; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }



p.footnote, .footnote { font-size: 9px; }



/**************************************************************************************************************/
/* LINKS                                                                                                      */
/**************************************************************************************************************/

a { }

a:link {
	color           : #0066FF;
	text-decoration : none;
	font-weight     : bold;
}

a:visited {
	color           : #0066FF;
	text-decoration : none;
	font-weight     : bold;
}

a:active {
	color           : #0099FF;
	text-decoration : none;
}

a:hover {
	color           : #0099FF;
	background-color: #D7E3F2;
	text-decoration : underline;
}



table.linkTable              { }
table.linkTable td           { }
table.linkTable td a         { text-decoration: none; color: #0066FF; display: block; }
table.linkTable td a:link    { text-decoration: none; color: #0066FF; }
table.linkTable td a:visited { text-decoration: none; color: #0066FF; }
table.linkTable td a:hover   { text-decoration: none; color: #0099FF; background-color: #D7E3F2; }
table.linkTable td a:active  { }
table.linkTable td a:focus   { }


table.news                { width: 100%; border: 1px solid #376DA9; }
table.news th             { width: 100%; color: #FFFFFF; background-color: #376DA9; font-size: 16px; font-weight: bold; padding: 5px; }
table.news th.newsDate    { width: 200px; font-size: 10px; font-weight: normal; text-align: right; }
table.news table th       { padding: 0px; }
table.news td             { vertical-align: top; text-align: left; padding: 5px; }
table.news td img         { border: 1px solid #376DA9; }
table.news table td       { padding: 0px; }
table.news td.newsLink    { text-align: right; vertical-align: bottom; height: 30px; }


table.technischedaten, table.technischedatenPadded               { border: 1px solid #D7E3F2; }
table.technischedaten td, table.technischedatenPadded td         { vertical-align: top; }
table.technischedaten tr.odd, table.technischedatenPadded tr.odd { background-color: #D7E3F2; }

table.technischedatenPadded td { padding: 3 12 3 3; }




/**************************************************************************************************************/
/* CONTAINER                                                                                                  */
/**************************************************************************************************************/

.box, .headbox {
	position        : relative;
/*	z-index         : 1;                         DARF NICHT SEIN; DA SONST DAS MENÜ NICHT FUNKTIONIERT !!! */
    width           : 900px; 
	border-left     : 1px solid #98AAB1;
	border-right    : 1px solid #98AAB1;
	border-bottom   : 1px solid #98AAB1;
	margin          : auto;                      /* DIV zentrieren */
	padding         : 0px;
    background-color: #F5F8FD;
	overflow        : auto;
    text-align      : justify;                   /* Damit der Text in DIVs NICHT zentriert ist (s. o.)! */
}


.headbox { height           : 141px; 
           margin-top       : 20px; 
		   border-top       : 1px solid #98AAB1; 
		   background-image : url(../images/header.jpg);
		   background-repeat: no-repeat;
}





/* Da der IE imho ausnahmsweise mal besser arbeitet als der Mozilla muss noch ein bischen angepasst werden. */
.box { width: 880px; padding: 10px; position: relative; }
* html .box { width : 900px; }                   /* Das verarbeitet nur der IE */


.logo         { position: relative; z-index: 20; float: left; left: 4px; top: 4px; }
.logo a:hover { text-decoration: none; background-color: transparent; }




.shortMenuBG, .shortMenu {
    position        : absolute; 
	z-index         : 20;
	float           : right; 
	top             : 5px; 
	right           : 10px; 
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 10px;
	color           : #000000;
}

.shortMenuBG {
	z-index         : 10;
	width           : 160px;
	color           : #FFFFFF;
    background-color: #FFFFFF;
    -moz-opacity    : 0.4; 
    -khtml-opacity  : 0.4; 
    opacity         : 0.4;
    filter          : alpha(opacity=40);
}


.shortMenu a, .shortMenu a:visited {
    text-decoration : none;
	color           : #000000;
	font-weight     : normal;
}

.shortMenu a:hover {
    text-decoration : none;
	font-weight     : bold;
	color           : #000000;
	background-color: transparent;
}




.menu {
    position    : relative; 
	z-index     : 100;
	float       : left; 
	top         : 22px;
	width       : 890px;
	padding-left: 10px;
	text-align  : left;
}



.chart, td.chart { font-size: 9px; color: #000000; text-align: center; }


/**************************************************************************************************************/
/* Bilder                                                                                                     */
/**************************************************************************************************************/

.imgL, .imgLBordered         { float: left;  margin-right: 20px; margin-bottom: 10px; }
.imgR, .imgRBordered         { float: right; margin-left: 20px;  margin-bottom: 10px; }
.imgLBordered, .imgRBordered { border: 1px solid #376DA9; }

.imgHeader                   { float: none; clear: both; margin-top: 10px; margin-bottom: 20px; }

.imgBordered                 { border: 1px solid #376DA9; }

/*.imgGallery               { border: 1px solid #376DA9; margin-left: 6px; margin-right: 6px; }*/
#imgGallery          {  }
#imgGallery img      { border: 1px solid #376DA9; margin-left: 6px; margin-right: 6px; }
#imgGallery a:hover  { background-color: transparent; }


/*--------------------------------*/
/* Links - Bilder                 */
/*--------------------------------*/
a.img { }

a.img:link {
	text-decoration : none;
	background      : transparent none;
	border          : none;
}

a.img:visited {
	text-decoration : none;
	background      : transparent none;
	border          : none;
}

a.img:active {
	text-decoration : none;
	background      : transparent none;
	border          : none;
}

a.img:hover {
	text-decoration : none;
	border          : none;
}



/**********************************************************************************************************/
/*  IFrame                                                                                                */
/**********************************************************************************************************/
.ifAnimation { position: relative; width: 512px; height: 170px; z-index: 1; margin-left: 40px; }