body {   
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;

background-image:url(../../picture/bg/bg-fade-vertikal-02.jpg); 
background-repeat:repeat-x;
background-attachment:fixed;
}

td, tr, th, p {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #000000;
}

/* 
ul { margin: 10px 0px 10px 25px; }
li { font-size: 12px; list-style: disc; }
*/

a, a:link, a:visited, a:active {
   color: #2D30A1;
   text-decoration: none
}
a:hover {
   color: #FF3300;
   text-decoration: underline;
}

.articleCode {
   font-family: "Courier New", Courier, monospace;
   font-size: 12px;
}

.articleText { 
   padding: 0px 0px 0px 0px; 
   margin: 0;
   text-align: left; // justify; 
   line-height : 120%;
}

.articleHead, .articleList_tophead, h1, h2 {
   font-family: "Arial Narrow", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size: 20px;
   font-weight: bold;
   text-decoration: none;
   line-height : 120%;
   color : #369;
}
.articleSubHead, .articleList_topsubhead, h3, h4 {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 14px;
   font-weight: normal;
   color: #6D7983;
   line-height: 110%;
   margin-bottom: 0px;
}
.articleSummary {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 12px; //11px;
   font-weight: bold;
   color: #333333; //#000000;
   line-height: 125%;
}

H5 { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: #333333; 
   font-weight: bold; 
   background-color: #efefef; // heller Hintergrund
   padding: 3px; 
   margin-bottom: 6px; // Abstand zur naechsten Zeile
}
H6 { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: #FFFFFF; 
   font-weight: bold; 
   background-color: #666666; // dunkler Hintergrund
   padding: 3px; 
   margin-bottom: 6px;
}

.h5 { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: #333333; 
   font-weight: bold; 
   background-color: #efefef; // heller Hintergrund
   padding: 3px; 
   margin-bottom: 6px; // Abstand zur naechsten Zeile
}
.h6 { 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   color: #FFFFFF; 
   font-weight: bold; 
   background-color: #666666; // dunkler Hintergrund
   padding: 3px; 
   margin-bottom: 6px;
}

.contentHead {
   font-family:  Arial, Helvetica, Verdana, sans-serif;
   font-size: 15px;
   font-weight: bold;
   color: #6D7983;
   line-height: 110%;
}
.contentSubHead {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   line-height: 110%;
}

.tableHead {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #6D7983;
   line-height: 13px;
}
.tableSubHead {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #000000;
}

.v09 {  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9px; }
.v10 {  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; }
.v11 {  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; }
.v12 {  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; }
.v13 {  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13px; }
.v14 {  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; }


.formButton	{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #92A1AF; }
.formLabel	{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; }
.checkLabel	{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold;}
.radioLabel	{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold;}
.formTextArea	{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px;	}
.inputText	{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;}
.inputPass	{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;}
.selectMenu	{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;}
.selectList	{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;}

/* search */
.formSearch { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}
.search_form {}
.search_result {}


/* Navigation links */
.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #4A5966;
   font-weight: normal;
   text-decoration: none;
}
.nav_table a:hover {
   text-decoration: underline;
}

.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #4A5966;
   font-weight: bold;
   text-decoration: none;
}

.articleList_toptext {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
}
.articleList_listhead {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
}


/* CSS for the top level list */
#list_top_ul {
   padding: 3px 0;
   margin-left: 0;
   border-bottom: 1px solid #5E747F;
   font: bold 12px Verdana, sans-serif;
} 
#list_top_ul li {
   list-style: none;
   margin: 0;
   display: inline;
}
#list_top_ul li a {
   padding: 3px 0.5em;
   margin-left: 3px;
   border: 1px solid #778;
   border-bottom: none;
   background: #D7DEE5;
   text-decoration: none;
}
#list_top_ul li a:link { color: #5E747F; }
#list_top_ul li a:visited { color: #5E747F; }
#list_top_ul li a:hover {
   color: Black;
   background: #92A1AF;;
   border-color: #227;
}
#list_top_ul li a#list_top_active_link, #list_top li a#list_top_home_active_link {
   background: white;
   border-bottom: 1px solid white;
}

/* CSS for the currect level list */
#list_level ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}
#list_level li { margin: 0 0 1px 0; }
#list_level a {
   display: block;
   padding: 2px 2px 2px 24px;
   border: 1px solid #92A1AF;
   width: 160px;
   background-color: #B7C2D0;
}
#list_level a:link, #list_level_ul a:visited {
   color: Black;
   text-decoration: none;
}
#list_level a:hover {
   border: 1px solid #92A1AF;
   background-color: #FF8C00;
   color: Black;
}
#list_level_parent a:link, #list_level_parent a:visited, #list_level_parent_link a:hover {
   border: 1px solid #92A1AF;
   background-color: #FF6600;
   color: White;
}


/* Eigene CSS-Formate */
.tableheight { height: 100%; }


.nav, 

.breadcrumb, .breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited {
   font-family: Verdana, Helvetica,Arial,  sans-serif; 
   font-size: 10px; 
   color: #666666; 
   text-decoration: none;
}
.breadcrumb a:hover {
   font-family: Verdana, Helvetica, Arial, sans-serif; 
   font-size: 10px; 
   color: #333333; 
   text-decoration: underline;
}

.image_caption {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px; 
   font-weight: normal;
   color: #369;
}

.update, .datum {
   font-family: Verdana, Helvetica, Arial, sans-serif; 
   font-size: 10px; 
   font-weight: normal;
   color: #999999; 
}

.revision {
   font-family: Verdana, Helvetica, Arial, sans-serif; 
   font-size: 10px; 
   font-weight: normal;
   color: #999999; 
}


.powered_by, .powered_by a, .powered_by a:link, .powered_by a:visited, .powered_by a:active {
   font-size: 11px; 
   color: #666666; 
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   text-decoration: none;
}
.powered_by a:hover {
   font-size: 11px; 
   color: #000000; 
   font-family: Arial, Verdana, Helvetica, sans-serif; 
   text-decoration: none;
}

.nav_row {
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   FONT-SIZE: 11px; 
}
.nav_row a {
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   FONT-SIZE: 11px;
   FONT-WEIGHT: bold; COLOR: #666666;   
}
.nav_row a:link {
   FONT-WEIGHT: bold; COLOR: #666666; TEXT-DECORATION: none;
}
.nav_row a:visited {
   FONT-WEIGHT: bold; COLOR: #666666; TEXT-DECORATION: none;
}
.nav_row a:active {
   FONT-WEIGHT: bold; COLOR: #FFFFFF; TEXT-DECORATION: none;
}
.nav_row a:hover {
   FONT-WEIGHT: bold; COLOR: #FFFFFF; TEXT-DECORATION: underline;
}


.nav_row_act a:active, nav_row_act a:hoover {
   FONT-WEIGHT: bold;
   COLOR: #FFFFFF;
}

span.navileiste div.nav_row span.nav_row_act a {
   FONT-WEIGHT: bold;
   COLOR: #FFFFFF;
}


.news, .news a, .news a:link, .news a:visited, .news a:active ,{
   FONT-FAMILY:  Arial, Helvetica, Verdana,sans-serif;
   FONT-SIZE: 11px; 
   COLOR: #EFEFEF;
   FONT-WEIGHT: bold;
   TEXT-DECORATION: none;
}
.news a:hover {
   COLOR: #FFFFFF;
   TEXT-DECORATION: underline;
}


.flaeche0 {
   PADDING: 3px 0.75em 3px 0.75em; 
   MARGIN: 0;
   BACKGROUND-COLOR: #369; //#7591ac;
   COLOR: #FFFFFF;
}
.flaeche {
   PADDING: 8px 0.75em 8px 0.75em; 
   MARGIN: 0;
   BACKGROUND-COLOR: #7591ac;
   COLOR: #FFFFFF;
}

.rahmen0 {
   PADDING: 8px 0.75em 8px 0.75em;
   MARGIN: 0;
   BORDER: 1px solid #7591ac; //#999999;
}
.rahmen {
   PADDING: 8px 0.75em 8px 0.75em;
   MARGIN: 0;
   BORDER: 1px solid #999999;
}
.coderahmen, .codeframe {
   font-family: "Courier New", Courier, monospace;
   font-size: 12px;
   PADDING: 8px 0.75em 8px 0.75em;
   MARGIN: 0;
   BORDER: 1px solid #999999;
}

.kasten0 {
   PADDING: 8px 0.75em 8px 0.75em; 
   MARGIN: 0;
   BACKGROUND-COLOR: #FFFFCC;
   BORDER: 1px solid #7591ac; //#999999;
}
.kasten {
   PADDING: 8px 0.75em 8px 0.75em; 
   MARGIN: 0;
   BACKGROUND-COLOR: #FFFFCC;
   BORDER: 1px solid #999999;
}
.codekasten, .codebox {
   font-family: "Courier New", Courier, monospace;
   font-size: 12px;
   PADDING: 8px 0.75em 8px 0.75em; 
   MARGIN: 0;
   BACKGROUND-COLOR: #FFFFCC;
   BORDER: 1px solid #999999;
}

.linie {
   PADDING: 0px 0px 0px 1.0em;
   MARGIN: 0;
   BORDER-LEFT: 5px solid #999999;
   BORDER-COLOR: #369;
}
.marke {
   PADDING: 0px 0px 0px 0.5em;
   MARGIN: 0;
   BORDER-LEFT: 1em solid #999999;
   BORDER-COLOR: #369;
}

div.scroll {
   overflow: auto;
   background-attachment: scroll;
   background-repeat: repeat;
   width:100%;

   height:325px;
   background-color: #F5F5F5;
   border: 1px solid #FFFFFF;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 5px;
}
div.scroll_2 {
   overflow: auto;
   background-attachment: scroll;
   background-repeat: repeat;
   width:100%;

   height:425px;
   background-color: #F5F5F5;
   border: 1px solid #FFFFFF;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 5px;
}
#layer1 {
 Z-INDEX: 1;
 LEFT: 0px;
 TOP: 15px;
 WIDTH: 240px;
 HEIGHT: 400px;

 PADDING-LEFT: 5px;
 PADDING-RIGHT: 5px;
 PADDING-TOP: 5px;
 PADDING-BOTTOM: 10px;
 BORDER-LEFT: #000000 1px dotted;
 BORDER-RIGHT: #000000 1px dotted;
 BORDER-TOP: #000000 1px dotted;
 BORDER-BOTTOM: #000000 1px dotted;

 POSITION: relative;
 BACKGROUND-COLOR: #ffffff;
 layer-background-color: #FFFFFF
}

#layer2 {
 Z-INDEX: 2;
 LEFT: 255px;
 TOP: 0px;
 WIDTH: 240px;
 HEIGHT: 400px;

 PADDING-LEFT: 5px;
 PADDING-RIGHT: 5px;
 PADDING-TOP: 5px;
 PADDING-BOTTOM: 10px;
 BORDER-LEFT: #FF0000 1px dotted;
 BORDER-RIGHT: #FF0000 1px dotted;
 BORDER-TOP: #FF0000 1px dotted;
 BORDER-BOTTOM: #FF0000 1px dotted;

 POSITION: absolute;
 BACKGROUND-COLOR: #ffffff;
 layer-background-color: #FFFFFF
}