/* basic styles ------------------------------------------------------------ */
@font-face {
    font-family: "FSLola";
    src: url("fs-lola.woff");
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: "FSLola", Helvetica, Arial, Verdana, sans-serif; 
    text-decoration: none; font-weight: normal; color: #3a424a;
}
a				{ background-color: transparent; }
a, span, b, p,
input			{ font-size:1.6em; text-decoration: none; font-weight: normal; color: #3A4249; }
.inactive		{ color: #CCCCCC; }       /* inactive text link */
.active			{ color: #666666; }
input:disabled, input:disabled+a { 
	color: #CCCCCC;
}

div.symbutton.program.miniicon img { 
	margin: 0 0 0 0.583em; box-shadow: 0.25em 0.25em 0.333em #888888; 
}

/* start page -------------------------------------------------------------- */
.hoverEfect				{ width: 100%; position: absolute; height: 100%; top: 0; left: -100%; transition: all .3s; z-index:0; }
.mfGroupSlctLine		{ transition: all .3s; cursor:pointer; }
.mfGroupSlctLine:hover .hoverEfect{ left:0; } 

.mfGroupSlctLine	.hoverEfect { background-image: url(textur_keramik.png); }
.GroupSlctLine1		.hoverEfect { background-image: url(textur_trend.png); }
.GroupSlctLine2		.hoverEfect { background-image: url(textur_classic.png); }
.GroupSlctLine3		.hoverEfect { background-image: url(textur_exclusiv.png); }
.GroupSlctLine7		.hoverEfect { background-image: url(textur_modernart.png); }
.GroupSlctLine8		.hoverEfect { background-image: url(textur_oak.png); }
.GroupSlctLine11	.hoverEfect { background-image: url(textur_beton.png); }
.GroupSlctLine12	.hoverEfect { background-image: url(textur_dekor.png); }

.mfGroupSlctLine:hover span { color:#FFF; }

.mfSclsSlct		{ z-index:1 }
.doorsLine		{ width: 19em; height:9em; background-repeat: no-repeat; background-size: contain; margin-left: 1.5em; z-index:1; 
				  background-image: url(serie_icon.png); }
.doorsLine1		{ background-image: url(trend.png); }
.doorsLine2		{ background-image: url(classik.png); }
.doorsLine3		{ background-image: url(exclusiv.png); }
.doorsLine7		{ background-image: url(modernart.png); }
.doorsLine8		{ background-image: url(oak.png); }
.doorsLine10	{ background-image: url(keramik.png); }
.doorsLine11	{ background-image: url(beton.png); }
.doorsLine12	{ background-image: url(dekor.png); }

/*.mfSclsSlct1 { background-color: #879B77; }
.mfSclsSlct2 { background-color: #5d6e95; }
.mfSclsSlct3 { background-color: #5a5c5c; }
.mfSclsSlct4 { background-color: #9e1510; }
.mfSclsSlct5 { background-color: #9e1510; }
.mfSclsSlct6 { background-color: #b5b0a1; }
.mfSclsSlct7 { background-color: #c0c0c0; }*/

/* mainFrame ----------------------------------------------------------------*/
#mfTop		{  }
#mfBanner   {  }
#mfLogo		{ background-image: url(22246_Logo_Gayko.svg); }
#mfSlogan	{ 
	display:none;
	background-image: url(../../Media/GUI/arrowHead.png); background-repeat:no-repeat; background-position: left center; color: #FFFFFF;
	font-weight: 500;
}

/* Print ------------------------------------------------------------------- */
#prLogo		   { background-image: url(LogoPrint.png); }
.prPage	       { font-family: Helvetica, Arial, Verdana, MS Sans Serif; }

/* Reference input control ------------------------------------------------- */
#mfRefIDSlct.RefIDSlct ul ul  { 
	background-image: url(../../Media/GUI/arrow14pxwhite.png); background-repeat:no-repeat; background-position: left top; background-size: contain; height: 1em; 
}