body { background: #f0efed url(img/bg_header_jpg90.jpg) repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; }  /* *		Layout */  #mainwrap { width: 888px; margin-left: auto; margin-right: auto; padding-top: 48px; }  #header { height: 264px; background: url(img/header_visual.jpg) 456px 48px no-repeat; position: relative; }  #logo { display:block; width: 408px; height: 20px; position: absolute; left: 24px; top: 122px; background: url(img/logo.gif) no-repeat; }  #contentwrap { margin-top: 28px; padding: 0 24px; min-height: 200px; }  #content { width: 624px; float: left; display: inline; }  #sidebar { width: 192px; height: 100px; float: left; display: inline; margin-left: 24px; }  #footerwrap { margin: 36px 0 24px 0; height: 91px; background: url(img/footer_bg.gif) repeat-x; } #footer { width: 840px; margin: 0 auto; height: 43px; background: url(img/footer_ornament.gif) center top no-repeat; color: #fff; font-style: italic; padding: 48px 24px 0 24px;  }  /* *		Navigation */   #nav-main ul { margin-left: 456px; width: 416px; }  #nav-main li { float: left; display: inline; }  #nav-main li a { float: left; display: inline; height: 44px; width: 102px; background-repeat: no-repeat; } #nav-main li a:hover, #nav-main li a:active, #nav-main li a:focus, #nav-main li.act a { background-position: 0 -44px; }  #nav-main li#nav-main-info a { background-image: url(img/nav-main-info.png); width: 110px; } #nav-main li#nav-main-aktuell a { background-image: url(img/nav-main-aktuell.png); } #nav-main li#nav-main-media a { background-image: url(img/nav-main-media.png); } #nav-main li#nav-main-kontakt a { background-image: url(img/nav-main-kontakt.png); }    #nav-sub { border-top: 1px solid #ccc; }  #nav-sub li { width: 192px; border-bottom: 1px solid #ccc; }  #nav-sub li a { display: block; width: 192px; color: #666; font-size: 16px; text-align: center; line-height: 1em; padding: 6px 0 8px 0; } #nav-sub li a:hover, #nav-sub li a:active, #nav-sub li a:focus, #nav-sub li.act a { background: url(img/nav-sub_a.gif) 0 center no-repeat; }   /* *		Content */  h1 { font-size: 24px; font-style: italic; color: #572828; padding-right: 216px; font-weight: normal; margin-bottom: 24px; }   #content { color: #444; font-style: italic; line-height: 1.8em; }  #content h2 { font-size: 16px; font-style: italic; color: #572828; font-weight: normal; margin-bottom: 12px; }  #content a { color: #999; } #content a:hover, #content a:active, #content a:focus { color: #572828; text-decoration: underline; }   #content .frame { border-top: 1px solid #ccc; padding-top: 24px; margin-bottom: 24px; }  #content .bigtext { font-size: 16px; }  #content .mbottom { margin-bottom: 24px; }  #content .right { margin-left: 24px; }  #content .col1 { width: 192px; float:left; display: inline; } #content .col2 { width: 408px; float:left; display: inline; }  #content .bottommargin { margin-bottom: 12px; }  #content .img-container img { display: block; padding: 3px; background-color: #fff; border: 1px solid #ccc; margin: 5px 0; }  #content .repertoire-list { font-size: 16px; line-height: 1.8em; color: #572828; }  #content .repertoire-list .composer { font-size: 12px; color: #444; margin-left: 6px; }  #content a.hasaudio { background: url(img/hasaudio.png) 0px 0px no-repeat; padding: 0px 0 3px 21px; margin-left: 30px;  } #content a.hasaudio:hover, #content a.hasaudio:active, #content a.hasaudio:focus { background-position: 0px -23px; text-decoration: none; }  #tooltip { position: absolute; z-index: 3000; width: 230px; background: url(img/tooltip_bottom.png) left bottom no-repeat; color: #fff; padding-bottom: 16px; } #tooltip h3 { font-weight: normal; font-size: 12px; font-style: italic; line-height: 1.2em; background: url(img/tooltip_top.png) left top no-repeat; padding: 22px 27px 6px 32px; }  #content .cuarteto { font-style: normal; }  .text-home { font-size: 16px; line-height: 1.6em; color: #572828; font-style: italic; } .text-home p { margin-bottom: 1em; }   .teaserbox-wrap { margin-top: 48px; margin-bottom: 24px; }  .teaserbox-wrap .last { margin-right: 0; }  .teaserbox { width: 180px; float:  left; display: inline; background-color: #fff; padding: 5px; border:  1px solid #ccc; margin-right: 24px; color: #444; font-style: italic; }  .teaserbox h2 { color: #aba79b; font-size: 16px; text-align: center; font-weight: normal; margin-bottom: 12px; font-style: normal; } .teaserbox p { margin-bottom: 12px; line-height: 1.4em; text-align: center; min-height: 4.2em; } .teaserbox a { display: block; text-align: center; color: #999; } .teaserbox a:hover, .teaserbox a:active, .teaserbox a:focus { color: #572828; background: url(img/teaserbox_a.gif) 6px center no-repeat; }    .gallery { margin-bottom: 12px; } .gallery li { float:  left; display: inline; margin: 0 24px 24px 0; } .gallery li.lastinrow { margin-right: 0; } .gallery li a { width: 82px; height: 82px; display: table-cell; background-color: #fff; border: 1px solid #ccc; text-align: center; vertical-align: middle; } .gallery li a:hover, .gallery li a:active, .gallery li a:focus { background-color: #ccc; border-color: #999; }  .gallery img { vertical-align: middle; }   .audioplayer { border-top: 1px solid #aba79b; border-bottom: 1px solid #aba79b; padding-top: 1px; background-color: #fff; }  embed { display: block; margin: 0px; }   .hidden { display:block; height:0px; line-height:0px; overflow:hidden; width:0px; }  .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  .clearfix {display: inline-block;}  * html .clearfix {height: 1%;} .clearfix {display: block;}