﻿  /* Body und HTML Angaben */
  /* ACHTUNG Bereich auch in Default_IE6.css definiert! */  
  body,html 
  {
    margin: 0px;
    padding: 5px;
    width:99%;
    height:98%;
  	background-color: #5b5b5b;
  }


  a img {border: 0;} 

  #div_page_editor 
  {
    background-color: rgb(0, 103, 179);
  }

  /* Banner oben, angeordnet rechts der DIV  div_bannerschriftzug */
  /* um den Effekt der Durchgängigkeit des Aufrechten Schriftzuges zu erhalten */  
  /* Keine Breitenangabe! */
  #div_banner
  {
    float:left;
    height:20%;
    width: 100%;
    overflow: hidden;
    background:  url("../images/banner_background.jpg");
  	background-repeat: repeat-y;
  	background-position: top right;
    background-color: rgb(255, 255, 255);
  	border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
  	border-right:1px solid #808080;
  }

  /* Horizontales oberes Menü */
  #div_menutop
  {
    min-height: 2.4em;
    width:100%;
  	border-top:1px solid #ffffff;
  	border-bottom:1px solid #808080;
    background-color: rgb(0,103,179);
    background:  url("../images/menu_top.jpg");
  	background-repeat: no-repeat;
  	background-position: center left;
    background-color: rgb(0,103,179);
  	border-left:1px solid #ffffff;
  }


  /* Contentbereich */  
  #div_maincontent
  {
    margin: 0px;
    padding: 15px;
    height: 100%;
    background-color: white;
    overflow: auto;
  }

  #tab_main
  {
    width: 100%;
    background:  url("../images/banner_backschrift.jpg");
  	background-repeat: no-repeat;
  	background-position: top right;
    background-color: rgb(0,32,128);
  	border-left:1px solid #ffffff;
  	border-bottom:1px solid #808080;
  	border-right:1px solid #808080;
  }

  #tab_main_td_menu
  {
    vertical-align: top;
    width: 15%;
    background-color: white;
  	border-right:1px solid #808080;
  }

  #tab_main_td_main
  {
    vertical-align: top;
    background-color: white;
  }
  
  #tab_main_td_schriftzug
  {
    width: 35px;
    height: 400px;
  }

  /* DIV zum cleanen der Floatangaben */  
  .clear_left   {clear:left;} 
  .clear_right  {clear:left;}
  .clear_both   {clear:both;}


 
/* ################################################################# */
/* Linker Menüaufbau */
/* ################################################################# */
  
  /* Parent Eintraege des linken Menues */
	.tab_menuleft, .tab_menuleft a , .tab_menuleft a:visited , .tab_menuleft a:active 
	{
    padding-left: 1em;
		padding-right: 1em;
		padding-top: 0.1em;
		padding-bottom: 0.1em;
		display:block;
		color: rgb(81, 83, 95);
		font: normal 1em verdana, sans-serif;
		text-decoration:none ;
		text-align:left;
	}
	

  /* Parent Eintraege des linken Menues Mouseover */
	.tab_menuleft a:hover
	{
    background:  url("../images/btn_left_hover.jpg");
		background-repeat: no-repeat;	
		background-position: bottom left;
	}

  /* TDs der obersten Menüeinträge */
  .menu_left_parent
  {
		padding-left: 0em;
		padding-top: 0.1em;
		padding-bottom: 0.1em;
		display:block;
    background:  url("../images/btn_left.jpg");
		background-repeat: no-repeat;	
		background-position: bottom left;
  }

  .menu_left_parent_active a:hover 
	{
    background:  url("../images/btn_left_active.jpg");
		background-repeat: no-repeat;	
		background-position: bottom left;
	}

  /* TDs der obersten Menüeinträge wenn aktiv */
  .menu_left_parent_active
	{
		padding-left: 0em;
		padding-top: 0.1em;
		padding-bottom: 0.1em;
		display:block;
    background:  url("../images/btn_left_active.jpg");
		background-repeat: no-repeat;	
		background-position: bottom left;
	}
  


  /* Gruppen linken Menues */
  /* Vererbung auf Child TDs ! */
	.menu_left_group 
	{
		padding-left: 1em;
		padding-top: 0.1em;
		padding-bottom: 0.1em;
		display:block;
	}
  
  /* Gruppen linken Menues wenn aktiv */
  .menu_left_groupactive
	{
	}

  /* Child Eintraege des linken Menues */
	.tab_menuleft_child a , .tab_menuleft_child a:visited , .tab_menuleft_child a:active 
	{
	}
	
  /* Child Eintraege des linken Menues Mouseover */
	.tab_menuleft_child a:hover
	{
    background:  url("../images/btn_left_hover.jpg");
		background-repeat: no-repeat;	
		background-position: bottom left;
	}

  /* TDs der Child Eintraege des linken Menues */
  .menu_left_child
  {
    background:  url("../images/btn_left.jpg");
		background-repeat: no-repeat;	
		background-position: bottom left;
  }

  /* TDs der Child Eintraege des linken Menues wenn aktiv*/
	.menu_left_child_active a , .menu_left_child_active a:visited , .menu_left_child_active a:active 
	{
    background:  url("../images/btn_left_active.jpg");
		background-repeat: no-repeat;	
		background-position: bottom left;
	}


/* ################################################################# */
/* Top Menue Aufbau */
/* ################################################################# */

  /* Tabelle des oberen Menüs */
	.tab_menutop a, .tab_menutop a:visited, .tab_menutop a:active 
	{
		padding-left: 0.75em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-right: 0.75em;
		display:block;
		color: rgb(255, 255, 255);
		background-repeat: no-repeat;	
		font: normal 1em verdana, sans-serif;
		text-decoration:none ;
		text-align:center;
  	border-top:1px solid rgb(0, 103, 179);
  	border-left:1px solid rgb(0, 103, 179);
  	border-right:1px solid rgb(0, 103, 179);
	}
	
  /* Tabelle des oberen Menüs Moueseover */
	.tab_menutop a:hover
	{
  	border-top:1px solid rgb(0, 103, 179);
  	border-left:1px solid rgb(0, 103, 179);
  	border-right:1px solid rgb(0, 103, 179);
		color: rgb(0, 103, 179);
    background-color: rgb(255,255,255);
		background-repeat: no-repeat;	
		text-decoration:none;
		font-weight : normal;		
	}

  /* TDs oberes Menü */
  .menu_top
  {
  }

  /* TDs oberes Menü activ*/
	.menu_top_active a, .menu_top_active a:visited, .menu_top_active a:active 
	{
  	border-top:1px solid rgb(0, 103, 179);
		color: rgb(0, 103, 179);
    background-color: rgb(255, 255, 255);
	}


/* ################################################################# */
/* Bottom Menue Aufbau */
/* ################################################################# */


  /* Tabelle des unteren Menüs */
	.tab_menubottom a , .tab_menubottom a:visited , .tab_menubottom a:active 
	{
		padding-left: 0.5em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-right: 0.5em;
		display:block;
		color: rgb(255, 255, 255);
		font: normal 1em verdana, sans-serif;
		text-decoration:none ;
		text-align:center;
  	border-top:1px solid rgb(0, 103, 179);
  	border-bottom:1px solid rgb(0, 103, 179);
 	}
	
  /* Tabelle des unteren Menüs Moueseover */
	.tab_menubottom a:hover
	{
		color: rgb(0, 103, 179);
    background-color: rgb(255, 255, 255);
		background-repeat: no-repeat;	
		text-decoration:none;
		font-weight : normal;		
	}

  /* TDs unteres Menü */
  .menu_bottom
  {
  }

  /* TDs unteres Menü activ*/
	.menu_bottom_active a , .menu_bottom_active a:visited , .menu_bottom_active a:active 
	{
		color: rgb(0, 103, 179);
    background-color: rgb(255, 255, 255);
  	border-top:1px solid rgb(0, 103, 179);
  	border-bottom:1px solid rgb(0, 103, 179);
	}




/* ################################################################# */
/* banner */
/* ################################################################# */
  .table_banner
  {
		padding-right:34px;
    background:  url("../images/banner_background.jpg");
  	background-repeat: repeat-y;
  	background-position: top right;
    table-layout:fixed;
  }

  .table_banner_td
  {
    border-right:1px solid #ffffff;
  }

/* ################################################################# */
/* Footer Texttabelle */
/* ################################################################# */
  
	.tab_footertext 
	{
		margin-left: 0.5em;
    color: rgb(255, 255, 255);
		font: normal 1em verdana, sans-serif;
		text-decoration:none ;
	}


/* ################################################################# */
/* Bereich Optionen */
/* ################################################################# */
  #div_options_nav, #div_options_nav_base
  {
    height: 75%;
    width: 20%;
    float: left;
    border-top:1px solid #ffffff;
  	border-left:1px solid #ffffff;
  	border-right:1px solid #808080;
  	border-bottom:1px solid #808080;
    background-color: rgb(224,224,224);
    overflow: auto;
  }

  #div_options_nav_base
  {
    width: 75%;
    background-color: rgb(240,240,240);
  }

  #div_options_nav_caption
  {
		padding-left: 0.5em;
		padding-top: 0.1em;
		padding-bottom: 0.1em;
    border-bottom:1px solid #808080;
		color: rgb(255, 255, 255);
    background-color: rgb(0, 103, 179);
  }


  /* Tabelle */
	.tab_options_nav a , .tab_options_nav a:visited , .tab_options_nav a:active 
	{
		padding-left: 0.5em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-right: 0.5em;
		display:block;
		color: rgb(0,0,0);
		font: normal 1em verdana, sans-serif;
		text-decoration:none ;
		text-align:left;
	}
	
  /* Tabelle Moueseover */
	.tab_options_nav a:hover
	{
    background-color: rgb(249,249,249);
		background-repeat: no-repeat;	
		text-decoration:none;
		font-weight : normal;		
	}

  #div_options_nav_1, #div_options_nav_2,
  #div_options_nav_3, #div_options_nav_4,
  #div_options_nav_5, #div_options_nav_6
  #div_options_nav_7, #div_options_nav_8
  #div_options_nav_9, #div_options_nav_10
  {
    height: 100%;
    display: none;    
  }

  .tab_options_cnts
  {
		padding-left: 0.5em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-right: 0.5em;
		display:block;
		text-decoration:none ;
		text-align:left;
  }

  .td_options_cnts_caption
  {
		padding-right: 0.5em;
		padding-top: 0.1em;
		padding-bottom: 0.1em;
		color: rgb(81, 83, 95);
    background-color: rgb(176,176,176);
		text-align:right;
    border-top:1px solid #ffffff;
  	border-left:1px solid #ffffff;
  	border-right:1px solid #808080;
  	border-bottom:1px solid #808080;
  }

  .td_options_cnts_cmdbar
  {
		padding-right: 0.2em;
		padding-top: 0.2em;
		padding-bottom: 0.1em;
		color: rgb(81, 83, 95);
    background-color: rgb(176,176,176);
		text-align:right;
    border-top:1px solid #ffffff;
  	border-left:1px solid #ffffff;
  	border-right:1px solid #808080;
  	border-bottom:1px solid #808080;
  }

  .div_options_nav_usr
  {
    height: 100%;
    display: none;    
  }

/* ################################################################# */
/* Allgemeine Tabelle
/* ################################################################# */
  
  .default_tab
  {
  	border-left:1px solid rgb(160,160,160);
  	border-right:1px solid rgb(160,160,160);
  }


/* ################################################################# */
/* Allgemeiner Teil Messages*/
/* ################################################################# */

/* Warnungsmeldung z.B. fehlerhafter Login */
.app_message_warnung
{
  padding-top: 1em;
  color: red;
}

/* ################################################################# */
/* Logintabelle */
/* ################################################################# */
.tab_login_aussen
{
	font: normal 1em verdana, sans-serif;
	text-decoration:none ;
}

/* Linke Spalte der äusseren Tabelle */
.tab_login_td_left
{
  background:  url("../images/login_left.gif");
	background-repeat: no-repeat;
	background-position: center right;
}

/* Rechte Spalte der äusseren Tabelle */
.tab_login_td_right
{
  background:  url("../images/login_right.gif");
	background-repeat: no-repeat;
	background-position: top right;
}

/* Logintabelle */
.tab_login
{
}

/* Eingabefelder */
#edtName, #edtPWD
{
  width: 12em;
}

/* Eingabefelder Optionen Nutzer*/
.edtUser
{
  width: 12em;
}

/* Submit-Button */
#login_submit
{
  width: 7em;
  height: 2.5em;
	font: normal 1em verdana, sans-serif;
	text-decoration:none ;
  border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
  background-color: rgb(240,240,240);
  background:  url("../images/login.gif");
	background-repeat: no-repeat;
	background-position: center center;
}



/* ################################################################# */
/* CMD's */
/* ################################################################# */
.cmd_default
{
  width: 6em;
  height: 1.6em;
	font: normal 1em verdana, sans-serif;
	text-decoration:none ;
  border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
  background-color: rgb(240,240,240);
}


/* ################################################################# */
/* EDITBAR Bearbeitungszeile der Contents */
/* ################################################################# */
.content_editbar
{
  margin-top: 1em;
  padding-bottom: 1em;
	border-bottom:1px solid #808080;
}

.content_editbar a:hover 
{
  background-color: rgb(150,183,216);
}

.content_editbar_buttons 
{
  color: black;
  padding: 0.25em;
	font: normal 1em verdana, sans-serif;
	text-decoration:none ;
  border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
  background-color: rgb(240,240,240);
}

.content_editbar_info
{
	font: normal 0.75em verdana, sans-serif;
  color: rgb(192,192,192);
}

/* ################################################################# */
/* BACKBAR Bearbeitungszeile der Contents */
/* ################################################################# */
.content_backbar
{
  margin-top: 1em;
  padding-bottom: 1em;
	border-bottom:1px solid #808080;
}

.content_backbar a:hover 
{
  background-color: rgb(150,183,216);
}

/* ################################################################# */
/* FORMATIERUNGEN DER AUSGABEN - CONTENTBEREICH */
/* Als Ableitungen von div_maincontent formatieren! */
/* ################################################################# */
#div_maincontent
{
	font: normal 1em verdana, sans-serif;
  padding-right: 1em;
}

#div_maincontent h1
{
	font: normal 2em verdana, sans-serif;
	font-weight: bold;
}

#div_maincontent h2
{
	font: normal 1.75em verdana, sans-serif;
	font-weight: bold;
}

#div_maincontent h3
{
	font: normal 1.5em verdana, sans-serif;
	font-weight: bold;
}

#div_maincontent h4
{
	font: normal 1.25em verdana, sans-serif;
	font-weight: bold;
}

#div_maincontent h5
{
	font: normal 1em verdana, sans-serif;
	font-weight: bold;
}

#div_maincontent h6
{
	font: normal 1em verdana, sans-serif;
}

