@charset "utf-8";
/*******************************************************************************
	Project		:	CSS-Klassenbibliothek - Dynamische Werte --- viele
	Copyright	:	Design - Progressive
	------------------------------------------------------------------------
	Inhalt		:	- Randformatierung (border, border-radius)
					- Schatten (text-shadow, box-shadow)
					- Farbübergänge (linear-gradient)
*******************************************************************************/
/*----------------------------------------------------------
	Randformatierung (border, border-radius)
----------------------------------------------------------*/
/* ----	b1 ----	border 1 pixel ---- */
._b1so			{border:1px solid;}
._b1sok			{border:1px solid #000;}
._b1sow			{border:1px solid #fff;}
._b1so_ec0		{border:1px solid #ec0;}
._b1do_bbb		{border:1px dotted #bbb;}
._b1do_00f		{border:1px dotted #00f;}
/* ----	bra --- border-radius ---- */
._bra10t		{border-top-left-radius:10px;border-top-right-radius:10px;}
._bra30t		{border-top-left-radius:30px;border-top-right-radius:30px;}
._bra10b		{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
._bra30b		{border-bottom-left-radius:30px;border-bottom-right-radius:30px;}
._bra30bl		{border-bottom-left-radius:30px;}
._bra30br		{border-bottom-right-radius:30px;}
._bra20l		{border-top-left-radius:20px;border-bottom-left-radius:20px;}
._bra05			{border-radius:05px;}
._bra10			{border-radius:10px;}
._bra15			{border-radius:15px;}
._bra20			{border-radius:20px;}
._bra25			{border-radius:25px;}
._bra30			{border-radius:30px;}
._bra35			{border-radius:35px;}
._bra40			{border-radius:40px;}
._bra45			{border-radius:45px;}
._bra50			{border-radius:50px;}
._bra60			{border-radius:60px;}
/*----------------------------------------------------------
	Schatten (text-shadow, box-shadow)
----------------------------------------------------------*/
/* ----	txh ---	text-shadow ---- */
._tsh4_bbb		{text-shadow:4px 4px 4px #777;}
._tsh4_999		{text-shadow:4px 4px 4px #999;}
._tsh4k			{text-shadow:4px 4px 4px black;}
/* ----	bsh --- box-shadow ---- */
._bsh_inn_01	{box-shadow:inset 0 0   2px 0px #000}
._bsh_inn_02	{box-shadow:inset 0 0   0px 1px #050}
._bsh_inn_03	{box-shadow:inset  0px 0px 3px 1px #000}
._bsh_obn_01	{box-shadow:  1px  1px 10px 0px #666}
._bsh_but_01	{box-shadow: -1px -1px  2px 0px #333}
._bsh_but_02	{box-shadow: -1px -1px  2px 0px #333, 1px 1px 2px 0px #fff}
._bsh_but_03	{box-shadow: -1px -1px  1px 0px #fff, -2px -2px 1px 0px #000, 1px 1px 1px 0px #fff, 1px 1px 1px 0px #fff}
._bsh_but_04	{box-shadow: -1px -1px  1px 0px #000, -2px -2px 1px 0px #fff, 1px 1px 1px 0px #fff, 2px 2px 1px 0px #000}
._bsh_but_05	{box-shadow: -1px -1px  1px 0px #000, -1px -1px 1px 0px #000, 1px 1px 1px 0px #fff, 1px 1px 1px 0px #fff}
._bsh_but_06	{box-shadow: -1px -1px  1px 0px #000, -1px -1px 1px 0px #000, 1px 1px 1px 0px #fff}
._bsh_but_07	{box-shadow:-10px 10px 25px 0px #f00}
._bsh_but_08	{box-shadow: 10px 10px 25px 0px #0f0}
._bsh_but_09	{box-shadow:  0px 10px 25px 0px #06f}
._bsh_but_10	{box-shadow: 10px 10px 25px 0px #f0f}
._bsh_but_11	{box-shadow:-20px 10px 25px 0px #ff0,  20px 10px 15px 0px #f00}
._bsh_but_12	{box-shadow: 30px  5px 25px 0px #0f0, -30px 10px 25px 0px #08f}
._bsh_but_13	{box-shadow:  2px  2px  2px 0px #ff0, -2px -2px 2px 0px #f00}
._bsh05_555		{box-shadow:0px 0px  5px #555}
._bsh10_555		{box-shadow:0px 0px 10px #555}
._bsh15_555		{box-shadow:0px 0px 15px #555}
._bsh20_555		{box-shadow:0px 0px 20px #555}
._bsh25_555		{box-shadow:0px 0px 25px #555}
._bsh05k		{box-shadow:0px 0px  5px #000}
._bsh10k		{box-shadow:0px 0px 10px #000}
._bsh15k		{box-shadow:0px 0px 15px #000}
._bsh20k		{box-shadow:0px 0px 20px #000}
._bsh25k		{box-shadow:0px 0px 25px #000}
._bsh10w		{box-shadow:0px 0px 10px #fff}
/*----------------------------------------------------------
	Farbübergänge (linear-gradient)
----------------------------------------------------------*/
/* ----	lgv --- linear-gradient vertikal ---- */
._lgv_gy_01		{background-image:
				linear-gradient(90deg
				,rgba(220,220,220	,.2)	0%
				,rgba(243,243,243	,.2)	20%
				,rgba(203,203,203	,.2)	80%
				,rgba(220,220,220	,.2)	100%
				);}
._lgv_gy_02		{background-image:
				linear-gradient(90deg
				,rgba(230,230,230	,.2)	0%
				,rgba(220,220,220	,.1)	5%
				,transparent				50%
				,rgba(220,220,220	,.1)	95%
				,rgba(210,210,210	,.2)	100%
				);}
._lgv_gy_03		{background-image:
				linear-gradient(90deg
				,rgba(230,230,230	,.4)	0%
				,rgba(220,220,220	,.3)	5%
				,rgba(220,220,220	,.1)	55%
				,rgba(230,230,230	,.4)	70%
				,rgba(240,240,240	,.3)	95%
				,rgba(210,210,210	,.1)	100%
				);}
/* ----	lgh ---	linear-gradient horizontal ---- */
._lgh_re_01		{background-image:
				linear-gradient(180deg
				,rgba(255,  0,  0	,.3)	0%
				,rgba(255,  0,  0	,.7)	50%
				,rgba(255,  0,  0	,.4)	100%
				);}
._lgh_gy_01		{background-image:
				linear-gradient(180deg
				,transparent				0%
				,rgba(  0,  0,  0	,.3)	95%
				,rgba(  0,  0,  0	,.4)	100%
				);}
._lgh_gy_02		{background-image:
				linear-gradient(180deg
				,rgba(255,255,255	,.1)	0%
				,rgba(255,255,255	,.3)	20%
				,rgba(255,255,255	,.4)	50%
				,rgba(  0,  0,  0	,.1)	50%
				,rgba(  0,  0,  0	,.3)	100%
				);}
._lgh_gy_03		{background-image:
				linear-gradient(180deg
				,rgba(255,255,255	,.6)	0%
				,rgba(255,255,255	,.1)	50%
				,rgba(  0,  0,  0	,.3)	51%
				,rgba(  0,  0,  0	,.4)	100%
				);}
._lgh_gy_04		{background-image:
				linear-gradient(180deg
				,rgba(255,255,255	,.6)	0%
				,rgba(255,255,255	,.1)	73%
				,rgba(  0,  0,  0	,.3)	73%
				,rgba(  0,  0,  0	,.4)	100%
				);}
/* ----	lgd ---	linear-gradient diagonal ---- */
._lgd_gy_01		{background-image:
				linear-gradient(135deg
				,rgba(223,223,223	,.3)	0%
				,rgba(203,203,203	,.4)	73%
				,rgba(213,213,213	,.5)	100%
				);}
._lgd_gy_02		{background-image:
				linear-gradient(135deg
				,rgba(213,213,213	,.2)	0%
				,rgba(233,233,233	,.2)	15%
				,rgba(203,203,203	,.2)	33%
				,rgba(203,203,203	,.2)	53%
				,rgba(233,233,233	,.2)	63%
				,rgba(203,203,203	,.2)	73%
				,rgba(213,213,213	,.2)	100%
				);}
._lgd_gy_03		{background-image:
				linear-gradient(190deg
				,rgba(255,255,255	,.1)	0%
				,rgba(255,255,255	,.3)	30%
				,rgba(  0,  0,  0	,.1)	31%
				,rgba(  0,  0,  0	,.3)	100%
				);}
._lgd_gy_04		{background-image:
				linear-gradient(165deg
				,rgba(255,255,255	,.5)	0%
				,transparent				5%
				,rgba(  0,  0,  0	,.3)	95%
				,rgba(  0,  0,  0	,.4)	100%
				);}
._lgd_gy_05		{background-image:
				linear-gradient(135deg
				,rgba(255,255,255	,.8)	0%
				,transparent				5%
				,rgba(255,255,255	,.5)	20%
				,rgba(  0,  0,  0	,.2)	30%
				,rgba(255,255,255	,.5)	60%
				,rgba(  0,  0,  0	,.8)	95%
				,rgba(  0,  0,  0	,.4)	100%
				);}
._lgd_gy_06		{background-image:
				linear-gradient(-225deg
				,rgba(255,255,255	,.1)	0%
				,transparent				5%
				,rgba(255,255,255	,.1)	20%
				,rgba(  0,  0,  0	,.1)	30%
				,rgba(255,255,255	,.1)	60%
				,rgba(  0,  0,  0	,.1)	95%
				,rgba(  0,  0,  0	,.1)	100%
				);}
._lgd_gy_07		{background-image:
				linear-gradient(-225deg
				,rgba(  0,  0,  0	,.1)	0%
				,rgba(	128,128,128	,.9)	50%
				,rgba(  0,  0,  0	,.1)	100%
				);}
/* ----	Kompositionen von mkurz ---- */
._lgd_gr_01		{background-image:
				linear-gradient(135deg
				,rgba(255,255,255	,.3)	0%
				,rgba(200,255,150	,.8)	73%
				,rgba(190,255,150	,.3)	74%
				,rgba(230,255,200	,.9)	100%
				);}
._lgd_bu_01		{background-image:
				linear-gradient(135deg
				,rgba(255,255,255	,.3)	0%
				,rgba(157,219,255	,.9)	73%
				,rgba(107,170,205	,.3)	74%
				,rgba(177,229,255	,.9)	100%
				);}
._lgd_or_01		{background-image:
				linear-gradient(135deg
				,rgba(255,255,255	,.3)	0%
				,rgba(255,225,190	,.9)	76%
				,rgba(200,180,100	,.3)	77%
				,rgba(255,220,180	,.9)	100%
				);}
._lgd_re_01		{background-image:
				linear-gradient(135deg
				,rgba(255,255,255	,.3)	0%
				,rgba(255,193,193	,.9)	73%
				,rgba(200,140,140	,.3)	74%
				,rgba(255,193,193	,.9)	100%
				);}
._lgd_zi_01		{background-image:
				linear-gradient(135deg
				,rgba(255,255,255	,.3)	0%
				,rgba(255,200,140	,.9)	73%
				,rgba(200,140,140	,.3)	74%
				,rgba(255,200,140	,.9)	100%
				);}
._lgd_sa_01		{background-image:
				linear-gradient(135deg
				,rgba(255,255,255	,.3)	0%
				,rgba(255,166, 43	,.9)	73%
				,rgba(200,140,140	,.3)	74%
				,rgba(255,166, 43	,.9)	100%
				);}
._lgd_ye_01		{background-image:
				linear-gradient(135deg
				,rgba(255,255,255	,.3)	0%
				,rgba(255,255,100	,.9)	73%
				,rgba(255,255,120	,.3)	74%
				,rgba(255,255,175	,.9)	100%
				);}
._lgd_reye_01	{background-image:
				linear-gradient(135deg
				,rgba(255,255,255	,.3)	0%
				,rgba(255,0,0		,.5)	20%
				,transparent				40%
				,rgba(255,255,0		,.3)	72%
				,rgba(255,255,0		,.8)	73%
				,rgba(255,255,0		,.3)	74%
				,rgba(255,255,175	,.9)	100%
				);}
/********** Ende **************************************************************/
._lgd_gr_01		{background-image:
				-moz-linear-gradient(-45deg
				,rgba(255,255,255	,.3)	0%
				,rgba(200,255,150	,.8)	73%
				,rgba(190,255,150	,.3)	74%
				,rgba(230,255,200	,.9)	100%
				);}
._lgd_ye_01		{background-image:
				-moz-linear-gradient(-45deg
				,rgba(255,255,255	,.3)	0%
				,rgba(255,255,100	,.9)	73%
				,rgba(255,255,120	,.3)	74%
				,rgba(255,255,175	,.9)	100%
				);}
._lgd_reye_01	{background-image:
				-moz-linear-gradient(-45deg
				,rgba(255,255,255	,.3)	0%
				,rgba(255,0,0		,.5)	20%
				,transparent				40%
				,rgba(255,255,0		,.3)	72%
				,rgba(255,255,0		,.8)	73%
				,rgba(255,255,0		,.3)	74%
				,rgba(255,255,175	,.9)	100%
				);}
/********** Ende **************************************************************/
._sch3			{position: relative; overflow:visible; margin:0px;background-color:#e1e1e1;}
._sch3:before,
._sch3:after	{content:""; position:absolute; z-index:-1;
				width:70%; height:10%; left:10px; bottom:25px;
				box-shadow: 0 20px 30px hsla(0, 100%, 100%, 0.9);
				transform: rotate(3deg);
				}
._sch3:after	{transform: rotate(-3deg); right: 10px; left:auto; }

._sch2			{position: relative; overflow:visible; margin:5px ;}
._sch2:before,
._sch2:after	{content:""; position:absolute; z-index:-1;
				width:90%; height:20%; left:10px; bottom:35px;
				box-shadow: 0 15px 30px hsla(0, 0%, 0%, 0.7);
				transform: rotate(-8deg);
				}
._sch2:after	{right: 10px; left:auto; transform: rotate(8deg);}

._sch1			{position: relative; overflow:visible; margin:20px;
				width:320px; height:180px; margin:20px; padding:5px;
				color:#600; background-color:#ff3;
				font-size:30px;
				line-height:180px; text-align:center;
				}
._sch1:before,
._sch1:after	{content:""; position:absolute; z-index:-1;
				width:50%; height:20%; left:10px; bottom:25px;
				box-shadow: 0 15px 10px hsla(0, 0%, 0%, 0.7);
				transform: rotate(-14deg);
				}
._sch1:after	{right: 10px; left:auto; transform: rotate(14deg);}
/********** Ende **************************************************************/