/*
##########################################################################################################################################################################################################################################################
#                                                                                                            B L U M E N S T Ä D T E R . D E                                                                                                             #
##########################################################################################################################################################################################################################################################
#                                                                                                                CASCADING STYLE SHEETS                                                                                                                  #
##########################################################################################################################################################################################################################################################
*/
html,body 			{margin:0; padding:0; background:linear-gradient(45deg, #FFFFFF 5%, #888888 95%); background-attachment:fixed; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; 
					 -o-background-size:cover; background-size:cover; font-size:100%; overflow:auto; animation:fadein 0.5s;-moz-animation:fadein 1.0s;-webkit-animation:fadein 0.5s;}
*					{margin:0; padding:0}
a					{color:#0033CC; text-decoration:none}
figure				{padding:0 20px; text-align:center; display:table-cell}
figure2				{text-align:center}
h1					{margin:0; padding:1.5em 0 0.5em 0; font:bolder 1.313em Helvetica; text-shadow:2px 1px 4px #999999; text-align:left}
h2					{margin:0; padding:0 0 0.688em 0; font:bolder 1.063em Helvetica; text-shadow:2px 1px 4px #999999; text-align:left}
h3					{margin:0; font:normal 0.688em Helvetica; line-height:1.88em}
p					{margin:0; font:normal 0.813em arial, helvetica; color:#000000; line-height:1.188em; text-align:justify}
header 				{position:relative; margin:0 auto; width:980px; height:140px; z-index:10}
iframe				{position:relative; margin-top:-4px; border:none}
img					{height:auto; max-width:100%}
ul li 				{position:relative; width:20%; background:linear-gradient(#CC0000 20%, #330000 80%); box-shadow:0px 2px 5px 0px #222222; font:normal 12px sans-serif, arial; line-height:26px; text-align:center; list-style:none; float:left}
ul li ul			{position:absolute; display:none}
ul li a				{width:100%; height:24px; color:#FFFFFF; text-decoration:none; display:inline-block}
ul li a:hover 		{border-bottom:2px solid #FFFFFF}
ul li ul li			{width:158px}
ul li ul li	a		{width:158px}
table				{border:none}
table.hits       	{margin-top:-36px; padding-bottom:1em; max-width:980px; width:100%}
td.platz 			{padding-left:2em; max-width:1.25em; width:2%; text-align:right}
td.seite 			{padding-left:0.3em; max-width:15.85em; width:32.6%; text-align:left}
td.saeule 			{padding-bottom:3px; max-width:33.75em; width:54.5%; text-align:left}
td.prozent 			{padding-right:2em; text-align:right}
td.fotos			{width:330px; padding:0 3.5em 2em 3.5em; font:italic 0.813em Arial, Helvetica; color:#000000; line-height:1.188em; text-align:justify}				 
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#fade_out_max		{display:none}
#footer 			{margin:0; padding:0; max-width:980px; width:100%; float:left}
#foto				{text-align:center}
#jukebox			{margin:-1em 0 0 0; max-width:980px; text-align:left}
#spacer				{margin:0; padding:2em}
#text 				{margin:0; max-width:980px; padding:2em 2em 0 2em; text-align:left}
#winter 			{text-align:center; margin:auto; position:fixed}
#wrap				{position:relative; top:0; left:50%; margin-left:-490px; max-width:980px; box-shadow:0px 2px 10px 0px #222222}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.anchor				{position:relative; top:-210px; display:block; visibility:hidden}
.anchor2			{position:relative; top:-210px; display:block; visibility:hidden}
.bss_login			{margin:45% auto 0 auto; max-width:980px; width:100%; text-align:center}
.bub_login			{margin:50% auto 0 auto; max-width:980px; width:100%; text-align:center}
.c64_login			{margin:52% auto 0 auto; max-width:980px; width:100%; text-align:center}
.cpg				{margin:-2em auto 0 auto; width:97%}
.footer				{width:245px; text-align:center}
.footer2			{width:326px; text-align:center; float:left}
.footer3			{width:328px; text-align:center; float:left}
.ger_login			{margin:50% auto 0 auto; max-width:980px; width:100%; text-align:center}
.hmf_login			{margin:-2% auto 0 auto; padding-top:1em; max-width:980px; width:100%; text-align:center}
.hmf_warnung		{margin:26px auto 0 auto; padding:0; width:100%}
.logo				{position:fixed}
.main				{background-image:url(/blmst/images/hintergrund/praegepapier-blmst.png); background-attachment:fixed}
.menu 				{box-sizing:border-box; margin-left:4.5%; padding:3% 0 1.5% 0; width:11%; cursor:pointer; display:none}
.nav				{position:fixed; margin:0 auto; width:980px; height:26px; z-index:10}
.nav ul li:hover ul	{display:block}
.rotation			{background:#FFFFFF; display:none}
.vt7506_login		{margin:50% auto 0 auto; max-width:980px; width:100%; text-align:center}
.webcam				{margin:1em auto; width:96%; display:table}
/********************************************************************************************************************************************************************************************************************************************************/
@media screen and (max-width:979px) {
	header 			{display:none}
	ul li 			{width:100%; font-size:14px; background:#EDEDED; box-shadow:none; float:none}
	ul li a			{padding-top:7px; width:100%; height:31px; color:#000000; text-align:center; border-bottom:1px solid #AAAAAA; display:block}
	ul li a:hover 	{font-style:italic}
	ul li ul		{position:static}
	ul li ul li		{width:100%}
	ul li ul li a	{width:100%; color:#000000; background:#FFFFFF; border-bottom:1px solid #AAAAAA}
	/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#fade_out_max	{display:block}
	#fade_out_mid	{display:none}
	#footer 		{padding-bottom:12px; background;#CC0000}
	#text 			{padding-top:0}
	#wrap			{position:relative; left:0; margin-left:0; width:100%}
	/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.anchor			{top:-50%}
	.footer			{padding-top:6px; width:25%; height:34px; font:normal 12px sans-serif, arial; color:#000000; background:linear-gradient(#CCCCCC 5%, #EDEDED 95%); text-align:center; float:left}
	.footer2		{padding-top:12px; width:33.3%; font:normal 12px sans-serif, arial; background:#161410; float:left}
	.footer3		{padding-top:12px; width:33.4%; font:normal 12px sans-serif, arial; background:#161410; float:left}
	.hmf_warnung	{margin-top:0}
	.logo			{display:none}
	.menu			{display:block}
	.nav			{position:relative; width:100%; height:auto; display:none}
}
/********************************************************************************************************************************************************************************************************************************************************/
@media screen and (max-width:900px) {
	body			{font-size:90%}
	td.seite		{width:82%}
	td.saeule		{width:0%}
	td.prozent		{width:18%}
}
/********************************************************************************************************************************************************************************************************************************************************/
@media screen and (max-width:568px) {
	body			{font-size:77%}
	td.seite		{width:81%}
	td.saeule		{width:0%}
	td.prozent		{width:19%}
	/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#fade_out_min	{display:none}
	/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.cpg			{display:none}
	.footer			{width:100%; display:block}
	.footer2		{width:100%; display:block}
	.footer3		{width:100%; display:block}
	.rotation		{margin:1em 2em 1em 2em; padding:1em; font:bold 1.063em Helvetica; text-shadow:2px 1px 4px #999999; text-align:center; border:solid #CC0000 4px; display:block}
}
/********************************************************************************************************************************************************************************************************************************************************/
@keyframes fadein {from {opacity:0;}to{opacity:1;}}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}