* {
	padding: 0;
	margin: 0;
	border: 0;
}
select {
   -webkit-appearance: none;
   -moz-appearance: none;
   font-family: Verdana, Geneva, sans-serif;font-style:normal; font-size:100%; color:#000000; text-align:center;
   height:30px; width:200px;
   background: rgba(180, 180, 180, 0.9);
   appearance: none;       /* Remove default arrow */
   background-image: url(...);   /* Add custom arrow */
}

label {
  width: 200px;
  display: block;
}

input, textarea {
  height: 50px;
  width: 100%;
  margin: 5px 0;
  border: 1px solid #CCC;
}


a.lablec { color: #ff0000;text-decoration: none; font-family: Verdana, Geneva, sans-serif;font-style:normal; font-size:100%;}
a.lablec:hover {color: #ffffff; font-family: Verdana, Geneva, sans-serif;font-style:normal; font-size:100%;}

a.nagy_link { color: #ff0000;text-decoration: none; font-family: Verdana, Geneva, sans-serif;font-style:normal; font-size:100%;}
a.nagy_link:hover {color: #ffffff; font-family: Verdana, Geneva, sans-serif;font-style:normal; font-size:100%;}

a.p2 { 	color: #ffffc7;}
a.p2:hover {color: #ffffc7;}
a.p3 {color: #98e7ee;}
a.p3:hover {color: #98e7ee;}
#tableA {background: rgba(15, 118, 135, 0.3);}
#tableB {background-image:url(../images/holo.png);background-size:100%;}
#tour {width:95%; color:#FFF; font-family: Verdana, Geneva, sans-serif;font-style:normal; font-size:100%; border-spacing: 10px; border-collapse: separate; }
section article div#bandmenu {width:180px; display: inline-block; margin-bottom:10px; background: rgba(15, 118, 135, 0.3);  padding: 20px 0;}
section article div#bandmenu2 {width:180px; display: none; position:relative;  margin-bottom:10px; background: rgba(15, 118, 135, 0.3); padding: 20px 0; }
section article div#youtube {width:180px; display: inline-block; margin-bottom:10px; background: rgba(255, 0, 0, 0.3);  padding: 20px 0;}
section article img#tagsajatkepek {width:auto; margin-bottom:10px;}
section article img#media {width:33%; margin-bottom:10px;}
section article img#cddvd {width:66%; margin-bottom:10px;}
section article div#picture {width:150px; display: inline-block; margin-bottom:10px; padding: 20px 0;}
#middle .filter-container {    float: right;    margin-bottom: 5px; }
section article div#selecter {width:90%; display: inline-block; margin-bottom:10px; background: rgba(15, 118, 135, 0.3);  padding: 10px 0; text-align:right;}

a.red {color: #bc2025; font-family: Verdana, Geneva, sans-serif; font-style:normal; font-size:100%; font-weight:bold;}
a.red:hover {color: #ffffff; font-family: Verdana, Geneva, sans-serif;font-style:normal; font-size:100%; font-weight:bold;}
#event {background: rgba(0, 0, 0, 0.4); width:98%; padding:10px; color:#FFF; font-family: Verdana, Geneva, sans-serif; font-style:normal; font-size:100%;}
#event:hover {background: rgba(15, 118, 135, 0.2); width:98%; padding:10px}

section article div#event {background: rgba(0, 0, 0, 0.4); width:95%; padding:10px; color:#FFF; font-family: Verdana, Geneva, sans-serif; font-style:normal; font-size:100%; height:20px}
section article div#event:hover {background: rgba(15, 118, 135, 0.2); width:95%; padding:10px}
section article div#date {width:85px; display: inline-block; text-align:left; float:left; height:auto; margin-right:20px; }
section article div#country {width:350px; display: inline-block;  text-align:left; font-weight:bold; float:left; margin-right:20px; }
section article div#location {width:auto; display: inline-block;  text-align:left; float:left; margin-right:20px;}
section article div#more-link {width:10%; display: inline-block; text-align:left; float:right;}



@font-face{
	font-family: Verdana, Geneva, sans-serif;
	font-style:normal;
	}
	

body {
background-image: url(../images/bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #464646;
}


a { color: #ffffff;text-decoration: none}
a:hover {color: #ff0000}
div.clear { clear: both; }
hr {height:2px; width:101%; border-width:0;color:#999;background-color:#999; margin:auto}
div#wrapper {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px
}
header img { max-width: 100% }
nav img { max-width: 100% }
footer {
	width: 60%;
	font-size:80%;
	font-weight: normal;
	font-family:Verdana, Geneva, sans-serif;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.5);
	display: inline-block;
	vertical-align: top; margin:auto;
	
	
}


section article div#tag {max-width:350px; display: inline-block; position:static;}
section article div#taginfo {max-width:750px;  display: inline-block;  margin-right:0px; margin-left:0px; margin-bottom:20px; vertical-align:top; background-image:url(../images/holo.png) }
section article div#taginfo2 {max-width:97%;  display: inline-block;  margin-right:0px; margin-left:0px; margin-bottom:20px; vertical-align:top }

section div#main {max-width: 60%; height:auto; display: inline-block;  vertical-align: top; background: rgba(0, 0, 0, 0.5);}
section {width:100%; height:inherit; margin:auto;  }
section article p {
	font-size:90%;
	font-weight: normal;
	font-family:Verdana;
	color: #ffffff;
	text-align:justify;
	
}
section article p1 {
	font-size:90%;
	font-weight: normal;
	font-family:Verdana;
	color: #ffffff;
	text-align:center;
	
}
section article p2 {
	font-size:80%;
	font-weight: bold;
	font-family:Verdana;
	color: #ffffc7;
	text-align:center;
	
}
section article p22 {
	font-size:120%;
	font-weight: bold;
	font-family:Verdana;
	color: #ffffc7;
	text-align:center;
	
}
section article p3 {
	font-size:75%;
	font-weight: normal;
	font-family:Verdana;
	color: #98e7ee;
	text-align:center;
	
}
section article p33 {
	font-size:100%;
	font-weight: bold;
	font-family:Verdana;
	color: #98e7ee;
	text-align:center;
	text-decoration: underline; 
	
}

section article div#szoveg {
	width: 100%;

}
section article div {
	width: 100%;

}


section article h1 {
	margin: 30px 0 0 20px;
	font-size: 150%;
	font-weight: normal;
	font-family:Verdana, Geneva, sans-serif;
	color: #FFCC00;
	font-weight:bold;
	text-align:left;
}
section article h2 {	margin: 0 0 10px 20px;
	font-size: 100%;
	font-weight: normal;
	font-family:Verdana, Geneva, sans-serif;
	color: #FFCC00;
	font-weight:bold;
	text-align:left;
}




figure {
	padding: 10px;
	background: #c57240;
	margin: 0 0 20px 0
}
figure img { max-width: 100% }
figure figcaption {
	font-style: italic;
	font-size: 80%;
	margin: 6px 0 0 0
}


.topnav {
  overflow: hidden;
  background: rgba(0,0,0);
  position: relative;
  
}

.topnav #myLinks {
  display: none;
  text-align:right;
  
  
}

.topnav a {
  font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
  color: white;
  text-decoration: none;
  font-size: 15px;
  display: block;
}

.topnav a.icon {
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
  background-color: #ddd;
  color: black;
}

.active {
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
  background-color: #000000;
    padding: 14px 16px;

  color: white;
}

div#menu {
	display:inline;
	width: 100%;
	ont-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #ffffff;
	font-size:90%;
	vertical-align: middle;
}
div#mobmenu {
	position: relative;
	
    line-height: 2;
}

img#cover_kiskep {width: 110px; height:110px; }
img#cover_kiskep2 {width: 40%; height:auto; }
div#cover_kiskep {width: 110px; height:110px; display: inline-block;  margin-right:0px; margin-left:0px; margin-bottom:0px; }
section article img#studio_kep  { width:60%; height:auto;}

@media only screen
and (min-width : 1000px) {
nav2 { display: none }
}
@media only screen
and (min-width : 651px) 
and (max-width : 1000px) {
	div#wrapper { width: 800px }
	section article img#studio_kep  { width:100%; height:auto;}
	section {width:100%; margin:auto;}
	section article h1 {	font-size: 150%;}
	section article h2 {	font-size: 100%;}
	section article p {font-size: 90%}
	section article p1 {font-size: 90%}
	nav2 { display: none }
    div#menu {	font-size:75%; padding:10px;}
	section div#main {max-width: 100%;}
	img#cover_kiskep2 {width: 100%; height:auto; }
	section article img#tagsajatkepek {width:100%; height:auto; margin-bottom:10px;}
	img#band {display:none;}
	section article div#bandmenu2 {width:180px; display: inline-block; position:relative;  margin-bottom:10px; background: rgba(15, 118, 135, 0.3);  padding: 20px 0;}
	#tour {width:95%; color:#FFF; font-family: Verdana, Geneva, sans-serif;font-style:normal; font-size:70%; border-spacing: 5px; border-collapse: separate;   }
	footer { width: 100%; }
	#event {font-size:100%;}
section article div#event {font-size:75%; height:40px; width:95%}
section article div#event:hover {width:95%;}
section article div#date {height:4em; width:20%;  display: block; float:left; vertical-align:top; text-align:center; vertical-align:baseline;margin-right:0px;}
section article div#country {width:75%; display: inline-block;  text-align:left; font-weight:bold; float:left;margin-right:0px; }
section article div#location {width:75%; display: inline-block;  text-align:left; float:left;margin-right:0px;}
section article div#more-link {width:75%; display: inline-block; text-align:left; float:left;}


}
/* #### TABLET #### */
@media only screen
and (min-width : 481px) 
and (max-width : 650px)
 {
	body {background-image: url(../images/bg2.jpg);background-position: center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-color: #464646;}
	div#wrapper { width: 580px }
	section {width:100%; margin:auto;  background-image:url(../images/bg.jpg); background-size:100%; background-repeat:no-repeat}
	section article img#studio_kep  { width:100%; height:auto;}
	section article h1 {	font-size: 150%;}
	section article h2 {	font-size: 100%;}
	section article p {font-size: 90%}
	section article p1 {font-size: 90%}
	nav2 { display: none }
    div#menu {	font-size:75%; padding:10px}
	section div#main {max-width: 100%;}
	img#cover_kiskep2 {width: 90%; height:auto; }
	section article img#tagsajatkepek {width:100%; height:auto; margin-bottom:10px;}
	img#band {display:none;}
	section article div#bandmenu2 {width:180px; display: inline-block; position:relative;  margin-bottom:10px; background: rgba(15, 118, 135, 0.3);  padding: 20px 0;}
	#tour {width:95%; color:#FFF; font-family: Verdana, Geneva, sans-serif;font-style:normal; font-size:70%; border-spacing: 5px; border-collapse: separate;   }
	footer { width: 100%; }
	#event {font-size:100%;}
section article div#event {font-size:75%; height:40px; width:95%}
section article div#event:hover {width:95%;}
section article div#date {height:4em; width:20%;  display: block; float:left; vertical-align:top; text-align:center; vertical-align:baseline;margin-right:0px;}
section article div#country {width:75%; display: inline-block;  text-align:left; font-weight:bold; float:left;margin-right:0px; }
section article div#location {width:75%; display: inline-block;  text-align:left; float:left;margin-right:0px;}
section article div#more-link {width:75%; display: inline-block; text-align:left; float:left;}


}
/* #### razer #### */
@media only screen
and (min-width : 360px) 
and (max-width : 480px)
 {
	body {background-image: url(../images/bg2.jpg);background-position: center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-color: #464646;}
	div#wrapper { width: 100% }
	section {width:100%; margin:auto;  background-image:url(../images/hatter_logo.png); background-size:100%; background-repeat:no-repeat}
	section article img#studio_kep  { width:100%; height:auto;}
	section article h1 {	font-size: 150%;}
	section article h2 {	font-size: 100%;}
	section article p {font-size: 90%}
	section article p1 {font-size: 90%}
	section article p3 {font-size: 70%}
	section article p4 {font-size: 70%}

	nav { display: none }
	div#menu {font-size:50%; padding:6px}
	body {background-size: 100% 800px;}
	table#cd2 {	font-size:70%;	font-weight: normal;	font-family: 'katona2020';	color: #ffffff;	text-shadow: 1px 1px 1px #000;	text-align: left;	line-height: 100%;	background: rgba(0,0,0,0.3);}	
    table#cd3 {	font-size:70%;}
	header {display:none}
	section div#main {max-width: 100%;}
	img#cover_kiskep2 {width: 90%; height:auto; }
	section article img#tagsajatkepek {width:100%; height:auto; margin-bottom:10px;}
	img#band {display:none;}
	section article div#bandmenu2 {width:180px; display: inline-block; position:relative;  margin-bottom:10px; background: rgba(15, 118, 135, 0.3);  padding: 20px 0;}
	#tour {width:95%; color:#FFF; font-family: Verdana, Geneva, sans-serif;font-style:normal; font-size:70%; border-spacing: 5px; border-collapse: separate;   }
	footer { width: 100%; }
	#event {font-size:75%;}

section article div#event {font-size:75%; height:40px; width:95%}
section article div#event:hover {width:95%;}
section article div#date {height:4em; width:20%;  display: block; float:left; vertical-align:top; text-align:center; vertical-align:baseline;margin-right:0px;}
section article div#country {width:75%; display: inline-block;  text-align:left; font-weight:bold; float:left;margin-right:0px; }
section article div#location {width:75%; display: inline-block;  text-align:left; float:left;margin-right:0px;}
section article div#more-link {width:75%; display: inline-block; text-align:left; float:left;}
}
/* #### iphone #### */
@media only screen
and (min-width : 360px) 
and (max-width : 375px)
 {
	body {background-image: url(../images/bg2.jpg);background-position: center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-color: #464646;}
	div#wrapper { width: 100%; }
	section {width:100%; margin:auto;  background-image:url(../images/hatter_logo.png); background-size:100%; background-repeat:no-repeat}
	section article img#studio_kep  { width:100%; height:auto;}
	section article h1 {	font-size: 100%;}
	section article h2 {	font-size: 100%;}
	section article p {font-size: 90%}
	section article p1 {font-size: 90%}
	section article p2 {font-size: 80%}
	section article p3 {font-size: 50%}
	section article p4 {font-size: 50%}
	section article p5 {font-size: 80%}
	footer { width: 100%; }
	nav { display: none }
	div#menu {font-size:45%; padding:4px}
	body {background-size: 100% 800px;}
	header {display:none}
	section div#main {max-width: 100%;}
	img#cover_kiskep2 {width: 90%; height:auto; }
	section article img#tagsajatkepek {width:100%; height:auto; margin-bottom:10px;}
	img#band {display:none;}
	section article div#bandmenu2 {width:180px; display: inline-block; position:relative;  margin-bottom:10px; background: rgba(15, 118, 135, 0.3);  padding: 20px 0;}
	#tour {width:95%; color:#FFF; font-family: Verdana, Geneva, sans-serif;font-style:normal; font-size:70%; border-spacing: 5px; border-collapse: separate;   }
	#event {font-size:75%;}
section article div#event {font-size:75%; height:40px; width:95%}
section article div#event:hover {width:95%;}
section article div#date {height:4em; width:20%;  display: block; float:left; vertical-align:top; text-align:center; vertical-align:baseline;margin-right:0px;}
section article div#country {width:75%; display: inline-block;  text-align:left; font-weight:bold; float:left;margin-right:0px; }
section article div#location {width:75%; display: inline-block;  text-align:left; float:left;margin-right:0px;}
section article div#more-link {width:75%; display: inline-block; text-align:left; float:left;}

}
/* #### Telefon #### */
@media only screen
and (min-width : 200px) 
and (max-width : 360px)
 {
	body {background-image: url(../images/bg2.jpg);background-position: center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-color: #464646;}
	div#wrapper { width: 100%; }
	section {width:100%; margin:auto;  background-image:url(../images/hatter_logo.png); background-size:100%; background-repeat:no-repeat}
	section article img#studio_kep  { width:100%; height:auto;}
	section article h1 {	font-size: 100%;}
	section article h2 {	font-size: 100%;}
	section article p {font-size: 90%}
	section article p1 {font-size: 90%}
	section article p2 {font-size: 80%}
	section article p3 {font-size: 50%}
	section article p4 {font-size: 50%}
	section article p5 {font-size: 80%}
	footer { display: none }
	nav { display: none }
	div#menu {font-size:45%; padding:4px}
	body {background-size: 100% 800px;}
	header {display:none}
	section div#main {max-width: 100%;}
	img#cover_kiskep2 {width: 90%; height:auto; }
	section article img#tagsajatkepek {width:100%; height:auto; margin-bottom:10px;}
	img#band {display:none;}
	section article div#bandmenu2 {width:180px; display: inline-block; position:relative;  margin-bottom:10px; background: rgba(15, 118, 135, 0.3);  padding: 20px 0;}
	#tour {width:95%; color:#FFF; font-family: Verdana, Geneva, sans-serif;font-style:normal; font-size:70%; border-spacing: 5px; border-collapse: separate;   }
	footer { width: 100%; }
	#event {font-size:75%;}
section article div#event {font-size:75%; height:40px; width:95%}
section article div#event:hover {width:95%;}
section article div#date {height:4em; width:20%;  display: block; float:left; vertical-align:top; text-align:center; vertical-align:baseline; margin-right:0px;}
section article div#country {width:75%; display: inline-block;  text-align:left; font-weight:bold; float:left;margin-right:0px; }
section article div#location {width:75%; display: inline-block;  text-align:left; float:left; margin-right:0px;}
section article div#more-link {width:75%; display: inline-block; text-align:left; float:left;}
}