html{ height: 100%;}
*{ margin: 0;padding: 0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

body{ font: normal 14px sans-serif;
/*  background: #FFEFB0 url (/images/bubiklub_bg.png) repeat-x; */
  background-image: url (/images/bubiklub_bg.png) repeat-x;
  color: #5D5D5D;
  margin-top: 20px;}
p{ padding: 0 0 10px 0;
  line-height: 1.4em;}
img{ border: 0;}
h1, h2, h3, h4, h5, h6 {font: bold 175% 'liberation sans', arial, sans-serif; color: #7D7D7D; margin: 0 0 0 0; padding: 0px 0 15px 0;}
h2{ font: bold 165% 'liberation sans', arial, sans-serif;}
h3{ font: bold 125% 'liberation sans', arial, sans-serif; padding: 0 0 5px 0; color: #7D7D7D;}
h4, h5, h6{ margin: 0; padding: 0 0 5px 0; font: bold 110% 'liberation sans', arial, sans-serif; color: #7D7D7D; line-height: 1.5em;}
h5, h6{ font: italic 95% arial, sans-serif; color: #7D7D7D; padding-bottom: 15px;}
h6{ color: #362C20;}

a{ background: transparent;
  outline: none;
  font-weight:normal;
  text-decoration: none;
  color: #FFa035;}

a:hover{ color: #7D1D1D;}

pre br {display:block;margin:0px 0px;}

.article-title {}
.article-lead {font-weight:700;}
.article a {font-weight:700;}
.article hr {margin:20px 0;}
.authordate, .article-date {color:#C0C0C0;padding:0 0 10px;font-style:italic;}
ul { margin: 2px 0 22px 17px;}

ul li
{ margin: 2px 0 15px 17px;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

#main, #header, #menubar, #site_content, #footer, #breadcrumbs, .container_footer, .container_header, #social
{ margin-left: auto; margin-right: auto;}

#main {width: 920px;background:transparent;}

#header { background:transparent;width:920px;}

#banner_content {width:516px;height:140px;
  background: #FFF url(../images/bubiklub_nyito.jpg) no-repeat 100% -50px;
  display:inline-block;
}
  
#banner H1
{ float: right;
  font: bold 300% 'liberation sans', arial, sans-serif;
  color: #FFF;
  padding: 0px 20px 0px 0px;}

#menubar { width: 920px;
  height: 39px;
  margin: 0 auto;
  background: #3d3d3d;
} 

#social{
  float: right;
  background: transparent;
  padding: 2px 2px 2px 2px;
}

#breadcrumbs{ width: 890px;padding: 0 15px 0 15px;background: #FFF;}
.breadcrumbs {padding-top:20px;}

#site_content{ width: 920px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  background: #FFFFFF;} 

.sidebar_container {float:right;width:230px;margin:15px;background:#5D5D5D;border-radius:5px;}

.sidebar{ width: 210px;
  padding-left: 10px;
  margin-bottom: 10px;}

.sidebar_item{font:normal 100% Arial,Helvetica,sans-serif;width:201px;}

.sidebar h2{color: #FFF;padding-top:15px;}
.sidebar h4{font-size: 125%;color: #FFF;padding-top:5px;}
.sidebar p{color: #FFF;}
.sidebar a:hover {color:#FFF;}
.sidebar ul li, .sidebar ul li.selected{ list-style: none; 
  margin: 15px 0;
  padding: 0;}
.sidebar li.selected, .sidebar li:hover{ color: #5D5D5D;
  text-decoration: none;} 
.sidebar hr {width:100%;color:#FFA035;margin-top:20px;}

#content{ text-align: left;
  padding: 0;
  margin: 0;
  min-height:500px;
}

.content_item{ 
  margin: 0 0 20px 0px;
  padding:20px;
  display:inline-block;}

.content_item_total{ 
  margin: 0 0 20px 0px;
  padding:10px 20px;}

.content_item_part{
  margin: 0 0 20px 0px;
  padding:15px 20px 20px 20px;
  width:620px;
  display:inline-block;}

.content_image
{ width: 250px;
  padding: 0px 20px 20px 0px;
  float: left;}
  
.container_header
{ margin-top: 20px;
  height: 15px;
  width: 920px;
  background: transparent url(../images/container_header.png) repeat-x top;}  
  
.container_footer
{ height: 20px;
  width: 920px;
  background: transparent url(../images/container_footer.png) repeat-x top;}
  
#footer
{ width: 890px;
  padding: 0 15px 0 15px;
  background: #FFF;}
  
#footer_content
{ width: 890px;
  font: normal 115% "liberation sans", arial, sans-serif;
  height: 45px;
  padding: 30px 0 5px 0;
  text-align: center;
  border-radius:5px;
  background: #7D1D1D;
  color: #FFF;}
#footer_content a:hover {color:#fff;}

ul.links
{ margin: 0;}

ul.links li
{ list-style: none;
  padding: 8px 0;}

ul.links li a, ul.links li a:hover
{ padding: 0 0 0 28px;
  background: transparent url(../images/page.png) no-repeat left center;
  color: #06C4E6;
  text-decoration: underline;} 

ul.links li a:hover
{ color: #5D5D5D;
  text-decoration: none;} 

.comp {padding:10px 0;border-bottom:1px solid #7D7D7D;}
.comp .name {font-size:16px;}
.comp .place {}

.simple-title {padding:4px 0;}
.cimlap_kluberedmeny {border: 1px solid #CCCCCC;padding: 8px; margin:10px 0;}

/* from here: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers */
.lavaLampWithImage {
  position: relative;
  height: 30px;
  padding: 5px 35px 5px 0px;
  overflow: hidden;
  float: left;
  margin: 0 40px 0 0px;
  width: 650px;
}

.lavaLampWithImage li {
  float: left;
  list-style: none;
}

.lavaLampWithImage li.back {
  background: #444;
  height: 28px;
  z-index: 8;
  position: absolute;
}

.lavaLampWithImage li a {
  font: normal 120% arial, sans-serif;
  text-decoration: none;
  color: #FFF;
  text-align: center;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 60px;
  padding: 5px 0px 0px 35px;
  position: relative;
  overflow: hidden;
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
  border: none;
}

.vissza {margin:10px 0;}
.pagination {display:flex;padding:left;list-style:none;}