@CHARSET "ISO-8859-1";

* {
	box-sizing: border-box;
}

body, html { 
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
   	background-image: url("../pics/darts_bw_dunkel.jpg");
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: center center;
  	background-attachment: fixed;
  }


h1 {
  font-size: 2vw; 
  font-weight: bold;
  transition: 0.4s;
  margin: 0px 0px;
}

select {
	height: 30px;
}

table {
	border: 0px;
	padding: 10px 10px;
}


td, th {
	padding: 5px 5px;
}


#navbar {
  overflow: hidden;
  margin: 0px 0px;
  padding: 80px 10px;
  transition: 0.4s;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
  color: white;
  background-color: rgba(0,0,0,0.7);
}

.navbar_image {
  background-image: url("../pics/darts_bg_full.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  
}

.navbar_responsive {
  overflow: hidden;
  background-color: rgba(0,0,0,0.7);
  transition: 0.4s;
  position: fixed;
  top: 89px;
  width: 100%;
  float: left;
  z-index: 100;
  display:none;
}

.navbar_responsive a {
  color: white;
  text-align: left;
  text-decoration: none;
  padding: 12px;
  line-height: 35px;
  border-radius: 4px;
}

.navbar_responsive a:hover {
  background-color: #ddd;
  color: white;
}

#navbar a {
  float: left;
  color: white;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  line-height: 25px;
  border-radius: 4px;
}

.nav_font {
	font-size: 20px;
}


#navbar a:hover {
  background-color: #7e7e7e;
  color: black;
}

#navbar a.active {
  background-color: #04AA6D;
  color: white;
}

.nav_icon {
	width: 32px;
	height: 32px;
}

#navbar img, #statusnotch {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#navbar img:hover, .statusbubble:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

#navbar-right {
  float: right; ;
  opacity: 0.9;
  background-color: #cbcaca;
  border-radius: 4px;
}

.navbar-right .icon {
  display: none;
}


#statusnotch {
  transition: 0.4s;
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 99;
  color: white;
  opacity: 1;
  background-color: black;
  border-radius: 4px;
  height: 20px;
  width: 44px;
  top:216px;
  left:50%;
  margin-left:-20px;
}

.statusbubble {
	float:left;
	height:14px;
	width: 14px;
	border-radius: 100%;
	background-color: red;
	margin: 3px 4px;
}

#logo {
  font-size: 35px; 
  font-weight: bold;
  text-shadow: 2px 2px #000000;
  transition: 0.4s;
}

.login_info
{
	display: none;
}

.login_info:hover {
	cursor: pointer;
	-webkit-user-select: none; 
    -webkit-touch-callout: none
}

.login_image {
  height: 100vh;
  width:100vw;
  object-fit: cover;
  object-position: 0;
  background-image: url("../pics/darts_bg_full.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.logingif {
	width: 190px;
}

.maincontent {
	position:absolute;
	top:250px;
	width:100%;

}
.mittig {
 	position:relative;
 	width:850px;
	left:50%;
	margin-left:-425px;
 }
 
.mittig_tippen {
	position:relative;
 	left:50%;
	margin-left:-750px;
 	max-width:1500px; 
 }

.weltmeistertipp {
	float:left;
}

.weltmeistertipppokal {
	float:right;
}

.weltmeistertippende {
	clear:both;
}

#qualifikation {
	white-space: nowrap;
}

.partie_stat_image {
	width: 32px;
    height: 32px;
    margin-left: 10px;
    margin-top: 10px;

	opacity:0.6;
    -webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
 }

.partie_stat_image:hover{
	opacity:1;
	cursor: pointer;
 }

.partie_stat, .partie_game {
	float:left;
}

.partie_risiko {
	clear:left;
}

#tipp_vergleich {
	display:none; 
}

#spieler_vergleich {
	display:none;
}

.grid-container-statistiken {
   grid-template-areas:
    'duelle duelle'
    'statistik_spieler1 statistik_spieler2';
   grid-template-columns: auto auto;
}

.duelle { grid-area: duelle; background-color: #cbcaca;position: relative; margin: 0 auto; float:left;}
.statistik_spieler1 { grid-area: statistik_spieler1; background-color: #cbcaca;position: relative; align-self:start !important;}
.statistik_spieler2 { grid-area: statistik_spieler2; background-color: #cbcaca;position: relative; align-self:start !important;}


.grid-container-achtelfinale {
	grid-template-areas:
    'runde1 runde2 runde3 runde4'
    'partie1 partie5 partie9 partie11'
    'partie2 partie6 partie9 partie11'
    'partie3 partie7 partie10 partie11'
    'partie4 partie8 partie10 partie11';
	grid-template-columns: auto auto auto auto;
}

.grid-container-finalrunden {
  grid-template-areas:
    'runde1 runde2 runde3 runde4'
    'partie1 partie9 partie13 partie15'
    'partie2 partie9 partie13 partie15'
    'partie3 partie10 partie13 partie15'
    'partie4 partie10 partie13 partie15'
    'partie5 partie11 partie14 partie15'
    'partie6 partie11 partie14 partie15'
    'partie7 partie12 partie14 partie15'
    'partie8 partie12 partie14 partie15';
   grid-template-columns: auto auto auto auto;
}

.grid-container-hauptseite {
   grid-template-areas:
    'runde1 runde2'
    'partie1 partie6'
    'partie2 partie7'
    'partie3 partie8'
    'partie4 partie9'
    'partie5 partie10';
   grid-template-columns: auto auto;
}

.grid-container {
    display: grid;
    gap: 10px;
}

.grid-container > div {
  text-align: left;
  padding: 20px 10px;
  align-self: center;
}

.tippen_grid {
 	padding: 10px;
 	background-color: #e6e6e6b3;
	border-radius: 10px;
}

.partie1 { grid-area: partie1; background-color: #cbcaca;position: relative;}
.partie2 { grid-area: partie2; background-color: #cbcaca;position: relative;}
.partie3 { grid-area: partie3; background-color: #cbcaca;position: relative;}
.partie4 { grid-area: partie4; background-color: #cbcaca;position: relative;}
.partie5 { grid-area: partie5; background-color: #cbcaca;position: relative;}
.partie6 { grid-area: partie6; background-color: #cbcaca;position: relative;}
.partie7 { grid-area: partie7; background-color: #cbcaca;position: relative;}
.partie8 { grid-area: partie8; background-color: #cbcaca;position: relative;}
.partie9 { grid-area: partie9; background-color: #cbcaca;position: relative;}
.partie10{ grid-area: partie10;background-color: #cbcaca;position: relative;}
.partie11{ grid-area: partie11;background-color: #cbcaca;position: relative;}
.partie12{ grid-area: partie12;background-color: #cbcaca;position: relative;}
.partie13{ grid-area: partie13;background-color: #cbcaca;position: relative;}
.partie14{ grid-area: partie14;background-color: #cbcaca;position: relative;}
.partie15{ grid-area: partie15;background-color: #cbcaca;position: relative;}
.adminpartie{ background-color: #cbcaca;position: relative;}
.runde1 { grid-area: runde1; background-color: #7e7e7e;}
.runde2 { grid-area: runde2; background-color: #7e7e7e;}
.runde3 { grid-area: runde3; background-color: #7e7e7e;}
.runde4 { grid-area: runde4; background-color: #7e7e7e;}

.text_zentriert {
	text-align: center;
}

.text_rechts {
	text-align: right;
}

.darts1logo {
	
	vertical-align: baseline;
}

.ueberschrift {
	text-align: center !important;
	padding: 20px 10px !important;
	font-size: 15px !important;
}


.fett { font-weight: bold;}
.kursiv {font-style: italic;}
.text_rot {color: red;}
.durchgestrichen {text-decoration: line-through;}
.spieler_offen {font-style: italic;}
.gewinner {text-decoration: underline;}

.green_bg { background-color: #a9d7a9; text-align:center;}
.red_bg { background-color: #d7a9a9; text-align:center;}
.grey_bg {background-color: #d7d7d7; text-align:center;}

.button_farbe { 
	background-color: #04AA6D;
	color: #ffffff;
	border-radius: 4px;
	margin-bottom: 5px;
}

.button_farbe_active {
	background-color: #ddd;
	color: #000000;
	border-radius: 4px;
	margin-bottom: 5px;
}

.regeltexte {
	background-color: #ffffffd3;
	padding:10px 30px;
	border-radius: 10px;
}

.header_messagebox {
	background-color: #7e7e7e;
	padding: 10px;
	text-align:left;
	margin-bottom:10px;
	margin-top: 10px;
	color: #ffffff
}

.main_messagebox {
	padding: 10px;
	text-align:left;
}

.rangliste {
	padding:5px 30px;
}

.rangliste_sprungmarke {
 	margin-top: 110px; 
}

.rangliste_tabelle_icon {
	display:none;
	cursor: pointer;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}

.rangliste_chart_icon {
	cursor: pointer;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}

.rangliste_tabelle {
	display:block;
}

.ausklappen:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	cursor: pointer;
}

.ranglistebubble {
	display: inline-block;
	height:9px;
	width: 9px;
	border-radius: 100%;
}

#allplayers {
	display:none;
}

.rangliste_bild {
	min-width: 62px;
	display: inline-block;
	padding: 0px 5px 0px 0px;
	vertical-align: middle;
}


.rangliste_name, .rangliste_spieler {
	min-width: 200px;
	max-width: 200px;
	overflow:hidden;
	text-overflow:ellipsis;
	display: inline-block;
	vertical-align:middle;
	white-space: nowrap;
}

.rangliste_punkte, .rangliste_nation {
	min-width: 100px;
	text-align: center;
	display: inline-block;
}

.rangliste_small {
	min-width: 50px;
	text-align: center;
	display: inline-block;
}

.rangliste_small_show{
	display: inline-block;
}

.rangliste_spieler_small {
	display:none;
}

.vergleichstabelle {
	min-width:600px;
 	background-color: rgba(0,0,0,0.3);  
	border-radius: 4px;
	padding: 1px;
	display:none;
}

.vergleichstabelle_image {
	width: 40px;
	display:inline;
}

.krone_img{
	vertical-align:text-top;
}

.statistik_duelle {
 	background-color: rgba(0,0,0,0.3);  
	border-radius: 4px;
	padding: 1px;
}

.statistik_spieler {
 	background-color: rgba(0,0,0,0.3);  
	border-radius: 4px;
	padding: 1px;
	width: 100%
}	
	
.vergleichstabelle td, th{
	background-color: #dddddd;
}

.vergleichstabelle_absetzen {
	background-color: #cbcaca !important;	
}  


.vergleichstabelle_selektiert {
	background-color: #a9d7a9 !important;	
}  

.vergleichstabelle_selektiert_rot {
	background-color: #d7a9a9 !important;	
}  


.popupMessage, .popupStatistik {
  display:none;
  width: 200px;
  background-color: #585757;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  border-radius: 6px;
  top: -15px;
  left: 50%;
  margin-left: -100px;
  font-weight: normal;
  position: absolute;
  z-index: 1;
}

.show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  width: 200px;
  background-color: #585757;
  color: #fff;
  text-align: left;
  padding: 5px 5px;
  border-radius: 6px;
  bottom: 125%;
  left: 50%;
  margin-left: -100px;
  font-weight: normal;
   position: absolute;
  z-index: 1;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
/*  visibility: hidden; */
  display:none;
  width: 200px;
  background-color: #585757;
  color: #fff;
  text-align: left;
  padding: 5px 5px;
  border-radius: 6px;
  top: -100px;
  left: -50%;
/*  top: -5px;
  left: 105%; */
  font-weight: normal;
 
  position: absolute;
  z-index: 10;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover,.tooltip:active .tooltiptext{
  display:inline-block;
  user-select: none;
  -webkit-user-select: none; 
  -webkit-touch-callout: none
}

.loginmaske {
	position: absolute;
	top: 35%;
	left: 50%;
	width:230px;
	margin-left:-115px;
	padding: 20px 20px 20px 20px;
	display: inline-block;
	background-color: #e8e8e8;
	border-radius: 8px;
    box-shadow:  10px 10px 10px rgba(0,0,0,0.2);
	z-index:2;
}

 .ausblenden {
 	display:none;
 }

 .register_felder_sichtbar {
 	display:inline;
 }

.textfluss_rechts {
	float:left;
}

.ueberschrift_weiss {
	color: white;
	position:relative;
}

.bildergalerie {
	width:770px;
}

.bildergalerie img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.bildergalerie img:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

.bildergaleriebox, .weltmeistertippbox {
	padding: 2px 2px 2px 2px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	font-size: 15px;
}

.bildergaleriebox:hover {
	z-index: 9;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.out_box {
  display:none;
  position: absolute;
  bottom: 0; 
  left: 0;
  right: 0; 
  background-color: #ff0000;
  overflow: hidden;
  width: 100%;
  height: 100%;
 }

/* Some text inside the overlay, which is positioned in the middle vertically and horizontally */
.out_text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* ------ */
/* Slides */
/* ------ */

/* Slideshow container */
.slideshow-container {
/*  position: relative;
  min-height: 400px; erst mal ausschalten */ 
}

.Slides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 190px;
  width: auto;
  padding: 6px;
  color: #000;
  font-weight: bold;
  -webkit-user-select: none;
  user-select: none;
  font-size: 30px;
  background-color: #04AA6D;
}

.prev {
  border-radius: 0 3px 3px 0;
  left: 0px;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0px;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  color: white;
}

.dot-container {
  text-align: center;
  padding: 20px;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.activeSlide, .dot:hover {
  background-color: #04AA6D;
}


.chart {
	display: none;
}

.none_chart {
	display: none !important;
}

.ruhmeshalle {
	color: #cfc09f;
}

.ruhmeshalle h1{
	background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #3a2c0f 78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 100px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;  
    font-family: "Playfair Display";
}

.dark {
	background-color: #000000d3 !important;
}

.ruhmeshalle_selektiert {
	background-color: #302e2e !important;	
} 

.ruhmeshalle .activeSlide, .ruhmeshalle .dot:hover {
  background-color: #ffecb3;
}




/*------------------------------------------------------
Anpassungen maximale Breite 1500px (Tablet Querformat)
------------------------------------------------------*/
@media screen and (max-width: 1500px) { /*tablet quer*/
	.mittig_tippen {
	   	min-width:60vw;
	 	max-width:100vw;
	 	left:0%;
	 	margin:0px;
	   	}
}


/*------------------------------------------------------
Anpassungen maximale Breite 950px (Tablet Hochformat oder Smartphone Querformat)
------------------------------------------------------*/

@media screen and (max-width: 950px) { /*tablet hoch/smartphone quer*/
  #navbar {
    padding: 20px 10px !important;
    width: 100vw;
  }

  #navbar a.logo {
    float: left;
    display: block;
    text-align: left;
  }
  
  #logo {
  	max-width: 80%;
  	font-size: 25px !important;
  }
  
  #statusnotch {
  	top: 96px;
  }
  
  .header{
  	visibility: hidden;
  }
 
  .maincontent {
  	top:100px;
  }
}


/*------------------------------------------------------
Anpassungen maximale Breite 850px (schmaleres Tablet Hochformat oder schmaleres Smartphone Querformat)
------------------------------------------------------*/

@media screen and (max-width: 850px) { /*smartphone*/

	#logo {
	  	max-width: 85%;
	  	font-size: 20px !important;
	} 

	.nav_icon {
		width: 24px;
		height: 24px;
	}

  	.bildergalerie {
		width: 600px !important;
	} 
	.bildergalerie img {
		width: 45px;
	}
	  
	.grid-container-achtelfinale {
	  grid-template-areas:
	    'runde1 runde2'
	    'partie1 partie5'
	    'partie2 partie6'
	    'partie3 partie7'
	    'partie4 partie8'
	    'runde3 runde4'
	    'partie9 partie11'
	    'partie10 partie11' ;
	    grid-template-columns: auto auto;
	    min-width:95vw;
	    max-width:100vw;
	}

	.grid-container-finalrunden {
	  grid-template-areas:
	    'runde1 runde2'
	    'partie1 partie9'
	    'partie2 partie9'
	    'partie3 partie10'
	    'partie4 partie10'
	    'partie5 partie11'
	    'partie6 partie11'
	    'partie7 partie12'
	    'partie8 partie12'
	    'runde3 runde4'
	    'partie13 partie15'
	    'partie14 partie15' ;
	    grid-template-columns: auto auto;
	    min-width:95vw;
	    max-width:100vw;
	}
	
	.grid-container-hauptseite {
		grid-template-columns: auto auto;
	    min-width:95vw;
	    max-width:100vw;
	}
	
	.maincontent {
		width:100vw;
		left:0%;
		margin: 0px 0px 0px 0px;
	}

	.regeltexte {
		background-color: #ffffffd3;
		padding:0px 0px;
		border-radius: 0px;
	}
	
	.mittig {
	   	min-width:60vw;
	 	max-width:100vw;
		left:0%;
		margin-left:0px;
		width:100%;
	}
	
	.vergleichstabelle {
		min-width:100px;
	}
	
	.prev, .next {
  		top: 58px;
	}
	
	.ruhmeshalle h1{
		font-size:50px;
	}
	
	.rangliste {
		padding:5px 5px;
	}
	.rangliste_small {
		font-size: 13px;
		min-width: 40px;
	}
	
}


/*------------------------------------------------------
Anpassungen maximale Breite 680px (schmaleres Tablet Hochformat oder schmaleres Smartphone Querformat)
------------------------------------------------------*/

@media screen and (max-width: 680px) { /*smartphone*/

	#logo {
		max-width: 90%;
	  	font-size: 20px !important;
  }
  
  #navbar-right {
  	text-shadow: 1px 2px #7e7e7e;

  }
   
  .navbar-right a, .dropdown {
    display: none;
  }
  
  .navbar-right a.icon {
    float: right;
    display: block;
  }
  
  .rangliste_name, .rangliste_spieler {
	min-width: 180px;
	max-width: 180px;
	overflow:hidden;
	text-overflow:ellipsis;
	display: inline-block;
	vertical-align:middle;
}
  
  .partie_stat_image {
	width: 24px;
    height: 24px;
    margin-left: 10px;
    margin-top: 10px;
}
  
	.grid-container > div {
	  padding: 5px 5px;
	  font-size: 12px;
	}

  	.bildergalerie {
		width: 500px !important;
	} 
	.bildergalerie img {
		width: 38px;
	}

	.bildergaleriebox {
		padding: 1px 1px 1px 1px;
	}
	  

	
	
	.rangliste_punkte, .rangliste_nation {
		min-width: 80px;
	}


	.rangliste_tabelle_icon {
		display:none !important;
	}
	
	.rangliste_chart_icon {
		display:none !important;
	}
	
	
	.rangliste_tabelle {
		display:block !important;
	}
	
	.weltmeistertipppokal {
		display: none;
	}
	
	#weltmeisterbild {
		float:left;
	}
	#weltmeistertipp {
		margin-bottom: 5px;
	}
	.ruhmeshalle h1{
	background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #3a2c0f 78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 8vw;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;  
    font-family: "Playfair Display";
	}
	.rangliste_small_show {
		display: none;
	}


}

@media screen and (max-width: 500px) { /*smartphone*/
	h2 {
		font-size: 22px;
		font-weight: 500;
		margin: 0px 0px 10px 2px;
	}
	
	.rangliste_name {
		font-size: 12px;
		min-width: 140px;
		max-width: 140px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	#navbar a {
		padding: 10px;
	}
	
	.rangliste_punkte {
		font-size: 12px;
		min-width: 60px;
	}
	
	
	.vergleichstabelle {
		font-size: 12px;
	}
	
	.keine_paarung_text {
		font-size: 12px;
	}
	
	.prev, .next {
  		top: 51px;
	}
	
	.grid-container > div {
		padding: 5px 5px;
	}

	.grid-container {
		padding: 5px 0px;
	    display: grid;
	    gap: 5px;
	}
	
	.tippen_grid {
		padding: 0px;
		border-radius: 0px;
	}
	
	
	.grid-container-statistiken {
	   grid-template-areas:
	    'duelle'
	    'statistik_spieler1'
	    'statistik_spieler2';
	   grid-template-columns: auto;
	}
	
	
	.bildergalerie {
		width: 370px !important;
	} 
	.bildergalerie img {
		width: 28px;
	}
	
	#vergleichsquote {
		font-size: 12px;
	}
	
	.chart {
		display: none !important;
	}

	.none_chart {
		display: inline-block !important;
		font-size: 12px;
	}
	
	.vergleichstabelle_image {
		display:none;
	}

	.rangliste {
		padding:2px 5px;
	}
	
	.rangliste_nation, .rangliste_spieler {
		display:none;
	}
	
	.rangliste_bild {
		vertical-align: top;	
	}
	
	.rangliste_spieler_small {
		display:inline-block;
	}
	

	
}