html { height: 100%; }
body { margin: 0; padding: 0; background: #FFF url(/gfx/bg.jpg) repeat-x top center; text-align: center; height: 100%; }
body, td { font-family: Verdana, sans-serif; font-size: 10px; line-height: 130%;color: #000; }
input, select, textarea { font-family: Verdana, sans-serif; font-size: 12px; padding: 1px 2px; color: #000; border: 1px solid #000; background: #FFF; }
img { border: 0; }
p { margin: 5px 0; padding: 0; }
a:link, a:visited, .selection, .kiemelt { text-decoration: none; color: #750659; font-weight: bold; }
h1 { margin: 8px 0 4px; padding: 4px; background: #000; color: #FFF; font-size: 16px; font-weight: normal; text-transform: uppercase; line-height: 100%; }
#entrypage h1 { width: 160px; }
h1 a:link, h1 a:visited { color: #FFF; font-weight: normal; }
h1 span { font-size: 11px; font-weight: normal; }
h1.archive { background: #E00; }
h2 { font-size: 16px; font-weight: bold; }
form { display: inline; }

#wrapper { width: 980px; margin: 0 auto; text-align: left; }
#header { height: 80px; position: relative; margin: 10px 0 0; }
#bomba { position: absolute; left: 0; top: 10px; }
#djfestival { position: absolute; left: 345px; top: 10px; }
#jagermeister { position: absolute; right: 0; top: 10px; }

#slideshow { position: relative; height: 340px; margin: 10px 0; overflow: hidden; }
#pic1, #pic2 { position: absolute; left: 0; top: 0; }
.with-border { clear: both; margin: 10px 0; padding: 10px; background: #FFF; }

#choose_city { margin: 0; padding: 0; float: right; height: 50px; list-style: none; }
#choose_city li { display: block; line-height: 23px; float: left; padding: 0 0 0 15px; }
#choose_city li.separator { /*clear: left;*/ }
#choose_city img { vertical-align: bottom; }
.choose { display: block; margin-top: 10px; }
.city_list { width: 100%; }
.city_list td { width: 60%; text-align: center; }
.city_list td.thinner { width: 20%; text-align: center; }

.video-box { float: left; width: 490px; min-height: 330px; margin: 0 0 10px; text-align: center; }
.flyer-box { float: left; width: 192px; height: 150px; margin: 5px 2px; text-align: center; }

#page_dj #main, #page_video #main, #page_foto #main, #page_forum #main { background: #000; padding: 10px; color: #FFF; }
#page_dj #main a:link, #page_dj #main a:visited, #page_video #main a:link, #page_video #main a:visited, 
#page_foto #main a:link, #page_foto #main a:visited, #page_forum #main a:link, #page_forum #main a:visited  { color: #FF9FB0; }
#page_dj #main td, #page_forum #main td { color: #FFF; }
#page_forum #main { font-size: 12px; }

#maps_ifr { width: 280px; height: 330px; overflow: hidden; border: 5px solid #757575; }
#nav { height: 135px; margin-bottom: 10px; }
.navcell { float: left; width: 316px; height: 135px; padding: 0 10px 0 0; font-size: 11px; position: relative; }
.szolnok .cell_djs { background: #88CDD3; }
.pecs .cell_djs { background: #808080; }
.baja .cell_djs { background: #F37A20; }
.veszprem .cell_djs { background: #FFD7BD; }
.szekszard .cell_djs { background: #FB7A98; }
.szolnok .cell_photos { background: #FF9FB0; }
.pecs .cell_photos { background: #F6F7C2; }
.baja .cell_photos { background: #ECDD61; }
.veszprem .cell_photos { background: #55DFCD; }
.szekszard .cell_photos { background: #01D7C8; }
.szolnok .cell_videos { background: #F77AC6; }
.pecs .cell_videos { background: #FA926D; }
.baja .cell_videos { background: #B65130; }
.veszprem .cell_videos { background: #BD9749; }
.szekszard .cell_videos { background: #4B90E4; }
.cell_icon { float: left; margin: 0 10px 0 0; }
.cell_title { margin: 10px 0 10px; clear: right; }
.cell_arrow { position: absolute; top: 90px; left: 112px; }
.cell_click { position: absolute; top: 118px; left: 257px; }

.col { float: left; padding: 0 5px; }
.col1 { width: 184px; border-left: 1px solid #000; border-right: 1px solid #000; }
.col2 { width: 301px; }
.col3 { width: 218px; border-left: 1px solid #000; }
.col4 { width: 232px; border-left: 1px solid #000; border-right: 1px solid #000; }

#forumcontent { float: left; width: 722px; margin: 0 20px 0 0; }
#forumnav { float: left; width: 180px; padding: 10px 0 0 0; }
#loginform label { display: block; font-size: 10px; line-height: 100%; }
#login_button { border: 0; }
img.user { float: right; }
.form { width: 580px; }
.topicinfo { padding: 5px 0; margin: 0; }
.paging { margin: 10px 0; text-align: center; }
.active { color: #CE1277; }
.post { margin: 20px 0; border-bottom: 1px dotted #CCC; }
.puinfo { width: 100px; float: left; font-weight: bold; }
.puinfo img { display: block; }
.pbody { width: 620px; float: left; overflow-x: auto; }
.pinfo { font-size: 11px; color: #999; }
.plastedited { margin: 5px 0; font-style: italic; color: #999; }
.preply { font-size: 11px; color: #999; }
.ptools { margin: 5px 0 0 0; }
#logindate { font-size: 12px; color: #999; margin: 10px 0 0 0; }

#fellepok { margin: 0; padding: 0; list-style: none; width: 170px; }
#fellepok li { margin: 0; padding: 0; position: relative; height: 29px; font-weight: bold; font-style: italic; font-size: 18px; text-transform: uppercase; color: #283D1A; }
#fellepok span.inf { position: absolute; top: 20px; right: 0; height: 10px; color: #283D1A; font-size: 8px; font-weight: normal; font-style: normal; }

#galerylist { float: left; margin: 0; padding: 0; list-style: none; width: 305px; }
#galerylist a:link, #galerylist a:visited { display: block; font-weight: bold; font-size: 17px; text-transform: uppercase; color: #FFF; padding: 3px 0; }
#galerylist span { text-transform: uppercase; }
#galerylist li { margin: 0 0 15px 0; }
#scroller { float: left; width: 12px; }
#galery_track { height: 350px; }
#galerypics { float: left; width: 642px; padding-left: 10px; border-left: 1px solid #FFF; }
#box_galery { float: left; overflow: hidden; width: 630px; height: 383px; }
#galerypics table { width: 100%; }
#galerypics table td { width: 25%; text-align: center; }

#dj { width: 960px; }
#dj td { width: 227px; padding: 0 5px 0 0;  }
.dj { display: block; font-weight: bold; font-style: italic; font-size: 17px; text-transform: uppercase; color: #FFF; }
.title { font-size: 8px; font-style: normal; text-transform: uppercase; }
.pic { border: 5px solid #757575; }
.box { float: left; width: 206px; height: 160px; padding: 0 3px 0 0; overflow: hidden; text-align: justify; }
.track { height: 160px; }
.handle { width: 12px; height: 20px; background: #FFF; cursor: pointer; margin: 0 1px; }

.videobox { float: left; width: 305px; margin: 0 15px 20px 0; text-align: center; }

#footer { clear: both; padding: 20px 0; text-align: center; text-transform: uppercase; }

.photo { cursor: pointer; border: 1px solid #FFF; }
.back_home { padding: 140px 0 20px; }
.kiemelt { font-size: 12px; }
.noborder { border: 0; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.clear { clear: both; }
.spacer { padding-bottom: 20px; }
img.left { float: left; }
img.right, .floatright { float: right; }