/*********************************/
/* css Datei Aha EDV Support AG  */
/* für NaturalStone Hofmann      */
/* aktuell vom 22.03.2020        */
/*********************************/

a:link 		{font-weight:bold; color:blue;		text-decoration:underline;}
a:visited 	{				   color:#00bfff;	text-decoration:underline;}
a:focus 	{font-weight:bold; color:red;		text-decoration:underline;}
a:hover 	{font-weight:bold; color:green; 	text-decoration:none; 	  }
a:active 	{font-weight:bold; color:lime;		text-decoration:underline;}

/* a 	{font-size:110%;} */ 

h1,h2,h3,h4,h5,h6,p,i,b,th,td,li,dt,dd,address,acronym,big,var,em,blockquote,a,div {
	font-family : Arial,Helvetica;
	color		: black;
	
	/*color      : #010066; /* Schriftfarbe 2.Box rgb(1, 0, 102) *//* Blaue Schrift vor Redesign Märt 2020 /*
	/*	color    : #027f81; /* Schriftfarbe 3.Box rgb(5,127,130) */
	/*	color    : #689b00; /* Schriftfarbe 4.Box rgb(104,155,0) */
	/*	color    : #036596; /* Schriftfarbe 5.Box rgb(3,101,150) */
	/* Umrechnung http://www.farb-tabelle.de/de/rgb2hex.htm?q=3%2C101%2C150 */
}

/* Farbtabelle: http://tomheller.de/theholycymbal/html-farben.html */

.cLogo {
	font-family : Century Gothic,Arial,Helvetica;
	font-weight: 100;
}

.cLogTx { /* für Schrift über Lästchen */
	font-size: 90%
}

/* Kopfzeile */
.HeadLi{
/* width: 37%; */
float: left;
height: 6em;
}

.HeadRe {
float: right;
text-align:right;
width: 273px;
height: 6em;
font-family : Arial,Helvetica;
}

/* Spezielle Styles für Menüstuktur (Style-Klassen) */
.menuItem {
	position   : absolute;
	left       : 0px;
	visibility : hidden;
}


/* für Preisliste */
.PreisFussTR {	//line-height: 8px; 
//			height: 8px; 
			//vertical-align:top;
			text-align:center; 
}
.PreisFussTD {	//line-height: 8px; 
//			height: 8px; 
			//vertical-align:top;
			text-align:center; 
}
.PreisFussP {	//line-height: 8px; 
//			height: 8px; 
			//vertical-align:top;
			text-align:center; 
			font-size	: 80% ;
}

/****************************************/
/* für neue Preisliste responsive 15:09 */ 
/****************************************/
/* zuerst für kleinere Monitore */
 .cZeile{display: flex;flex-direction: row;flex-wrap: wrap;margin	: 5pt;border : 1px solid #FF0000;} */
.cArtNo{order: 0;width: 80px;margin	: 5pt;border : 1px solid green;}
.cMenge{order: 1;width:  30px;margin: 5pt;border : 1px solid green;}
.cPreis{order: 2;width:  75px;margin: 5pt;border : 1px solid green;}
.cBezei{order: 3;margin: 5pt;
			border : 1px solid green;
			/* align-self:flex-end; */
			/* justify-content:grow; */
			 width: calc(100% - 20px);/* Breite 100% minus innenabstand (4*5pt) */
			flex-shrink: 0;
			background-color: lightblue;}/*Breite ausnutzen*/
.cBreit{clear: both ;margin	: 5pt;border : 1px solid #FF0000;}
.cUnten{clear: both ;margin	: 5pt;border : 1px solid #FF0000;}

/* dann für grössere Monitore über 600px breit */
@media only screen and (min-width: 600px) {
.cZeile{margin	: 5pt;border : 1px solid #FF0000;}
.cTitel{margin	: 5pt;border : 1px solid #FF0000;}
.cArtNo{order: 0;width: 180px;margin	: 5pt;border : 1px solid #FF0000;}
.cBezei{order	: 1;
		width: 80% ;
		/* width: calc(100% -137px) ;*/
/*		width: calc(100% - (4*12px) - 80px - 30px - 75px );*/
		margin	: 5pt;
		border	: 1px solid #FF0000;
		/*justify-content		: grow;*/
		background-color	: lightgray;
	}/* Breite ausnutzen*/
.cMenge{order: 2;width: 30px;margin	: 5pt;border : 1px solid #FF0000;}
.cPreis{order: 3;width: 75px;margin	: 5pt;border : 1px solid #FF0000;}
.cBreit{clear: both ;margin	: 5pt;border : 1px solid #FF0000;}
.cUnten{clear: both ;margin	: 5pt;border : 1px solid #FF0000;}
.cLeerz{clear: both ;margin	: 5pt;border : 1px dotted green;}
} /* fertig media */
.prLis {
	border	: 1px solid green;
	margin	: 5pt;
	padding	: 5pt;
}

.prZei {
	clear	: both;
	margin	: 5pt;
	padding	: 5pt;
	border	: 1px solid #FF0000;
	color	: black;
	background: #eee;
}
.prKop {float: left;border:1px solid #FF0000;padding	: 5pt;color: red;}
.prArt {float: left;border:1px solid #FF0000;padding	: 5pt;color: green;}
.prMen {float: left;border:1px solid #FF0000;padding	: 5pt;color: blue;}
.prPre {float: left;border:1px solid #FF0000;padding	: 5pt;color: pink;}
.prBez {float: left;border:1px solid #FF0000;padding	: 5pt;color: magenta;}
.prFus {float: left;border:1px solid #FF0000;padding	: 5pt;color: orange;}

/* Ende Preisliste ---------------- */


.NoScreen { display	:none;}
.NoPrint {	}

.gw {	float		: right;
		margin-top	: 20px;
		margin-left	: 10px;
	}
	
.SideMenue  { 
	float: left;
	padding-right: 5px;
	/* min-width	:100px; */
}

.Test {
 position: relative;
 float: right;
 width: 1;
 height: 1;
 z-index: 1;
}

.AlteSeite {
	border		: 1px solid #FF0000;
	color       : #FF0000;	/* Schriftfarbe  */  
	background	: #FFD4D4;	/* Backgrounnd */
}
    
/* Content-Klassen */
/* --------------- */
/* <table class="tblContent"> <tr class="trContent"><td class="tdContent"> */

.tblContent {
	border:			1px solid #808080;
	margin-top:		4px;
	-webkit-border-radius:	9px;
	-moz-border-radius: 	9px;
	border-radius: 			9px; /* Opera */
}
.trContent {}
.tdContent {}


/* Navigations-Klassen */
/* ------------------- */

/* div Tag Listengruppen */
.engdi	{
	margin-left	: 	0px; 
	margin-right: 	5px; /* Rand vom Menü zum Content  */ 
	margin-top:		4px; /* Rand zwischen den Kästchen */
	margin-bottom:	4px; /* Rand zwischen den Kästchen */
	padding-left:	3px; 
	padding-right:	5px; 
	padding-top:	0px;
	padding-bottom:	0px;

	border:			1px solid #808080;

	-webkit-border-radius:	9px;
	-moz-border-radius: 	9px;
	border-radius: 			9px; 		/* Opera	*/


/* background: url("MenuBG.gif"); /* 
/*	filter:Alpha(opacity=20,style=3,finishopacity=50);*/	/* IE 	*/
/*	-moz-opacity:0.3;		*/	/* Gecko-Browser 	*/
/*	opacity:0.3 */
}

/* UL Tag Listengruppen */
.eng{
	margin-left	: 	18px;/* Breich in welchem die Bulets sind */ 
	margin-top:		1px; /* Rand innerhalb der Kästchen */
	margin-bottom:	3px; /* Rand innerhalb der Kästchen */
	padding-left:	3px;
}
	
/* li Tag einzelner Listenpunkt */
.pubig	{background: 	transparent;
		 margin-bottom: 0px;}
.pusml	{background: 	transparent;
		 margin-bottom: 15px;}

/* a Tag Links im Menü links */
.mlbig	{
	font-size:   100% ;		/* Schriftgrösse*/
	background:  transparent;
	filter:alpha(opacity=100);	/* IE 			*/
	-moz-opacity:1;				/* Gecko-Browser*/
	opacity:1;					/* Opera 9+ 	*/
}
.mlsml	{
	font-size	: 115% ;		/* Schriftgrösse*/
	background  : transparent;
	filter:alpha(opacity=100);	/* IE 			*/
	-moz-opacity:1;				/* Gecko-Browser*/
	opacity:1;					/* Opera 9+ 	*/
}

/* Uebersicht Keramikplatten */
.tSortiment{width:800;Margin:5;padding:5;}
.tKategorie{width:750;Margin:5;padding:5;}
.tLinie{Margin:5;padding:5;}


.txSortimentHS {display:none;} 							/* !!! Nur für INTERN !!! (Herstellertext 1/3) visible oder none*/
.txKategorieHS {display:none;} 							/* !!! Nur für INTERN !!! (Herstellertext 2/3)*/
.tTextHS {font-size: x-small;Margin:5;display:none;} 	/* !!! Nur für INTERN !!! (Herstellertext 3/3)*/

.txSortimentTL {display:none;}
.txKategorieTL {display:none;}

.Spalte14
{	float:		left;
	width:		160;
	box-sizing: border-box;
	Margin:		4;
	padding:	4;
	background: #eee;}

.SpalteHidden
{	float:		left;
	width:		160;
	box-sizing: border-box;
	height:		220;
	Margin:		4;
	padding:	4;
	}

.Spalte5
{width:2;box-sizing: border-box;height:220;Margin:1;padding:1;}

.tBild {Margin:5;}
.tTextTL {font-size: x-small;Margin:5;}
.BildS1 {text-align: center}

/* WebFormulare 2019 */ 
.Warnung	{color: red;
			 background-color: #F4FA58;}
/*Ende*/