/* ::::: http://www.wirfeiern.ch/layout/css/screen.asp ::::: */

body { margin: 0px; padding: 0px; font: 11px/17px Verdana,Arial,sans-serif; text-align: center; }
#wrapper-outer { text-align: left; margin: 0px auto; width: 828px; clear: both; }
#wrapper-main { clear: both; }
#wrapper { float: left; width: 828px; background-image: url('bg-wrapper-userhomepage.gif'); background-repeat: repeat-y; background-position: left center; margin: 5px 0px 0px; border-width: 1px 1px 0px; border-style: solid; }
#head { height: 135px; background-repeat: no-repeat; background-position: 1px 1px; background-color: rgb(255, 255, 255); width: 827px; }
#sidebar { width: 160px; float: right; margin: -37px 1px 0px 0px; text-align: center; min-height: 676px; background-repeat: no-repeat; background-position: center bottom; }
#sidebar h2 { margin: 0px; padding: 10px 0px 0px; }
#sidebar p { margin: 0px; padding: 0px; opacity: 0.5; }
#sidebar a:hover { text-decoration: none; }
#homepage-rating { padding: 0px 0px 10px; border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); }
#rating-stars img { padding: 2px 1px 1px 0px; }
#sidebar #login, #sidebar #logged-in { text-align: left; padding: 9px 0px 8px 20px; height: 17px; border-top: 1px solid rgb(255, 255, 255); background: rgb(76, 141, 197) none repeat scroll 0% 0%; }
#sidebar #login a, #sidebar #logged-in a { color: rgb(236, 245, 250); margin: 0px; padding: 0px; line-height: 14px; }
#sidebar #login a { padding: 5px 21px 5px 0px; background: rgba(0, 0, 0, 0) url('icn-key-big.gif') no-repeat scroll right center; }
#admincontrols { text-align: right; height: 37px; width: 152px; }
#scrollingElement { width: 160px; text-align: left; font-size: 10px; line-height: 13px; }
.scrollingElement-wrapper { background: rgba(0, 0, 0, 0) url('bg-blue-trans.png') repeat scroll 0% 0%; border-bottom: 1px solid rgb(255, 255, 255); padding: 0px 0px 5px; }
#scrollingElement .scrolling-inner { padding: 3px 5px 0px; width: 147px; }
#scrollingElement .userbild { float: left; margin: 0px 4px 0px 0px; }
#sidebar #scrollingElement a { color: rgb(5, 117, 186); }
#content { min-height: 670px; width: 468px; margin: 0px 0px 0px 181px; overflow: hidden; }
#content, x:-moz-any-link { margin: 0px 0px 0px 16px; }
#content, x:-moz-any-link, x:default { margin: 0px 0px 0px 181px; }
#container { padding-bottom: 145px; background-repeat: no-repeat; background-position: 1px bottom; border-bottom: 1px solid rgb(255, 255, 255); }
#footer { clear: both; padding: 8px 0px 15px; line-height: 12px; margin: 20px 0px 0px 183px; width: 468px; border-top: 1px solid rgb(191, 191, 191); }
#footer a { color: rgb(0, 0, 0); }
#footer p { padding: 3px 0px 6px; }
#footer p.footnote, .footnote { font-size: 9px; line-height: 13px; color: rgb(164, 164, 164); padding: 4px 0px 0px; }
.footnote a { color: rgb(164, 164, 164) !important; text-decoration: underline; }
.footnote a:hover { color: rgb(115, 115, 115) !important; }
.cms-container, .clearfix { display: inline-block; width: 100%; margin: 0px; padding: 0px; }
.clearfix, x:-moz-any-link { display: table; }
.clearfix, x:-moz-any-link, x:default { display: inline-block; }
p, h1, h2, h3, h4, h5, h6, form, table { margin: 0px; padding: 0px; }
p { padding: 0px 0px 10px; }
h1 { font-weight: normal; font-size: 21px; padding: 13px 0px; line-height: 24px; letter-spacing: -1px; }
h2 { font-weight: normal; font-size: 14px; padding: 0px 0px 6px; line-height: 18px; }
br { line-height: 10px; }
ul, ol { padding: 3px 0px 10px; margin: 0px; }
ul li, ol li { margin: 0px 0px 0px 25px; padding: 0px; }
#content ul { list-style: outside none none; }
#content ul li { padding: 0px 0px 3px 14px; margin: 0px; background: rgba(0, 0, 0, 0) url('li-element.gif') no-repeat scroll 2px 7px; }
a { color: rgb(219, 0, 0); text-decoration: none; }
a:hover { text-decoration: underline; }
a img, img { border: medium none; }
#nav { width: 166px; float: left; position: relative; z-index: 900; overflow: hidden; }
.tabnav-red, .tabnav-blue, .tabnav-grey { height: 29px !important; background: rgba(0, 0, 0, 0) url('bg-pixel-tabnav-red.gif') repeat-x scroll center bottom; margin: 0px 0px 15px; display: table; }
.tabnav-grey { background: rgba(0, 0, 0, 0) url('bg-pixel-tabnav-grey.gif') repeat-x scroll center bottom; }
.tabnav-red ul, .tabnav-blue ul, .tabnav-grey ul { padding: 0px; list-style-type: none; }
.tabnav-red ul li, .tabnav-blue ul li, .tabnav-grey ul li { float: left; font-size: 11px; font-weight: bold; margin: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important; padding: 0px 3px 0px 0px !important; }
.tabnav-red ul li a, .tabnav-blue ul li a, .tabnav-grey ul li a { float: left; display: block; padding: 4px 12px; color: rgb(229, 68, 68); background-color: rgb(255, 229, 223); border-top: 1px solid rgb(255, 255, 255); }
.tabnav-grey ul li a { color: rgb(142, 142, 142) !important; background-color: rgb(236, 236, 236); }
.tabnav-red ul li a:focus, .tabnav-red ul li a:active, .tabnav-red ul li a:hover, .tabnav-blue ul li a:focus, .tabnav-blue ul li a:active, .tabnav-blue ul li a:hover, .tabnav-grey ul li a:focus, .tabnav-grey ul li a:active, .tabnav-grey ul li a:hover { text-decoration: none !important; color: rgb(255, 255, 255) !important; background-color: rgb(219, 0, 0) !important; }
.tabnav-grey ul li a:focus, .tabnav-grey ul li a:active, .tabnav-grey ul li a:hover { background-color: rgb(224, 224, 224) !important; color: rgb(117, 117, 117) !important; }
.tabnav-red ul li.active a, .tabnav-red ul li.active a:hover, .tabnav-red ul li.active a:focus, .tabnav-red ul li.active a:active, .tabnav-blue ul li.active a, .tabnav-blue ul li.active a:hover, .tabnav-blue ul li.active a:focus, .tabnav-blue ul li.active a:active, .tabnav-grey ul li.active a, .tabnav-grey ul li.active a:hover, .tabnav-grey ul li.active a:focus, .tabnav-grey ul li.active a:active { border-width: 1px; border-style: solid; border-color: rgb(219, 0, 0) rgb(219, 0, 0) rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; color: rgb(219, 0, 0) !important; background-color: rgb(255, 255, 255) !important; cursor: default; padding-bottom: 7px; }
.tabnav-grey ul li.active a, .tabnav-grey ul li.active a:focus, .tabnav-grey ul li.active a:hover, .tabnav-grey ul li.active a:active { border-width: 1px; border-style: solid; border-color: rgb(127, 127, 127) rgb(127, 127, 127) rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; color: rgb(89, 89, 89) !important; }
.tabnav-grey li.icn-add a { color: rgb(142, 142, 142) !important; background: rgb(236, 236, 236) url('icn-add.gif') no-repeat scroll 5px 5px !important; padding-left: 24px; padding-right: 7px; }
#nav ul.meta { border-top: medium none; }
#nav ul { list-style-type: none; padding: 0px 0px 11px; margin: 0px 0px 0px 1px; border-top: 5px solid rgb(255, 255, 255); }
#nav ul li { padding: 0px; margin: 0px; }
#nav ul li a { color: rgb(255, 255, 255); display: block; padding: 4px 0px 4px 5px; font-weight: bold; font-size: 10px; line-height: 12px; width: 160px; }
#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus { text-decoration: none; }
#seitenwechsler ul { height: 22px; padding: 0px; margin: 0px auto; background: rgba(0, 0, 0, 0) url('bg-pageturner-left.gif') no-repeat scroll left top; }
#seitenwechsler ul li { padding: 0px; margin: 0px; display: inline; }
#seitenwechsler ul li#naechsteseite { float: right; display: block; background: rgba(0, 0, 0, 0) url('bg-pageturner-right.gif') no-repeat scroll right top; }
#seitenwechsler ul li#naechsteseite a { padding: 0px 8px 0px 5px; background: rgba(0, 0, 0, 0) url('icn-arrow-grey.gif') no-repeat scroll right center; font-size: 10px; margin: 0px 7px 0px 0px; line-height: 20px; width: auto; }
#seitenwechsler ul li#vorherigeseite a { padding: 0px 20px 0px 15px; background: rgba(0, 0, 0, 0) url('icn-arrow-grey-left.gif') no-repeat scroll 7px 7px; font-size: 10px; line-height: 20px; width: auto; }
#seitenwechsler ul li a, #seitenwechsler ul li a:link, #seitenwechsler ul li a:visited { color: rgb(90, 90, 90); height: 22px; line-height: 20px; width: 30px; text-align: center; float: left; display: block; background: rgba(0, 0, 0, 0) url('bg-pageturner.gif') no-repeat scroll center center; }
#seitenwechsler ul li a:hover, #seitenwechsler ul li a:active, #seitenwechsler ul li a:focus { color: rgb(0, 0, 0); text-decoration: none; background: rgba(0, 0, 0, 0) url('bg-pageturner-over.gif') no-repeat scroll center center; }
#seitenwechsler ul li.active a { color: rgb(0, 0, 0); font-weight: bold; background: rgba(0, 0, 0, 0) url('bg-pageturner-active.gif') no-repeat scroll center center; }
div.comment { padding: 15px 0px 0px; }
div.comment p.comment-info, div.comment-neutral p.comment-info { padding: 8px 0px 1px 44px; margin: -1px 0px 0px; line-height: 14px; background: rgba(0, 0, 0, 0) url('bg-sprechblase.gif') no-repeat scroll left top; }
div.comment a:hover, div.comment a:active, div.comment a:focus { text-decoration: none; }
div.comment span.comment-date { font-size: 10px; color: rgb(127, 127, 127); }
img.comment-userbild { float: left; margin: 0px 8px 0px 0px; }
div.comment blockquote, div.comment-neutral blockquote, div.comment-box { margin: 0px; padding: 10px 12px 10px 13px; background: rgb(248, 248, 248) none repeat scroll 0% 0%; border: 1px solid rgb(221, 221, 221); }
div.comment span.comment-contact-meta { padding: 0px 0px 0px 5px; }
div.comment span.comment-contact-meta img { padding: 0px 3px 0px 0px; }
.sortbox-top { background: rgba(0, 0, 0, 0) url('bg-sortbox-top.gif') repeat-x scroll 0% 0%; padding: 13px 0px 0px; width: 468px; }
.sortbox-bottom { background: rgba(0, 0, 0, 0) url('bg-sortbox-bottom.gif') repeat-x scroll center bottom; padding: 0px 0px 13px; }
a.icn-link.arrow-blue { background: rgba(0, 0, 0, 0) url('icn-arrow-blue.gif') no-repeat scroll right 4px; padding: 0px 8px 0px 0px; }
img.userbild { padding: 1px; border: 1px solid rgb(195, 195, 195); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
/* ::::: http://www.wirfeiern.ch/layout/css/sujets-freizeit.css ::::: */

body.hp-werbefrei.freizeit-sujet-1 { background: rgb(255, 214, 89) url('freizeit-1-bg-werbefrei.jpg') no-repeat fixed center top; }
.freizeit-sujet-1 .userhomepage-wrapper { background-color: rgb(253, 209, 126); border-color: rgb(203, 151, 56); }
.freizeit-sujet-1 h1, .freizeit-sujet-1 #faq-accordion h2.accordion-toggle, .freizeit-sujet-1 #content a, .freizeit-sujet-1 #content .album-foto ul li.album-diashow a:hover { color: rgb(196, 108, 32); }
.freizeit-sujet-1 #head { background-image: url('freizeit-1-header.jpg'); }
.freizeit-sujet-1 #sidebar { background-image: url('freizeit-1-rechts.jpg'); min-height: 660px; }
.freizeit-sujet-1 #container { background-image: url('freizeit-1-footer.gif'); }
.freizeit-sujet-1 #homepage-rating { background-color: rgb(253, 209, 126); }
.freizeit-sujet-1 #content ul li { background: rgba(0, 0, 0, 0) url('ferien-li-element.gif') no-repeat scroll 2px 7px; }
.freizeit-sujet-1 div.comment p.comment-info { background: rgba(0, 0, 0, 0) url('ferien-bg-sprechblase.gif') no-repeat scroll left top; }
.freizeit-sujet-1 div.comment blockquote, .freizeit-sujet-1 div.comment .comment-box { background: rgb(254, 247, 237) none repeat scroll 0% 0%; border: 1px solid rgb(235, 199, 127); }
.freizeit-sujet-1 #nav { padding-bottom: 115px; background: rgba(0, 0, 0, 0) url('bg-nav-bottom.gif') no-repeat scroll 1px bottom; }
.freizeit-sujet-1 #nav ul { background: rgb(213, 151, 98) none repeat scroll 0% 0%; }
.freizeit-sujet-1 #nav ul.meta li a, .freizeit-sujet-1 #nav ul li a:hover, .freizeit-sujet-1 #nav ul li a:active, .freizeit-sujet-1 #nav ul li a:focus, .freizeit-sujet-1 #nav ul li.active a { background: rgb(142, 74, 15) url('bg-nav-on.gif') repeat-x scroll 0% 0%; }
.freizeit-sujet-1 #nav ul li a { background: rgb(197, 103, 22) url('bg-nav.gif') repeat-x scroll 0% 0%; border-bottom: 1px solid rgb(213, 151, 98); }