/*Schriftformate*/

#text1		{font-family:Arial; font-size:1.0rem; color:#000000;}
#text1b		{font-family:Arial; font-size:1.0rem; color:#000000; font-weight:bold;}

#text2		{font-family:Arial; font-size:1.2rem; color:#000000;}
#text2b		{font-family:Arial; font-size:1.2rem; color:#000000; font-weight:bold;}
#text2w		{font-family:Arial; font-size:1.2rem; color:#FFFFFF;}

#text3		{font-family:Arial; font-size:1.3rem; color:#000000;}
#text3b 	{font-family:Arial; font-size:1.3rem; color:#000000; font-weight:bold;}

#text4		{font-family:Arial; font-size:50px; color:#000000;}
#text4b		{font-family:Arial; font-size:50px; color:#000000; font-weight:bold;}

/*Linkformate*/




/* Sprungmarken, Link zum Drucken */

a.marke:link    { 
		color:#000000;
      	font-family:Arial;
		font-size:15px;
		text-decoration:none;
		padding-left:2px; padding-right:2px;
}

a.marke:visited {
		color:#000000;
      	font-family:Arial;
		font-size:15px;
		text-decoration:none;
		padding-left:2px; padding-right:2px;
}

a.marke:hover   {
		color:#D90000; 
		background-color:#D90000;
      	font-family:Arial;
		font-size:15px;
		text-decoration:none;
		padding-left:2px; padding-right:2px;
}

a.marke:active  { 
		color:#FFFFFF;
      	font-family:Arial;
		font-size:15px;
		text-decoration:none;
		padding-left:2px; padding-right:2px;
}


/* Formate aus Vorlage ab hier */
body 	{
		margin:0px;
		background-color:#F4F4F4;
}
/*--- Hintergrund Container ---*/		
#seite {
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    height: 100%;
	    width: 100%;
		/*max-width: 1200px;*/
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		/*margin-right: 5px;*/
	    background-color: #F4F4F4;

		/*max-width:1800px;*/
}
/*---  Bereichsformate und Navigation der Hauptseiten Geschäftsbereiche --- */

/*--- Navigationsleiste oben ---*/
#z1		{  
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:40px;
		background-color:#A1A1A1;
		line-height: 2.5em;
		text-align:center;
		
}
/* --- Zeile für Banner --- */
#z2		{  
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:50px;	/*kleiner als min-Höhe vom Banner gewählt*/
		margin-top:0px;
		margin-bottom:0px;
		background-color:#A1A1A1;
		display:table;
}

/*Inline Textlink Arial bold schwarz, unterstrichen, hover rot*/
a.nav:link	{
		color:#000000; 
		border-style:hidden;
		padding-left:2px;
		padding-right:2px;
      	font-family:Arial;
		text-decoration:underline;
}
a.nav:visited {
		color:#000000;
		border-style:hidden;
		padding-left:2px;
		padding-right:2px;
		text-decoration:underline;
}

a.nav:hover {
 		color:#D90000;
		text-decoration:none;
}

a.nav:active { 
		color:#C0C0C0;
		text-decoration:underline;
}




/* --- Nebenlink im Kopfbereich --- */
a.nav1:link { 
      	font-family:Arial;
		font-size:15px;
		color:#FFFFFF;
		text-decoration:none;
 		padding-left:2px;
		padding-right:2px;
}

a.nav1:visited {
		color:#FFFFFF;
		text-decoration:none;
}

a.nav1:hover   { 
		text-decoration:underline;
}

a.nav1:active  {
		color:#C0C0C0;
		text-decoration:underline;
}

/*Navigationsbutton für alle Verweise auf andere Seiten*/
a.navbutt:link, a.navbutt:visited {	
		
		display:inline-flex;
		flex-direction: row;
		flex-wrap: nowrap;
		white-space: wrap;
		/*max-width:300px;*/
		min-height:40px;
		font-family:arial;
		font-size:1.1em;
		color:#FFFFFF;
		text-decoration:none;
		background-color:#A1A1A1;
		border: none;
		justify-content: center; 	/*Zentrierung horizontal*/
		align-items:center;
		text-align:center;
		padding-left:10px;
		padding-right:10px;

}
a.navbutt:hover {
		background-color:#8E8E8E;
		color:#FFFFFF;
}
a.navbutt:active {
		background-color:#C0C0C0;
		color:#FFFFFF;
}


/* --- Bereich Hauptnavigation --- */
#z3	{	
		position:relative;
		top: 0px;
		width:100%;
		height:50px;
		margin-top: 0px;
		background-color:#A1A1A1;
		white-space:nowrap;
		display:flex;
		flex-direction: row;
		
}
/*---- Klappmenü mit link-buttons als Liste ----*/		
#nav	{
		margin-top:	50px;	/*wichtig*/
		padding-left: 0px;
		overflow:auto; /*self Umbruch in ul verhindern*/
		min-width: 0px;
		z-index:999;
}
#nav ul	{
		list-style-type:none;
		margin-top:	0px;
		padding: 0px;
		/*width: 60px;*/  /*Buttonbreite Zentrierung*/
		/*width: 50px;*/
}
#nav li	{
		float:left;
		padding:0;
		margin:0;
}
#nav li a {
		/*width:200px;*/
		width:auto;		/*self*/
		padding-left:10px; 	/*self*/
		padding-right:10px; 	/*self*/
		display:block;
		text-align:center;
		color:#F4F4F4;
		margin-right:0px;
		height:50px;
		line-height:50px;
		text-decoration:none;
		font-family:arial;
		font-size:20px;
		border-left:solid 1px #A1A1A1;
}
#nav li a:hover {
		color:#D90000;
		background-color:#F4F4F4;
}
#nav ul ul {
		/*display:none;*/ 	/*für Aufruf per hover*/
		display:yes;		/*für Aufruf per click*/
		position:absolute;
		z-index:1000;
		width:auto;			/*self*/
}
#nav li li {
		float:none;
}
#nav li li a {
		background:#F4F4F4;
		text-align:left;
		color:#606060;
		height:auto;
		line-height:1;
		width:auto;
		padding:10px 10px 10px 10px;
		border:1px solid #A1A1A1;
		border-top:none;
		margin-right:0;
}

html li li {
		display:inline;
}

/* Verweise in der Navigations-Liste*/
a.link1:link {
	    padding-left:0px;	
}

/* --- Inhaltsaufteilung --- */

#wrapper {
		position:relative;
		top: 0px;		
		margin-left:0px;
		margin-top:0px;
		/*margin-right:50px;*/
		/*background-color: #F4F4F4;*/
		width: 100%;
		height: 100%;
}


#linkespalte {
		top: 0px;
		background-color: #F4F4F4;
		width: 74%;
		float: left;
		/*height: 100%;*/
}

#rechtespalte {	
		top: 0px;
		margin-right: 2px;
		background-color: #F4F4F4;
		width: 25%;
		float: right;
		/*height: 100%;*/
}
.tboxkopf {
		width:99.7%;
		/*height:2em;*/
		padding:0px;
		font-family:Arial;
		font-size:1.3rem;
		color:#000000;
		line-height:1.2em;
		background-color:#EDEDED;
		border-top:1px solid #C0C0C0;
		border-left:1px solid #C0C0C0;
		border-right:1px solid #C0C0C0;
		border-bottom:1px solid #C0C0C0;
		/*overflow: hidden;*/
}
	
.tbox {
		width:99.7%;
		/*height:auto;*/
		padding:0px;
		/*padding-left:5px;*/
		font-family:Arial;
		font-size:1.0rem;
		background-color:#F4F4F4;
		border-left:1px solid #C0C0C0;
		border-right:1px solid #C0C0C0;
		border-bottom:1px solid #C0C0C0;
}
/*Innerer Abstandsbereich in tbox*/
.spacer {
		/*height:auto;*/
		position: relative;
		margin-left: 0.5em;
		margin-right: 0.5em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0;
		/*background-color: yellow;*/
}
/*Linker Navigationsbereich mit open-button in z3*/
#navleft {  
		height: 100%;
		padding: 0px;
		margin:0px;
		/*background-color:#FFFFBE;*/
		font-family: Arial;
		font-size: 2.0rem;
		color: #FFFFFF;
		white-space:nowrap;
}

/*Bereich als Platzhalter für den nav-Bereich mit Navi-Liste in z3*/
#navspace {
		height: 100%;
		padding:0px;
		/*width: 0px;*/
		margin: 0px;
		/*background-color:green;*/
		white-space:nowrap;
}
/*Rechter Navigationsbereich mit close-button in z3*/
#navright {  
		height: 100%;
		padding: 0px;
		margin: 0px;
		/*background-color:blue;*/
		white-space:nowrap;
}
#titel	{
		margin-top:0px;
		height:40px;
		width:100%;
		background-color:#EDEDED;
		font-family: Arial;
		font-size: 1.5em;
		color: #606060;
		font-weight:bold;
		line-height: 170%;
		text-align: center;
		white-space:nowrap;
}
/*Navigationstasten im Kopfbereich für alle Skripte im Verzeichnis homepage1*/
.navk {	
		display: inline-block;
		height: 44px;
		font-family: arial;
		font-size: 0.9rem;
		color:#FFFFFF;
		background-color:#A1A1A1;
		text-decoration: none;
		text-align: left;
		vertical-align: top;
		margin: 0px;
		padding-top: 3px;
		padding-right: 3px;
		padding-left: 3px;
		line-height: 100%;
		min-width: max-content;
}
.navk:hover {
		background-color:#FFFFFF;
		color:#606060;
}
/* überschreibt einzelne Eigenschaften von .navk speziell für buttons um die gleiche Darstellung wie bei links zu erreichen*/
#open-button {
		border:0px;
		height:47px;
}
#close-button {
		border:0px;
		height:47px;
}

/* Klasse für images der rechten Spalte, deren Größe verändert wird*/
.myimage {
 		margin:0px;
 		width:100%;
 		padding-right:0px;
}

/*Textblock rechts neben Image mit Abstand*/
.imagetext {
		width: 45%;
		padding: 10px;
		display: inline-block;
		background-color: yellow;
}
/* Test für zweispaltiges layout */
.myimage-1 {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        width: 50%;
        max-width: 400px;
        min-width: 300px;
} 
.imagetext-1 {
		width: 46%;
		padding-left: 10px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
		display: inline-block;
		background-color: #F4F4F4;
} 


/* Baustelle !!!! aktuell.htm spl-image mit Text als ol-Liste rechts daneben. Tauglichkeit für alle Tabellen noch zu testen...----------------------------------------------- */
.splimagebereich {
  		display: flex;
  		align-items: right; /*Vertikale Ausrichtung */
 	 	overflow: auto;
}

li {
		/*list-style-image: url(bilder/dot16x16.gif);*/
		margin:	0px;
		padding: 0px;
		background-color:#F4F4F4;

}
ol {
		margin:	0px;
		list-style-image: url(bilder/dot16x16.gif);
		/*list-style-position: inside;*/
		/*padding-left: 20px;*/
}

/* Ende Baustelle !!!! */

/*rightimagetext war hier*/
.rightimagetext {
		float: right;
		/*float:inline-end;*/
		width: 100px;
		padding-top: 5px;
		padding-left: 0px;
		padding-right: 15px;
		padding-bottom: 5px;
		display:block;
		/*background-color: green;*/
}

.strichlinie {
		border:none;
		border-top: 1px dashed #C0C0C0;
		color:F4F4F4;
		background-color: #F4F4F4;
		height: 1px;
 		width:100%;
}

/*----- button mit image / hover mit toggleClass ------*/
.opener-button {
		padding:0px;
		border:solid 1px #F4F4F4;
		background-color:#F4F4F4;
		cursor:pointer;
		font-family: Arial;
		font-size: 1em;
		/*opacity: 1;*/
   		/*transition: opacity .25s ease-in-out;*/
   		/*-moz-transition: opacity .25s ease-in-out;*/
   		/*-webkit-transition: opacity .25s ease-in-out;*/
   		
}
.opener-button-hover {
		padding:0px;
		border:solid 1px #D90000;
		background-color:#F4F4F4;
		cursor:pointer;
		/*opacity: 0.5;*/
}
/*---------------- jquery-ui.css benutzerdefinierte Anpassung ---------------*/
/*--- widget-header background ---*/
.ui-state-active, 
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
		background: #A1A1A1;
		border: 1px solid #606060;
		color: #FFFFFF;
		
}

/*--- dialog button background --- */
.ui-button:active,
.ui-button.ui-state-active:hover {

	background: #A1A1A1;		
	border: 1px solid #d90000;				
}