/* ::::: 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; }
input, textarea { font: 11px/15px Verdana,Arial,sans-serif; height: 15px; vertical-align: middle; padding: 3px 4px 2px; margin: 0px; border: 1px solid rgb(219, 0, 0); background: rgb(255, 255, 255) url('bg-input.gif') repeat-x scroll 0% 0%; }
textarea { height: 140px; overflow: auto; line-height: 16px; }
button { font-family: Verdana,Arial,sans-serif; font-size: 11px; margin: 0px; border: medium none; width: auto; background-color: transparent; vertical-align: middle; text-align: left; overflow: visible; cursor: pointer; }
input:hover, textarea:hover, input:focus, textarea:focus { border: 1px solid rgb(188, 0, 0); }
.box-top input, .box-top textarea, .box-top-schmal input, .box-top-schmal textarea { border: 1px solid rgb(194, 194, 194); width: 206px; }
.box-top input:hover, .box-top textarea:hover, .box-top input:focus, .box-top textarea:focus, .box-top-schmal input:hover, .box-top-schmal textarea:hover, .box-top-schmal input:focus, .box-top-schmal textarea:focus { border: 1px solid rgb(165, 165, 165); }
textarea.textareabreit { width: 429px; }
.box-top label, .box-top-schmal label { display: block; padding: 6px 0px 2px; }
table { border-spacing: 0px; border-collapse: collapse; }
table td { vertical-align: top; font-size: 11px; line-height: 17px; }
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; }
#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; }
.captcha { padding: 17px 0px 10px; }
.captcha img { float: left; border: 1px solid rgb(195, 195, 195); margin: 0px 10px 0px 0px; }
.captcha label { padding: 0px 0px 4px; line-height: 14px; }
.captcha input { width: 100px; }
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 span.comment-date { font-size: 10px; color: rgb(127, 127, 127); }
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-meta { font-size: 9px; float: right; }
.box-top { background: rgb(241, 241, 241) url('bg-box-top.gif') repeat-x scroll left top; }
.box-bottom { min-height: 70px; background: rgba(0, 0, 0, 0) url('bg-box-bottom.gif') repeat-x scroll left bottom; }
.box-innen { padding: 10px 14px 17px 15px; }
.btn-wrapper-red, .btn-wrapper-blue, .btn-wrapper-grey { width: auto; float: left; white-space: nowrap; background: rgba(0, 0, 0, 0) url('btn-left-red.gif') no-repeat scroll left top; }
.btn-wrapper-grey { background: rgba(0, 0, 0, 0) url('btn-left-grey.gif') no-repeat scroll left top; }
.btn-wrapper-red a, .btn-wrapper-blue a, .btn-wrapper-grey a, .btn-wrapper-red button, .btn-wrapper-blue button, .btn-wrapper-grey button { color: rgb(255, 255, 255) !important; display: block; padding: 0px 7px; background: rgba(0, 0, 0, 0) url('btn-right-red.gif') no-repeat scroll right top; height: 22px; }
.btn-wrapper-grey a, .btn-wrapper-grey button { background: rgba(0, 0, 0, 0) url('btn-right-grey.gif') no-repeat scroll right top; color: rgb(0, 0, 0) !important; }
.btn-wrapper-red button, .btn-wrapper-blue button, .btn-wrapper-grey button { padding: 0px 4px 3px; line-height: 15px; }
.btn-wrapper-grey a:hover, .btn-wrapper-grey a:active, .btn-wrapper-grey a:focus { text-decoration: none; }
.btn-wrapper-red a span, .btn-wrapper-blue a span, .btn-wrapper-grey a span, .btn-wrapper-red button span, .btn-wrapper-blue button span, .btn-wrapper-grey button span { padding: 2px 0px 3px; display: block; }
.icn-arrow-back a span, .icn-arrow-back button span { padding: 2px 0px 3px 10px; background: rgba(0, 0, 0, 0) url('icn-arrow-white-left.gif') no-repeat scroll left center; }
.btn-wrapper-grey.icn-arrow-back a span, .btn-wrapper-grey.icn-arrow-back button span { background: rgba(0, 0, 0, 0) url('icn-arrow-grey-left.gif') no-repeat scroll left center; }
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; }
.message { margin: 8px 0px; padding: 7px 10px 9px 33px; }
.message.red { background: rgb(255, 243, 243) url('icn-cross.gif') no-repeat scroll 11px 11px; border-top: 1px solid rgb(239, 0, 10); border-bottom: 1px solid rgb(239, 0, 10); color: rgb(239, 0, 10); }
#content .message ul, .message ul { padding-bottom: 0px; padding-top: 3px; }
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 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); }