/*
	*************************
	*	de-DE Properties	*
	*************************
*/
/* Main properties */
/* Original GIF */
body {background: url('/img/bg/bg.gif')}
/* Disclaimer & Sitemap en-DE */
body#lila {
	/*background: #333366;*/
	min-height: 100%;
	background-image: url(/img/bg/estadio.jpg);
	/*background-image: url(/img/bg/e_aficionados.jpg);*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	box-shadow: inset 4500px 0 0 0 rgba(51, 51, 102, 0.8);
}
/* 
Testing new background color on 
| Mannschaft | Tor | Abwehr | Mittelfeld | Sturm | Aushilfen 
FloralWhite 	#fffaf0 rgba(255, 250, 240, 1)
| HoF 
AntiqueWhite 	#faebd7 rgba(250,235,215, 1)
| Csl 
Snow 			#fffafa rgba(255, 250, 250, 1)
| WoF 
N-Black 		#111 rgba(17, 17, 17, 0.1) 
*/
body#floral-w 	{background: rgba(255, 250, 240, 1);} 	/* 1st */
body#antique-w 	{background: rgba(250,235,215, 0.5);} 	/* HoF */
body#snow-w 	{background: rgba(255, 250, 250, 1);} 	/* Csl */
body#n-black 	{background: rgba(17, 17, 17, 0.1);} 	/* WoF */
/* Linear gradient?! black-orange-black, rhino?! */
body#jugon {background-image: linear-gradient(180deg, rgba(0,0,0, 1) 10%, rgba(255, 133, 27, 1) 50%, rgba(0,0,0, 1) 80%);}
/*	
	***************************************************************************************************** 
	* COLOR COMBO FOR de-DE 																		   	*
	* Color Scheme Image ColorCombo94: 	https://www.colorcombos.com/color-schemes/94/ColorCombo94.html 	*
	* Updated with new orange & black: 	https://clrs.cc/ 											   	*
	* Idea yellow scrollbar here: 		https://www.color-hex.com/color-palette/42360					*
	* ------------------------------------------------------------------------------------------------ 	*
	* NEON CARROT, ORANGE	| #ff9933 --> #ff851b 	| rgba(255, 133, 27, 1)								*
	* MIDNIGHT BLUE, RHINO	| #333366 				| rgba(51, 51, 102, 1)								*
	* NEW MAROON 			| #85144b 				| rgba(133, 20, 75, 1)								*
	* NEW PURPLE 			| #b10dc9				| rgba(177, 13, 201, 1)								*
	* ------------------------------------------------------------------------------------------------- *
	* WHITE					| #ffffff 																	*
	* BLACK					| #000000 --> #111111														*
	* NEW SILVER			| #dddddd 				| rgba(221, 221, 221, 1)							*
	*****************************************************************************************************
*/
/* Image Properties */
/* Border for Logo */
.logo_fcm a img	{border: 1px solid #ff851b; margin: 15px 0px; padding-top: 0px;} 
/* Logo Size (317x345) */
.width {padding: 11px 23px 28px 7px; max-width: 411px; height: 411px; margin: 0px auto;/*background-color: #00a170;*/}
.logo {
	display: block; 
	width: 100%; 
	height: 100%; 
	background-image: url(/img/logo/mata_wappenpage.jpg);
	background-repeat: no-repeat; 
	background-position: 50% 25%;
	background-color: rgba(253, 253, 253, 1); 
	border-width: 7px; 
	border-style: solid; 
	border-color: rgba(153, 153, 153, 1); 
	border-radius: 50% 50% 50% 50% / 12% 12% 88% 88%; 
	box-shadow: 5px 10px rgba(17, 17, 17, 1);
	cursor: pointer;
    position: relative;
}
/* Container for clickable Logo and same shape as Logo for mouse pointer... */
.link {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; border-radius: 50% 50% 50% 50% / 12% 12% 88% 88%;/*background-color:pink;*/}
/* Torito on top, above Menu */
#logo {width: 100%; background-color: #ff851b; text-align: center;} 
/* Torito on top, above Menu */
/*#logo {width: 100%; background-color: #ff9933; text-align: center;}*/ 			
/* Cover under Menu (Changing Images) */
#cover {width: 100%; background-color: rgba(0, 0, 0, 1) /*#000*//*#202020*/; text-align: center;}
/* Extra wrapping /// Standard Text Container19 */
.wrap_txt19 	{width: 89%; margin: 40px auto 40px auto; padding: 10px 0px; border: 1px solid #ff851b; background-color: #333366;} 
/* Almanach /// Logo Titles RBL & ZHS */
.wrap_txt_rbl {width: 435px; margin: 0px auto; text-align: left; display:inline-block; vertical-align:top; background-image: url('/img/design/rbl7.png'); background-repeat: no-repeat; background-position: 80% 30%; /*background-color: lightgreen;*/} 	
.wrap_txt_zhs {width: 435px; margin: 0px auto; text-align: left; display:inline-block; vertical-align:top; background-image: url('/img/design/zhs.png'); background-repeat: no-repeat; background-position: 90% 20%; /*background-color: lightyellow;*/} 
/* Almanach /// Logo AZ *//* In new container no distance to top anymore... */
.az {/*padding-top: 20px; margin-top: 20px; */ display: inline-block; width: 100%; max-width: 266px; background-image: url('/img/design/az.png'); background-repeat: no-repeat; background-position: 50% 40%;}
/* Almanach /// Trophies DE-de */
img.lozy {
	object-fit: cover; 
	min-width: 27px; 
	height: 75px; 
	padding-top: 0px; 
	margin-top: 5px;
	border: 1px solid rgba(255, 133, 27, 1);
	border-radius: 4px;
	}
/* Almanach /// Adding shadow on hover */	
img.lozy:hover {box-shadow: 0 0 2px 1px rgba(51, 51, 102, 0.5);}
/* Places /// SSG Gallery *//* Big screen 4x4, smaller 3x3 */
.wrap_imgp-de1, .wrap_imgp-de2 {width: 90%; margin: 0px auto;/*background: chocolate;*/} 
/* Places /// Border for Image gallery SSG */
img.tiss {border: 1px solid rgba(255, 133, 27, 1); border-radius: 4px; padding-top: 0px;margin-top: 5px;}
/* Places /// Hover Effect on Image */
img.tiss:hover {box-shadow: 0 0 2px 1px rgba(51, 51, 102, 0.5);}
/* Text in Footer (Copyright) */
p.cr 		{font-family: 'Stardos Stencil', cursive; font-size: 11px; text-transform: uppercase; color: /*#ff9933*/#ff851b;}
/* Finance /// (Red) | SSKM */ 			 	
p.red 		{color: /*#ff0000*/#ff851b; text-align: left;} 	
/* Finance /// IBAN (Red) | SSKM */
p.ibanr 	{font-style: oblique; font-size: 11px; color: /*#ff0000*/#ff851b; text-align: left;} 										 	
/* Text for indicating Responsive Design is 'on' or 'active'. ---- */
p.mobile 	{font-size: 10px; color: #333366; font-weight: bold; font-style: oblique; text-align: justify;} 	
/* Text for RBL-Standings | Winterbreak */
p.rbl_standings {font-family: 'Kaushan Script', cursive; font-size: 18px; color: #333366;}					
/*---------------------
	Headlines, Titles
-----------------------*/
/* Title */
h1 {font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 18px; color: #ff851b; font-weight: bold; font-style: oblique; padding: 0px; margin: 0px;}
/* Grey border color /// first title with id, the rest on same page with class */
h1#title {height: 25px; width: 95%; line-height: 22px; margin: 30px auto 10px auto; border: 2px solid #808080; background-color: #fff;}
h1.title {height: 25px; width: 95%; line-height: 22px; margin: 30px auto 10px auto; border: 2px solid #808080; background-color: #fff;}
/* Gallery Casinalbo */
h1.nwtitle {height: 25px; width: 99.5%; line-height: 22px; margin: 30px auto 10px auto; border: 2px solid #808080; background-color: #fff;}
/* Main Title Index (NEW) (more options on es-ES) *//*font-size: 16px; better to apdapt on rd for mobile and very BIG */
h1.nwt1tl3_de {color: white; margin: 0px 0px 10px 0px; text-shadow: 1px 1px 2px black, 0 0 25px orange, 0 0 5px darkorange;}
/* Almanac */
h2 {font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 16px; font-weight: bold; font-style: oblique; color: #fff; background-color: #ff851b; padding: 0px; margin: 0px;/*padding-left: 15px; padding-right: 15px;*//*<- what for?*/}
/* Finance */
h2#title {height: 22px; width: 90%; line-height: 20px; margin: 25px auto 5px auto; border: 2px solid #808080;}
h2.title {height: 22px; width: 90%; line-height: 20px; margin: 25px auto 5px auto; border: 2px solid #808080;}
/* Disclaimer */
h3 {font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 18px; color: #333366; padding: 0px; margin: 0px; font-weight: bold; font-style: oblique;}
h3#title3 {height: 25px; width: 95%; line-height: 22px; margin: 30px auto 10px auto; border: 2px solid #fff; background-color: #ff851b;}
h3.title3 {height: 25px; width: 95%; line-height: 22px; margin: 30px auto 10px auto; border: 2px solid #fff; background-color: #ff851b;}
/* TEAM */
h4 {font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 18px; color: #fff; background-color: #ff851b; font-weight: bold; padding: 2px 5px; margin: 0;}
h4.AH {font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 18px; color: #fff; background-color: #333366; font-weight: bold; padding: 2px 5px; margin: 0;}
/* For long names */
h4.LN {font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 17px; color: #fff; background-color: #ff851b; font-weight: bold; padding: 2px 5px; margin: 0;}
/* TEAM - Captain */
h5 {font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 18px; color: #fff; font-weight: bold; padding: 2px 5px; margin: 0;}
h5.AH {font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 18px; color: #fff; font-weight: bold; padding: 2px 5px; margin: 0;}
/* TEAM - Awards */
h6 {font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 14px; color: #fff; background-color: /*#cccc00*/#333366; font-weight: bold; padding: 2px 15px; margin: 5px 0;}
h6.AH {font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 14px; color: #fff; background-color: /*#cccc00*/#ff851b; font-weight: bold; padding: 2px 15px; margin: 5px 0;}
/* 	
	-----------------------
	| HYPERLINK properties |
    -----------------------	  
*/
/*	FOR REMEMBERING ;)
What are Pseudo-classes? A pseudo-class is used to define a special state of an element.
For example, it can be used to: 
Style an element when a user mouses over it. 
Style visited and unvisited links differently. 
Style an element when it gets focus.
Note: 
--------------------------------------------------------------------------------------------------
| a:hover 	MUST come after a:link and a:visited in the CSS definition 	in order to be effective! | 
| a:active 	MUST come after a:hover in the CSS definition 				in order to be effective! |
--------------------------------------------------------------------------------------------------
Pseudo-class names are not case-sensitive.
	1=	LINK 		(a normal, unvisited link)
	2=	VISITED 	(a link the user has visited)
	3=	HOVER 		(a link when the user mouses over it)
	4=	ACTIVE		(a link the moment it is clicked)
*/
/* INTERNE VERLINKUNGEN 	--> Neon Carrot, Orange */
a:link 			{text-decoration: none; color: rgba(255, 133, 27, 1);} 		/* Link 	*/
a:visited  		{text-decoration: none; color: rgba(255, 133, 27, 1);} 		/* Besuchte */ 
a:hover 		{text-decoration: underline; color: rgba(255, 133, 27, 1);}	/* Hover 	*/
a:active 		{text-decoration: none; color: rgba(255, 133, 27, 1);}		/* Aktive 	*/  
/* EXTERNE VERLINKUNGEN 	--> Midnight Blue, Rhino */
a.ext:link  	{text-decoration: none; color: rgba(51, 51, 102, 1);}		/* Link */  
a.ext:visited 	{text-decoration: none; color: rgba(51, 51, 102, 1);} 		/* Besuchte */
a.ext:hover 	{text-decoration: underline; color: rgba(51, 51, 102, 1);} 	/* Hover */ 
a.ext:active  	{text-decoration: none; color: rgba(51, 51, 102, 1);} 		/* Aktive */ 
/* MENU VERLINKUNGEN */
/* Unified, no difference on mouseover */
/* Link *//* Besuchte *//* Hover *//* Aktive */
a.menu:link, a.menu:visited, a.menu:hover, a.menu:active {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: /*#202020*/rgba(32, 32, 32, 1); text-decoration: none; margin: 0; padding: 0;} 	
/*
a.menu:visited {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #202020; text-decoration: none; margin: 0; padding: 0;} 	
a.menu:hover {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #202020; text-decoration: none; margin: 0; padding: 0;} 	
a.menu:active {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #202020; text-decoration: none; margin: 0; padding: 0;} 	
*/
/* TOGGLE BUTTON */
/* Unified, no difference on mouseover */
/* Link *//* Besuchte *//* Hover *//* Aktive */
a.toggleMenu:link, a.toggleMenu:visited, a.toggleMenu:hover, a.toggleMenu:active {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: /*#ff851b*/rgba(255, 133, 27, 1); text-decoration: none;} 						
/*
a.toggleMenu:visited 	{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ff851b; text-decoration: none;} 							
a.toggleMenu:hover 		{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ff851b; text-decoration: none;} 							
a.toggleMenu:active 	{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ff851b; text-decoration: none;} 	
*/
/* DISCLAIMER - SITEMAP - LANGUAGE */
a.dsl:link 		{text-decoration: none; color: /*#fff*/rgba(255, 255, 255, 1); font-weight: bold;}		/* Link */ 																		
a.dsl:visited 	{text-decoration: none; color: /*#fff*/rgba(255, 255, 255, 1); font-weight: bold;}		/* Besuchte */ 																		
a.dsl:hover 	{text-decoration: underline; color: /*#fff*/rgba(255, 255, 255, 1); font-weight: bold;} /* Hover */
a.dsl:active 	{text-decoration: none; color: /*#fff*/rgba(255, 255, 255, 1); font-weight: bold;}		/* Aktive */ 																		
/* TEAM /// Mannschaft (Bolder) */
a.fld:link  	{text-decoration: none; font-weight: bold;}												/* Link */																						
a.fld:visited  	{text-decoration: none; font-weight: bold;}												/* Besuchte */																						
a.fld:hover 	{text-decoration: underline; font-weight: bold;}										/* Hover */
a.fld:active 	{text-decoration: none; font-weight: bold;}												/* Aktive */																						
/* ----------- */
/* ------ Menu */
/* ----------- */
/* Container of Menu */
#containeranch 	  {width: 100%; background-color: rgba(255, 133, 27, 1);}/* Orange */
#containeranch_es {width: 100%; background-color: rgba(255, 65, 54, 1);} /* Red */
#containeranch_de {width: 100%; background-color: rgba(255, 133, 27, 1);}/* Orange */
/* For centering Menu on big screen */
.container {width: 90%; max-width: 625px; margin: 0px auto;}
/* Container Button above */
.toalla {display: none;}
/* Container Button on click */
.toalla2 {display: none;}
/* Container Logo */
.logo_var {display: none;}
/* Container Hamburger-Icon */
.togglemr {display: none;}
/* The Overlay */
.overlay {/*display: none;*/}
/* Progress Bar not showing on big screen */
.progress-nc {display: none;}
/* 3rd and 4th color too bright /// N-Maroon rgba(133, 20, 75, 1) /// N-Purple rgba(177, 13, 201, 1) */
/* And N-Yellow rgba(255, 220, 0, 1) taken as second equipment */
#container-progress {display: none; background-color: rgba(255, 220, 0, 1);}
/* Background of scrollbar nBlack */
#container-background {display: none; background-color: rgba(17, 17, 17, 1);}
/* Menu not showing on big screen */
.toggleMenu {display: none; /*background: #333366; padding: 10px 15px; margin: 0; border-left: 1px dashed #ff9900; border-right: 1px dashed #ff9900;*/}
/* Three Lines Irregular Menu --> 2nd and 3rd Bar differs from 1st bar, cooler look ;) */
.toggleMenu div {height: 4px; background-color: rgba(255, 133, 27, 1)/*0.8*/; margin: 5px 0px; border-radius: 25px; transition: 0.3s;}
.tanxungeiras {width: 30px; /*background-color: black;*/}
.rigoberta {width: 20px; /*background-color: red;*/}
.chanel {width: 25px; /*background-color: gold;*/}
/* Adapt Three Lines Menu (Different Hamburger Icon) with Color here for mobile */
.toggleMenu:link div 	{/*width: 30px;*/ background-color: rgba(255, 133, 27, 1);} 
.toggleMenu:visited div {/*width: 30px;*/ background-color: rgba(255, 133, 27, 1);} 
.toggleMenu:hover div 	{width: 30px; 	  background-color: rgba(255, 133, 27, 1);}
.toggleMenu:active div 	{/*width: 30px;*/ background-color: rgba(255, 133, 27, 1);} 
/*.toggleMenu:hover div {width: 30px; background-color: green;}*/
.logo_var {display: none;}
.nav {list-style: none; *zoom: 1; background: rgba(255, 133, 27, 1);}
.nav:before, .nav:after { content: " "; display: table;}
.nav:after {clear: both;}
.nav ul {list-style: none; width: 9em;}
.nav a.menu {padding: 10px 15px; color:  rgba(0, 0, 0, 1); background: rgba(255, 133, 27, 1);}
.nav li {position: relative;}
.nav > li {float: left; border-top: 1px solid /*#ff7f00*//*#ff7700*/rgba(255, 119, 0, 1);}
.nav > li > .parent {background-image: url("/img/graphics/downArrow.png"); background-repeat: no-repeat; background-position: right;}
.nav > li > a.menu {display: block;}
.nav li  ul {position: absolute; left: -9999px;}
.nav > li.hover > ul {left: 0;}
.nav li li .parent {background-image: url("/img/graphics/downArrow.png"); background-repeat: no-repeat; background-position: 95% 50%;}
.nav li li.hover ul {left: 100%; top: 0;}
.nav li li a.menu {display: block; background-color: /*#ffad47*/rgba(255, 173, 71, 1); position: relative; z-index: 100; border-top: 1px solid /*#ff851b*/rgba(255, 133, 27, 1);}
.nav li li li a.menu {background: #ffc15b; z-index: 200; border-top: 1px solid /*#ffad47*/rgba(255, 173, 71, 1);}
/* ------------------------------------------------------------
	Home - Actual - Calender - Results - Overview - Visitors
 -------------------------------------------------------------- */
/* Google Calender */
/* Still scrollbar visible, scrolling="no" in html but doesnt pass validation :( */
#gcal {width: 80%; height: /*351*/535px; border: solid 2px #ff851b; /*overflow: hidden;*/}
/* Classification & Last Results - only for DV */
/* Container with same background-color as rbl homepage #fcfcfc */
/* Same for winterbreak, no live standings */
/*490 for live*//*472*//*rbl new design*//*490 for live*//*472*//*rbl new design*//*710*/
#content_up {width: 80%; height: /*555*/670px; border: solid 2px #ff851b; margin: 0px auto; background: #fafafa/*fcfcfc*/;} 
.content_up {width: 80%; height: 510px; border: solid 2px #ff851b; margin: 0px auto; background: #f2f2f2/*fcfcfc*/;} 
/* New height for Autumn Champioship | New 'Live Image' */
#content_2up {width: 80%; min-height: 473px; border: solid 1px #ff851b; margin: 0px auto; background: #fafafa;}
.content_2up {width: 80%; min-height: 403px; border: solid 1px #ff851b; margin: 0px auto; background: #f2f2f2;}
/* Same size for both Classifications (4x) */ /* borders changed from 2px to 1px */
#content_down {width: 80%; height: 30px; border-top: solid 1px transparent; border-right: solid 1px #ff851b; border-bottom: solid 1px #ff851b; border-left: solid 1px #ff851b; margin: 0px auto;}
.content_down {width: 80%; height: 30px; border-top: solid /*2*/1px transparent; border-right: solid /*2*/1px #ff851b; border-bottom: solid /*2*/1px #ff851b; border-left: solid /*2*/1px #ff851b; margin: 0px auto;}
/* ---------
	Finanzen
 ----------- */
/* For Paypal *//* HTML WhiteSmoke #F5F5F5 rgb(245,245,245)*/
#bank_pp {width: 530px; margin: 10px auto; border: 1px dashed #ff851b;}
.bank_pp {padding: 5px 0px 5px 0px; background-color: rgba(255, 255, 255, 1); border-top: 1px dotted #ff851b;}
.bank_pp1 {background-color: rgba(255, 255, 255, 0.8);}
/* Paypal */
.bank_pp_l {width: 100%; height: 145px; padding: 15px 0px 0px 0px; text-align: center; background-image: url('/img/design/paypal_g.png'); background-repeat: no-repeat; background-position: 50% 75%;}
/* For SSKM */
#bank_sskm {width: 530px; margin: 10px auto; border: 1px dashed #ff851b;}
/* Big Container with Image */
.bank_sskm_w {padding-top: 5px; background-color: rgba(51, 51, 102, 1); background-image: url('/img/design/sskm_o.png'); background-repeat: no-repeat; background-position: 85% 55%; border-top: 1px dotted #ff851b;}
.bank_sskm1 {background-color: rgba(51, 51, 102, 0.3);}
/* IBAN Containers 2x white and red */
.bank_sskm_lw {float: left; padding-bottom: 5px; padding-top:5px; width: 278px; background-color: /*#fff*/#333366; border-top: 1px dotted /*#ff0000*/#ff851b;}
.bank_sskm_rw {float: right; padding-bottom: 5px; padding-top:5px; width: 250px; background-color: /*#fff*/#333366; border-top: 1px dotted /*#ff0000*/#ff851b; border-left: 1px dotted /*#ff0000*/#ff851b;}
/* G-Docs */
/* Finanzen */
#bgdrive {margin: 20px auto 0px auto; width: 90%; height: /*720*//*785*/1045px; border: 1px solid #ff851b;} 	
/* Finanzen Legends */
.bgdrive {margin: 20px auto 0px auto; width: 90%; height: /*855*/920px; border: 1px solid #ff851b;} 	
/* Stats (only on Desktop Version) & Finanzen Archiv */
#sgdrive {margin: 20px auto 0px auto; width: 90%; height: 795px; border: 1px solid #ff851b;} 	
.size{width: 100%; height: 100%; border: 0px;}
/* -----------
	Almanac
 ----------- */
/* /// Table Almanac */
table#table {width: 100%; max-width: 266px; display: inline-table; margin: 10px auto; padding: 0px; border-collapse: collapse; border-spacing: 0px; border: 1px solid #ff851b;}
/* Add .table-hover to enable a hover state on table rows within a <tbody> */
/*table#table:hover {background: #333366}*/
table#table tr {border: 1px solid #ff851b; padding: 5px;}
table#table tr.last {border: 1px solid transparent; padding: 5px;}
table#table th, table#table td {padding: 10px;}
/*table#table th {text-transform: uppercase; letter-spacing: 1px; border: 1px solid #ff851b; background: #ff851b;}*/
/* Table almanac, smaller ones */
table.table {width: 100%; max-width: 266px; display: inline-table; margin: 10px auto; padding: 0px; border-collapse: collapse; border-spacing: 0px; border: 1px solid #ff851b;}
table.table tr {border: 1px solid #ff851b; padding: 5px;}
table.table tr.last {border: 1px solid transparent; padding: 5px;}
table.table th, table.table td {padding: 10px;}
/*table.table th {text-transform: uppercase; letter-spacing: 1px; border: 1px solid #ff851b; background: #ff851b;}*/
/* Table Almanac, bigger ones */
table.table_big {width: 100%; max-width: 357px; display: inline-table; margin: 10px auto; padding: 0px; border-collapse: collapse; border-spacing: 0px; border: 1px solid #ff851b;}
table.table_big tr {border: 1px solid #ff851b; padding: 5px;}
table.table_big tr.last {border: 1px solid transparent; padding: 5px;}
table.table_big th {padding: 10px;}
/* TA - Change padding left and right for no jumps when toggling and apply another font style for margin right on last cell (change p.torito to p.stier) */
table.table_big td {padding: 10px 0px;}
/*table.table_big th {text-transform: uppercase; letter-spacing: 1px; border: 1px solid #ff851b; background: #ff851b;}*/
/* Table header, no h2 elements in table */
table#table th, table.table th, table.table_big th {
	text-transform: uppercase; 
	letter-spacing: 1px; 
	border: 1px solid #ff851b;
	font-family: Verdana, Verdana, Geneva, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	font-style: oblique; 
	padding: 10px; 
	background-color: #ff851b; 
	color: #fff;
}
/* Ungeordnete Liste für Titel(n) (Almanach) */
ul.fcm li {
	list-style-type: none; 
	padding: 0px 20px; 
	margin: /*25px 25px*/0px 5px 0px 20px; 
	background-image: url('/img/favicon/favicon_3.ico'); 
	background-repeat: no-repeat; 
	background-position: left center;
	}
/* Almanach */
/* Show/Hide Button */
/* 1st Container /// Old Stuff */
.unshow {
	margin-top: 20px;
	display: inline-block;
	width: 250px;
	background-color: rgba(133, 20, 75, 1); /* 3rd Main Color /// New Maroon */
	border: none; 
	border-radius: 11px;	
	color: #fff; 
	padding: 11px 22px;
	text-align: center; 
	text-decoration: none; 
	font-family: Verdana, Verdana, Geneva, sans-serif; 
	font-size: 14px; 
	cursor: pointer;	
	outline: none;
	opacity: 0.6;
	transition-duration: 0.3s;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);	
}
/* Hoverable Button */
.unshow:hover {opacity: 1;}
/* 2nd Container /// Ehemalige Wettbewerbe */
.unshow2 {
	margin-top: 25px;
	display: inline-block;
	width: 250px;
	background-color: rgba(133, 20, 75, 1);
	border: none; 
	border-radius: 11px;
	color: #fff; 
	padding: 11px 22px; 
	text-align: center; 
	text-decoration: none; 
	font-family: Verdana, Verdana, Geneva, sans-serif; 
	font-size: 14px; 
	cursor: pointer;
	outline: none;
	opacity: 0.6;
	transition-duration: 0.3s;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
/* Hoverable Button */
.unshow2:hover {opacity: 1;}
/* -----------
	TEAM
 ----------- */
 /* Box with different background image  */
.field_t {display: inline-block; width: 250px; border: 1px #ff851b solid; margin-top: 10px; background: url('/img/bg/campo_toro.png') no-repeat center;}
.field_c {display: inline-block; width: 250px; border: 1px #ff851b solid; margin-top: 10px; background: url('/img/bg/campo_h180.png') no-repeat center;}
/* Header in line box */
.position_hd  {height: 40px; line-height: 40px;}
/* Normal in line box with upper transparent border */
.position {height: 30px; padding-top: 4px; padding-bottom: 5px; border-top: 1px solid transparent;}
/* In line box with orange upper border */
.position_b {height: 30px; padding-top: 4px; padding-bottom: 5px; border-top: 1px dashed #ff851b;} 
/* In line box with orange upper border and background */
.position_bg {height: 30px; padding-top: 4px; padding-bottom: 5px; border-top: 1px dashed #ff851b; background: url('/img/bg/coben.png') no-repeat center;} 
/* ----------------
	TEAM - Players
 ------------------ */
/* Picture */
article.spalte1 {background: rgba(255, 133, 27, 0.2); width: 250px; height: 250px;}
/* Flags and Numbers (for one flag option choose 2 and two flag option, choose _22) */
article.spalte2, article.spalte_22 {
	width: 200px; 
	height: 250px; 
	background-image: url(/img/bg/feld.png);
	background-repeat: no-repeat;
	background-position: center;
	/*background-color: lightgreen;*/	
}
article.spalte2a, article.spalte_22a {width: 100%; height: 125px;}
article.spalte2a img, article.spalte_22a img {margin-top: 17px}
/*article.spalte2a img, article.spalte2b img, article.spalte_22a img, article.spalte_22b img {padding: 1px;}*/
/* including new for number 65 */
article.spalte2b, article.spalte_22b, article.spalte_jk65, article.spalte_jcoh68 {width: 100%; height: 60px; background: /*#f8f8f8*/#fff; margin-top: 32px;}
/* Big container for border, size set for one player in a line, as picture, flags & numbers and description */
section 	{width: 900px; margin: 15px auto; overflow: hidden; border: 1px solid #ff851b;}
section.AH 	{width: 900px; margin: 15px auto; overflow: hidden; border: 1px solid #333366;}
/* For players without description */
section.wdscrptn {width: 450px; margin: 15px auto; overflow: hidden; border: 1px solid #ff851b;}
/* For players with name and picture only */
section.wflag {width: 250px; margin: 15px auto; overflow: hidden; border: 1px solid #ff851b;}
/* Text container */
article.spalte3 	{width: 448px; height: 250px; border-left: 2px dashed #ff851b;}
article.spalte3AH 	{width: 448px; height: 250px; border-left: 2px dashed #333366;}
/* Text container with two different background images - when description is missing */
article.spalte3a {width: 448px; height: 250px; border-left: 2px dashed #ff851b; background: url(/img/bg/m_distefano.gif) no-repeat 20% 90%;}
article.spalte3b {width: 448px; height: 250px; border-left: 2px dashed #333366; background: url(/img/bg/m_pele.gif) no-repeat 80% 90%;}
/* Margin between Name of players and description */
.mata {margin-bottom: 10px; display: block;}
/* Margin between Name of players and description - Captain */
/* List of capitanos:
   Position of 'c' on phones - (m) middle (u) below
   (m) Philipp Fischer
   (m) Florian Buder
   (u) Nicolas Costa Behrens
   (u) José Luis Bueso Bello
   (u) Daniel Larramona Gil
   (u) Carlos García Acero
   (u) Gonzalo Urgel Tendero
   (m) Michele Martone	
*/
/*AH*//* Violet *//* Phil --------- */	
.mata_sp {margin-bottom: 10px; display: block; height: 52px; background-image: url('/img/design/spielfuehrer.png'); 
background-repeat: no-repeat; background-position: 95% 50%; background-color: /*#ff9933*/#333366;}
/*AH*//* Violet *//* JL ----------- */	
.mata_kp {margin-bottom: 10px; display: block; height: 52px; background-image: url('/img/design/spielfuehrer.png'); 
background-repeat: no-repeat; background-position: 95% 50%; background-color: /*#ff9933*/#333366;}
/*1M*//* Orange *//* Martone ------ */	
.mata_c1 {margin-bottom: 10px; display: block; height: 52px; background-image: url('/img/design/spielfuehrer.png'); 
background-repeat: no-repeat; background-position: 95% 50%; background-color: /*#ff9933*/#ff851b;}
/*1M*//* Orange *//* Gonza | Charly */	
.mata_c2 {margin-bottom: 10px; display: block; height: 52px; background-image: url('/img/design/spielfuehrer.png'); 
background-repeat: no-repeat; background-position: 95% 50%; background-color: /*#ff9933*/#ff851b;}
/*HF*//* Orange *//* Flo ---------- */	
.mata_c3 {margin-bottom: 10px; display: block; height: 52px; background-image: url('/img/design/spielfuehrer.png'); 
background-repeat: no-repeat; background-position: 95% 50%; background-color: /*#ff9933*/#ff851b;}
/*HF*//* Orange *//* Larra | Nish - */	
.mata_ln {margin-bottom: 10px; display: block; height: 52px; background-image: url('/img/design/spielfuehrer.png'); 
background-repeat: no-repeat; background-position: 95% 50%; background-color: /*#ff9933*/#ff851b;}
/* Aushilfen */
#wrap_hof {width: 100%; margin: 20px auto; display: none;/*background: tomato;*/} 
/* Button HoF */
/* same space on top and bottom, new blockquote */
.wrap_hof {margin: 0px auto;/*background: lightgreen;*/}
/* Button HoF Ehemalige Helfer */
.btn { 
	margin-top: 15px;
	display: inline-block;
	width: 250px;
	background-color: rgba(133, 20, 75, 1);
	border: none; 
	border-radius: 11px;
	color: #fff; 
	padding: 11px 22px; 
	text-align: center; 
	text-decoration: none; 
	font-family: Verdana, Verdana, Geneva, sans-serif; 
	font-size: 14px; 
	cursor: pointer;	
	outline: none;
	opacity: 0.6;
	transition-duration: 0.3s;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
/* Hoverable Button */
.btn:hover {opacity: 1;}

/* ?!? Needed /// Margin top alredy set one before ¿!¿ *//* On ES-es deleted.. */
/* Container to be shown */
/*.btn-Div {width: 100%;background: gold;}*/

/*
	**************************************************
	* Quote | Quotes | Zitat | Zitate | Cita | Citas *
	**************************************************
*/
/*DE-de*/
/* Old rectangular Blockquote (changed to class) */
.blockquote {font-size: 0.9em; width: 63%; margin: 50px auto; font-family: Open Sans; font-style: italic; color: rgba(51, 51, 102, 0.7); padding: 1.2em 30px 1.2em 75px; border-left: 8px solid rgba(255, 133, 27, 1); line-height: 1.6; position: relative; background: /*#EDEDED*/rgba(221, 221, 221, 0.8); text-align: left;/* Wrapper is centering */}
.blockquote::before{font-family: Arial; content: "\201C"; color: rgba(255, 133, 27, 1); font-size: 4em; position: absolute; left: 10px; top:-10px;}
.blockquote::after{content: '';}
.blockquote span{display: block; color: rgba(51, 51, 102, 0.8); font-style: normal; font-weight: bold; margin-top: 1em;}
/* Intro Text Squad Elements */
.blockquote-top {width: 95%; margin: 10px auto 30px auto; border-top: 8px solid rgba(255, 133, 27, 0.6); background: rgba(221, 221, 221, 0.7);}
.blockquote-top p {font-size: 0.9em; color: rgba(51, 51, 102, 0.6); font-family: Open Sans; font-style: italic; padding: 15px 15px 15px 41px;/*text-align: left*/; line-height: 1.6;}	
.quote-wrapper {width: 300px; height: 300px; position: relative; margin: 90px auto; z-index: -2;/*background-color: hotpink;*/}
.text {background: radial-gradient(ellipse at center,rgba(51, 51, 102, 1) 0%,rgba(51, 51, 102, 1) 70%,rgba(51, 51, 51, 0) 70.3%); height: 100%; width: 100%; color: rgba(255, 133, 27, 1); position: relative; margin: 0;}
/* 1-2-3 Lines */
.text p.quote1 {font-family: "Titillium Web", sans-serif; color: #fff/*161b1e*/; font-size: 21px; line-height: 1.25; padding: 131px 23px 0px 23px; text-align: center; font-style: italic; text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);}
.text p.quote2 {font-family: "Titillium Web", sans-serif; color: #fff/*161b1e*/; font-size: 21px; line-height: 1.25; padding: 121px 23px 0px 23px; text-align: center; font-style: italic; text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);}
.text p.quote3 {font-family: "Titillium Web", sans-serif; color: #fff/*161b1e*/; font-size: 21px; line-height: 1.25; padding: 111px 23px 0px 23px; text-align: center; font-style: italic; text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);}
.text p.quote4 {font-family: "Titillium Web", sans-serif; color: #fff/*161b1e*/; font-size: 20px; line-height: 1.25; padding: 127px 20px 0px 0px; text-align: center; font-style: italic; text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);}
/* Polygon */
.text::before {content: ""; width: 50%; height: 100%; float: left; shape-outside: polygon(0 0, 98% 0, 50% 6%, 23.4% 17.3%, 6% 32.6%, 0 50%, 6% 65.6%, 23.4% 82.7%, 50% 94%, 98% 100%, 0 100%); shape-margin: 7%;}
.text p.quote1::before, .text p.quote2::before, .text p.quote3::before, .text p.quote4::before {content: ""; width: 50%; height: 100%; float: right; shape-outside: polygon(2% 0%, 100% 0%, 100% 100%, 2% 100%, 50% 94%, 76.6% 82.7%, 94% 65.6%, 100% 50%, 94% 32.6%, 76.6% 17.3%, 50% 6%); shape-margin: 7%;}
/* Author */
.quote-wrapper blockquote footer {width: 100%; position: absolute; bottom: 45px; font-family: "Titillium Web", sans-serif; font-size: 17px; text-align: center; font-style: italic; text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);}
/* Apostrophe /// An apostrophe is a small punctuation mark ( ' ) placed after a noun to show that the noun owns something. The apostrophe will always be placed either before or after an s at the end of the noun owner. Always the noun owner will be followed (usually immediately) by the thing it owns. */
.quote-wrapper::before {content: "\201C"; font-size: 270px; height: 82px; line-height: 0.78; line-height: 1; position: absolute; top: /*-48*/-30px; left: 0; z-index: 1; font-family: sans-serif, serif; color: /*#ccc*/rgba(255, 133, 27, 1); opacity: 0.9;}
/* Internet Explorer */
@media all and (-ms-high-contrast:none)
{/* IE10 */.text p.quote2 {color: red;}/* IE11 */*::-ms-backdrop, .text p.quote1, .text p.quote2, .text p.quote3, .text p.quote4 {color: #ff851b;} .quote-wrapper blockquote footer {color: white;} .text::before {width: 100%; height: 40%;} .text p.quote2::before {width: 100%; height: 40%;}}
/* ------------
	Multimedia
   ------------ */
.media_hd  {height: 30px; line-height: 30px;} /* To show title properly */
/* First Box */
.media_fst {display: inline-block; width: 196px; margin: 10px auto 20px auto; border: 1px solid #ff851b;/*background-color: pink;*/}	
/* Rest of boxes */
.media {display: inline-block; width: 196px; margin: 0px auto 20px auto; border: 1px solid #ff851b; /*background-color: purple;*/}	
/* Picasa Box for pictures to be shown - Making it 100% wide for responsive */
.multi {position: relative; padding-bottom: 56.25% /* 16:9 */; padding-top: 25px; height: 0; border: 1px solid #ff851b;}
.multi object {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* Photos Gallery Quarters */
/*	========================= 
	|	Scroll Up Button	|
	=========================	*/
#myBtn {
	display: none; 
	position: fixed; 
	bottom: 20px; 
	right: 30px; 
	z-index: 2; 
	border: none; 
	outline: none; 
	background-color: #85144b; /* 3rd color */
	color: #fff;
	cursor: pointer;
	padding: 15px 24px 18px 24px; /*15*/
	border-radius: 50%; /*4px*/
	font-size: 18px;
	opacity: 0.6;
}
#myBtn:hover {opacity: 1;}
/* White Arrow *//* Scroll Up Button*/
.flecha {border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px;}
/* Black Arrow *//* Idea for prev and next button but no need anymore */
.arcos {border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px;}
/* Rotate Arrow */
.parriba {transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}/* SUB */
.pabajo {transform: rotate(45deg); -webkit-transform: rotate(45deg);}/* Unshow *//* Already has arrows.. */
.paderecha {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}/* Next *//* No arrows at the end.. */
.paizquierda {transform: rotate(135deg); -webkit-transform: rotate(135deg);}/* Prev *//* No arrows at the end.. */
/* Next & Previous Link Photos */
.previous, .next {
	margin-top: 15px;
	display: inline-block;
	padding: 8px 16px;
	background-color: rgba(133, 20, 75, 0.1);/* light 3rd-C*/
	/*background-color: rgba(51, 51, 102, 1);*//* or full 2nd-C*/
 }
/* Sowing active quinquennial */
.vital {border: 1px dotted rgba(255, 133, 27, 1);}
/*	========================= 
	|	Video Button More	|	 
	=========================	*/
.unshow3 {
	margin-top: 0px;
	display: inline-block; 
	width: 250px;
	background-color: rgba(133, 20, 75, 1);
	border: none;
	border-radius: 11px;
	color: #fff; 
	padding: 11px 22px; 
	text-align: center; 
	text-decoration: none; 
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 14px; 
	cursor: pointer;/*cursor: not-allowed;*/
	outline: none;
	opacity: 0.6;
	transition-duration: 0.3s;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
/* Hoverable Button */
.unshow3:hover {opacity: 1;}
/*
----------------------------
	Social Icons Container 
---------------------------- 
*/
/* Not Footer | Language */										
#boola	 	{width: 100%; background: #ff851b; padding: 10px 0px 15px 0px; text-align: center; border-bottom: dotted 1px #fff;} 
/* Footer | Social Icons Container */
/* Footer | Social list (for getting id social centered) | Disclaimer & Sitemap */
#boocial 	{width: 100%; text-align: center; background-color: /*#ff9933*/#ff851b; padding: 35px 0 70px 0; border-bottom: dashed 1px #fff;}	
/* Footer | Social list with width and in the middle *****/
#social 	{width: 100%; height: 54px; margin: 0px auto;}
/* Footer | Disclaimer & Sitemap */ 										
#boolaimer 	{width: 100%; background: /*#ff9933*/#ff851b; padding: 35px 0; text-align: center;}
/* Footer | Copyright sign and Name of Club */								
#booright 	{width: 100%; text-align: center; margin-bottom: 0; padding: 25px 0 15px 0; background-color: #333366;}
/*
------------------
	Social Icons
------------------
*/
.fb 	{background-image: url(/img/social/fb/facebook_de.png); width: 54px;} 								/* Facebook 	/// Silver-Orange 		*/
.fb a 	{background-image: url(/img/social/fb/facebook_deu.png); background-color: rgba(255, 133, 27, 1);}	/* ------------ On hover Orange-Silver 	*/
.gp 	{background-image: url(/img/social/gp/googleplus_os.png); width: 40px;} 							/* Google+  	/// Silver-Orange 		*/
.gp a 	{background-image: url(/img/social/gp/googleplus_so.png);}											/* ------------ On hover Orange-Silver 	*/
.ig 	{background-image: url(/img/social/ig/instagram_de.png); width: 54px;} 								/* Instagram 	/// Silver-Orange 		*/
.ig a 	{background-image: url(/img/social/ig/instagram_deu.png); background-color: rgba(255, 133, 27, 1);}	/* ------------ On hover Orange-Silver 	*/
.ml 	{background-image: url(/img/social/m/mail_os.png); width: 40px;} 									/* Mail 		/// Silver-Orange 		*/ /* Not in use */			
.ml a 	{background-image: url(/img/social/m/mail_so.png);}													/* ------------ On hover Orange-Silver 	*/
.pp 	{background-image: url(/img/social/pp/paypal_os.png); width: 40px;} 								/* Paypal 		/// Silver-Orange 		*/ /* Not in use */
.pp a 	{background-image: url(/img/social/pp/paypal_so.png);}												/* ------------ On hover Orange-Silver 	*/
.pc 	{background-image: url(/img/social/pc/picasa_os.png); width: 40px; } 								/* Picasa 		/// Silver-Orange  		*/
.pc a 	{background-image: url(/img/social/pc/picasa_so.png);}												/* ------------ On hover Orange-Silver 	*/
.su 	{background-image: url(/img/social/su/super-user_os.png); width: 40px; } 							/* Super-User	/// Silver-Orange 		*/ /* Not in use */
.su a 	{background-image: url(/img/social/su/super-user_so.png);}											/* ------------ On hover Orange-Silver 	*/
.yt 	{background-image: url(/img/social/yt/youtube_de.png); width: 54px;}								/* Youtube 		/// Silver-Orange  		*/
.yt a 	{background-image: url(/img/social/yt/youtube_deu.png); background-color: rgba(255, 133, 27, 1);}	/* ------------ On hover Orange-Silver 	*/
/* 
-----------------
	THE END
-----------------
*/