@import url(//fonts.googleapis.com/css?family=Ubuntu:400,500&subset=latin,latin-ext,cyrillic-ext,greek-ext,cyrillic);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700&subset=latin,cyrillic-ext,greek-ext,cyrillic,latin-ext);

body {
	background: #eceeee url(../images/bg.jpg) top center no-repeat;	
  	font-family: 'Ubuntu', sans-serif;
}

/* font */

@font-face {
    font-family: 'LiberatorRegular';
    src: url('../fonts/liberator.eot');
    src: url('../fonts/liberator.eot#iefix') format('embedded-opentype'),
         url('../fonts/liberator.woff') format('woff'),
         url('../fonts/liberator.ttf') format('truetype'),
         url('../fonts/liberator.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* design */

@media (min-width: 768px) {
  .container {
    max-width: 1010px;
  }
}



/* fejlec */

.logo {
	/*text-align: right;
  	padding-right: 60px;*/
}

.headdrop {
	background: url(../images/lang-bg.png) top left no-repeat;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	padding: 13px 0px 10px 25px;
	width: 200px;
}
.headdrop a {
	padding-left: 27px;
	color: #232323;
	font-weight: 500;
	font-size: 13px;
}

.lang-icon {
	margin: -4px 0px 0 7px;
}


.countdown {
	background: url(http://www.szigetfest.de/templates/sziget2014/images/counter-bg.png) top left no-repeat;
	width: 163px;
	height: 184px;
	padding: 0 0 0 0;
	margin: 13px 0 0 0;
	position:relative;
}
.count {
	font-family: 'LiberatorRegular';
	font-size: 64px;
	color: #ff3838;
	position:absolute;
	top: 70px;
	right: 3px;
	line-height: normal;
}
.daytext {
	width: 100px;
	position: absolute;
	top: 150px;
	right: 10px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFF;
	padding: 0;
}

.searchsz {
	padding: 0px;
}
.icon-social {
	position: absolute;
	top: 60px;
	right: -47px;	
	width: 47px;
	height: 187px;	
	background: url(../images/social-bg.png) 0px 0px no-repeat;
}
.icon-social ul {
	position: relative;	
}
.icon-social li {	
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.icon-social li, .icon-social a {
    height: 38px;
	display: block;
	color: transparent;
}
#spanel1 {
	left: 0;
	width: 47px;
}
#spanel2 {
	top: 38px;
	width: 47px;
}
#spanel3 {
	top: 76px;
	width: 47px;
}
#spanel4 {
	top: 114px;
	width: 47px;
}
#spanel1 a:hover {
    background: transparent url(../images/social-bg2.png) 0px 0px no-repeat;
}
#spanel2 a:hover {
    background: transparent url(../images/social-bg2.png) 0px -38px no-repeat;
}
#spanel3 a:hover {
    background: transparent url(../images/social-bg2.png) 0px -76px no-repeat;
}
#spanel4 a:hover {
    background: transparent url(../images/social-bg2.png) 0px -114px no-repeat;
}


/* tartalom */

.content {
	background-color: #fff;
  	
}
.main {
	padding: 20px 15px 15px 30px;
}

.main-news {
	border-bottom: 1px solid #f4f4f4;
	padding: 0px 0 30px 0;
}
.main-news-noborder {
	border-bottom: 0px;
	padding: 0px 0 30px 0;
}
.main-news h1, .main-news-noborder h1, .main-news h1 a, .main-news-noborder h1 a {
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	font-size: 30px;
	color: #064150;
}
.main-news-text {
	color: #232323;
}
.main-news-img {
	padding-left: 0px;
}

.article-item {	
	color: #232323;
}


.article-item h1 {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	font-weight: bold;
	color: #064150;
}
.article-item h2 {
	font-family: 'Roboto Slab', serif;
	font-size: 26px;
	color: #232323;
}
.article-item h3 {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	color: #232323;
}


/* jobb oldal */

.rightblock {
	margin: 40px 0 0 0;
}

.right-community {
	background: url(../images/community-bg.png) top left no-repeat;
	font-family: 'Ubuntu', sans-serif;
	color: #FFF;
	padding: 0px 15px 30px 0px;
	margin-right: 15px;
	margin-bottom: 20px;
	width: 290px;
}
.right-community a {	
	font-family: 'Ubuntu', sans-serif;
	color: #FFF;
	font-weight: 400;
	text-decoration:underline;
}
.right-community ul {
	margin: 165px 0 0 0;
}
.right-community h2 {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	color:#064150;
	text-align:center;
	font-weight: bold;
}

.right-ticket {
	background: url(../images/ticket-bg.png) top left no-repeat;
	font-family: 'Ubuntu', sans-serif;
	color: #FFF;
	padding: 0px 15px 0px 0px;
	margin-right: 15px;
	position:relative;
}
.right-ticket h2 {
	font-family: 'Roboto Slab', serif;
	font-size: 23px;
	color: #fff;
	padding: 0;
	margin: 5px 0 0 0;
}
.ticket-count {
	font-family: 'LiberatorRegular';
	font-size: 60px;
	color: #ff3838;
	padding: 0;
	/*display: inline-block;*/
	line-height: 60px;
	position: absolute;
	top: 45px;
	left: 12px;
}
.ticket-right {
	padding: 10px 0px 45px 0px;
	font-size: 13px;	
}
.ticket-bottom {
	padding: 5px 0px 20px 10px;
}
.ticket-bottom img {
	margin-bottom: 10px;
}


.right-twitter {
	background: #1bb6ec url(http://www.szigetfest.de/templates/sziget2014/images/twitter-bg.png) bottom left no-repeat;
	font-family: 'Ubuntu', sans-serif;
	color: #FFF;
	padding: 20px 20px 90px 20px;
	margin-right: 15px;
	margin-bottom: 20px;
	width: 290px;
}


/* lablec */

.footer-1 {
	background-color: #ff3838;
	color: #FFF;
	margin: 80px 0 0 0;
  	
}

.foottop1 {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-transform: capitalize;
	letter-spacing: 1px;
	padding: 38px 15px 23px 15px;
}
.foottop2 {
	padding-top: 40px;
}
.foottop2 a:link, .foottop2 a:visited {
	font-family: 'Ubuntu', sans-serif;
	color: #FFF;
	font-size: 13px;
	margin-right: 20px;
	text-decoration: underline;
	letter-spacing: 1px;
	font-weight: normal;
}
.foottop2 a:hover {
	font-family: 'Ubuntu', sans-serif;
	color: #FFF;
	font-size: 13px;
	margin-right: 20px;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: normal;
}
.footer-2 {
	background-color: #001c22;
	font-family: 'Ubuntu', sans-serif;
	padding: 20px 0 0 0;
  	
}
.footer-2 h3 {
	font-family: 'Roboto Slab', serif;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
	letter-spacing: 1px;
	margin: 20px 0px 15px 0px;  	
}
.footer-2 p {
	color: #FFF;
  	font-size: 11px;
}
.footer-2 .grey {
	color: #CCC;
  	font-size: 10px;
	margin: 0 0 30px 0;
}

.foot1 {
	padding: 0px 15px 0 15px;
}
.foot2 {
	padding: 43px 15px 0 15px;
}

.foot3 {
	padding: 55px 15px 0 15px;
}

.pager a {
	color: #333;
	text-decoration:none;
}
.pager .pager_cindex {
	background-color: #ebebeb;
	display: inline-block;
	padding: 6px 12px;
	margin: 0 0 0 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;	
	border: 1px solid #ccc;
	border-radius: 4px;	
}
.pager .pager_next, .pager .pager_cindex1, .pager .pager_index, .pager .pager_prev {	
	background-color: #fff;	
	display: inline-block;
	padding: 6px 12px;
	margin: 0 0 0 5px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;	
	border: 1px solid #ccc;
	border-radius: 4px;	
}
.pager .pager_next:hover, .pager .pager_cindex1:hover, .pager .pager_index:hover, .pager .pager_prev:hover {	
	background-color: #ebebeb;		
}

/* xGUI */

table.xGUI_form {
	border: 0px !important;
}