html {
	font-size: 11px;
}

body {
	font-size: 1rem;
}

select { font-family: Roboto !important;}

* {
	font-style: normal !important;
}

div#header {
	width: 100%;
	max-width: 996px;
	position: relative;
	margin-top: 70px;
}


div#pagedata {
	min-height: 300px;
	max-width: 1000px;
	margin: 0 auto;
}

div#main {
	width: 96%;
	margin: 0 auto;
	padding: 1rem 0;
	text-align: left;
	position: relative;
}

div#topbar { 
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 70px;
}

.tblogo {
	margin-left: 1rem;
	padding: 4px 0;
	display: block;
	float: left;
}

.tblogo img {
	max-width: 200px;
}

.lang_el .tblogo img {
	max-width: 180px;
}

.lang_en .tblogo img {
	max-width: 219px;
}

div.totalpage {
	width: 100%;
	max-width: 1000px;
}

ul#topmenu, ul#languages {
	margin: 2rem 1rem;
}

ul#topmenu li a {
	padding: 0 0.3rem;
	line-height: 2rem;
}

ul#languages li a {
	padding: 0 0.4rem 0 0.4rem;
	line-height: 2rem;
}

div#login { margin-right: 1rem; display: none;}
div#loged { margin-right: 1rem; display: none;}

@media (max-width: 600px) {
	div#login { display: none; }
	div#loged { display: none; }
	ul#topmenu { display: none;}
	.newgui a#megaron_el, .newgui a#megaron_en {
		float: none;
		display: block;
		width: 95%;
		max-width: 374px;
		height: auto;
		margin: 0 auto;
		position: relative;
		background: initial;
		text-indent: 0 !important;
	}	
}

.noticketspending div#mainmenu_wrap {
	display: block;
	width: 90%;
	padding: 6px;
	float: none;
	margin: 1rem auto;
	text-align: center;
}

@media (max-width: 1000px) {
	div#mainmenu_wrap {
		display: block;
		width: 90%;
		padding: 6px;
		float: none;
		margin: 1rem auto;
		text-align: center;
	}
	div#mainmenu ul li {
		display: inline-block;
		float: none;
	}
	div#basketlink_wrap {
		display: block;
		float: none;
		margin: 0.5rem auto;
		text-align: center;
	}
	div#basketlink_wrap h6 {
		text-align: center;
	}
	div#shortbasket a.completeorder, div#shortbasket a.remove_full {
		margin: 0.5rem 1rem;
	}
	div#shortbasket a.completeorder:hover, div#shortbasket a.remove_full:hover {
		margin: 0.5rem 1rem;
	}
	div#basket { 
	  float: none;
		width: 100%;
	}
	div#basket table.basket {
		float: none;
		margin: 0 auto
	}

	div#basket_right_wrap {
		float: none;
		margin: 1rem auto;
		background: none;
		width: 100%;
		max-width: 400px;
	}

	div#basket_right h6 span {
		background: none;
		padding: none;
	}

	div#basket_right h6 {
		background: none;
		padding: none;
	}

	div#register_login_wrap {
		float: none;
		width: 100%;
		background: none;
		margin: 0 auto;
		max-width: 500px;
	}

	div#register_wrap {
		float: none;
		width: 100%;
		background: none;
		margin: 0 auto;
		max-width: 500px;
	}

	table.formregister td input.formel {
		width: 25ch;
	}

	table.form td input.formel {
		width: 25ch;
	}
}

@media (max-width: 320px) {
	table.formregister td input.formel {
		width: 20ch;
	}
	table.form td input.formel {
		width: 20ch;
	}
}

div#basket h6 {
	text-align: left;
}

@media (max-width: 440px) {
	.usertext {
		display: none;
	}
}


.loginpopped div#login,
.loginpopped div#loged {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	width: 100%;
	display: flex;
	float: none;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,0.7);
	z-index: 1;
}

.loginpopped div#login .logininner,
.loginpopped div#loged .logininner {
	background-color: #fff;
	padding: 2rem;
	border: 3px solid #000;
	outline: 2px solid red;
	float: none;
	position: relative;
}

.loginpopped div#login h6,
.loginpopped div#loged h6 {
	margin: 0 0 1rem 0; 
}

.loginpopped #loged a {
  display: block !important;
  float: none !important;
  line-height: 2;
  margin: 1rem 0;
  background-position-y: 7px;
  font-size: 1rem
}

.loginpopped #loged p span {
  display: block;
  margin: 1rem
}

.btnloginpop {
	display: block !important;
	float: right;
	margin: 2rem 1rem;
	text-decoration: none;
}

.btnloginpop img { 
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.btnloginpop .usertext {
	color: #f0f0f0;
	text-decoration: none;
	line-height: 2rem;
}

.btnloginpop .usertext:hover {
	text-decoration: underline;
}

.loginpopped .topuserbox .logininner a.btnexitpopped {
	display: block !important;
	position: absolute;
	top: -3rem;
	right: -1.5rem;
	border-radius: 100px;
	background: #fff !important;
	color: #000 !important;
	padding: 0 1rem !important;
	font-size: 1.5rem !important;
	border: 2px solid red;
	line-height: 2 !important;
	margin: 1rem 0 !important;
	text-decoration: none;
}

div#loged a.activationpending {
	padding: 0.5rem 1rem 0.5rem 1rem;

}

div#loged a {
	font-size: 1rem;
}

div#loged p {
	font-size: 1rem;
}

.warnactivate {
  display: inline-block;
  padding: 0 0.8rem;
  margin-left: 0.2rem;
  background: #f00000;
  color: #fff;
  border-radius: 20px;
  font-weight: bold;
  vertical-align: middle;
  font-size: 1.5rem;
}

ul#events_list {
	list-style: none;
	margin: 3rem 0 10rem 0;
	padding: 0 0 9px 0;
	width: 100%;
	background: url(images/pickevent_bot.gif) no-repeat bottom left;
}

div#footer {
	width: 100%;
	margin: 0 auto;
	background: none;
	color: #ffffff;
	padding: 0;
}

div#footer p.credits {
	padding: 13px 2rem 0 0;
	margin: 0;
	background: url(images/footer_big_line_2.gif) no-repeat top;
	text-align: right;
}

.bankicons {
	text-align: center;
	padding: 1rem 0;
}

.bankicons img {
	max-width: 612px;
	width: 90%;
}

.newgui div#shortbasket_wrap {
	float: none;
	display: block;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

#shortbasket .buttons { display: flex; justify-content: center; }

.newgui ul#legend {
	margin: 1rem;
	padding: 0 0 0 0;
	background: #ffffff;
	float: none;
	width: 100%;
	/* clear: both; */
	border: 0px;
	display: flex;
	justify-content: center;
}

.newgui ul#pickdate ul#legend li {
	padding: 5px 0;
	float: none;
	width: auto;
	margin: 0 5px 0 5px;
	font-family: Arial;
	border: none;
}

.newgui.noticketsinthisshow div#shortbasket_wrap { 
  display: none;
}

.newgui.cart #basketlink_wrap { 
	display: none;
}

ul#events_list li a span {
	float: none;
}

.noticketspending #basketlink_wrap {
  display: none;
}

div#basket table.basket td.remove {
	width: auto;
}

div#basket table.basket th.totalprice {
	background: #e8e8e8;
	vertical-align: top;
}

div#basket table.basket th span em {
	white-space: nowrap;
}

div#basket table.basket td.price em {
	white-space: nowrap;
}

.register.notsiteloged div#basketlink_wrap {
	display: none;
}

.paybuttons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.paybuttons img {
	max-width: 70%;
}

div#shortbasket table.shortbasket a.remove {
	background: none;
	background-position:0 0;
	width: auto;
	height: auto;
	color: #800000;
	text-indent: 0;
	font-size: 1.8rem;
	vertical-align: top;
	margin: -0.4rem 0 0 5px
}

div#main h1 {
	margin-top: 1rem;
}

div#register h1 {
	color: #000;
}

.selectedsection h1 {
	color: #BC0C0C;
}

ul#events_list li a h5 span {
	padding: 0;
	background: none;
}

ul#events_list li a h5 {
	background: none;
	padding: 0 0 0px 10px;
}

ul#events_list li a h5 em {
	font-style: normal;
}

div.evtypecolor {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  margin-right: 1rem;
}

ul#topmenu li.toarticle119 {
	display: none;
}

ul#topmenu li.toarticle152 {
	display: none;
}

.links_from_topbar {
  margin: 1rem;

}

.links_from_topbar ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.links_from_topbar ul li {
  margin: 1rem;
}

.links_from_topbar ul li a {
  color: #ffffff;
}

.keeploggeddiv {
  margin: 1rem;
  clear:both;
}


div#login.topuserbox p.alert {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: white;
	background: #BC0C0C;
	position: relative; 
	padding: 1rem;
}

.warnterms { text-align: center; }

#pagedata > h1 a > div { font-size: 0.8em; }