/*               _
				/
~~~~~~~~~~~~~~~~`~~~=||=~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~'--=
---------------------||---------------------------Munich-Style\ 0 \
ET420-Online ________||_______________________________________/    \
_____________________||____________________________________________/#
-----------´O====O`--''--´O====O`------------------------´O====O_`-´___________________
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =

Stand: Oktober 2018

*/

/*
  ---------------------------------------------------------------------
  central definitions
  ---------------------------------------------------------------------
*/

body
	{
	scrollbar-face-color:#000099;
	scrollbar-shadow-color:#000099;
	scrollbar-highlight-color:#000099;
	scrollbar-3dlight-color:#000099;
	scrollbar-darkshadow-color:#2525BA;
	scrollbar-track-color:#000073;
	scrollbar-arrow-color:#ffffff;
	}

.black
	{
	min-width: 780px;
	min-height: 600px;
	background:url('../a_images/2004-11-19_die-glorreichen-acht__wallpaper__780x600.jpg') no-repeat center center fixed;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-color: #000000;
	}


a 
	{
	color:#000099;
	}

a:link 
	{
	color:#000099;
	text-decoration:none;
	}

a:active  
	{
	color:#1a1ad4;
	}

a:visited 
	{
	color:#6666c2;
	}

a:hover 
	{
	color:#9999cc;
	text-decoration:underline;
	}


aside
	{
	position:relative;
	background-color:#CCCCFF;
	}

article
	{
		
	}










/*
  ---------------------------------------------------------------------
  IDs 
  ---------------------------------------------------------------------
*/

/* --- HEAD: Eingeklinkt ueber absolute Verlinkung --- */

	

/* --- CONTENT --- */






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

.einsatzVerlauf
	{
	background-image: -webkit-linear-gradient(#000099 0%, #ccccff 100%); 
	background-image: -moz-linear-gradient(#000099 0%, #ccccff 100%); 
	background-image: -o-linear-gradient(#000099 0%, #ccccff 100%); 
	background-image: linear-gradient(#000099 0%, #ccccff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000099', endColorstr='#ccccff');
	}
	
.bildseiteVerlauf
	{
	background-image: -webkit-linear-gradient(#000000 0%, #140c0c 90%, #252525 100%); 
	background-image: -moz-linear-gradient(#000000 0%, #140c0c 90%, #252525 100%); 
	background-image: -o-linear-gradient(#000000 0%, #140c0c 90%, #252525 100%); 
	background-image: linear-gradient(#000000 0%, #140c0c 90%, #252525 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#252525');
	}

.colorcode, .navi
	{
	color:#000099;
	}

.spalteLinks
	{
	background-color:#ccccff;
	}










/* --- CONTENT --- */	


.picCenter {
 	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);   
	margin: auto;
    width: 50%;
    border:0px solid #FFFFFF;
	}


.textblockMaibaum
	{
	padding: 0 0 2em 0;
 	background-image:url('../a_images/maibaum_top.jpg');
  	background-position:0 bottom;
    background-repeat:no-repeat;
	background-size: 100%;
	border:0px solid red;
	}

.blockMaibaum
	{
	background:url('../a_images/bg_himmel.jpg') no-repeat left top fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-color: #6788c6;
	}

	
	
/* --- Ueberschriften --- */

	
.headline-em 
	{  
	font-family:Arial, Helvetica, sans-serif; 
	font-size:4em; 
	line-height:1em;
	color:#ff0000; 
	font-style:italic;
	font-weight:bold 
	}



	








/* 
################  ID´s  ################  
*/
	




#contentMaibaum
	{
	position:relative; 
	background-color:#5C79BB;
	}

#contentMaibaum .Bild
	{
	width: 15% !important;
	background-color: transparent;
	}




/*
  ---------------------------------------------------------------------
  Rahmen fuer Tables
  ---------------------------------------------------------------------
*/



#rahmenweiss
	{
  	border-width:1px;
  	border-style:solid;
  	border-color:#FFFFFF;
  	padding:1px;
  	text-align:normal; 
  	}


#rahmenblau
	{
  	border-width:4px;
  	border-style:solid;
  	border-color:#0A2D85;
  	padding:8px;
  	text-align:normal; 
  	}	
	

#bildrahmenblau
	{
  	border-width:1px;
  	border-style:solid;
  	border-color:#0A2D85;
  	padding:1px;
  	text-align:normal; 
  	}	
		
	

#kasten, #kastenHochkant 
	{
	display:block;
	margin:0;
	padding:6px;
  	border-width:3px;
  	border-style:solid;
  	border-color: #FFFFFF;
  	text-align:normal; 
  	}

#kastenHochkant
	{
	margin:0 auto;	
	}

#kasten img, #kastenHochkant img
	{
	width:100%;
	}
	
#kasten .bt, #kastenHochkant .bt
	{
	min-height:50px;
	margin:6px 0 0 0; 
	padding:10px 6px;
	font-size:0.75em;
	color:#0A2D85;
	background-color:#FFFFFF
	}	

#kasten
	{
	min-width:679px;	
	}	
	
#kastenHochkant
	{
	width:424px;
	}

#kastenanbau	
	{
	border-left-width:1px;
  	border-left-style:solid;
	border-right-width:1px;
  	border-right-style:solid;
	border-bottom-width:1px;
  	border-bottom-style:solid;
  	border-color: #000000;
  	padding:12px;
  	text-align:normal; 
  	}
	
	
#boxinhalt 
	{
  	border-width:1px;
  	border-style:solid;
  	border-color:#FFFFFF;
  	padding:3px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
  	text-align:normal; 
  	}
	






/*
-----------------
Spezial Muenchen
-----------------
*/



	
/* Rahmen fuer die Zeitleiste  */


.Zeitstrahl
	{
  	border-color:#000099;
	}

.fadein
	{
    border-top:0 solid #000099;
    border-bottom:0 solid #000099;
    background-image: 
        linear-gradient(#FFFFFF, #000099),
        linear-gradient(#FFFFFF, #000099);
	}
	
.fadeout
	{
    border-top:0 solid #000099;
    border-bottom:0 solid #000099;
    background-image: 
        linear-gradient(#000099, #FFFFFF),
        linear-gradient(#000099, #FFFFFF);
	}


.KastenJahr
	{
  	border-color:#000099;
	background-color:#ccccff;
	}
	
.KastenJahr a, .KastenJahr a:hover
	{
	color:#000099;
	text-decoration:none;
	}
	
.year
	{
	color:#000099;
	}



a.backward
	{
	background-image:url('../a_images/1nav_sprite_einsatz-msth.png');
	background-repeat:no-repeat;
	background-position:1px -21px;
	}
	
a.forward
	{
	margin-left:0.4em;
	background-image:url('../a_images/1nav_sprite_einsatz-msth.png');
	background-repeat:no-repeat;
	background-position:1px 0px;
	}
	
a.fastbackward
	{
	background-image:url('../a_images/1nav_sprite_einsatz-msth.png');
	background-repeat:no-repeat;
	background-position:0 -63px;
	}
	
a.fastforward
	{
	background-image:url('../a_images/1nav_sprite_einsatz-msth.png');
	background-repeat:no-repeat;
	background-position:0 -42px;
	}

	





		@media only screen and (max-width: 768px)
			{
			/* iPad Vertikal */	
				
			#contentMaibaum .Bild
				{
				width: 98px !important;
				}
			
			#contentMaibaum .Bild img
				{
				width: 100%;
				}
				
			}

		@media only screen and (max-width: 680px) /* UMBRUCH */
			{
			.einsatzVerlauf
				{
				display:none;
				}
				
			.headline-em 
				{
				font-size:2.75em;
				}
				
			#lay
				{
				width:100%;
				}
				
			#contentMaibaum .Bild
				{
				width: 84px !important;
				}
				
			}

		@media only screen and (max-width: 580px) 
			{			
			#contentMaibaum .Bild
				{
				width: 68px !important;
				border:0px solid blue;
				}
			}

		@media only screen and (max-width: 480px) 
			{
			.headline-em 
				{
				font-size:1.75em;
				}
				
			#contentMaibaum .Bild
				{
				width: 50px !important;
				border:0px solid blue;
				}
			}

		@media only screen and (max-width: 360px) 
			{
			.headline-em 
				{
				font-size:1.75em;
				}
				
			#contentMaibaum .Bild
				{
				width: 38px !important;
				}
			}