body {
   font-family: Verdana, Helvetica, Arial, sans-serif; 
   font-size: 11px; 
   text-align: center; 
/* background-color: #FFFFFF; */
   background-image:url(../../picture/bg/bg_verlauf.jpg); 

   background-repeat:repeat-x;
   background-attachment:fixed;     
   margin: 5px 0px 5px 0px;
   overflow: auto
}


#container_master {
   width: 744px;
	border: 0px solid #5679B8;
        margin: 0px;
        margin-left: auto;
	margin-right: auto;
	padding: 10px;
        background-color: #FFFFFF;   /* Hintergrundbreite des background-image; */
}

#container_sheet {  /* eine Art Hintergrund */
   
   background-color: #E6E8F3;	
   margin: 0px auto; 
}


/* === layout top ================================ */

#container_top {
   width: 742px;
   background-color: #FFFFFF;
   border-bottom: 0px solid #BBBBBB;
   border-top: 0px solid #BBBBBB;
   border-left: 0px solid #BBBBBB;
   border-right: 0px solid #BBBBBB;
}

.header_pic { 
   padding:0px 0px 0px 0px;
}

.header-BOX {
   background-color: #CCCCCC; 
   padding:0px 0px 0px 0px;
}


.navRow A:link, .navRow A:visited, .navRow A:hover {
	font-size: 10px; color: #333333; text-align: center;
}
.navRow {
	font-size: 10px; color: #333333; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;
}
.navRow SPAN {
	color: #333333; font-weight: normal; 
}


/* === Bereich MITTE ====================================== */

#container-MITTE {
   width: 742px;
   background-color: #FFFFFF;
   background-image:url(../../picture/bg/bg_mitte.jpg); 
    
   border-top: 1px solid #BBBBBB;
   border-bottom: 1px solid #BBBBBB;
   border-left: 1px solid #BBBBBB;
   border-right: 1px solid #BBBBBB;
}
/* .Tabelle-MITTE {
   width: 100%; 
} */



/* === linke Spalte ======================================== */

.TabellenSpalte-links {
   width: 150px; border-right: 1px dotted #EBDA2B; vertical-align: top; 
   padding-left: 2px; padding-right: 2px;
}

.quickNavigation-BOX {
   padding: 0px; background: #CCCCCC; 
}
.logo-BOX {
   padding: 15px 0px 37px 0px; text-align: center; /* 29 0 34 0; */
}
.navigation-BOX { 
   padding: 0px 0px 0px 0px;
}
.navigation-BOX-M { 
   width: 200px;
   padding: 0px 0px 0px 0px;
}

.content-BOX-links {
   padding: 20px 0px 5px 10px; 
}

.left-SPACER { width: 200px; font-size: 10px; x-background-color: ff0000; }


/* === mittlere Spalte ================================ */

.TabellenSpalte-mitte {
   vertical-align: top; text-align: left;
}

.date-BOX {
   float: right;
   font-size: 10px; 
   text-align: right;
   color: #666666;  
   padding: 10px 15px 0px 0px; 
}
.breadcrumb-BOX A:link, .breadcrumb-BOX A:visited, .breadcrumb-BOX A:hover {
   font-size: 10px; color: #666666; text-align: right
}
.breadcrumb-BOX {
   font-size: 10px; color: #666666; text-align: right;
   padding: 15px 0px 20px 0px; 
   margin: 0 15px 20px 15;
   border-bottom: 1px solid #EEEEEE; 
}


.content-BOX A:link { }
.content-BOX A:visited { }
.content-BOX A:hover { }
.content-BOX { text-align: left; padding: 0px 15px 15px 15px; 
}

.global-BOX { text-align: left; padding: 10px 15px 0px 15px; 
}

.revision-BOX { text-align: left; padding: 5px 15px 10px 15px; clear:all;
}

.TopBackDruck-BOX { text-align: right; padding: 0px 15px 5px 15px; 
}

.content-SPACER { width: 500px; font-size: 10px; x-background-color: ff0000; }


/* === rechte Spalte ===================================== */

.TabellenSpalte-rechts {
   width:200px; 
   padding: 5px 5px 0px 5px;

   background: #F9F9F9;
}

.content-BOX-rechts {
   padding: 0px 0px 0px 0px;
}
.global-BOX-rechts {
   padding: 0px 0px 0px 0px;
}

.right-SPACER { width: 200px; font-size: 10px; x-background-color: ff0000; }


/* === Bereich UNTEN ==================================== */

#container-UNTEN, #container-UNTEN-3sp {
   width: 742px; 
   text-align: center; 
   margin: 10px auto; 
}

#container-UNTEN-3sp { width: 962px; } 

.bottom_navigation A:link, .pepes-footer A:visited, .pepes-footer A:hover {
   font-size: 10px; color: #333333; text-align: center;
}
.bottom_navigation {
   font-size: 10px; color: #333333; margin: 0px 0px 0px 0px; padding: 10px 0px 5px 0px;
}
.bottom_navigation SPAN {
   color: #333333; font-weight: normal; 
}

.bottom_copyright A:link, .pepes-footer-copyright A:visited, .pepes-footer-copyright A:hover {
   font-size: 9px; color: #333333; text-align: center;
}
.bottom_copyright {
   font-size: 9px; color: #333333; margin: 0px 0px 5x 0px; padding: 5px 0px 10px 0px;
}

#footer-shadow {

   width: 762px; 
   height: 10px;
   margin: 0px auto; 
   background-image: url(../../template/free_s/bg/bg_bottom_F9F9F9.png); /*  <== Hintergrundbild für Schatten; */
}
#footer-shadow-3sp {
   width: 982px; 
   height: 10px;
   margin: 0px auto; 
   background-image: url(../../template/free_XL/bg/bg_bottom_F9F9F9.png); /*  <== Hintergrundbild für Schatten; */
}


/* === vertikale Navigation = NAV_LIST_ALL = ================= */

.navList {
   margin: 2px 0px 0px 0px; text-align: left;
}

#activeSection {
   font-weight: bold; 
   font-color: #E6C916;
}

.MenueEbene_1 A:link, .MenueEbene_1 A:visited {
	display: block; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
        
        line-height: 13px;
        color: #486AB0; 
        background-image:url(../../picture/bg/bg_nav.gif);
	text-decoration: none;
	margin: 1px 0px 1px 0px;      /* === button size and position === */
	padding: 5px 0px 5px 15px;   /* === text position === */ 
}

.MenueEbene_1 A:hover {
	color: #E6C916; 
	text-decoration: none;
}

.MenueEbene_2 A:link, .MenueEbene_2 A:visited {
	display: block; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 13px; 
	color: #486AB0; 
/*	background-color: none; */
        background-image:url(../../picture/bg/bg_nav.gif);
	text-decoration: none;
	margin: 1px 0px 1px 0px; 
	padding: 5px 0px 5px 30px; 
}
.MenueEbene_2 A:hover {
	COLOR: #E6C916; 
	text-decoration: none;
}

.MenueEbene_3 {
	font-size: 9px; 
	font-weight: normal;
}

.MenueEbene_3 A:link, .MenueEbene_3 A:visited{
        display: block; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 13px; 
	color: #DB3230; 
/*	background-color: none; */
        background-image:url(../../picture/bg/bg_nav.gif);
	text-decoration: none;
	margin: 1px 0px 1px 0px; 
	padding: 3px 0px 3px 45px; 

}
.MenueEbene_3 A:hover {
	text-color: #E6C916; 
	text-decoration: none;
}

/* */
.MenueEbene_4 {
	FONT-SIZE: 10px; 
	FONT-WEIGHT: normal; 
	TEXT-ALIGN: left;
	PADDING: 0px 0px 0px 4px; 
	MARGIN: 1px 0px 1px 30px; 
}
.MenueEbene_4 A:link, .MenueEbene_4 A:visited{
	FONT-SIZE: 11px; 
	TEXT-ALIGN: left;
	VERTICAL-ALIGN: middle; 
	COLOR: #333333; 
	PADDING-LEFT: 1px; 
}
.MenueEbene_4 A:hover {
	COLOR: #999999; 
	TEXT-DECORATION: none;
}

.MenueEbene_5 {
	FONT-SIZE: 10px; 
	FONT-WEIGHT: normal; 
	TEXT-ALIGN: left;
	PADDING: 0px 0px 0px 4px; 
	MARGIN: 1px 0px 1px 40px; 

}
.MenueEbene_5 A:link, .MenueEbene_5 A:visited{
	FONT-SIZE: 11px; 
	TEXT-ALIGN: left;
	VERTICAL-ALIGN: middle; 
	COLOR: #333333; 
	PADDING-LEFT: 1px; 
}
.MenueEbene_5 A:hover {
	COLOR: #999999; 
	TEXT-DECORATION: none;
}



/* ========================== */


form, div, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

td, th, p, div, span {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px
}


ul { margin: 0px 0px 0px 20px; }
li { 
   font-size: 11px; /* 11 */
   list-style: disc;

   line-height: 130%;
}


.listEntry {
   margin-bottom: 10px;
}

a, a:link, a:visited, a:active, a:focus {
   color: #336699;
   text-decoration: none
}
a:hover {
   color: #EBDA2B;
   text-decoration: none;
}

.articleText { 			/* use in contentpart "Einfacher Text"; */
   text-align: justify;
   line-height: 140%;
 margin-bottom: 3px;	
}

.text { 			/* use in contentpart "Text", "Text mit Bild"; */
   text-align: justify;
   line-height: 180%;
   color: #363636
   margin-bottom: 3px;	
}

.articleCode {				/* use in Contentpart "CODE"; */
   font-family: "Courier New", Courier, monospace;
   font-size: 12px;
 margin-bottom: 5px;		/* 3px; */
}


h1, .articleHead, .articleList_tophead {
   font-family: "Arial Narrow", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   
   text-decoration: none;
   line-height : 150%;
   color: #C9C877;
   margin-bottom: 5px;
}

h2, .articleSubHead, .articleList_topsubhead {
   font-family: "Arial Narrow", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   text-decoration: none;
   line-height : 120%;
   color: #4A5C7D;
   margin-bottom: 5px;
}

.articleSummary {	
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   text-align: normal;	/* justify; */
   color: #333333; 		/* #000000; */
   line-height: 130%;
   margin-bottom: 5px;
}


h3, .contentHead {
   font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #DB3230; 
    line-height: 110%;
   margin-bottom: 5px;
}

h4, .contentSubHead {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-weight: strong;
    color: #6078A3;
    line-height: 130%;
   margin-bottom: 20px;
}


.articleList_toptext {

   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10px;
}

.articleList_listhead {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
}


.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 {}


/* 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 current 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;
}

.datum, .breadcrumb {
   font-family: Verdana, Helvetica, Arial, sans-serif;

   font-size: 10px;
   font-weight: normal;
   color: #333333;
}

.revision {
   font-family: Verdana, Helvetica, Arial, sans-serif; 
   font-size: 10px; 
   font-weight: normal;
   color: #999999; 
}

.copyright {
   font-family: Verdana, Helvetica, Arial, sans-serif; 
   font-size: 9px; 
   font-weight: bold;
   color: #666666; 
}

.image_caption {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 9px; 
   font-weight: normal;
   color: #4A5C7D
}