/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
img{border:0px;}
body{background:#d74f1d url(/res/sziget2010/pattern.jpg);}
.shade{background:url(/res/sziget2010/pattern_top.jpg) repeat-x center top;}
.index{background:url(/res/sziget2010/index-up-bcg-coke.jpg) no-repeat center 37px;}
.inner{background:url(/res/sziget2010/up-bcg-coke.jpg) no-repeat center top;}
.clear{clear:both; font-size:0px; height:0px;}

a{color:#d74f1d;}


/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{position:relative; width:922px; margin:auto; }
#container .content{width:796px;}


/************************************************************************************************/
/*top*/
/************************************************************************************************/
#top{}

/*header*/
#top .header{padding-left:12px; position:relative;}
#top .header h1 a{display:block; background:url(/res/sziget2010/logo.png) no-repeat; width:250px; height:140px; text-indent:-6000px;}
#top .header .forum{display:block; font-size:11px; font-weight:bold; position:absolute; top:30px; right:11px;}
#top .header .forum .flags a img {border:2px solid black}
#top .header .date{display:block; padding:12px 0px 0px 6px; color:#fff; font-size:15px;}

/*navigation*/
#top .navigation{padding:3px 9px 4px 9px;}
#top .navigation ul{list-style:none; height:60px; width:770px;}
#top .navigation ul li{display:block; float:left; border-right:1px solid #c71e00;}
#top .navigation ul li a{display:block; background:url(/res/sziget2010/menu-bcg.gif) repeat-x; padding:23px 4.8px 22px 4.9px; color:#fff; text-decoration:none; text-transform:uppercase;}
#top .navigation ul li a:hover{background:url(/res/sziget2010/menu-bcg-over.gif);}

/*slide*/
#top .slide{background:#000; margin-right:6px; padding:9px 9px 0px 9px; position:relative;}
#top .slide .bottom{background:url(/res/sziget2010/slide_bottom.png) no-repeat; height:13px; width:799px; position:absolute; left:0; bottom:-13px;}

/*counter*/
#top .counter{width:152px; height:111px; position:absolute; top:160px; right:3px;}
#top .counter .days{display:block; width:152px; text-align:center; padding-top:8px; font-size:50px; color:#52c7f2;}
#top .counter .desc{display:block; padding-left:30px; font-size:10px; font-weight:bold; text-transform:uppercase; width:100px;}

/*buyonline*/
#top .buyonline{position:absolute; top:316px; right:3px;}
#top .buyonline a{display:block; background:url(/res/sziget2010/order_ticket.png) no-repeat; width:120px; height:209px; text-indent:-6000px;}

#banners .buyonline{position:absolute; top:516px; right:3px;}


/*send*/
#top .send{position:absolute; top:243px; left:696px;}
#top .send a{display:block; float:left; padding:0px 5px 0px 16px; color:#52c7f2; font-size:10px; text-decoration:none;}
#top .send a.print{background:url(/res/sziget2010/i_print.png) no-repeat;}
#top .send a.mail{background:url(/res/sziget2010/i_mail.png) no-repeat;}

/*breadcrumb*/
#top .breadcrumb{padding:47px 0px 33px 15px;}
#top .breadcrumb, #top .breadcrumb *{color:#fff; font-weight:bold;}

/************************************************************************************************/
/*middle*/
/************************************************************************************************/
#middle{background:#fff; margin:0px 11px 0px 5px; padding:30px 0px 20px 0px; height:100%;}

.inner #middle{background:#fff url(/res/sziget2010/cikk-bcg.jpg) no-repeat; margin:0px 12px 0px 4px; padding:20px 200px 20px 10px;}
.inner #middle *{font-size:14px;}
.inner #middle h4{padding-bottom:12px;}
.inner #middle p{padding-bottom:12px; line-height:1.5;}
.inner #middle p.small{font-style:italic;}
.inner #middle a{display:block;}
.inner #middle a.ticket{padding-bottom:10px; font-weight:bold;}

/*item*/
#middle .item{float:left; padding:4px; width:250px; height:170px;}
#middle .item h3 a{display:block; background:#52c7f2; margin-bottom:4px; padding:3px 5px 3px 5px; color:#fff; text-decoration:none;}
#middle .item img{width:245px; height:90px;}
#middle .item a img{border:2px solid #000;}
#middle .item span{font-size:13px;}

#middle h2{font-size:125%;margin-left:5px}

#content{padding:10px}
#content p{margin:3px 0 5px 0;line-height:20px}
#content ul{margin:3px 0 5px 20px}


/************************************************************************************************/
/*bottom*/
/************************************************************************************************/
#bottom{background:url(/res/sziget2010/footer.gif) no-repeat center top; padding:28px 0px 80px 513px; position:relative;}
#bottom .left{background:url(/res/sziget2010/footer_left.png) no-repeat; width:11px; height:40px; position:absolute; top:0px; left:-11px;}

/*footer*/
#bottom .footer ul{list-style:none;}
#bottom .footer ul li{display:inline; font-size:10px; color:#ccc;}
#bottom .footer ul li a{font-size:10px;}
#bottom .footer .copyright span{font-size:11px; font-weight:bold; color:#d74f1d;}

.tosziget{position:absolute;left:600px;top:60px;}

.socialnetworks{display:block;width:765px;height:30px}
.socialnetworks a,.socialnetworks  span{display:block;float:right;width:55px;}

#soteronlogo{position:absolute;left:580px;top:34px;text-decoration:none:color:black}
#ostfestlogo{position:absolute;left:625px;top:30px;}

/************************************************************************************************/
/*hotel reserveringssysteem*/
/************************************************************************************************/

.bhr_boxleft{display:block;float:left;width:400px;}
.bhr_boxmiddle{display:block;float:left;width:200px;}
.bhr_boxright{display:block;float:left;width:200px;}

.bhr_table{border:1px solid black;text-align:center;margin:0;padding:2px}
.bhr_table tr th {background-color:#CF491B;color:white;margin:0;padding:2px}
.bhr_table tr td {margin:0;padding:2px;width:25px;height:25px}
.bhr_available{background-color:green;color:white}
.bhr_full{background-color:grey;color:white}
.bhr_price{font-size:200%}

/************************************************************************************************/
/*prs*/
/************************************************************************************************/

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cfc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}


/* PRS Stuff End */