Results of the CSS crunched for uuuuuh.de

Let's see what we've done for uuuuuh.de

CSSCruncher.com has crunched this CSS to
7.64 %Less Size! Yes!

Crunched CSS code:

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus,:active{outline:0}
button{outline:none;margin:0;padding:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
body{font-family:arial,Helvetica,sans-serif;background-color:#ebeadb;height:100%}
.hidden{display:none !important}
.clear{clear:both}
div.clear.right{clear:right;height:0}
acronym,abbr,span.caps{cursor:help}
acronym,abbr{border-bottom:1px dashed #999}
blockquote{margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #ddd}
blockquote cite{margin:5px 0 0;display:block}
.center{text-align:center}
.hidden{display:none}
.screen-reader-text{position:absolute;left:-1000em}
.container{width:939px;margin:0 auto}
a{color:#3ca097;text-decoration:none}
a:hover{color:#23665f}
a.btnAllposts{text-indent:-9999px;display:block;clear:both;width:113px;height:40px;background:url(images/more.png) left top}
a.btnAllposts:hover{background-position:left bottom}
#header{width:939px}
#heading,#heading #heading_right{background:url(images/header_side.png) no-repeat left top;height:93px;padding-left:5px}
#header.black #heading,#header.black #heading #heading_right{background-image:url(images/black/header_side.png)}
#header.blue #heading,#header.blue #heading #heading_right{background-image:url(images/blue/header_side.png)}
#header.green #heading,#header.green #heading #heading_right{background-image:url(images/green/header_side.png)}
#header.grey #heading,#header.grey #heading #heading_right{background-image:url(images/grey/header_side.png)}
#header.orange #heading,#header.orange #heading #heading_right{background-image:url(images/orange/header_side.png)}
#header.pink #heading,#header.pink #heading #heading_right{background-image:url(images/pink/header_side.png)}
#header.purple #heading,#header.purple #heading #heading_right{background-image:url(images/purple/header_side.png)}
#header.red #heading,#header.red #heading #heading_right{background-image:url(images/red/header_side.png)}
#header.yellow #heading,#header.yellow #heading #heading_right{background-image:url(images/yellow/header_side.png)}
#heading #heading_right{padding-left:0;padding-right:5px;background-position:right top}
#heading #heading_right #heading_bg{background:url(images/header_bg.png);height:93px;padding:0 11px 0 13px}
#heading h1,#heading h2{float:left}
#heading h2{color:#a3a39a;font-size:14px;line-height:91px;margin-left:4px}
#heading #adv_468{float:right;margin-top:11px}
#heading #adv_468 a{background-color:#ebeadb;border:1px solid #dbdac9;float:left;height:60px;position:relative;padding:4px}
#heading #adv_468 a:hover{border-color:#5fafa5}
#heading #adv_468 a:hover span.hidden{background-color:#FFF;position:absolute;width:468px;height:60px;left:4px;top:4px;display:block!important;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
#heading .share{float:right;margin-top:31px}
#heading .share li{float:left;margin-right:11px}
#navigation{background:url(images/navigation_sides.png) no-repeat top right;padding-right:5px;height:40px;clear:both;width:934px;padding-bottom:2px;margin-bottom:14px;font-size:.8em;text-transform:capitalize}
#navigation.black{background-image:url(images/black/navigation_sides.png)}
#navigation.blue{background-image:url(images/blue/navigation_sides.png)}
#navigation.green{background-image:url(images/green/navigation_sides.png)}
#navigation.grey{background-image:url(images/grey/navigation_sides.png)}
#navigation.orange{background-image:url(images/orange/navigation_sides.png)}
#navigation.pink{background-image:url(images/pink/navigation_sides.png)}
#navigation.purple{background-image:url(images/purple/navigation_sides.png)}
#navigation.red{background-image:url(images/red/navigation_sides.png)}
#navigation.yellow{background-image:url(images/yellow/navigation_sides.png)}
#navigation a{color:#fff;display:block;padding:0 19px}
#navigation a.home{width:53px;height:42px;padding-right:0;background:url(images/home.png) left top no-repeat;padding-left:21px;float:left;line-height:40px;color:#fff}
#navigation.black a.home{background-image:url(images/black/home.png)}
#navigation.blue a.home{background-image:url(images/blue/home.png)}
#navigation.green a.home{background-image:url(images/green/home.png)}
#navigation.grey a.home{background-image:url(images/grey/home.png)}
#navigation.orange a.home{background-image:url(images/orange/home.png)}
#navigation.pink a.home{background-image:url(images/pink/home.png)}
#navigation.purple a.home{background-image:url(images/purple/home.png)}
#navigation.red a.home{background-image:url(images/red/home.png)}
#navigation.yellow a.home{background-image:url(images/yellow/home.png)}
#navigation ul.sf-menu{background:url(images/navigation_bg.png) repeat-x;height:40px;width:860px;float:left;padding-bottom:2px}
#navigation ul li{background:url(images/navigation_sep.png) no-repeat right top;padding-right:2px;float:left;line-height:40px}
#navigation.black ul li{background-image:url(images/black/navigation_sep.png)}
#navigation.blue ul li{background-image:url(images/blue/navigation_sep.png)}
#navigation.green ul li{background-image:url(images/green/navigation_sep.png)}
#navigation.grey ul li{background-image:url(images/grey/navigation_sep.png)}
#navigation.orange ul li{background-image:url(images/orange/navigation_sep.png)}
#navigation.pink ul li{background-image:url(images/pink/navigation_sep.png)}
#navigation.purple ul li{background-image:url(images/purple/navigation_sep.png)}
#navigation.red ul li{background-image:url(images/red/navigation_sep.png)}
#navigation.yellow ul li{background-image:url(images/yellow/navigation_sep.png)}
#navigation ul li.lonely a{background:url(images/navigation_bg.png) left top}
#navigation ul li.popular.active{line-height:32px;padding-right:2px}
ul#nav li.popular.active > a{background:url(images/hover_test.png) no-repeat top left;margin-top:4px;margin-left:8px;padding-right:8px;padding-left:5px;color:#3ca097;z-index:1000;height:36px;float:left;position:relative}
ul#nav li.popular.active > a span{background:url(images/hover_test.png) no-repeat bottom right;padding-right:11px;display:block;height:31px;padding-left:6px;float:left}
ul#nav li.popular .menu-item-arrow{background:url(images/arrows.gif) -16px 0;width:8px;height:5px;float:none;margin-left:5px;display:inline-block;line-height:4px;padding:0}
ul#nav li.popular.active .menu-item-arrow{background:url(images/arrows.gif) -8px 0;width:8px;height:5px;float:none;margin-left:5px;display:inline-block;line-height:4px;padding:0}
.red ul#nav li.popular.active .menu-item-arrow,.red ul#nav li.popular .menu-item-arrow{background-image:url(images/red/arrows.gif)}
.black ul#nav li.popular.active .menu-item-arrow,.black ul#nav li.popular .menu-item-arrow{background-image:url(images/black/arrows.gif)}
.blue ul#nav li.popular.active .menu-item-arrow,.blue ul#nav li.popular .menu-item-arrow{background-image:url(images/blue/arrows.gif)}
.green ul#nav li.popular.active .menu-item-arrow,.green ul#nav li.popular .menu-item-arrow{background-image:url(images/green/arrows.gif)}
.grey ul#nav li.popular.active .menu-item-arrow,.grey ul#nav li.popular .menu-item-arrow{background-image:url(images/grey/arrows.gif)}
.orange ul#nav li.popular.active .menu-item-arrow,.orange ul#nav li.popular .menu-item-arrow{background-image:url(images/orange/arrows.gif)}
.pink ul#nav li.popular.active .menu-item-arrow,.pink ul#nav li.popular .menu-item-arrow{background-image:url(images/pink/arrows.gif)}
.purple ul#nav li.popular.active .menu-item-arrow,.purple ul#nav li.popular .menu-item-arrow{background-image:url(images/purple/arrows.gif)}
.yellow ul#nav li.popular.active .menu-item-arrow,.yellow ul#nav li.popular .menu-item-arrow{background-image:url(images/yellow/arrows.gif)}
ul#nav li.popular.active .child .menu-item-arrow{background-position:0 0;display:block;float:right;right:3px;top:50%;width:8px;position:absolute;margin-top:-2px}
ul#nav li.popular.active .child{padding-right:11px;width:101px}
ul#nav li.popular.active li.hover .child .menu-item-arrow{background-position:-24px 0;width:8px}
#nav,#nav ul{list-style:none;line-height:1;margin:0;padding:0}
#nav li div.outerbox{position:absolute;z-index:19;left:-999em}
#nav li.active div.outerbox li.active.last div.outerbox{margin-top:-30px}
#nav li.active div.outerbox li.active.hover div.outerbox{margin-top:-29px}
#nav li.active div.outerbox li.active div.outerbox{z-index:20;left:auto;margin:-29px 0 0 115px}
#nav li.active div.children li.active ul li a{color:#3CA097}
#nav li.active div.children{left:8px;top:34px}
.outerbox,.innerbox{background:url(images/childul_tops.png) left top no-repeat;width:140px;z-index:2}
.outerbox{padding-top:12px
display:none}
.active .outerbox{display:block}
#nav ul.innerbox{background-position:right bottom;padding-bottom:16px;float:left}
#nav ul li,#nav li.active .children li.active ul li{padding-left:13px;padding-right:15px;line-height:24px;width:112px;background:url(images/childul_bg.png)}
.red #nav ul li,.red #nav li.active .children li.active ul li{background-image:url(images/red/childul_bg.png)}
.black #nav ul li,.black #nav li.active .children li.active ul li{background-image:url(images/black/childul_bg.png)}
.grey #nav ul li,.grey #nav li.active .children li.active ul li{background-image:url(images/grey/childul_bg.png)}
.pink #nav ul li,.pink #nav li.active .children li.active ul li{background-image:url(images/pink/childul_bg.png)}
.purple #nav ul li,.purple #nav li.active .children li.active ul li{background-image:url(images/purple/childul_bg.png)}
.blue #nav ul li,.blue #nav li.active .children li.active ul li{background-image:url(images/blue/childul_bg.png)}
.green #nav ul li,.green #nav li.active .children li.active ul li{background-image:url(images/green/childul_bg.png)}
.orange #nav ul li,.orange #nav li.active .children li.active ul li{background-image:url(images/orange/childul_bg.png)}
.yellow #nav ul li,.yellow #nav li.active .children li.active ul li{background-image:url(images/yellow/childul_bg.png)}
#nav ul li a,#nav li.active .children li.active ul li a{border-top:1px solid #e1e1d3;color:#3ca097;display:block;padding:0}
.red ul#nav li.popular.active > a,.red #nav ul li a,.red #nav li.active .children li.active ul li a{color:#95381f}
.black ul#nav li.popular.active > a,.black #nav ul li a,.black #nav li.active .children li.active ul li a{color:#55554b}
.grey ul#nav li.popular.active > a,.grey #nav ul li a,.grey #nav li.active .children li.active ul li a{color:#abab9d}
.pink ul#nav li.popular.active > a,.pink #nav ul li a,.pink #nav li.active .children li.active ul li a{color:#ce5c8d}
.purple ul#nav li.popular.active > a,.purple #nav ul li a,.purple #nav li.active .children li.active ul li a{color:#8a3e77}
.blue ul#nav li.popular.active > a,.blue #nav ul li a,.blue #nav li.active .children li.active ul li a{color:#388ca6}
.green ul#nav li.popular.active > a,.green #nav ul li a,.green #nav li.active .children li.active ul li a{color:#9da12d}
.orange ul#nav li.popular.active > a,.orange #nav ul li a,.orange #nav li.active .children li.active ul li a{color:#c2771d}
.yellow ul#nav li.popular.active > a,.yellow #nav ul li a,.yellow #nav li.active .children li.active ul li a{color:#c8a024}
#nav ul li a:hover,#nav li.active .children li.active ul li a:hover{color:#fff}
#nav ul li.last a.child,#nav li.active .children li.active ul li.last a{border-bottom:1px solid #e1e1d3}
#nav ul li.hover,#nav li.active .children li.active ul li.hover{border-top:1px solid #7db9b2;border-bottom:1px solid #7db9b2;background-position:top right}
.red #nav ul li.hover,.red #nav li.active .children li.active ul li.hover{border-top:1px solid #be4f30;border-bottom:1px solid #be4f30}
.black #nav ul li.hover,.black #nav li.active .children li.active ul li.hover{border-top:1px solid #515146;border-bottom:1px solid #515146}
.grey #nav ul li.hover,.grey #nav li.active .children li.active ul li.hover{border-top:1px solid #c1c1b1;border-bottom:1px solid #c1c1b1}
.pink #nav ul li.hover,.pink #nav li.active .children li.active ul li.hover{border-top:1px solid #c65988;border-bottom:1px solid #c65988}
.purple #nav ul li.hover,.purple #nav li.active .children li.active ul li.hover{border-top:1px solid #ac5696;border-bottom:1px solid #ac5696}
.blue #nav ul li.hover,.blue #nav li.active .children li.active ul li.hover{border-top:1px solid #58a4bb;border-bottom:1px solid #58a4bb}
.green #nav ul li.hover,.green #nav li.active .children li.active ul li.hover{border-top:1px solid #bec44e;border-bottom:1px solid #bec44e}
.orange #nav ul li.hover,.orange #nav li.active .children li.active ul li.hover{border-top:1px solid #e0b828;border-bottom:1px solid #e0b828}
.yellow #nav ul li.hover,.yellow #nav li.active .children li.active ul li.hover{border-top:1px solid #da9d43;border-bottom:1px solid #da9d43}
#nav ul li.hover a.child,#nav li.active .children li.active ul li.hover a{border:none;color:#fff}
#nav ul li.next a,#nav li.active .children li.active ul li.next a{border-top:none}
#navigation a.home:hover,#navigation ul li.lonely a:hover{background-position:bottom left}
#navigation.black ul.sf-menu,#navigation.black ul li.lonely a{background-image:url(images/black/navigation_bg.png)}
#navigation.blue ul.sf-menu,#navigation.blue ul li.lonely a{background-image:url(images/blue/navigation_bg.png)}
#navigation.green ul.sf-menu,#navigation.green ul li.lonely a{background-image:url(images/green/navigation_bg.png)}
#navigation.grey ul.sf-menu,#navigation.grey ul li.lonely a{background-image:url(images/grey/navigation_bg.png)}
#navigation.orange ul.sf-menu,#navigation.orange ul li.lonely a{background-image:url(images/orange/navigation_bg.png)}
#navigation.pink ul.sf-menu,#navigation.pink ul li.lonely a{background-image:url(images/pink/navigation_bg.png)}
#navigation.purple ul.sf-menu,#navigation.purple ul li.lonely a{background-image:url(images/purple/navigation_bg.png)}
#navigation.red ul.sf-menu,#navigation.red ul li.lonely a{background-image:url(images/red/navigation_bg.png)}
#navigation.yellow ul.sf-menu,#navigation.yellow ul li.lonely a{background-image:url(images/yellow/navigation_bg.png)}
#navigation ul li.popular,#nav ul li a.child{position:relative}
#rss{float:left;width:226px;height:61px;margin-right:17px}
#rss a{background:url(images/rss.png) left top no-repeat;width:162px;height:27px;display:block;color:#f1cbc1;padding-top:34px;padding-left:64px;font-weight:700;font-size:.95em}
#rss a:hover{color:#efbcae;background-position:left bottom}
#rss a span{color:#e29783;font-weight:400;font-size:.9em}
#rss a:hover span{color:#e69983}
#rss.black a{background-image:url(images/black/rss.png);color:#cfcfcb}
#rss.black a span{color:#9d9d96}
#rss.black a:hover{color:#b8b8b3}
#rss.black a:hover span{color:#a6a6a0}
#rss.blue a{background-image:url(images/blue/rss.png);color:#c2e1e9}
#rss.blue a span{color:#95cad8}
#rss.blue a:hover{color:#c4e5ed}
#rss.blue a:hover span{color:#99d1e0}
#rss.green a{background-image:url(images/green/rss.png);color:#e7e9b5}
#rss.green a span{color:#dcdf8e}
#rss.green a:hover{color:#eff1c7}
#rss.green a:hover span{color:#dfe28f}
#rss.grey a{background-image:url(images/grey/rss.png);color:#efefeb}
#rss.grey a span{color:#e2e2db}
#rss.grey a:hover{color:#f1f1ec}
#rss.grey a:hover span{color:#e6e6df}
#rss.orange a{background-image:url(images/orange/rss.png);color:#f6dfb9}
#rss.orange a span{color:#f1c987}
#rss.orange a:hover{color:#fae7c5}
#rss.orange a:hover span{color:#f5ce8a}
#rss.pink a{background-image:url(images/pink/rss.png);color:#efc2d5}
#rss.pink a span{color:#e6a1bf}
#rss.pink a:hover{color:#f6d6e4}
#rss.pink a:hover span{color:#ecaac7}
#rss.purple a{background-image:url(images/purple/rss.png);color:#e8c3df}
#rss.purple a span{color:#dda4ce}
#rss.purple a:hover{color:#f2d4ea}
#rss.purple a:hover span{color:#e5aad6}
#rss.teal a{background-image:url(images/teal/rss.png);color:#d1edea}
#rss.teal a span{color:#a1dad4}
#rss.teal a:hover{color:#d3f1ee}
#rss.teal a:hover span{color:#a6e3dd}
#rss.yellow a{background-image:url(images/yellow/rss.png);color:#f8e8a5}
#rss.yellow a span{color:#f6e08f}
#rss.yellow a:hover{color:#fcf2c9}
#rss.yellow a:hover span{color:#fae592}
#search{background:url(images/search_sides.png) top left no-repeat;height:60px;float:left;padding-left:6px;width:690px;margin-top:1px}
#search #search_right{background:url(images/search_sides.png) bottom right no-repeat;padding-right:6px;height:60px;width:684px}
#search #search_right #search_bg{background:url(images/search_bg.png);height:49px;padding-left:10px;padding-top:11px;width:674px}
#search .input-holder{background:url(images/seach_input.png);float:left;width:429px;height:36px}
#search .input-holder.focusField{background-position:bottom left}
#search .input-holder input{width:380px;height:24px;border:none;background:none;color:#bfbfb8;line-height:24px;padding:6px 12px 6px 35px}
#search .input-holder.focusField input{color:#838375}
#search .searchBtn{background:url(images/search_btn.png) top;width:83px;height:40px;border:none;float:left;cursor:pointer;margin-top:-1px}
#search.black .searchBtn{background-image:url(images/black/search_btn.png)}
#search.blue .searchBtn{background-image:url(images/blue/search_btn.png)}
#search.green .searchBtn{background-image:url(images/green/search_btn.png)}
#search.grey .searchBtn{background-image:url(images/grey/search_btn.png)}
#search.orange .searchBtn{background-image:url(images/orange/search_btn.png)}
#search.pink .searchBtn{background-image:url(images/pink/search_btn.png)}
#search.purple .searchBtn{background-image:url(images/purple/search_btn.png)}
#search.teal .searchBtn{background-image:url(images/teal/search_btn.png)}
#search.yellow .searchBtn{background-image:url(images/yellow/search_btn.png)}
#search .searchBtn.hover{background-position:bottom}
#search a#cat-button{float:left;margin-left:8px;margin-right:6px;background:url(images/categoriesBtn.png) top left;height:38px;padding-left:15px;font-size:.8em;width:125px}
#box-outer{overflow:hidden;height:40px;position:absolute;width:138px}
ul#cat-menu{background:url(images/categoriesLst.png) bottom left no-repeat;font-size:.75em;width:100%;z-index:5;position:absolute;text-transform:capitalize;padding:6px 0}
ul#cat-menu li{line-height:24px;padding:0 10px}
ul#cat-menu li a{border-top:1px solid #e1e1d3;border-bottom:1px solid #e1e1d3;padding-left:14px;background:url(images/categoriesRbt.png) no-repeat left center}
ul#cat-menu li a:hover{background-position:-118px center}
ul#cat-menu li.ui-selectmenu-item-selected a{background-position:-236px center}
ul#cat-menu li + li a{border-top:none}
#search a#cat-button span{background:url(images/categoriesBtn.png) top right;height:38px;line-height:35px;padding-right:20px}
#search a#cat-button:hover{background-position:left -38px;color:#3d7770}
#search a#cat-button:hover span{background-position:right -38px}
#search a#cat-button.ui-state-active{background-position:left bottom;color:#3d7770}
#search a#cat-button.ui-state-active span{background-position:right bottom}
.ui-selectmenu{display:block;position:relative;height:2em;text-decoration:none;overflow:hidden}
.ui-selectmenu-icon{position:absolute;right:6px;margin-top:-8px;top:50%}
.ui-selectmenu-menu{list-style:none;position:absolute;top:0;overflow:auto;margin:0;padding:0}
.ui-selectmenu-open{visibility:visible}
.ui-selectmenu-menu-popup{margin-top:-1px}
.ui-selectmenu-menu li{display:block;border-top:1px dotted transparent;border-bottom:1px dotted transparent;border-right-width:0!important;border-left-width:0!important;font-weight:400!important;margin:0;padding:0}
.ui-selectmenu-menu li a,.ui-selectmenu-status{display:block;outline:none;text-decoration:none}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,.ui-selectmenu-hasIcon .ui-selectmenu-status{padding-left:20px;position:relative;margin-left:5px}
.ui-selectmenu-menu li .ui-icon,.ui-selectmenu-status .ui-icon{position:absolute;top:1em;margin-top:-8px;left:0}
#content_container{margin-top:13px;clear:both}
#content_container{background:url(images/content_tops.png) no-repeat top left;float:left;padding-top:4px;width:937px}
#content_container_bg{padding:30px 29px 19px;float:left;width:880px;background:url(images/content_bg.png)}
#content_container #content{float:left;width:566px;margin-right:25px}
#content #featured_posts{width:563px;height:181px;margin-bottom:14px;margin-left:2px}
#slider{width:563px;position:relative;margin:0 auto}
#slider .borders{background:url(images/banner_borders.png);position:absolute;left:0;top:0;width:563px;height:181px;z-index:1}
#slider ul.navigation{position:absolute;z-index:3;background:url(images/banner_nav_bg.png);width:145px;height:36px;bottom:7px;right:11px;padding:0 3px}
#slider ul.navigation li{display:block;float:left;width:29px}
#featured_posts #slider ul.navigation li a,#featured_posts.teal #slider ul.navigation li a{background:url(images/banner_nav_li_bg.png) no-repeat top left;display:block;width:26px;height:26px;padding-bottom:2px;line-height:26px;text-align:center;color:#e5e5d6;font-size:.9em;margin:5px 1px 5px 2px}
#featured_posts.black #slider ul.navigation li a{background-image:url(images/black/banner_nav_li_bg.png)}
#featured_posts.blue #slider ul.navigation li a{background-image:url(images/blue/banner_nav_li_bg.png)}
#featured_posts.green #slider ul.navigation li a{background-image:url(images/green/banner_nav_li_bg.png)}
#featured_posts.grey #slider ul.navigation li a{background-image:url(images/grey/banner_nav_li_bg.png)}
#featured_posts.orange #slider ul.navigation li a{background-image:url(images/orange/banner_nav_li_bg.png)}
#featured_posts.pink #slider ul.navigation li a{background-image:url(images/pink/banner_nav_li_bg.png)}
#featured_posts.purple #slider ul.navigation li a{background-image:url(images/purple/banner_nav_li_bg.png)}
#featured_posts.red #slider ul.navigation li a{background-image:url(images/red/banner_nav_li_bg.png)}
#featured_posts.yellow #slider ul.navigation li a{background-image:url(images/yellow/banner_nav_li_bg.png)}
#featured_posts #slider ul.navigation li a:hover{background-position:0 -28px}
#featured_posts #slider ul.navigation li a.selected{background-position:0 -56px;color:#8b8b7e}
.scroll{overflow:auto;position:relative;clear:left;width:563px;height:181px}
.scrollContainer div.panel{height:181px;width:563px;background:url(images/banner.jpg);position:relative}
.scrollContainer div.panel .content{position:absolute;background:url(images/banner.png);width:312px;height:122px;left:15px;top:18px;z-index:2;color:#838375;padding:12px 15px 10px}
.scrollContainer div.panel .content a:hover{color:#fff}
.scrollContainer div.panel .content a{color:#898983}
.scrollContainer div.panel .content h2 a{color:#CA4F2E;font-size:1.6em}
.scrollContainer div.panel .content h2 a:hover{color:#9e3114}
.scrollContainer div.panel .content p{display:block;font-size:.8em;height:66px;margin-bottom:15px;line-height:19px}
.scrollContainer div.panel .content a.story,.scrollContainer div.panel .content a.comments{font-size:.8em;float:left}
.scrollContainer div.panel .content a.comments{float:right}
#content div#posts{clear:both;width:567px;margin-bottom:11px}
#content div#posts .post{margin-right:11px;background:url(images/post_bg.gif) repeat-y;width:278px;float:left;margin-bottom:11px}
#content div#posts .post.right{margin-right:0}
#content div#posts .post .categorie,#content div#posts.teal .post .categorie{background:url(images/post_top.png);height:33px;width:278px;color:#fff;line-height:33px}
#content div#posts.black .post .categorie{background:url(images/black/post_top.png)}
#content div#posts.blue .post .categorie{background:url(images/blue/post_top.png)}
#content div#posts.green .post .categorie{background:url(images/green/post_top.png)}
#content div#posts.grey .post .categorie{background:url(images/grey/post_top.png)}
#content div#posts.orange .post .categorie{background:url(images/orange/post_top.png)}
#content div#posts.pink .post .categorie{background:url(images/pink/post_top.png)}
#content div#posts.purple .post .categorie{background:url(images/purple/post_top.png)}
#content div#posts.red .post .categorie{background:url(images/red/post_top.png)}
#content div#posts.yellow .post .categorie{background:url(images/yellow/post_top.png)}
#content #posts .post .categorie h3{margin-left:14px;font-size:.9em;font-weight:100;float:left;color:#fff}
#content #posts .post .categorie h3 a,#content #posts .post .categorie h3 a:hover{color:#fff}
#content #posts .post .categorie .icons{margin-right:6px;float:right;margin-top:10px}
#content #posts .post .categorie .icons a,#content #posts.teal .post .categorie .icons a{background:url(images/post_icons.png) left top;height:14px;width:14px;display:block;float:left;margin-right:6px;cursor:pointer}
#content #posts.black .post .categorie .icons a{background-image:url(images/black/post_icons.png)}
#content #posts.blue .post .categorie .icons a{background-image:url(images/blue/post_icons.png)}
#content #posts.green .post .categorie .icons a{background-image:url(images/green/post_icons.png)}
#content #posts.grey .post .categorie .icons a{background-image:url(images/grey/post_icons.png)}
#content #posts.orange .post .categorie .icons a{background-image:url(images/orange/post_icons.png)}
#content #posts.pink .post .categorie .icons a{background-image:url(images/pink/post_icons.png)}
#content #posts.purple .post .categorie .icons a{background-image:url(images/purple/post_icons.png)}
#content #posts.red .post .categorie .icons a{background-image:url(images/red/post_icons.png)}
#content #posts.yellow .post .categorie .icons a{background-image:url(images/yellow/post_icons.png)}
#content #posts .post .categorie .icons a:hover{background-position:0 -14px}
#content #posts .post .categorie .icons a.clicked{background-position:left bottom}
#content #posts .post .min{height:233px}
#content #posts .post .text{padding:12px 14px}
#content #posts .post .text .thumb_cont{margin-bottom:9px;float:none;margin-right:0}
#content #posts .post .text a.thumb{background-color:#ebeadb;border:1px solid #dbdac9;width:240px;height:88px;display:block;position:relative;padding:4px}
#content #posts .post .text a.thumb:hover{background-color:#e6e5d3;border-color:#5fafa5}
#content #posts .post .text a.thumb:hover span.hidden{background-color:#FFF;position:absolute;width:254px;height:88px;left:4px;top:4px;display:block!important;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
#content #posts .post .text h2 a{color:#ca4f2e;font-size:1.5em}
#content #posts .post .text h2 a:hover{color:#9e3114}
#content #posts .post .text p{color:#838375;font-size:.8em;line-height:20px}
#content #posts .post .more{clear:both}
#content #posts .post .more a{background:url(images/read_more.png) no-repeat top left;width:278px;height:32px;padding-bottom:4px;display:block;text-align:center;line-height:32px;font-size:.85em}
#content #posts .post .more a:hover{background-position:bottom left;color:#23665f}
#sidebar{width:289px;float:left}
#sidebar #newsletter{background:url(images/newsletter.png) repeat scroll 0 0 transparent;height:43px;margin-bottom:13px;padding-left:14px;padding-right:12px;padding-top:40px;width:263px}
#sidebar #newsletter .input-holder{float:left}
#sidebar #newsletter .input-holder input{background:none repeat scroll 0 0 transparent;border:medium none;color:#838375;height:19px;width:179px;line-height:19px;padding:6px 9px}
#sidebar #newsletter .emailBtn{background:url(images/btnNewsletter.png) left top;width:62px;height:33px;border:none;margin-left:4px;margin-top:-1px;cursor:pointer;float:left}
#sidebar #newsletter .emailBtn.hover{background-position:left bottom}
#sidebar #newsletter.black{background-image:url(images/black/newsletter.png)}
#sidebar #newsletter.blue{background-image:url(images/blue/newsletter.png)}
#sidebar #newsletter.green{background-image:url(images/green/newsletter.png)}
#sidebar #newsletter.grey{background-image:url(images/grey/newsletter.png)}
#sidebar #newsletter.orange{background-image:url(images/orange/newsletter.png)}
#sidebar #newsletter.pink{background-image:url(images/pink/newsletter.png)}
#sidebar #newsletter.purple{background-image:url(images/purple/newsletter.png)}
#sidebar #newsletter.red{background-image:url(images/red/newsletter.png)}
#sidebar #newsletter.yellow{background-image:url(images/yellow/newsletter.png)}
#sidebar #adv_125{margin-left:2px;width:287px;margin-bottom:19px}
#sidebar #adv_125 a.adv{position:relative;background-color:#ebeadb;border:1px solid #dbdac9;float:left;margin-bottom:15px;margin-right:15px;padding:4px}
#sidebar #adv_125 a.even{margin-right:0}
#sidebar #adv_125 a.adv:hover{border-color:#5fafa5}
#sidebar #adv_125 a.adv:hover span.hidden{background-color:#FFF;position:absolute;width:125px;height:125px;left:4px;top:4px;display:block!important;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
#sidebar #adv_125 #adv_w_us{margin-left:-2px;clear:both}
#sidebar #adv_125 #adv_w_us a{width:272px;height:33px;display:block;text-align:center;line-height:33px;font-size:.9em;padding-bottom:2px}
#tabs{padding-top:37px;position:relative;margin-bottom:13px}
#tabs ul.tabs{position:absolute;top:0;left:0;font-size:.75em}
#tabs ul.tabs li{display:block;float:left;margin-top:1px;margin-right:4px}
#tabs ul.tabs li a{background:url(images/tabs.png) no-repeat -98px 0;height:38px;display:block;padding-left:5px;line-height:38px;color:#76766a;cursor:pointer}
#tabs ul.tabs li a:hover{background-position:-98px -42px}
#tabs ul.tabs li a span{background:url(images/tabs.png) no-repeat top right;height:38px;display:block;padding-right:13px;padding-left:8px;line-height:36px}
#tabs ul.tabs li a:hover span{background-position:right bottom;color:#3ca097}
#tabs ul.tabs li.first a{height:40px;background-position:left top}
#tabs ul.active{display:block}
#tabs ul.tabs li.ui-tabs-selected{margin-top:0}
#tabs ul.tabs li.ui-tabs-selected a,#tabs ul.tabs li.ui-tabs-selected a span{background-image:url(images/tabs_active.png);background-position:left bottom;height:39px;line-height:39px;color:#3ca097}
#tabs ul.tabs li.ui-tabs-selected.first a{height:41px;background-position:left top}
#tabs ul.tabs li.ui-tabs-selected.first a span{background-position:right top}
#tabs ul.tabs li.ui-tabs-selected.first a:hover{background-position:left top}
#tabs #tabtop{background:url(images/tabs_content_tops.png);width:289px;height:5px;clear:both}
#tabs .tab{width:289px;height:auto;clear:both;font-size:.8em}
#tabs .tab div.bottom{background:url(images/tabs_content_tops.png) bottom;padding-bottom:7px;width:289px}
#tabs .tab div.cont{background:url(images/tabs_content.gif) repeat-y;width:283px;padding:8px 3px 7px}
#tabs .tab div.cont ul li{padding-left:11px;padding-right:13px;font-size:.9em;width:259px}
#tabs .tab div.cont ul.small li a,#tabs .tab div.cont ul.big li span.element{line-height:30px;height:30px;color:#3ca097;display:block;border-top:1px solid #e1e1d3;border-bottom:1px solid #e1e1d3;position:relative}
#tabs .tab div.cont ul.small li a span.ct{position:absolute;right:0;background:url(images/count_comments.gif) no-repeat left top;height:13px;padding-left:16px;top:9px;line-height:12px}
#tabs .tab div.cont ul li.hover{border-top:1px solid #7db9b2;border-bottom:1px solid #7db9b2;background-color:#6fd2c8}
#tabs .tab div.cont ul.small li.prev a,#tabs .tab div.cont ul.big li.prev span.element{border-bottom:none}
#tabs .tab div.cont ul.small li.hover a,#tabs .tab div.cont ul.big li.hover span.element{border:none;color:#fff}
#tabs .tab div.cont ul.small li.hover a span.ct{background-position:left bottom;color:#23665f}
#tabs .tab div.cont ul.big li span.element{display:block;height:69px;line-height:normal;padding:5px 0}
#tabs .tab div.cont ul.big li a{line-height:normal}
#tabs .tab div.cont ul.big li.hover a{color:#d4f2ef}
#tabs .tab div.cont ul.big li span.text{display:block;margin-top:5px;word-wrap:break-word;color:#76766a}
#tabs .tab div.cont ul.big li.hover span.text{color:#37837b}
#tabs .tab div.cont ul.big li a.author{background:url(images/count_comments.gif) no-repeat 0 2px;height:13px;padding-left:16px;margin-top:1px}
#tabs .tab div.cont ul.big li.hover a.author{background-position:0 -13px}
#tabs ul.tabs li.first a:hover,#tabs ul.tabs li.ui-tabs-selected a:hover{background-position:left bottom}
#tabs ul.tabs li.ui-tabs-selected a span,#tabs ul.tabs li.ui-tabs-selected a:hover span{background-position:right bottom}
#tabs .tab div.cont ul.small li + li a,#tabs .tab div.cont ul.big li + li span.element,#tabs .tab div.cont ul.small li.next li a,#tabs .tab div.cont ul.big li.next li span.element{border-top:none}
#footer_bg{width:100%;background-color:#cfcfbd;clear:both;padding-bottom:15px}
#footer_bg .hr{height:1px;background-color:#E6E6DA;clear:both;margin:0 2px!important}
#footer_bg .hr.scnd{background-color:#dedece}
#footer{clear:both;width:878px;float:left;background:url(images/footer_bg.png) repeat-y;padding:26px 30px 23px}
#footer .box{border-right:1px solid #dadad1;float:left;padding-right:5px;margin-right:20px;text-transform:capitalize}
#footer h3{margin-bottom:11px;font-weight:400;font-size:1.2em}
#footer h3 a{color:#ca4f2e}
#footer h3 a:hover{color:#9e3114}
#footer ul{float:left}
#footer li{font-size:.8em;margin-bottom:10px;margin-right:15px}
#footer li a{color:#3ca097}
#footer li a:hover{color:#23665f}
#love{background:url(images/credits.png);height:37px;width:939px;clear:both;text-align:center;color:#76766a;line-height:33px;font-size:.75em;position:relative}
#love p a.icon{background:url(functions/monkpanel/images/icon.png);display:inline-block;width:22px;height:22px;vertical-align:-7px}
#love p a.icon:hover{background-position:right top}
#content.search #postcontainer .post{margin-right:0;background:none;clear:both}
#content.search #postcontainer h1.title a{color:#ca4f2e}
#content.search #postcontainer h1.title a:hover{color:#9e3114}
.search a.more{width:75px;clear:both}
.page h2.results{color:#838375;font-size:1.5em}
.page h2.results span{color:#ca4f2e}
#content #postcontainer ul li{background:url(images/ul.png) no-repeat scroll 0 6px transparent;color:#838375;font-size:.8em;line-height:24px;padding-left:20px}
#content #postcontainer li.gut{background:url(images/daumen_gut.png) no-repeat scroll 0 6px transparent;font-style:italic;list-style:none;color:#838375;font-size:.8em;line-height:24px;padding-left:20px}
#content #postcontainer li.schlecht{background:url(images/daumen_schlecht.png) no-repeat scroll 0 6px transparent;font-style:italic;list-style:none;color:#838375;font-size:.8em;line-height:24px;padding-left:20px;margin-bottom:20px}
#content #postcontainer ol li{color:#838375;font-size:12px;background:url(images/ol_1.png) no-repeat scroll 0 7px transparent;line-height:20px;padding:10px;padding-left:38px}
ol.footnotes li{color:#838375;font-size:11px;list-style:decimal;list-style-image:none;list-style-position:inside;background:transparent !important;padding-left:10px !important}
#content #postcontainer p,#respond p{color:#838375;font-size:.8em;margin-bottom:10px;line-height:20px;padding:0}
#content.search #postcontainer .post p{margin-bottom:10px}
#content #postcontainer .post p,#content #postcontainer .post img{margin-bottom:30px;max-width:570px;width:expression(this.width > 570 ? 570:true);height:auto}
#content #postcontainer .post ul{margin-bottom:25px}
#content #postcontainer .post ol{margin-bottom:29px}
#content #postcontainer h1,.comments h2,.share h2,.comment h2{color:#4e4b37;font-size:1.6em}
#content #postcontainer .post h1,#content #postcontainer .post h2,#content #postcontainer .post h3,#content #postcontainer .post h4,#content #postcontainer .post h5,#content #postcontainer .post h6{margin-bottom:15px;color:#4e4b37;clear:both}
#content #postcontainer h1 a,#content #postcontainer h2 a,#content #postcontainer h3 a,#content #postcontainer h4 a,#content #postcontainer h5 a,#content #postcontainer h1 span,#content #postcontainer h2 span,#content #postcontainer h3 span,#content #postcontainer h4 span,#content #postcontainer h5 span{color:#ca4f2e}
#content #postcontainer .post h2{font-size:1.5em}
#content #postcontainer .post h3{font-size:1.4em}
#content #postcontainer .post h4{font-size:1.3em}
#content #postcontainer .post h5{font-size:1.2em}
#content #postcontainer .post h6{font-size:1.1em}
#postcontainer hr{background-color:#ebeadb;margin-top:18px;margin-bottom:16px;border:none;height:1px;clear:both}
.search .thumb_cont{height:113px}
.thumb_cont{position:relative;width:250px;height:98px;float:left;margin-right:12px}
.thumb_cont .thumb{background-color:#EBEADB;border:1px solid #DBDAC9;display:block;height:88px;width:240px;padding:4px}
.search .thumb_cont .thumb,.search .thumb_cont .thumb:hover span.hidden{height:103px}
.thumb_cont .thumb:hover{border-color:#5fafa5}
.thumb_cont .thumb:hover span.hidden{background-color:#FFF;position:absolute;width:254px;height:88px;left:4px;top:4px;display:block!important;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
a.comments_balloon{display:block;position:absolute;background:url(images/comments.png) left top;width:31px;height:22px;line-height:22px;color:#49a69e;text-align:center;font-size:.7em;top:12px;right:9px;padding-bottom:7px}
a.comments_balloon:hover{background-position:left bottom;color:#286d66}
div.tida{display:inline-block;margin-bottom:10px;width:304px}
#content #postcontainer h1.title{float:left;color:#ca4f2e;margin-bottom:0}
#content #postcontainer h1.title span.date{color:#d6d5c7;font-size:0.8em;margin-left:10px}
.comments.block{position:relative}
.comments .item{overflow:hidden;position:relative;padding:10px 0 13px 34px}
.comments .children,.grandchildren{clear:left;padding-left:26px;position:relative}
* html .comments .info{margin:0 7px 0 0}
.comments div.avatar{display:inline;position:relative;z-index:3;background:#fff;margin:-10px 8px 0 -34px;padding:13px 0 0}
.comments .avatar a{display:block;position:relative}
.comments .avatar a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}
.comments .avatar img{display:block}
.comments .avatar .border{position:absolute;background:url(images/gravatar_borders.png);width:65px;height:65px;top:13px;left:0}
.comments .line{width:19px;height:9999px;border:solid #dbdac9;position:absolute;bottom:50%;left:-26px;border-width:0 0 1px 1px}
.comments .info{margin:0 10px 0 0}
.comments .info strong{display:block;font-size:13px;color:#4e4b37;line-height:15px}
.comments .info strong a{color:#3ca097;text-decoration:none}
.comments .info strong a:hover{color:#23665f}
.comments .info em{font-style:normal;font-size:11px;height:1%;display:block;color:#838375}
* html .comments .info em{display:inline}
.comments .info a.comment-reply{float:left;width:48px;height:30px;overflow:hidden;font-size:.7em;text-align:center;line-height:26px;position:relative;background:url(images/reply.png) no-repeat left top;display:block;margin-top:10px;cursor:pointer}
.comments div.reply{clear:left;padding-top:24px;position:relative}
.comments div.reply div.reply{margin-left:33px}
.comments .reply:after{content:"";display:block;clear:both}
.comments .reply .avatar{margin-left:0;z-index:2}
.comments .text{overflow:hidden;background:#ebeadb url(images/bg-comment-l.png) repeat-y;position:relative;margin:0 0 -2px}
.comments .text .r{background:url(images/bg-comment-r.png) repeat-y 100% 0}
.comments .text .tl{background:url(images/bg-comment-tl.png) no-repeat}
.comments .text .tr{background:url(images/bg-comment-tr.png) no-repeat 100% 0}
.comments .text .bl{background:url(images/bg-comment-bl.png) no-repeat 0 100%}
.comments .text .br{background:url(images/bg-comment-br.png) no-repeat 100% 100%;min-height:28px;position:relative;padding:17px 20px 20px 24px}
#content #postcontainer .comments .text .br p{margin-bottom:0;word-wrap:break-word}
* html .comments .text .br{height:28px}
.comments .text p{margin:0 0 10px}
.comment.block{border-top:1px solid #e9e0cf;overflow:hidden;width:100%;padding:25px 0 0}
.comment.block h4{color:#4e4a35;font-size:25px;font-weight:400;line-height:28px;margin:0 0 10px}
.comment.block .col-left{width:167px;float:left}
.comment.block .col-right{width:389px;float:left;margin-left:10px}
.comment.block .row{width:100%;padding-bottom:5.5px;overflow:hidden}
.comment.block label{color:#4e4b37;float:left;cursor:pointer;font-size:.8em;margin:0 0 4px}
.comment.block .input-holder{width:158px;height:24px;background:url(images/comments_inputSmall.png) top left no-repeat;float:left;line-height:14px;padding:9px 0 0 9px}
.comment.block .area-holder{width:367px;height:143px;float:left;background:url(images/comments_inputBig.png) top left no-repeat;padding:0 11px}
.comment.block .area-holder textarea{overflow:auto;width:367px;padding-bottom:3px;height:131px;border:0;background:none;float:right;line-height:19px;color:#a8a89e;text-align:left;font-size:.8em;font-family:Arial,Helvetica,sans-serif;margin:9px 0 0}
.comment.block form{margin-top:15px}
.comment.block .notify{width:100%;padding-top:4px;margin-top:15px;height:35px;line-height:33px}
.comment.block .input-holder .text{border:0;background:none;width:146px;color:#a8a89e;padding:0}
.comment.block .input-holder.focusField .text,.comment.block .area-holder.focusField textarea{color:#838375}
.comment.block .notify input{float:left;margin-top:10px;margin-right:5px}
.comment.block .notify label{color:#838375;font-size:.8em}
.form-inner{height:1%;overflow:hidden}
#respond p.subscribe-to-comments{line-height:33px!important}
.block{clear:both;width:566px}
.comments .grandchildren,.comment.block .form-inner{overflow:hidden}
.comments .info,.comments .avatar,.comment-form button,.comment.block .notify .row2{float:left}
.comments .info a.comment-reply:hover,.comment.block .area-holder.focusField,.comment.block .input-holder.focusField{background-position:left bottom}
.alignleft{float:left;margin-right:13px}
.alignright{float:right;margin-bottom:23px;margin-left:13px}
.wp-caption{background-color:#ebeadb;border:1px solid #dbdac9;color:#4e4b37;margin-bottom:13px;padding:4px;text-align:center;max-width:570px;width:expression(this.width > 570 ? 570:true);height:auto}
.wp-caption:hover{border-color:#5fafa5}
.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption img{border:0 none;margin:0!important;padding:0}
.wp-caption p{margin:10px 0!important;text-align:center!important}
.share h2{margin-left:2px}
.shareInner{padding:10px}
.share .tl{background:url(images/share_tl.png) no-repeat}
.share .tr{background:url(images/share_tr.png) no-repeat 100% 0}
.share .bl{background:url(images/share_bl.png) no-repeat 0 100%}
.share .br{background:url(images/share_br.png) no-repeat 100% 100%;padding:6px 0}
.share .c{background:url(images/share_bg.png);height:40px;padding:4px 10px}
.share ul{float:left;height:32px}
.share2 h2{margin-left:2px}
.share2 .tl{background:url(images/share_tl.png) no-repeat}
.share2 .tr{background:url(images/share_tr.png) no-repeat 100% 0}
.share2 .bl{background:url(images/share_bl.png) no-repeat 0 100%}
.share2 .br{background:url(images/share_br.png) no-repeat 100% 100%;padding:6px 0}
.share2 .c{background:url(images/share_bg.png);height:auto;padding:4px 10px}
.share2 ul{float:left;height:32px}
#content #postcontainer .share ul{margin-top:4px}
#content #postcontainer .share ul li{background:none;display:inline;float:left;margin-right:11px;padding:0}
.share ul li a{display:inline-block;height:32px;width:32px}
.share ul li a:hover{-khtml-opacity:0.7;-moz-opacity:0.7;opacity:0.7;zoom:1}
.share a.digg{background:url(images/digg.png)}
.share a.facebook{background:url(images/facebook.png)}
.share a.twitter{background:url(images/twitter.png)}
.share a.technorati{background:url(images/technorati.png)}
.share a.delicious{background:url(images/delicious.png)}
.share a.stumbleupon{background:url(images/stumbleupon.png)}
.share a.reddit{background:url(images/reddit.png)}
.share a.myspace{background:url(images/myspace.png)}
#share,#sharethis_0{float:right}
#sharethis_0 a{background:url(images/share_btn.png) repeat scroll left top transparent!important;float:left;font-size:.8em;height:38px;margin-left:8px;margin-right:6px;padding:0 0 0 15px !important;width:110px!important}
#sharethis_0 a span{background:url(images/share_btn.png) repeat scroll right top transparent;display:block;height:38px;line-height:35px;padding-right:20px}
#sharethis_0 a:hover{background-position:0 -38px!important}
#sharethis_0 a:hover span{background-position:right -38px}
.ui-checkbox,.ui-radio{cursor:pointer}
span.ui-checkbox,span.ui-radio{display:block;float:left;height:14px;margin-right:5px;margin-top:10px;width:14px}
.ui-checkbox span.ui-icon,.ui-radio span.ui-icon{background:url(images/checkbox.png);display:block;height:14px;width:14px}
.ui-checkbox #check{display:none}
.ui-checkbox.ui-state-hover span.ui-icon{background-position:0 -14px}
.ui-checkbox.ui-state-hover span.ui-icon-check,.ui-checkbox span.ui-icon-check{background-position:bottom}
#pagination{height:58px;margin:0 auto;position:relative;width:568px}
#pagination a.btn{background:url(images/pagination_btns.png) top left;display:block;height:40px;left:0;padding-left:0;position:absolute;top:0;padding-right:0;width:83px;text-indent:-9999px}
#pagination a.btn.newer:hover{background-position:left bottom}
#pagination a.btn.older{background-position:right top;left:auto;right:0}
#pagination a.btn.older:hover{background-position:right bottom}
#pagination #paginator{height:58px;margin:0 auto;position:relative;width:384px}
#pagination .numbers{margin-left:-5px;width:390px}
.paginator span strong,.paginator span a{background:url(images/pagination.png);display:block;float:left;font-size:.9em;height:38px;line-height:35px;margin-left:4px;text-align:center;width:35px}
.paginator span a:hover{background-position:-35px 0}
.paginator span strong{background-position:right;color:#9c9d8f;font-style:normal;font-weight:400;width:35px}
#pagination .scroll_trough{background:url(images/pagination_bar.png);border-left:1px solid #dedfd7;border-right:1px solid #dedfd7;height:5px;width:382px;z-index:10}
#pagination .scroll_knob{background:url(images/pagination_drag.png);bottom:-11px;height:14px;width:19px}
.paginator table{border-collapse:collapse;table-layout:fixed;width:100%}
.paginator table td{padding:0;text-align:center;white-space:nowrap}
.paginator .scroll_bar{height:20px;margin-top:10px;position:relative;width:100%}
.paginator .scroll_thumb{background:#9d9d8f;height:3px;left:0;position:absolute;top:2px;width:0;z-index:2}
.paginator .scroll_knob{cursor:pointer;left:50%;margin-left:-10px;overflow:hidden;position:absolute}
.paginator .current_page_mark{background:#d1d1c6;height:3px;left:0;overflow:hidden;position:absolute;top:1px;width:0;z-index:1}
.popup-comment{background:url(images/popup_tops.png) no-repeat left top;display:block;left:300px;padding-top:12px;position:absolute;top:-9999px;width:529px;z-index:10}
.popup-comment_bottom{background:url(images/popup_tops.png) no-repeat right bottom;padding-bottom:4px;width:529px}
.popup-comment .comment{background:url(images/popup_bg.png) repeat-y;padding:5px 12px;width:505px}
.popup-comment .title a{background:url(images/close.png) no-repeat;cursor:pointer;height:15px;overflow:hidden;position:absolute;right:15px;text-indent:-9999px;top:27px;width:17px}
.active .popup-comments{display:block}
.comment.block .popup-comment .col-right{width:328px}
.comment.block .popup-comment .area-holder{background-image:url(images/comments_inputBig_popup.png);width:306px}
.comment.block .popup-comment .area-holder textarea{width:306px}
button,a.btn{border:0;cursor:pointer;overflow:visible;padding:0;position:relative}
button::-moz-focus-inner{border:none}
button span,a.btn span{display:block;position:relative;white-space:nowrap}
a.btn{display:block;width:100px}
button.btn,a.btn{background:transparent url(images/btn_sprite.png) no-repeat right -110px;font-size:.8em;margin-right:5px;padding-right:12px;text-align:center}
button.btn{padding-right:11px}
@media screen and (-webkit-min-device-pixel-ratio:0){button span,a.btn span{margin-top:-1px}
button.btn{padding-right:10px}}
button.btn span,a.btn span{background:transparent url(images/btn_sprite.png) no-repeat left top;color:#3CA097;height:35px;line-height:31px;padding-left:12px}
button.btn:hover,button.btn.hover,a.btn:hover{background-position:right -165px}
button.btn:hover span,button.btn.hover span,a.btn:hover span{background-position:0 -55px}
.sticky{background:#f7f7f7;padding:0 10px 10px}
.sticky h2{padding-top:10px}
.commentlist cite,.commentlist cite a{font-weight:700;font-style:normal;font-size:1.1em}
small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike{color:#777}
code{font:1.1em 'Courier New',Courier,Fixed}
acronym,abbr,span.caps{font-size:.9em;letter-spacing:.07em}
#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt}
#wp-calendar a{text-decoration:none;display:block}
#wp-calendar caption{font:bold 1.3em 'Lucida Grande',Verdana,Arial,Sans-Serif;text-align:center;width:100%}
#wp-calendar th{font-style:normal;text-transform:capitalize}
p img{max-width:100%;padding:0}
img.centered{display:block;margin-left:auto;margin-right:auto}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px}
.alignright{float:right}
.alignleft{float:left}
#wp-calendar{empty-cells:show;width:155px;margin:10px auto 0}
#wp-calendar #next a{padding-right:10px;text-align:right}
#wp-calendar #prev a{padding-left:10px;text-align:left}
#wp-calendar td{text-align:center;padding:3px 0}
#wp-calendar td.pad:hover{background-color:#fff}
#content #postcontainer.newsletter-page h1{margin-bottom:8px;text-transform:capitalize;color:#CA4F2E}
.newsletter-page .block{padding-left:80px;background:url(images/newsletter_page.png) no-repeat left top;width:486px}
#content #postcontainer.newsletter-page p{font-weight:normal}
.widget{margin-bottom:13px}
#members-list{margin:15px 0 0 0;padding:0;list-style:none}
#members-list li{min-height:60px}
#members-list li img.avatar{float:left;margin:0 10px 0 0}
#members-list li span.activity{font-size:11px}
img#ajax-loader{float:right;background:url(images/tabs.png) no-repeat -98px 0;height:38px;display:block;padding-left:5px;line-height:38px;color:#76766a;cursor:pointer}
span.activity{position:relative;color:#FFA200;font-size:11px;background:#FFF9DB;padding:4px 6px;border-right:1px solid #FFE8C4;border-bottom:1px solid #FFE8C4;-moz-border-radius:3px;-webkit-border-radius:3px}
span.highlight{position:relative;float:right;color:#36C9FB;font-size:13px;background:#EBF7FF;padding:4px 6px;border-right:1px solid #A1DCFA;border-bottom:1px solid #A1DCFA;-moz-border-radius:3px;-webkit-border-radius:3px}
activity-content ul{list-style:none}
img.avatar{background:#ffffff;padding:4px;border:1px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow:2px 2px 2px #dddddd;-webkit-box-shadow:2px 2px 2px #dddddd}
#tabs1{padding-top:37px;position:relative;margin-bottom:13px}
#tabs1 ul.tabs1{position:absolute;top:0;left:0;font-size:.75em}
#tabs1 ul.tabs1 li{display:block;float:left;margin-top:1px;margin-right:4px}
#tabs1 ul.tabs1 li a{background:url(images/tabs.png) no-repeat -98px 0;height:38px;display:block;padding-left:5px;line-height:38px;color:#76766a;cursor:pointer}
#tabs1 ul.tabs1 li a:hover{background-position:-98px -42px}
#tabs1 ul.tabs1 li a span{background:url(images/tabs.png) no-repeat top right;height:38px;display:block;padding-right:13px;padding-left:8px;line-height:36px}
#tabs1 ul.tabs1 li a:hover span{background-position:right bottom;color:#3ca097}
#tabs1 ul.tabs1 li.first a{height:40px;background-position:left top}
#tabs1 ul.active{display:block}
#tabs1 ul.tabs1 li.ui-tabs-selected1{margin-top:0}
#tabs1 ul.tabs1 li.ui-tabs-selected1 a,#tabs1 ul.tabs1 li.ui-tabs-selected1 a span{background-image:url(images/tabs_active.png);background-position:left bottom;height:39px;line-height:39px;color:#3ca097}
#tabs1 ul.tabs1 li.ui-tabs-selected1.first a{height:41px;background-position:left top}
#tabs1 ul.tabs1 li.ui-tabs-selected1.first a span{background-position:right top}
#tabs1 ul.tabs1 li.ui-tabs-selected1.first a:hover{background-position:left top}
#tabs1 #tabtop1{background:url(images/tabs_content_tops.png);width:289px;height:5px;clear:both}
#tabs1 .tab1{width:289px;clear:both;font-size:.8em}
#tabs1 .tab1 div.bottom1{background:url(images/tabs_content_tops.png) bottom;padding-bottom:7px;width:289px}
#tabs1 .tab1 div.cont1{background:url(images/tabs_content.gif) repeat-y;width:283px;padding:8px 3px 7px}
#tabs1 .tab1 div.cont1 ul li{padding-left:11px;padding-right:13px;font-size:.9em;width:259px}
#tabs1 .tab1 div.cont1 ul.small1 li a,#tabs1 .tab1 div.cont1 ul.big1 li span.element{line-height:30px;height:30px;color:#3ca097;display:block;border-top:1px solid #e1e1d3;border-bottom:1px solid #e1e1d3;position:relative}
#tabs1 .tab1 div.cont1 ul.small1 li a span.ct{position:absolute;right:0;background:url(images/count_comments.gif) no-repeat left top;height:13px;padding-left:16px;top:9px;line-height:12px}
#tabs1 .tab1 div.cont1 ul.small1 li a span.profil{position:absolute;right:0;background:url(images/tab1_profil.png) no-repeat left top;height:16px;padding-left:16px;top:9px;line-height:12px}
#tabs1 .tab1 div.cont1 ul.small1 li a span.profil_update{position:absolute;right:0;background:url(images/tab1_activity.png) no-repeat left top;height:16px;padding-left:16px;top:9px;line-height:12px}
#tabs1 .tab1 div.cont1 ul.small1 li a span.profil_bearbeiten{position:absolute;right:0;background:url(images/tab1_profil_bearbeiten.png) no-repeat left top;height:16px;padding-left:16px;top:9px;line-height:12px}
#tabs1 .tab1 div.cont1 ul.small1 li a span.profilbild_aendern{position:absolute;right:0;background:url(images/tab1_profilbild_aendern.png) no-repeat left top;height:16px;padding-left:16px;top:9px;line-height:12px}
#tabs1 .tab1 div.cont1 ul.small1 li a span.nachrichten{position:absolute;right:0;background:url(images/tab1_nachrichten.png) no-repeat left top;height:16px;padding-left:16px;top:9px;line-height:12px}
#tabs1 .tab1 div.cont1 ul.small1 li a span.fotoalbum{position:absolute;right:0;background:url(images/tab1_fotoalbum.png) no-repeat left top;height:16px;padding-left:16px;top:9px;line-height:12px}
#tabs1 .tab1 div.cont1 ul.small1 li a span.fotoalbum_upload{position:absolute;right:0;background:url(images/tab1_fotoalbum_upload.png) no-repeat left top;height:16px;padding-left:16px;top:9px;line-height:12px}
#tabs1 .tab1 div.cont1 ul.small1 li a span.einstellungen{position:absolute;right:0;background:url(images/tab1_einstellungen.png) no-repeat left top;height:16px;padding-left:16px;top:9px;line-height:12px}
#tabs1 .tab1 div.cont1 ul.small1 li a span.logout{position:absolute;right:0;background:url(images/tab1_logout.png) no-repeat left top;height:16px;padding-left:16px;top:9px;line-height:12px}
#tabs1 .tab1 div.cont1 ul li.hover{border-top:1px solid #7db9b2;border-bottom:1px solid #7db9b2;background-color:#6fd2c8}
#tabs1 .tab1 div.cont1 ul.small1 li.prev a,#tabs1 .tab1 div.cont1 ul.big1 li.prev span.element{border-bottom:none}
#tabs1 .tab1 div.cont1 ul.small1 li.hover a,#tabs1 .tab1 div.cont1 ul.big1 li.hover span.element{border:none;color:#fff}
#tabs1 .tab1 div.cont1 ul.small1 li.hover a span.ct{background-position:left bottom;color:#23665f}
#tabs1 .tab1 div.cont1 ul.big1 li span.element{display:block;height:69px;line-height:normal;padding:5px 0}
#tabs1 .tab1 div.cont1 ul.big1 li a{line-height:normal}
#tabs1 .tab1 div.cont1 ul.big1 li.hover a{color:#d4f2ef}
#tabs1 .tab1 div.cont1 ul.big1 li span.text{display:block;margin-top:5px;word-wrap:break-word;color:#76766a}
#tabs1 .tab1 div.cont1 ul.big1 li.hover span.text{color:#37837b}
#tabs1 .tab1 div.cont1 ul.big1 li a.author{background:url(images/count_comments.gif) no-repeat 0 2px;height:13px;padding-left:16px;margin-top:1px}
#tabs1 .tab1 div.cont1 ul.big1 li.hover a.author{background-position:0 -13px}
#tabs1 ul.tabs1 li.first1 a:hover,#tabs1 ul.tabs1 li.ui-tabs-selected1 a:hover{background-position:left bottom}
#tabs1 ul.tabs1 li.ui-tabs-selected1 a span,#tabs1 ul.tabs1 li.ui-tabs-selected1 a:hover span{background-position:right bottom}
#tabs1 .tab1 div.cont1 ul.small1 li + li a,#tabs1 .tab1 div.cont1 ul.big1 li + li span.element,#tabs1 .tab1 div.cont1 ul.small1 li.next li a,#tabs1 .tab1 div.cont1 ul.big1 li.next li span.element{border-top:none}

» Show original CSS code

« Hide original CSS code

/*
Theme Name: Flowhub
Theme URI: http://www.monkify.com/themes/flowhub
Description: Magazine is the idea for this theme, but with community in mind as well. This is a highly customizable theme and can be used for media, news, and much more with a commmunity aspect always present.
Version: 1.04
Author: Monkify
Author URI: http://www.monkify.com/
Tags: buddypress
*/

/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0
}

body {
line-height:1
}

ol,ul {
list-style:none
}

blockquote,q {
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after {
content:none
}

:focus,:active {
outline:0
}

button {
outline:none;
margin:0;
padding:0
}

ins {
text-decoration:none
}

del {
text-decoration:line-through
}

table {
border-collapse:collapse;
border-spacing:0
}

/*general elements*/
body { font-family:arial, Helvetica, sans-serif; background-color:#ebeadb; height:100%; }
.hidden { display:none !important; }
.clear { clear:both; }
div.clear.right { clear:right; height:0; }
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }

.container { width:939px; margin:0 auto; }
a { color:#3ca097; text-decoration:none; }
a:hover { color:#23665f;}
a.btnAllposts{text-indent:-9999px; display:block; clear:both; width:113px; height:40px; background: url(images/more.png) left top;}
a.btnAllposts:hover{background-position: left bottom;}
/*header*/
#header {
width:939px
}

#heading,#heading #heading_right {
background:url(images/header_side.png) no-repeat left top;
height:93px;
padding-left:5px
}

#header.black #heading,#header.black #heading #heading_right {
background-image:url(images/black/header_side.png)
}

#header.blue #heading,#header.blue #heading #heading_right {
background-image:url(images/blue/header_side.png)
}

#header.green #heading,#header.green #heading #heading_right {
background-image:url(images/green/header_side.png)
}

#header.grey #heading,#header.grey #heading #heading_right {
background-image:url(images/grey/header_side.png)
}

#header.orange #heading,#header.orange #heading #heading_right {
background-image:url(images/orange/header_side.png)
}

#header.pink #heading,#header.pink #heading #heading_right {
background-image:url(images/pink/header_side.png)
}

#header.purple #heading,#header.purple #heading #heading_right {
background-image:url(images/purple/header_side.png)
}

#header.red #heading,#header.red #heading #heading_right {
background-image:url(images/red/header_side.png)
}

#header.yellow #heading,#header.yellow #heading #heading_right {
background-image:url(images/yellow/header_side.png)
}

#heading #heading_right {
padding-left:0;
padding-right:5px;
background-position:right top
}

#heading #heading_right #heading_bg {
background:url(images/header_bg.png);
height:93px;
padding:0 11px 0 13px
}

#heading h1,#heading h2 {
float:left
}

#heading h2 {
color:#a3a39a;
font-size:14px;
line-height:91px;
margin-left:4px
}

#heading #adv_468 {
float:right;
margin-top:11px
}

#heading #adv_468 a {
background-color:#ebeadb;
border:1px solid #dbdac9;
float:left;
height:60px;
position:relative;
padding:4px
}

#heading #adv_468 a:hover {
border-color:#5fafa5
}

#heading #adv_468 a:hover span.hidden {
background-color:#FFF;
position:absolute;
width:468px;
height:60px;
left:4px;
top:4px;
display:block!important;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2
}

#heading .share {
float:right;
margin-top:31px
}

#heading .share li {
float:left;
margin-right:11px
}

/*navigation*/
#navigation {
background:url(images/navigation_sides.png) no-repeat top right;
padding-right:5px;
height:40px;
clear:both;
width:934px;
padding-bottom:2px;
margin-bottom:14px;
font-size:.8em;
text-transform:capitalize
}

#navigation.black {
background-image:url(images/black/navigation_sides.png)
}

#navigation.blue {
background-image:url(images/blue/navigation_sides.png)
}

#navigation.green {
background-image:url(images/green/navigation_sides.png)
}

#navigation.grey {
background-image:url(images/grey/navigation_sides.png)
}

#navigation.orange {
background-image:url(images/orange/navigation_sides.png)
}

#navigation.pink {
background-image:url(images/pink/navigation_sides.png)
}

#navigation.purple {
background-image:url(images/purple/navigation_sides.png)
}

#navigation.red {
background-image:url(images/red/navigation_sides.png)
}

#navigation.yellow {
background-image:url(images/yellow/navigation_sides.png)
}

#navigation a {
color:#fff;
display:block;
padding:0 19px
}

#navigation a.home {
width:53px;
height:42px;
padding-right:0;
background:url(images/home.png) left top no-repeat;
padding-left:21px;
float:left;
line-height:40px;
color:#fff
}

#navigation.black a.home {
background-image:url(images/black/home.png)
}

#navigation.blue a.home {
background-image:url(images/blue/home.png)
}

#navigation.green a.home {
background-image:url(images/green/home.png)
}

#navigation.grey a.home {
background-image:url(images/grey/home.png)
}

#navigation.orange a.home {
background-image:url(images/orange/home.png)
}

#navigation.pink a.home {
background-image:url(images/pink/home.png)
}

#navigation.purple a.home {
background-image:url(images/purple/home.png)
}

#navigation.red a.home {
background-image:url(images/red/home.png)
}

#navigation.yellow a.home {
background-image:url(images/yellow/home.png)
}

#navigation ul.sf-menu {
background:url(images/navigation_bg.png) repeat-x;
height:40px;
width:860px;
float:left;
padding-bottom:2px
}

#navigation ul li {
background:url(images/navigation_sep.png) no-repeat right top;
padding-right:2px;
float:left;
line-height:40px
}

#navigation.black ul li {
background-image:url(images/black/navigation_sep.png)
}

#navigation.blue ul li {
background-image:url(images/blue/navigation_sep.png)
}

#navigation.green ul li {
background-image:url(images/green/navigation_sep.png)
}

#navigation.grey ul li {
background-image:url(images/grey/navigation_sep.png)
}

#navigation.orange ul li {
background-image:url(images/orange/navigation_sep.png)
}

#navigation.pink ul li {
background-image:url(images/pink/navigation_sep.png)
}

#navigation.purple ul li {
background-image:url(images/purple/navigation_sep.png)
}

#navigation.red ul li {
background-image:url(images/red/navigation_sep.png)
}

#navigation.yellow ul li {
background-image:url(images/yellow/navigation_sep.png)
}

#navigation ul li.lonely a {
background:url(images/navigation_bg.png) left top
}

#navigation ul li.popular.active {
line-height:32px;
padding-right:2px
}

ul#nav li.popular.active > a {
background:url(images/hover_test.png) no-repeat top left;
margin-top:4px;
margin-left:8px;
padding-right:8px;
padding-left:5px;
color:#3ca097;
z-index:1000;
height:36px;
float:left;
position:relative
}

ul#nav li.popular.active > a span {
background:url(images/hover_test.png) no-repeat bottom right;
padding-right:11px;
display:block;
height:31px;
padding-left:6px;
float:left
}

ul#nav li.popular .menu-item-arrow {
background:url(images/arrows.gif) -16px 0;
width:8px;
height:5px;
float:none;
margin-left:5px;
display:inline-block;
line-height:4px;
padding:0
}

ul#nav li.popular.active .menu-item-arrow {
background:url(images/arrows.gif) -8px 0;
width:8px;
height:5px;
float:none;
margin-left:5px;
display:inline-block;
line-height:4px;
padding:0
}

.red ul#nav li.popular.active .menu-item-arrow,.red ul#nav li.popular .menu-item-arrow {
background-image:url(images/red/arrows.gif)
}

.black ul#nav li.popular.active .menu-item-arrow,.black ul#nav li.popular .menu-item-arrow {
background-image:url(images/black/arrows.gif)
}

.blue ul#nav li.popular.active .menu-item-arrow,.blue ul#nav li.popular .menu-item-arrow {
background-image:url(images/blue/arrows.gif)
}

.green ul#nav li.popular.active .menu-item-arrow,.green ul#nav li.popular .menu-item-arrow {
background-image:url(images/green/arrows.gif)
}

.grey ul#nav li.popular.active .menu-item-arrow,.grey ul#nav li.popular .menu-item-arrow {
background-image:url(images/grey/arrows.gif)
}

.orange ul#nav li.popular.active .menu-item-arrow,.orange ul#nav li.popular .menu-item-arrow {
background-image:url(images/orange/arrows.gif)
}

.pink ul#nav li.popular.active .menu-item-arrow,.pink ul#nav li.popular .menu-item-arrow {
background-image:url(images/pink/arrows.gif)
}

.purple ul#nav li.popular.active .menu-item-arrow,.purple ul#nav li.popular .menu-item-arrow {
background-image:url(images/purple/arrows.gif)
}

.yellow ul#nav li.popular.active .menu-item-arrow,.yellow ul#nav li.popular .menu-item-arrow {
background-image:url(images/yellow/arrows.gif)
}

ul#nav li.popular.active .child .menu-item-arrow {
background-position:0 0;
display:block;
float:right;
right:3px;
top:50%;
width:8px;
position:absolute;
margin-top:-2px
}

ul#nav li.popular.active .child {
padding-right:11px;
width:101px
}

ul#nav li.popular.active li.hover .child .menu-item-arrow {
background-position:-24px 0;
width:8px
}

#nav,#nav ul {
list-style:none;
line-height:1;
margin:0;
padding:0
}

#nav li div.outerbox {
position:absolute;
z-index:19;
left:-999em
}

#nav li.active div.outerbox li.active.last div.outerbox {
margin-top:-30px
}

#nav li.active div.outerbox li.active.hover div.outerbox {
margin-top:-29px
}

#nav li.active div.outerbox li.active div.outerbox {
z-index:20;
left:auto;
margin:-29px 0 0 115px
}

#nav li.active div.children li.active ul li a {
color:#3CA097
}

#nav li.active div.children {
left:8px;
top:34px
}

.outerbox,.innerbox {
background:url(images/childul_tops.png) left top no-repeat;
width:140px;
z-index:2
}

.outerbox {
padding-top:12px
display:none; }
.active .outerbox {
display:block;
}

#nav ul.innerbox {
background-position:right bottom;
padding-bottom:16px;
float:left
}

#nav ul li,#nav li.active .children li.active ul li {
padding-left:13px;
padding-right:15px;
line-height:24px;
width:112px;
background:url(images/childul_bg.png)
}

.red #nav ul li,.red #nav li.active .children li.active ul li {
background-image:url(images/red/childul_bg.png)
}

.black #nav ul li,.black #nav li.active .children li.active ul li {
background-image:url(images/black/childul_bg.png)
}

.grey #nav ul li,.grey #nav li.active .children li.active ul li {
background-image:url(images/grey/childul_bg.png)
}

.pink #nav ul li,.pink #nav li.active .children li.active ul li {
background-image:url(images/pink/childul_bg.png)
}

.purple #nav ul li,.purple #nav li.active .children li.active ul li {
background-image:url(images/purple/childul_bg.png)
}

.blue #nav ul li,.blue #nav li.active .children li.active ul li {
background-image:url(images/blue/childul_bg.png)
}

.green #nav ul li,.green #nav li.active .children li.active ul li {
background-image:url(images/green/childul_bg.png)
}

.orange #nav ul li,.orange #nav li.active .children li.active ul li {
background-image:url(images/orange/childul_bg.png)
}

.yellow #nav ul li,.yellow #nav li.active .children li.active ul li {
background-image:url(images/yellow/childul_bg.png)
}

#nav ul li a,#nav li.active .children li.active ul li a {
border-top:1px solid #e1e1d3;
color:#3ca097;
display:block;
padding:0
}

.red ul#nav li.popular.active > a,.red #nav ul li a,.red #nav li.active .children li.active ul li a {
color:#95381f
}

.black ul#nav li.popular.active > a,.black #nav ul li a,.black #nav li.active .children li.active ul li a {
color:#55554b
}

.grey ul#nav li.popular.active > a,.grey #nav ul li a,.grey #nav li.active .children li.active ul li a {
color:#abab9d
}

.pink ul#nav li.popular.active > a,.pink #nav ul li a,.pink #nav li.active .children li.active ul li a {
color:#ce5c8d
}

.purple ul#nav li.popular.active > a,.purple #nav ul li a,.purple #nav li.active .children li.active ul li a {
color:#8a3e77
}

.blue ul#nav li.popular.active > a,.blue #nav ul li a,.blue #nav li.active .children li.active ul li a {
color:#388ca6
}

.green ul#nav li.popular.active > a,.green #nav ul li a,.green #nav li.active .children li.active ul li a {
color:#9da12d
}

.orange ul#nav li.popular.active > a,.orange #nav ul li a,.orange #nav li.active .children li.active ul li a {
color:#c2771d
}

.yellow ul#nav li.popular.active > a,.yellow #nav ul li a,.yellow #nav li.active .children li.active ul li a {
color:#c8a024
}

#nav ul li a:hover,#nav li.active .children li.active ul li a:hover {
color:#fff
}

#nav ul li.last a.child,#nav li.active .children li.active ul li.last a {
border-bottom:1px solid #e1e1d3
}

#nav ul li.hover,#nav li.active .children li.active ul li.hover {
border-top:1px solid #7db9b2;
border-bottom:1px solid #7db9b2;
background-position:top right
}

.red #nav ul li.hover,.red #nav li.active .children li.active ul li.hover {
border-top:1px solid #be4f30;
border-bottom:1px solid #be4f30
}

.black #nav ul li.hover,.black #nav li.active .children li.active ul li.hover {
border-top:1px solid #515146;
border-bottom:1px solid #515146
}

.grey #nav ul li.hover,.grey #nav li.active .children li.active ul li.hover {
border-top:1px solid #c1c1b1;
border-bottom:1px solid #c1c1b1
}

.pink #nav ul li.hover,.pink #nav li.active .children li.active ul li.hover {
border-top:1px solid #c65988;
border-bottom:1px solid #c65988
}

.purple #nav ul li.hover,.purple #nav li.active .children li.active ul li.hover {
border-top:1px solid #ac5696;
border-bottom:1px solid #ac5696
}

.blue #nav ul li.hover,.blue #nav li.active .children li.active ul li.hover {
border-top:1px solid #58a4bb;
border-bottom:1px solid #58a4bb
}

.green #nav ul li.hover,.green #nav li.active .children li.active ul li.hover {
border-top:1px solid #bec44e;
border-bottom:1px solid #bec44e
}

.orange #nav ul li.hover,.orange #nav li.active .children li.active ul li.hover {
border-top:1px solid #e0b828;
border-bottom:1px solid #e0b828
}

.yellow #nav ul li.hover,.yellow #nav li.active .children li.active ul li.hover {
border-top:1px solid #da9d43;
border-bottom:1px solid #da9d43
}

#nav ul li.hover a.child,#nav li.active .children li.active ul li.hover a {
border:none;
color:#fff
}

#nav ul li.next a,#nav li.active .children li.active ul li.next a {
border-top:none
}

#navigation a.home:hover,#navigation ul li.lonely a:hover {
background-position:bottom left
}

#navigation.black ul.sf-menu,#navigation.black ul li.lonely a {
background-image:url(images/black/navigation_bg.png)
}

#navigation.blue ul.sf-menu,#navigation.blue ul li.lonely a {
background-image:url(images/blue/navigation_bg.png)
}

#navigation.green ul.sf-menu,#navigation.green ul li.lonely a {
background-image:url(images/green/navigation_bg.png)
}

#navigation.grey ul.sf-menu,#navigation.grey ul li.lonely a {
background-image:url(images/grey/navigation_bg.png)
}

#navigation.orange ul.sf-menu,#navigation.orange ul li.lonely a {
background-image:url(images/orange/navigation_bg.png)
}

#navigation.pink ul.sf-menu,#navigation.pink ul li.lonely a {
background-image:url(images/pink/navigation_bg.png)
}

#navigation.purple ul.sf-menu,#navigation.purple ul li.lonely a {
background-image:url(images/purple/navigation_bg.png)
}

#navigation.red ul.sf-menu,#navigation.red ul li.lonely a {
background-image:url(images/red/navigation_bg.png)
}

#navigation.yellow ul.sf-menu,#navigation.yellow ul li.lonely a {
background-image:url(images/yellow/navigation_bg.png)
}

#navigation ul li.popular,#nav ul li a.child {
position:relative
}
/*RSS*/
#rss {
float:left;
width:226px;
height:61px;
margin-right:17px
}

#rss a {
background:url(images/rss.png) left top no-repeat;
width:162px;
height:27px;
display:block;
color:#f1cbc1;
padding-top:34px;
padding-left:64px;
font-weight:700;
font-size:.95em
}

#rss a:hover {
color:#efbcae;
background-position:left bottom
}

#rss a span {
color:#e29783;
font-weight:400;
font-size:.9em
}

#rss a:hover span {
color:#e69983
}

#rss.black a {
background-image:url(images/black/rss.png);
color:#cfcfcb
}

#rss.black a span {
color:#9d9d96
}

#rss.black a:hover {
color:#b8b8b3
}

#rss.black a:hover span {
color:#a6a6a0
}

#rss.blue a {
background-image:url(images/blue/rss.png);
color:#c2e1e9
}

#rss.blue a span {
color:#95cad8
}

#rss.blue a:hover {
color:#c4e5ed
}

#rss.blue a:hover span {
color:#99d1e0
}

#rss.green a {
background-image:url(images/green/rss.png);
color:#e7e9b5
}

#rss.green a span {
color:#dcdf8e
}

#rss.green a:hover {
color:#eff1c7
}

#rss.green a:hover span {
color:#dfe28f
}

#rss.grey a {
background-image:url(images/grey/rss.png);
color:#efefeb
}

#rss.grey a span {
color:#e2e2db
}

#rss.grey a:hover {
color:#f1f1ec
}

#rss.grey a:hover span {
color:#e6e6df
}

#rss.orange a {
background-image:url(images/orange/rss.png);
color:#f6dfb9
}

#rss.orange a span {
color:#f1c987
}

#rss.orange a:hover {
color:#fae7c5
}

#rss.orange a:hover span {
color:#f5ce8a
}

#rss.pink a {
background-image:url(images/pink/rss.png);
color:#efc2d5
}

#rss.pink a span {
color:#e6a1bf
}

#rss.pink a:hover {
color:#f6d6e4
}

#rss.pink a:hover span {
color:#ecaac7
}

#rss.purple a {
background-image:url(images/purple/rss.png);
color:#e8c3df
}

#rss.purple a span {
color:#dda4ce
}

#rss.purple a:hover {
color:#f2d4ea
}

#rss.purple a:hover span {
color:#e5aad6
}

#rss.teal a {
background-image:url(images/teal/rss.png);
color:#d1edea
}

#rss.teal a span {
color:#a1dad4
}

#rss.teal a:hover {
color:#d3f1ee
}

#rss.teal a:hover span {
color:#a6e3dd
}

#rss.yellow a {
background-image:url(images/yellow/rss.png);
color:#f8e8a5
}

#rss.yellow a span {
color:#f6e08f
}

#rss.yellow a:hover {
color:#fcf2c9
}

#rss.yellow a:hover span {
color:#fae592
}

/*search*/
#search {
background:url(images/search_sides.png) top left no-repeat;
height:60px;
float:left;
padding-left:6px;
width:690px;
margin-top:1px
}

#search #search_right {
background:url(images/search_sides.png) bottom right no-repeat;
padding-right:6px;
height:60px;
width:684px
}

#search #search_right #search_bg {
background:url(images/search_bg.png);
height:49px;
padding-left:10px;
padding-top:11px;
width:674px
}

#search .input-holder {
background:url(images/seach_input.png);
float:left;
width:429px;
height:36px
}

#search .input-holder.focusField {
background-position:bottom left
}

#search .input-holder input {
width:380px;
height:24px;
border:none;
background:none;
color:#bfbfb8;
line-height:24px;
padding:6px 12px 6px 35px
}

#search .input-holder.focusField input {
color:#838375
}

#search .searchBtn {
background:url(images/search_btn.png) top;
width:83px;
height:40px;
border:none;
float:left;
cursor:pointer;
margin-top:-1px
}

#search.black .searchBtn {
background-image:url(images/black/search_btn.png)
}

#search.blue .searchBtn {
background-image:url(images/blue/search_btn.png)
}

#search.green .searchBtn {
background-image:url(images/green/search_btn.png)
}

#search.grey .searchBtn {
background-image:url(images/grey/search_btn.png)
}

#search.orange .searchBtn {
background-image:url(images/orange/search_btn.png)
}

#search.pink .searchBtn {
background-image:url(images/pink/search_btn.png)
}

#search.purple .searchBtn {
background-image:url(images/purple/search_btn.png)
}

#search.teal .searchBtn {
background-image:url(images/teal/search_btn.png)
}

#search.yellow .searchBtn {
background-image:url(images/yellow/search_btn.png)
}

#search .searchBtn.hover {
background-position:bottom
}

#search a#cat-button {
float:left;
margin-left:8px;
margin-right:6px;
background:url(images/categoriesBtn.png) top left;
height:38px;
padding-left:15px;
font-size:.8em;
width:125px
}

#box-outer {
overflow:hidden;
height:40px;
position:absolute;
width:138px
}

ul#cat-menu {
background:url(images/categoriesLst.png) bottom left no-repeat;
font-size:.75em;
width:100%;
z-index:5;
position:absolute;
text-transform:capitalize;
padding:6px 0
}

ul#cat-menu li {
line-height:24px;
padding:0 10px
}

ul#cat-menu li a {
border-top:1px solid #e1e1d3;
border-bottom:1px solid #e1e1d3;
padding-left:14px;
background:url(images/categoriesRbt.png) no-repeat left center
}

ul#cat-menu li a:hover {
background-position:-118px center
}

ul#cat-menu li.ui-selectmenu-item-selected a {
background-position:-236px center
}

ul#cat-menu li + li a {
border-top:none
}

#search a#cat-button span {
background:url(images/categoriesBtn.png) top right;
height:38px;
line-height:35px;
padding-right:20px
}

#search a#cat-button:hover {
background-position:left -38px;
color:#3d7770
}

#search a#cat-button:hover span {
background-position:right -38px
}

#search a#cat-button.ui-state-active {
background-position:left bottom;
color:#3d7770
}

#search a#cat-button.ui-state-active span {
background-position:right bottom
}

.ui-selectmenu {
display:block;
position:relative;
height:2em;
text-decoration:none;
overflow:hidden
}

.ui-selectmenu-icon {
position:absolute;
right:6px;
margin-top:-8px;
top:50%
}

.ui-selectmenu-menu {
list-style:none;
position:absolute;
top:0;
overflow:auto;
margin:0;
padding:0
}

.ui-selectmenu-open {
visibility:visible
}

.ui-selectmenu-menu-popup {
margin-top:-1px
}

.ui-selectmenu-menu li {
display:block;
border-top:1px dotted transparent;
border-bottom:1px dotted transparent;
border-right-width:0!important;
border-left-width:0!important;
font-weight:400!important;
margin:0;
padding:0
}

.ui-selectmenu-menu li a,.ui-selectmenu-status {
display:block;
outline:none;
text-decoration:none
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,.ui-selectmenu-hasIcon .ui-selectmenu-status {
padding-left:20px;
position:relative;
margin-left:5px
}

.ui-selectmenu-menu li .ui-icon,.ui-selectmenu-status .ui-icon {
position:absolute;
top:1em;
margin-top:-8px;
left:0
}

/*content*/
#content_container { margin-top:13px; clear:both; }
#content_container { background:url(images/content_tops.png) no-repeat top left; float:left;/*hoe anders oplossen?*/ padding-top:4px; width:937px; }
#content_container_bg { padding:30px 29px 19px; float:left; /*hoe anders oplossen?*/ width:880px; background:url(images/content_bg.png); }
#content_container #content { float:left; width:566px; margin-right: 25px; }

/*featured posts*/
#content #featured_posts {
width:563px;
height:181px;
margin-bottom:14px;
margin-left:2px
}

#slider {
width:563px;
position:relative;
margin:0 auto
}

#slider .borders {
background:url(images/banner_borders.png);
position:absolute;
left:0;
top:0;
width:563px;
height:181px;
z-index:1
}

#slider ul.navigation {
position:absolute;
z-index:3;
background:url(images/banner_nav_bg.png);
width:145px;
height:36px;
bottom:7px;
right:11px;
padding:0 3px
}

#slider ul.navigation li {
display:block;
float:left;
width:29px
}

#featured_posts #slider ul.navigation li a,#featured_posts.teal #slider ul.navigation li a {
background:url(images/banner_nav_li_bg.png) no-repeat top left;
display:block;
width:26px;
height:26px;
padding-bottom:2px;
line-height:26px;
text-align:center;
color:#e5e5d6;
font-size:.9em;
margin:5px 1px 5px 2px
}

#featured_posts.black #slider ul.navigation li a {
background-image:url(images/black/banner_nav_li_bg.png)
}

#featured_posts.blue #slider ul.navigation li a {
background-image:url(images/blue/banner_nav_li_bg.png)
}

#featured_posts.green #slider ul.navigation li a {
background-image:url(images/green/banner_nav_li_bg.png)
}

#featured_posts.grey #slider ul.navigation li a {
background-image:url(images/grey/banner_nav_li_bg.png)
}

#featured_posts.orange #slider ul.navigation li a {
background-image:url(images/orange/banner_nav_li_bg.png)
}

#featured_posts.pink #slider ul.navigation li a {
background-image:url(images/pink/banner_nav_li_bg.png)
}

#featured_posts.purple #slider ul.navigation li a {
background-image:url(images/purple/banner_nav_li_bg.png)
}

#featured_posts.red #slider ul.navigation li a {
background-image:url(images/red/banner_nav_li_bg.png)
}

#featured_posts.yellow #slider ul.navigation li a {
background-image:url(images/yellow/banner_nav_li_bg.png)
}

#featured_posts #slider ul.navigation li a:hover {
background-position:0 -28px
}

#featured_posts #slider ul.navigation li a.selected {
background-position:0 -56px;
color:#8b8b7e
}

.scroll {
overflow:auto;
position:relative;
clear:left;
width:563px;
height:181px
}

.scrollContainer div.panel {
height:181px;
width:563px;
background:url(images/banner.jpg);
position:relative
}

.scrollContainer div.panel .content {
position:absolute;
background:url(images/banner.png);
width:312px;
height:122px;
left:15px;
top:18px;
z-index:2;
color:#838375;
padding:12px 15px 10px
}

.scrollContainer div.panel .content a:hover {
color:#fff
}

.scrollContainer div.panel .content a {
color:#898983
}

.scrollContainer div.panel .content h2 a {
color:#CA4F2E;
font-size:1.6em
}

.scrollContainer div.panel .content h2 a:hover {
color:#9e3114
}

.scrollContainer div.panel .content p {
display:block;
font-size:.8em;
height:66px;
margin-bottom:15px;
line-height:19px
}

.scrollContainer div.panel .content a.story,.scrollContainer div.panel .content a.comments {
font-size:.8em;
float:left
}

.scrollContainer div.panel .content a.comments {
float:right
}

/*posts*/
#content div#posts {
clear:both;
width:567px;
margin-bottom:11px
}

#content div#posts .post {
margin-right:11px;
background:url(images/post_bg.gif) repeat-y;
width:278px;
float:left;
margin-bottom:11px
}

#content div#posts .post.right {
margin-right:0
}

#content div#posts .post .categorie,#content div#posts.teal .post .categorie {
background:url(images/post_top.png);
height:33px;
width:278px;
color:#fff;
line-height:33px
}

#content div#posts.black .post .categorie {
background:url(images/black/post_top.png)
}

#content div#posts.blue .post .categorie {
background:url(images/blue/post_top.png)
}

#content div#posts.green .post .categorie {
background:url(images/green/post_top.png)
}

#content div#posts.grey .post .categorie {
background:url(images/grey/post_top.png)
}

#content div#posts.orange .post .categorie {
background:url(images/orange/post_top.png)
}

#content div#posts.pink .post .categorie {
background:url(images/pink/post_top.png)
}

#content div#posts.purple .post .categorie {
background:url(images/purple/post_top.png)
}

#content div#posts.red .post .categorie {
background:url(images/red/post_top.png)
}

#content div#posts.yellow .post .categorie {
background:url(images/yellow/post_top.png)
}

#content #posts .post .categorie h3 {
margin-left:14px;
font-size:.9em;
font-weight:100;
float:left;
color:#fff
}

#content #posts .post .categorie h3 a,#content #posts .post .categorie h3 a:hover {
color:#fff
}

#content #posts .post .categorie .icons {
margin-right:6px;
float:right;
margin-top:10px
}

#content #posts .post .categorie .icons a,#content #posts.teal .post .categorie .icons a {
background:url(images/post_icons.png) left top;
height:14px;
width:14px;
display:block;
float:left;
margin-right:6px;
cursor:pointer
}

#content #posts.black .post .categorie .icons a {
background-image:url(images/black/post_icons.png)
}

#content #posts.blue .post .categorie .icons a {
background-image:url(images/blue/post_icons.png)
}

#content #posts.green .post .categorie .icons a {
background-image:url(images/green/post_icons.png)
}

#content #posts.grey .post .categorie .icons a {
background-image:url(images/grey/post_icons.png)
}

#content #posts.orange .post .categorie .icons a {
background-image:url(images/orange/post_icons.png)
}

#content #posts.pink .post .categorie .icons a {
background-image:url(images/pink/post_icons.png)
}

#content #posts.purple .post .categorie .icons a {
background-image:url(images/purple/post_icons.png)
}

#content #posts.red .post .categorie .icons a {
background-image:url(images/red/post_icons.png)
}

#content #posts.yellow .post .categorie .icons a {
background-image:url(images/yellow/post_icons.png)
}

#content #posts .post .categorie .icons a:hover {
background-position:0 -14px
}

#content #posts .post .categorie .icons a.clicked {
background-position:left bottom
}

#content #posts .post .min {
height:233px
}

#content #posts .post .text {
padding:12px 14px
}

#content #posts .post .text .thumb_cont {
margin-bottom:9px;
float:none;
margin-right:0
}

#content #posts .post .text a.thumb {
background-color:#ebeadb;
border:1px solid #dbdac9;
width:240px;
height:88px;
display:block;
position:relative;
padding:4px
}

#content #posts .post .text a.thumb:hover {
background-color:#e6e5d3;
border-color:#5fafa5
}

#content #posts .post .text a.thumb:hover span.hidden {
background-color:#FFF;
position:absolute;
width:254px;
height:88px;
left:4px;
top:4px;
display:block!important;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2
}

#content #posts .post .text h2 a {
color:#ca4f2e;
font-size:1.5em
}

#content #posts .post .text h2 a:hover {
color:#9e3114
}

#content #posts .post .text p {
color:#838375;
font-size:.8em;
line-height:20px
}

#content #posts .post .more {
clear:both
}

#content #posts .post .more a {
background:url(images/read_more.png) no-repeat top left;
width:278px;
height:32px;
padding-bottom:4px;
display:block;
text-align:center;
line-height:32px;
font-size:.85em
}

#content #posts .post .more a:hover {
background-position:bottom left;
color:#23665f
}

/*sidebar*/
#sidebar {
width:289px;
float:left
}

#sidebar #newsletter {
background:url(images/newsletter.png) repeat scroll 0 0 transparent;
height:43px;
margin-bottom:13px;
padding-left:14px;
padding-right:12px;
padding-top:40px;
width:263px
}

#sidebar #newsletter .input-holder {
float:left
}

#sidebar #newsletter .input-holder input {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#838375;
height:19px;
width:179px;
line-height:19px;
padding:6px 9px
}

#sidebar #newsletter .emailBtn {
background:url(images/btnNewsletter.png) left top;
width:62px;
height:33px;
border:none;
margin-left:4px;
margin-top:-1px;
cursor:pointer;
float:left
}

#sidebar #newsletter .emailBtn.hover {
background-position:left bottom
}

#sidebar #newsletter.black {
background-image:url(images/black/newsletter.png)
}

#sidebar #newsletter.blue {
background-image:url(images/blue/newsletter.png)
}

#sidebar #newsletter.green {
background-image:url(images/green/newsletter.png)
}

#sidebar #newsletter.grey {
background-image:url(images/grey/newsletter.png)
}

#sidebar #newsletter.orange {
background-image:url(images/orange/newsletter.png)
}

#sidebar #newsletter.pink {
background-image:url(images/pink/newsletter.png)
}

#sidebar #newsletter.purple {
background-image:url(images/purple/newsletter.png)
}

#sidebar #newsletter.red {
background-image:url(images/red/newsletter.png)
}

#sidebar #newsletter.yellow {
background-image:url(images/yellow/newsletter.png)
}

#sidebar #adv_125 {
margin-left:2px;
width:287px;
margin-bottom:19px
}

#sidebar #adv_125 a.adv {
position:relative;
background-color:#ebeadb;
border:1px solid #dbdac9;
float:left;
margin-bottom:15px;
margin-right:15px;
padding:4px
}

#sidebar #adv_125 a.even {
margin-right:0
}

#sidebar #adv_125 a.adv:hover {
border-color:#5fafa5
}

#sidebar #adv_125 a.adv:hover span.hidden {
background-color:#FFF;
position:absolute;
width:125px;
height:125px;
left:4px;
top:4px;
display:block!important;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2
}

#sidebar #adv_125 #adv_w_us {
margin-left:-2px;
clear:both
}

#sidebar #adv_125 #adv_w_us a {
width:272px;
height:33px;
display:block;
text-align:center;
line-height:33px;
font-size:.9em;
padding-bottom:2px
}

/*tabs*/
#tabs {
padding-top:37px;
position:relative;
margin-bottom:13px;
}

#tabs ul.tabs {
position:absolute;
top:0;
left:0;
font-size:.75em
}

#tabs ul.tabs li {
display:block;
float:left;
margin-top:1px;
margin-right:4px
}

#tabs ul.tabs li a {
background:url(images/tabs.png) no-repeat -98px 0;
height:38px;
display:block;
padding-left:5px;
line-height:38px;
color:#76766a;
cursor:pointer
}

#tabs ul.tabs li a:hover {
background-position:-98px -42px
}

#tabs ul.tabs li a span {
background:url(images/tabs.png) no-repeat top right;
height:38px;
display:block;
padding-right:13px;
padding-left:8px;
line-height:36px
}

#tabs ul.tabs li a:hover span {
background-position:right bottom;
color:#3ca097
}

#tabs ul.tabs li.first a {
height:40px;
background-position:left top
}

#tabs ul.active {
display:block
}

#tabs ul.tabs li.ui-tabs-selected {
margin-top:0
}

#tabs ul.tabs li.ui-tabs-selected a,#tabs ul.tabs li.ui-tabs-selected a span {
background-image:url(images/tabs_active.png);
background-position:left bottom;
height:39px;
line-height:39px;
color:#3ca097
}

#tabs ul.tabs li.ui-tabs-selected.first a {
height:41px;
background-position:left top
}

#tabs ul.tabs li.ui-tabs-selected.first a span {
background-position:right top
}

#tabs ul.tabs li.ui-tabs-selected.first a:hover {
background-position:left top
}

#tabs #tabtop {
background:url(images/tabs_content_tops.png);
width:289px;
height:5px;
clear:both
}

#tabs .tab {
width:289px;
height:auto; /* Kein Überlappen mehr */
clear:both;
font-size:.8em
}

#tabs .tab div.bottom {
background:url(images/tabs_content_tops.png) bottom;
padding-bottom:7px;
width:289px
}

#tabs .tab div.cont {
background:url(images/tabs_content.gif) repeat-y;
width:283px;
padding:8px 3px 7px
}

#tabs .tab div.cont ul li {
padding-left:11px;
padding-right:13px;
font-size:.9em;
width:259px
}

#tabs .tab div.cont ul.small li a,#tabs .tab div.cont ul.big li span.element {
line-height:30px;
height:30px;
color:#3ca097;
display:block;
border-top:1px solid #e1e1d3;
border-bottom:1px solid #e1e1d3;
position:relative
}

#tabs .tab div.cont ul.small li a span.ct {
position:absolute;
right:0;
background:url(images/count_comments.gif) no-repeat left top;
height:13px;
padding-left:16px;
top:9px;
line-height:12px
}

#tabs .tab div.cont ul li.hover {
border-top:1px solid #7db9b2;
border-bottom:1px solid #7db9b2;
background-color:#6fd2c8
}

#tabs .tab div.cont ul.small li.prev a,#tabs .tab div.cont ul.big li.prev span.element {
border-bottom:none
}

#tabs .tab div.cont ul.small li.hover a,#tabs .tab div.cont ul.big li.hover span.element {
border:none;
color:#fff
}

#tabs .tab div.cont ul.small li.hover a span.ct {
background-position:left bottom;
color:#23665f
}

#tabs .tab div.cont ul.big li span.element {
display:block;
height:69px;
line-height:normal;
padding:5px 0
}

#tabs .tab div.cont ul.big li a {
line-height:normal
}

#tabs .tab div.cont ul.big li.hover a {
color:#d4f2ef
}

#tabs .tab div.cont ul.big li span.text {
display:block;
margin-top:5px;
word-wrap: break-word;
color:#76766a
}

#tabs .tab div.cont ul.big li.hover span.text {
color:#37837b
}

#tabs .tab div.cont ul.big li a.author {
background:url(images/count_comments.gif) no-repeat 0 2px;
height:13px;
padding-left:16px;
margin-top:1px
}

#tabs .tab div.cont ul.big li.hover a.author {
background-position:0 -13px
}

#tabs ul.tabs li.first a:hover,#tabs ul.tabs li.ui-tabs-selected a:hover {
background-position:left bottom
}

#tabs ul.tabs li.ui-tabs-selected a span,#tabs ul.tabs li.ui-tabs-selected a:hover span {
background-position:right bottom
}

#tabs .tab div.cont ul.small li + li a,#tabs .tab div.cont ul.big li + li span.element,#tabs .tab div.cont ul.small li.next li a,#tabs .tab div.cont ul.big li.next li span.element {
border-top:none
}

/*footer*/
#footer_bg {
width:100%;
background-color:#cfcfbd;
clear:both;
padding-bottom:15px
}

#footer_bg .hr {
height:1px;
background-color:#E6E6DA;
clear:both;
margin:0 2px!important
}

#footer_bg .hr.scnd {
background-color:#dedece
}

#footer {
clear:both;
width:878px;
float:left;
background:url(images/footer_bg.png) repeat-y;
padding:26px 30px 23px
}

#footer .box {
border-right:1px solid #dadad1;
float:left;
padding-right:5px;
margin-right:20px;
text-transform:capitalize
}

#footer h3 {
margin-bottom:11px;
font-weight:400;
font-size:1.2em
}

#footer h3 a {
color:#ca4f2e
}

#footer h3 a:hover {
color:#9e3114
}

#footer ul {
float:left
}

#footer li {
font-size:.8em;
margin-bottom:10px;
margin-right:15px
}

#footer li a {
color:#3ca097
}

#footer li a:hover {
color:#23665f
}

#love {
background:url(images/credits.png);
height:37px;
width:939px;
clear:both;
text-align:center;
color:#76766a;
line-height:33px;
font-size:.75em;
position:relative
}

#love p a.icon {
background:url(functions/monkpanel/images/icon.png);
display:inline-block;
width:22px;
height:22px;
vertical-align:-7px
}

#love p a.icon:hover {
background-position:right top
}

/*search page*/
#content.search #postcontainer .post { margin-right:0; background:none; clear:both; }
#content.search #postcontainer h1.title a { color:#ca4f2e; }
#content.search #postcontainer h1.title a:hover { color:#9e3114; }

.search a.more { width:75px; clear:both;}

/*general stuff*/
.page h2.results { color:#838375; font-size:1.5em; }
.page h2.results span { color:#ca4f2e; }

#content #postcontainer ul li {
background:url(images/ul.png) no-repeat scroll 0 6px transparent;
color:#838375;
font-size:.8em;
line-height:24px;
padding-left:20px
}
#content #postcontainer li.gut {
background:url(images/daumen_gut.png) no-repeat scroll 0 6px transparent;
font-style:italic;
list-style: none;
color:#838375;
font-size:.8em;
line-height:24px;
padding-left:20px
}
#content #postcontainer li.schlecht{
background:url(images/daumen_schlecht.png) no-repeat scroll 0 6px transparent;
font-style:italic;
list-style: none;
color:#838375;
font-size:.8em;
line-height:24px;
padding-left:20px;
margin-bottom: 20px;
}

/* #content #postcontainer ol li {
color:#838375;
font-size:.9em;
padding-left:34px;
background:url(images/ol_1.png) no-repeat left center;
line-height:32px
} */
#content #postcontainer ol li {
color:#838375;
font-size: 12px;
background:url(images/ol_1.png) no-repeat scroll 0 7px transparent;
line-height:20px;
padding: 10px;
padding-left:38px;
}
ol.footnotes li{
color:#838375;
font-size: 11px;
list-style: decimal;
list-style-image: none;
list-style-position: inside;
background: transparent  !important;
padding-left:10px !important;
}

#content #postcontainer p,#respond p {
color:#838375;
font-size:.8em;
margin-bottom:10px;
line-height:20px;
padding:0
}

#content.search #postcontainer .post p {
margin-bottom:10px
}

#content #postcontainer .post p,#content #postcontainer .post img {
margin-bottom:30px;
max-width: 570px; width: expression(this.width > 570 ? 570: true);
height:auto;
}

#content #postcontainer .post ul {
margin-bottom:25px
}

#content #postcontainer .post ol {
margin-bottom:29px
}

#content #postcontainer h1,.comments h2,.share h2,.comment h2 {
color:#4e4b37;
font-size:1.6em
}

#content #postcontainer .post h1,#content #postcontainer .post h2,#content #postcontainer .post h3,#content #postcontainer .post h4,#content #postcontainer .post h5,#content #postcontainer .post h6 {
margin-bottom:15px;
color:#4e4b37;
clear:both
}

#content #postcontainer h1 a,#content #postcontainer h2 a,#content #postcontainer h3 a,#content #postcontainer h4 a,#content #postcontainer h5 a,#content #postcontainer h1 span,#content #postcontainer h2 span,#content #postcontainer h3 span,#content #postcontainer h4 span,#content #postcontainer h5 span {
color:#ca4f2e
}

#content #postcontainer .post h2 {
font-size:1.5em
}

#content #postcontainer .post h3 {
font-size:1.4em
}

#content #postcontainer .post h4 {
font-size:1.3em
}

#content #postcontainer .post h5 {
font-size:1.2em
}

#content #postcontainer .post h6 {
font-size:1.1em
}

#postcontainer hr {
background-color:#ebeadb;
margin-top:18px;
margin-bottom:16px;
border:none;
height:1px;
clear:both
}

.search .thumb_cont {
height:113px
}

.thumb_cont {
position:relative;
width:250px;
height:98px;
float:left;
margin-right:12px
}

.thumb_cont .thumb {
background-color:#EBEADB;
border:1px solid #DBDAC9;
display:block;
height:88px;
width:240px;
padding:4px
}

.search .thumb_cont .thumb,.search .thumb_cont .thumb:hover span.hidden {
height:103px
}

.thumb_cont .thumb:hover {
border-color:#5fafa5
}

.thumb_cont .thumb:hover span.hidden {
background-color:#FFF;
position:absolute;
width:254px;
height:88px;
left:4px;
top:4px;
display:block!important;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2
}

a.comments_balloon {
display:block;
position:absolute;
background:url(images/comments.png) left top;
width:31px;
height:22px;
line-height:22px;
color:#49a69e;
text-align:center;
font-size:.7em;
top:12px;
right:9px;
padding-bottom:7px
}

a.comments_balloon:hover {
background-position:left bottom;
color:#286d66
}

div.tida {
display:inline-block;
margin-bottom:10px;
width:304px
}

#content #postcontainer h1.title {
float:left;
color:#ca4f2e;
margin-bottom:0
}

#content #postcontainer h1.title span.date {
color:#d6d5c7;
font-size:0.8em;
margin-left: 10px
}

/*comments*/
.comments.block {
position:relative
}

.comments .item {
overflow:hidden;
position:relative;
padding:10px 0 13px 34px
}

.comments .children,.grandchildren {
clear:left;
padding-left:26px;
position:relative
}

* html .comments .info {
margin:0 7px 0 0
}

.comments div.avatar {
display:inline;
position:relative;
z-index:3;
background:#fff;
margin:-10px 8px 0 -34px;
padding:13px 0 0
}

.comments .avatar a {
display:block;
position:relative
}

.comments .avatar a:hover {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7
}

.comments .avatar img {
display:block
}

.comments .avatar .border {
position:absolute;
background:url(images/gravatar_borders.png);
width:65px;
height:65px;
top:13px;
left:0
}

.comments .line {
width:19px;
height:9999px;
border:solid #dbdac9;
position:absolute;
bottom:50%;
left:-26px;
border-width:0 0 1px 1px
}

.comments .info {
margin:0 10px 0 0
}

.comments .info strong {
display:block;
font-size:13px;
color:#4e4b37;
line-height:15px
}

.comments .info strong a {
color:#3ca097;
text-decoration:none
}

.comments .info strong a:hover {
color:#23665f
}

.comments .info em {
font-style:normal;
font-size:11px;
height:1%;
display:block;
color:#838375
}

* html .comments .info em {
display:inline
}

.comments .info a.comment-reply {
float:left;
width:48px;
height:30px;
overflow:hidden;
font-size:.7em;
text-align:center;
line-height:26px;
position:relative;
background:url(images/reply.png) no-repeat left top;
display:block;
margin-top:10px;
cursor:pointer
}

.comments div.reply {
clear:left;
padding-top:24px;
position:relative
}

.comments div.reply div.reply {
margin-left:33px
}

.comments .reply:after {
content:"";
display:block;
clear:both
}

.comments .reply .avatar {
margin-left:0;
z-index:2
}

.comments .text {
overflow:hidden;
background:#ebeadb url(images/bg-comment-l.png) repeat-y;
position:relative;
margin:0 0 -2px
}

.comments .text .r {
background:url(images/bg-comment-r.png) repeat-y 100% 0
}

.comments .text .tl {
background:url(images/bg-comment-tl.png) no-repeat
}

.comments .text .tr {
background:url(images/bg-comment-tr.png) no-repeat 100% 0
}

.comments .text .bl {
background:url(images/bg-comment-bl.png) no-repeat 0 100%
}

.comments .text .br {
background:url(images/bg-comment-br.png) no-repeat 100% 100%;
min-height:28px;
position:relative;
padding:17px 20px 20px 24px
}

#content #postcontainer .comments .text .br p {
margin-bottom:0;
word-wrap:break-word
}

* html .comments .text .br {
height:28px
}

.comments .text p {
margin:0 0 10px
}

.comment.block {
border-top:1px solid #e9e0cf;
overflow:hidden;
width:100%;
padding:25px 0 0
}

.comment.block h4 {
color:#4e4a35;
font-size:25px;
font-weight:400;
line-height:28px;
margin:0 0 10px
}

.comment.block .col-left {
width:167px;
float:left
}

.comment.block .col-right {
width:389px;
float:left;
margin-left:10px
}

.comment.block .row {
width:100%;
padding-bottom:5.5px;
overflow:hidden
}

.comment.block label {
color:#4e4b37;
float:left;
cursor:pointer;
font-size:.8em;
margin:0 0 4px
}

.comment.block .input-holder {
width:158px;
height:24px;
background:url(images/comments_inputSmall.png) top left no-repeat;
float:left;
line-height:14px;
padding:9px 0 0 9px
}

.comment.block .area-holder {
width:367px;
height:143px;
float:left;
background:url(images/comments_inputBig.png) top left no-repeat;
padding:0 11px
}

.comment.block .area-holder textarea {
overflow:auto;
width:367px;
padding-bottom:3px;
height:131px;
border:0;
background:none;
float:right;
line-height:19px;
color:#a8a89e;
text-align:left;
font-size:.8em;
font-family:Arial, Helvetica, sans-serif;
margin:9px 0 0
}

.comment.block form {
margin-top:15px
}

.comment.block .notify {
width:100%;
padding-top:4px;
margin-top:15px;
height:35px;
line-height:33px
}

.comment.block .input-holder .text {
border:0;
background:none;
width:146px;
color:#a8a89e;
padding:0
}

.comment.block .input-holder.focusField .text,.comment.block .area-holder.focusField textarea {
color:#838375
}

.comment.block .notify input {
float:left;
margin-top:10px;
margin-right:5px
}

.comment.block .notify label {
color:#838375;
font-size:.8em
}

.form-inner {
height:1%;
overflow:hidden
}

#respond p.subscribe-to-comments {
line-height:33px!important
}

.block {
clear:both;
width:566px
}

.comments .grandchildren,.comment.block .form-inner {
overflow:hidden
}

.comments .info,.comments .avatar,.comment-form button,.comment.block .notify .row2 {
float:left
}

.comments .info a.comment-reply:hover,.comment.block .area-holder.focusField,.comment.block .input-holder.focusField {
background-position:left bottom
}

/*wp-post elements*/
.alignleft {
float:left;
margin-right:13px
}

.alignright {
float:right;
margin-bottom:23px;
margin-left:13px
}

.wp-caption {
background-color:#ebeadb;
border:1px solid #dbdac9;
color:#4e4b37;
margin-bottom:13px;
padding:4px;
text-align:center;
max-width: 570px; width: expression(this.width > 570 ? 570: true);
height:auto;
}

.wp-caption:hover {
border-color:#5fafa5
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

.wp-caption img {
border:0 none;
margin:0!important;
padding:0
}

.wp-caption p {
margin:10px 0!important;
text-align:center!important
}

/*sharethis button*/
.share h2 {
margin-left:2px
}

.shareInner {
padding:10px
}

.share .tl {
background:url(images/share_tl.png) no-repeat
}

.share .tr {
background:url(images/share_tr.png) no-repeat 100% 0
}

.share .bl {
background:url(images/share_bl.png) no-repeat 0 100%
}

.share .br {
background:url(images/share_br.png) no-repeat 100% 100%;
padding:6px 0
}

.share .c {
background:url(images/share_bg.png);
height:40px;
padding:4px 10px
}

.share ul {
float:left;
height:32px
}

.share2 h2 {
margin-left:2px
}

.share2 .tl {
background:url(images/share_tl.png) no-repeat
}

.share2 .tr {
background:url(images/share_tr.png) no-repeat 100% 0
}

.share2 .bl {
background:url(images/share_bl.png) no-repeat 0 100%
}

.share2 .br {
background:url(images/share_br.png) no-repeat 100% 100%;
padding:6px 0
}

.share2 .c {
background:url(images/share_bg.png);
height:auto;
padding:4px 10px
}

.share2 ul {
float:left;
height:32px
}

#content #postcontainer .share ul {
margin-top:4px
}

#content #postcontainer .share ul li {
background:none;
display:inline;
float:left;
margin-right:11px;
padding:0
}

.share ul li a {
display:inline-block;
height:32px;
width:32px
}

.share ul li a:hover {
-khtml-opacity:0.7;
-moz-opacity:0.7;
opacity:0.7;
zoom:1
}

.share a.digg {
background:url(images/digg.png)
}

.share a.facebook {
background:url(images/facebook.png)
}

.share a.twitter {
background:url(images/twitter.png)
}

.share a.technorati {
background:url(images/technorati.png)
}

.share a.delicious {
background:url(images/delicious.png)
}

.share a.stumbleupon {
background:url(images/stumbleupon.png)
}

.share a.reddit {
background:url(images/reddit.png)
}

.share a.myspace {
background:url(images/myspace.png)
}

#share,#sharethis_0 {
float:right
}

#sharethis_0 a {
background:url(images/share_btn.png) repeat scroll left top transparent!important;
float:left;
font-size:.8em;
height:38px;
margin-left:8px;
margin-right:6px;
padding:0 0 0 15px !important;
width:110px!important
}

#sharethis_0 a span {
background:url(images/share_btn.png) repeat scroll right top transparent;
display:block;
height:38px;
line-height:35px;
padding-right:20px
}

#sharethis_0 a:hover {
background-position:0 -38px!important
}

#sharethis_0 a:hover span {
background-position:right -38px
}

/* styled checkbox*/
.ui-checkbox,.ui-radio {
cursor:pointer
}

span.ui-checkbox,span.ui-radio {
display:block;
float:left;
height:14px;
margin-right:5px;
margin-top:10px;
width:14px
}

.ui-checkbox span.ui-icon,.ui-radio span.ui-icon {
background:url(images/checkbox.png);
display:block;
height:14px;
width:14px
}

.ui-checkbox #check {
display:none
}

.ui-checkbox.ui-state-hover span.ui-icon {
background-position:0 -14px
}

.ui-checkbox.ui-state-hover span.ui-icon-check,.ui-checkbox span.ui-icon-check {
background-position:bottom
}

/*paginator*/
#pagination {
height:58px;
margin:0 auto;
position:relative;
width:568px
}

#pagination a.btn {
background:url(images/pagination_btns.png) top left;
display:block;
height:40px;
left:0;
padding-left:0;
position:absolute;
top:0;
padding-right:0;
width:83px;
text-indent:-9999px;
}

#pagination a.btn.newer:hover {
background-position:left bottom
}

#pagination a.btn.older {
background-position:right top;
left:auto;
right:0
}

#pagination a.btn.older:hover {
background-position:right bottom
}

#pagination #paginator {
height:58px;
margin:0 auto;
position:relative;
width:384px
}

#pagination .numbers {
margin-left:-5px;
width:390px
}

.paginator span strong,.paginator span a {
background:url(images/pagination.png);
display:block;
float:left;
font-size:.9em;
height:38px;
line-height:35px;
margin-left:4px;
text-align:center;
width:35px
}

.paginator span a:hover {
background-position:-35px 0
}

.paginator span strong {
background-position:right;
color:#9c9d8f;
font-style:normal;
font-weight:400;
width:35px
}

#pagination .scroll_trough {
background:url(images/pagination_bar.png);
border-left:1px solid #dedfd7;
border-right:1px solid #dedfd7;
height:5px;
width:382px;
z-index:10
}

#pagination .scroll_knob {
background:url(images/pagination_drag.png);
bottom:-11px;
height:14px;
width:19px
}

.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%
}

.paginator table td {
padding:0;
text-align:center;
white-space:nowrap
}

.paginator .scroll_bar {
height:20px;
margin-top:10px;
position:relative;
width:100%
}

.paginator .scroll_thumb {
background:#9d9d8f;
height:3px;
left:0;
position:absolute;
top:2px;
width:0;
z-index:2
}

.paginator .scroll_knob {
cursor:pointer;
left:50%;
margin-left:-10px;
overflow:hidden;
position:absolute
}

.paginator .current_page_mark {
background:#d1d1c6;
height:3px;
left:0;
overflow:hidden;
position:absolute;
top:1px;
width:0;
z-index:1
}

/*comment popup*/
.popup-comment {
background:url(images/popup_tops.png) no-repeat left top;
display:block;
left:300px;
padding-top:12px;
position:absolute;
top:-9999px;
width:529px;
z-index:10
}

.popup-comment_bottom {
background:url(images/popup_tops.png) no-repeat right bottom;
padding-bottom:4px;
width:529px
}

.popup-comment .comment {
background:url(images/popup_bg.png) repeat-y;
padding:5px 12px;
width:505px
}

.popup-comment .title a {
background:url(images/close.png) no-repeat;
cursor:pointer;
height:15px;
overflow:hidden;
position:absolute;
right:15px;
text-indent:-9999px;
top:27px;
width:17px
}

.active .popup-comments {
display:block
}

.comment.block .popup-comment .col-right {
width:328px
}

.comment.block .popup-comment .area-holder {
background-image:url(images/comments_inputBig_popup.png);
width:306px;
}
.comment.block .popup-comment .area-holder textarea{width:306px;}

/*flowhub buttons*/
button,a.btn {
border:0;
cursor:pointer;
overflow:visible;
padding:0;
position:relative
}

button::-moz-focus-inner {
border:none
}

button span,a.btn span {
display:block;
position:relative;
white-space:nowrap
}

a.btn {
display:block;
width: 100px;
}

button.btn,a.btn {
background:transparent url(images/btn_sprite.png) no-repeat right -110px;
font-size:.8em;
margin-right:5px;
padding-right:12px;
text-align:center
}

button.btn {
padding-right:11px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
button span,a.btn span {
margin-top:-1px;
}
button.btn{padding-right:10px}
}

button.btn span,a.btn span {
background:transparent url(images/btn_sprite.png) no-repeat left top;
color:#3CA097;
height:35px;
line-height:31px;
padding-left:12px
}

button.btn:hover,button.btn.hover,a.btn:hover {
background-position:right -165px
}

button.btn:hover span,button.btn.hover span,a.btn:hover span {
background-position:0 -55px
}

/* wordpress related*/
.sticky {
background:#f7f7f7;
padding:0 10px 10px
}

.sticky h2 {
padding-top:10px
}

.commentlist cite,.commentlist cite a {
font-weight:700;
font-style:normal;
font-size:1.1em
}

small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {
color:#777
}

code {
font:1.1em 'Courier New', Courier, Fixed
}

acronym,abbr,span.caps {
font-size:.9em;
letter-spacing:.07em
}

#wp-calendar #prev a,#wp-calendar #next a {
font-size:9pt
}

#wp-calendar a {
text-decoration:none;
display:block
}

#wp-calendar caption {
font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:center;
width:100%
}

#wp-calendar th {
font-style:normal;
text-transform:capitalize
}

p img {
max-width:100%;
padding:0
}

img.centered {
display:block;
margin-left:auto;
margin-right:auto
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px
}

.alignright {
float:right
}

.alignleft {
float:left
}

#wp-calendar {
empty-cells:show;
width:155px;
margin:10px auto 0
}

#wp-calendar #next a {
padding-right:10px;
text-align:right
}

#wp-calendar #prev a {
padding-left:10px;
text-align:left
}

#wp-calendar td {
text-align:center;
padding:3px 0
}

#wp-calendar td.pad:hover {
background-color:#fff
}

/*newsletter page*/
#content #postcontainer.newsletter-page h1{
margin-bottom: 8px;
text-transform: capitalize;
color:#CA4F2E
}
.newsletter-page .block{
padding-left:80px;
background:url(images/newsletter_page.png) no-repeat left top;
width: 486px
}
#content #postcontainer.newsletter-page p{
font-weight:normal
}

.widget{margin-bottom:13px;}
#members-list {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}
	
#members-list li {
		min-height: 60px;
	}
	
#members-list li img.avatar {
		float: left;
		margin: 0 10px 0 0;
	}
	
#members-list li span.activity {
		font-size: 11px;
	}
	
img#ajax-loader {
	float: right;
	background:url(images/tabs.png) no-repeat -98px 0;
height:38px;
display:block;
padding-left:5px;
line-height:38px;
color:#76766a;
cursor:pointer
}

/* buddypress */
	span.activity {
		position:relative;
		color: #FFA200;
		font-size: 11px;
		background: #FFF9DB;
		padding: 4px 6px;
		border-right: 1px solid #FFE8C4;
		border-bottom: 1px solid #FFE8C4;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	span.highlight {
		position:relative;
		float:right;
		color: #36C9FB;
		font-size: 13px;
		background: #EBF7FF;
		padding: 4px 6px;
		border-right: 1px solid #A1DCFA;
		border-bottom: 1px solid #A1DCFA;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	activity-content ul {list-style:none;}
img.avatar {
	background: #ffffff;
	padding: 4px;
	border: 1px solid #ddd;
/* Round Corners (native in Safari, Firefox and Chrome) */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
/* Add the Shadow */
	-moz-box-shadow: 2px 2px 2px #dddddd;
	-webkit-box-shadow: 2px 2px 2px #dddddd;
}

/*tabs*/
#tabs1 {
padding-top:37px;
position:relative;
margin-bottom:13px;
}

#tabs1 ul.tabs1 {
position:absolute;
top:0;
left:0;
font-size:.75em
}

#tabs1 ul.tabs1 li {
display:block;
float:left;
margin-top:1px;
margin-right:4px
}

#tabs1 ul.tabs1 li a {
background:url(images/tabs.png) no-repeat -98px 0;
height:38px;
display:block;
padding-left:5px;
line-height:38px;
color:#76766a;
cursor:pointer
}

#tabs1 ul.tabs1 li a:hover {
background-position:-98px -42px
}

#tabs1 ul.tabs1 li a span {
background:url(images/tabs.png) no-repeat top right;
height:38px;
display:block;
padding-right:13px;
padding-left:8px;
line-height:36px
}

#tabs1 ul.tabs1 li a:hover span {
background-position:right bottom;
color:#3ca097
}

#tabs1 ul.tabs1 li.first a {
height:40px;
background-position:left top
}

#tabs1 ul.active {
display:block
}

#tabs1 ul.tabs1 li.ui-tabs-selected1 {
margin-top:0
}

#tabs1 ul.tabs1 li.ui-tabs-selected1 a,#tabs1 ul.tabs1 li.ui-tabs-selected1 a span {
background-image:url(images/tabs_active.png);
background-position:left bottom;
height:39px;
line-height:39px;
color:#3ca097
}

#tabs1 ul.tabs1 li.ui-tabs-selected1.first a {
height:41px;
background-position:left top
}

#tabs1 ul.tabs1 li.ui-tabs-selected1.first a span {
background-position:right top
}

#tabs1 ul.tabs1 li.ui-tabs-selected1.first a:hover {
background-position:left top
}

#tabs1 #tabtop1 {
background:url(images/tabs_content_tops.png);
width:289px;
height:5px;
clear:both
}

#tabs1 .tab1 {
width:289px;
clear:both;
font-size:.8em
}

#tabs1 .tab1 div.bottom1 {
background:url(images/tabs_content_tops.png) bottom;
padding-bottom:7px;
width:289px
}

#tabs1 .tab1 div.cont1 {
background:url(images/tabs_content.gif) repeat-y;
width:283px;
padding:8px 3px 7px
}

#tabs1 .tab1 div.cont1 ul li {
padding-left:11px;
padding-right:13px;
font-size:.9em;
width:259px
}

#tabs1 .tab1 div.cont1 ul.small1 li a,#tabs1 .tab1 div.cont1 ul.big1 li span.element {
line-height:30px;
height:30px;
color:#3ca097;
display:block;
border-top:1px solid #e1e1d3;
border-bottom:1px solid #e1e1d3;
position:relative
}

#tabs1 .tab1 div.cont1 ul.small1 li a span.ct {
position:absolute;
right:0;
background:url(images/count_comments.gif) no-repeat left top;
height:13px;
padding-left:16px;
top:9px;
line-height:12px
}
#tabs1 .tab1 div.cont1 ul.small1 li a span.profil {
position:absolute;
right:0;
background:url(images/tab1_profil.png) no-repeat left top;
height:16px;
padding-left:16px;
top:9px;
line-height:12px
}
#tabs1 .tab1 div.cont1 ul.small1 li a span.profil_update {
position:absolute;
right:0;
background:url(images/tab1_activity.png) no-repeat left top;
height:16px;
padding-left:16px;
top:9px;
line-height:12px
}
#tabs1 .tab1 div.cont1 ul.small1 li a span.profil_bearbeiten {
position:absolute;
right:0;
background:url(images/tab1_profil_bearbeiten.png) no-repeat left top;
height:16px;
padding-left:16px;
top:9px;
line-height:12px
}
#tabs1 .tab1 div.cont1 ul.small1 li a span.profilbild_aendern {
position:absolute;
right:0;
background:url(images/tab1_profilbild_aendern.png) no-repeat left top;
height:16px;
padding-left:16px;
top:9px;
line-height:12px
}
#tabs1 .tab1 div.cont1 ul.small1 li a span.nachrichten {
position:absolute;
right:0;
background:url(images/tab1_nachrichten.png) no-repeat left top;
height:16px;
padding-left:16px;
top:9px;
line-height:12px
}
#tabs1 .tab1 div.cont1 ul.small1 li a span.fotoalbum {
position:absolute;
right:0;
background:url(images/tab1_fotoalbum.png) no-repeat left top;
height:16px;
padding-left:16px;
top:9px;
line-height:12px
}
#tabs1 .tab1 div.cont1 ul.small1 li a span.fotoalbum_upload {
position:absolute;
right:0;
background:url(images/tab1_fotoalbum_upload.png) no-repeat left top;
height:16px;
padding-left:16px;
top:9px;
line-height:12px
}
#tabs1 .tab1 div.cont1 ul.small1 li a span.einstellungen {
position:absolute;
right:0;
background:url(images/tab1_einstellungen.png) no-repeat left top;
height:16px;
padding-left:16px;
top:9px;
line-height:12px
}
#tabs1 .tab1 div.cont1 ul.small1 li a span.logout {
position:absolute;
right:0;
background:url(images/tab1_logout.png) no-repeat left top;
height:16px;
padding-left:16px;
top:9px;
line-height:12px
}

#tabs1 .tab1 div.cont1 ul li.hover {
border-top:1px solid #7db9b2;
border-bottom:1px solid #7db9b2;
background-color:#6fd2c8
}

#tabs1 .tab1 div.cont1 ul.small1 li.prev a,#tabs1 .tab1 div.cont1 ul.big1 li.prev span.element {
border-bottom:none
}

#tabs1 .tab1 div.cont1 ul.small1 li.hover a,#tabs1 .tab1 div.cont1 ul.big1 li.hover span.element {
border:none;
color:#fff
}

#tabs1 .tab1 div.cont1 ul.small1 li.hover a span.ct {
background-position:left bottom;
color:#23665f
}

#tabs1 .tab1 div.cont1 ul.big1 li span.element {
display:block;
height:69px;
line-height:normal;
padding:5px 0
}

#tabs1 .tab1 div.cont1 ul.big1 li a {
line-height:normal
}

#tabs1 .tab1 div.cont1 ul.big1 li.hover a {
color:#d4f2ef
}

#tabs1 .tab1 div.cont1 ul.big1 li span.text {
display:block;
margin-top:5px;
word-wrap: break-word;
color:#76766a
}

#tabs1 .tab1 div.cont1 ul.big1 li.hover span.text {
color:#37837b
}

#tabs1 .tab1 div.cont1 ul.big1 li a.author {
background:url(images/count_comments.gif) no-repeat 0 2px;
height:13px;
padding-left:16px;
margin-top:1px
}

#tabs1 .tab1 div.cont1 ul.big1 li.hover a.author {
background-position:0 -13px
}

#tabs1 ul.tabs1 li.first1 a:hover,#tabs1 ul.tabs1 li.ui-tabs-selected1 a:hover {
background-position:left bottom
}

#tabs1 ul.tabs1 li.ui-tabs-selected1 a span,#tabs1 ul.tabs1 li.ui-tabs-selected1 a:hover span {
background-position:right bottom
}

#tabs1 .tab1 div.cont1 ul.small1 li + li a,#tabs1 .tab1 div.cont1 ul.big1 li + li span.element,#tabs1 .tab1 div.cont1 ul.small1 li.next li a,#tabs1 .tab1 div.cont1 ul.big1 li.next li span.element {
border-top:none
}