/******************************************************************************** Inhaltsuebersicht - Seitenlayout - Grundeinstellungen - Infospalte - Contentspalte - Content ********************************************************************************/ /******************************************************************************** Seitenlayout ********************************************************************************/ /* Zentrierte Gesamtseite */ /*#adpage {position: relative; width: 1020px; float: left; margin-left: 0px; background: FFFFFF;}*/ #adpage {width: 1024px; float: left; margin-left: 0px; background: FFFFFF;} /*#webpage { background: url(../img/bg_content.png) repeat-x; position: relative; float: left;}*/ #webpage { background: url(../img/bg_content.png) repeat-x; float: left;} /*#cpage { position: relative; width: 960px; float: left; margin-left: 10px;}*/ #cpage { width: 960px; float: left; margin-left: 10px;} /* Von oben nach unten: Kopf, Hauptbereich und Fuss der Seite */ /*#cmain { clear: both; position: relative; width: 940px; margin-left: 80px;}*/ #cmain { clear: both; width: 940px; margin-left: 85px;} /* Der Hauptbereich (cmain) besteht aus Contentspalte (links) und Infospalte (rechts) */ /*#contentcol { float: left; width: 614px; overflow: hidden;}*/ #contentmargin { width: 560px; float: left;} #content_body {padding: 14px; background-color: #FFF; min-height: 1000px; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE;} #content_body .suche {margin-top: -14px;} #navigation { clear: both; padding-top: 0px; height: 25px; z-index: 2; } #contentcol {min-height: 800px; float: left; height: 100%; margin: auto; width: 614px; font-size: 85%; clear: left; } #foot { margin-top: 40px; float: left; width: 1020px; height: 100px; background-color: #FCEEBD;} #infocol { float: right; width: 300px; font-size: 12px; } #infomargin { width: 300px; overflow: hidden; } .print {width: 600px; padding-left: 10px; background: url(../img/hausfrau-logo-kopf.png) no-repeat;} .print h1 { padding-left: 70px; margin-top: 29px;} .print .rating { margin-top: 32px;} .print .right .titleimg { background: #FFF;} .head_right {float: right; width: 300px;} .head_left {float: left;} .head1 { background-color: #F6BE23; height: 25px; padding-left: 18px; padding-top: 8px; } .head1_left {padding-left: 80px; width: 619px; background-color: #FCEEBD; height: 33px;} .head2 { background: #F6BE23; height: 35px;} .head2_left {padding-left: 80px; width: 619px; background: url("../img/head2_bg.png") repeat-x; height: 35px;} /******************************************************************************** Grundeinstellungen ********************************************************************************/ /* Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,fieldset,img { margin: 0; padding: 0; border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight:normal; } ol,ul { list-style: none; } caption { text-align: left; } q:before,q:after { content:""; } abbr,acronym { border:0; } /* Set */ body, select, input, textarea { font: 100%/1.2 arial, helvetica, sans-serif; color: #292929; } body { background: #FFF; } /* #EEE8CD C1CDCD*/ body.iupload { background-color: #fff; } a { color: #F00; text-decoration: none; } /*#626969 #677*/ a:hover { color: #c33; } /*#EA0634 #8B2500 #BD042C*/ a.plink { font-weight: bold;} a.plink img { background: #fff; } a.plink img:hover { opacity: 0.7; } h1,h2,h3 { font-weight: bold; color: #933; letter-spacing: 0.02em; } h4,h5,h6 { font-weight: bold; color: #626969; letter-spacing: 0.01em; } h1 a,h2 a,h3 a { color: #933; } /*color: #BD042C;*/ h4 a,h5 a,h6 a { } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } tt { font-size: 11px; color: #999; } .clear { clear: both; } .right { float: right; } .left { float: left; } .center { display: block; clear: both; margin: auto; } .middle {display: block; margin-left: auto; margin-right: auto} .zentriert { text-align: center; } .rechtsbuendig { text-align: right; } .linksbuendig { text-align: left; } .inaktiv { border: 1px dotted #f3f !important; opacity: 0.5; filter: alpha(opacity=50);} .inactive { opacity: 0.5; filter: alpha(opacity=50);} .admin { background-color: #ffff00; } .admin a { background: #ffff00; } .bpositive { color: #6c3; } .bnegative { color: #f30; } .top { top: 0px; left: 0px; } .bottom { bottom: 0px; left: 0px; } .aktiv {font-weight: bold;} /* Suchmaske Listmodus TK */ .hidden {display: none;} .zutaten_lexikon {font-size: 11px; width: 300px;} .rezept_lexikon { height: 300px; width: 400px; padding: 20px 0px 0px 30px; background: url(../img/tooltip_lexikon_bg.png) no-repeat;} .rezept_lexikon_content { height: 285px; width: 376px; font-size: 11px; color: #000; overflow: auto; padding-right: 10px;} .zutaten {cursor:pointer;} #breadcrumbs {padding: 3px 0 5px 10px; font-size: 12px; color: #666666; } #breadcrumbs a { color: #666666;} /* Button */ .button { padding: 2px; color: #FFF; background: url(../img/button_bg.png) repeat-x; white-space: nowrap; } .button:hover { border: 1px solid #c33; } .button img { vertical-align: middle; margin: 0.2em 0 .3em 0; } /* Buttons */ .cmdbar { list-style: none; font-size: 11px; } .cmdbar li { display: inline; margin: 1px; padding: 0; background-color: #FAECBD; border: 1px solid #999; padding: 0px !important} .cmdbar li span { display: block; } .cmdbar li a { padding: 2px; color: #666; ; white-space: nowrap; } .cmdbar li a span { vertical-align: 10%; } .cmdbar li:hover { border: 1px solid #c33; } .cmdbar li a img { vertical-align: middle; margin: 0.2em 0 .3em 0; } .cmdbar li li { border: 0;} .cmdbar li li:hover { border: 0; background: #F5C024; } .cmdbar li li a { margin-left: 0.5em;} .cmdbar span.c_selected { padding: 2px; color: #fff; background: url(../img/button_bg.png) repeat-x; background: #999; white-space: nowrap;} /* Buttons */ .cmenu { list-style: none; font-size: 11px; margin-left: 0px; margin-top: 5px;} .cmenu li { display: block; padding: 0 !important; margin-bottom: 7px; } .cmenu li a { margin: 3px; padding: 2px; color: #FFF; background: url(../img/button_bg.png) repeat-x; white-space: nowrap; } .cmenu li a:hover { border: 1px solid #c33; } /* Iconbar */ .iconbar { } .iconbar li { list-style: none; display: inline; white-space: nowrap; margin-right: 4px; } .iconbar li a img { width: 16px; height: 16px; } /* Dropdown zur Iconbar */ #icondrop { position: absolute; z-index: 24; } #icondrop li.second { left: 30px; } #icondrop:hover { z-index: 25; } #icondrop ul { display: none; } #icondrop:hover ul { display: block; position: absolute; top: 0px; left: 0px; padding: 1px 0px 4px 4px; width: 500px; background: #ddd; opacity: 0.9; } #icondrop ul li { display: block; padding: 1px; background: #eee; } #icondrop ul li.topli { display: block; background: #ddd; } #icondrop ul li a { display: block; } #icondrop ul li:hover { background: #ddd; } /* Dropbox */ .dropbox { position: absolute; background: #fff; border: 1px solid #ccc; } .dropbox ul { display: none; margin: 0px; padding: 0px; list-style: none; } .dropbox:hover ul { display: block; bottom: 1em; width: 350px; border: 1px solid #ccc; background: #fff; } .dropbox span a { display: block; background: #ddd; color: #000; border-bottom: 1px solid #999; } /* Bilderlisten */ .blist { } .blist li { list-style: none; display: inline;} /* Profilbilderlisten */ .pblist { float: left; overflow: hidden; width: 106px; margin: 2px; height: 124px;} .pblist_image { display:table-cell; height: 107px; width: 100px; vertical-align: middle; text-align: center;} .pblist_data { vertical-align: middle; text-align: center; font-size: smaller; overflow: hidden; height: 16px; white-space: nowrap;} /* Tag Cloud */ .cloud { } .cloud a { margin: 0px; padding: 2px; } .cloud a:hover { color: #ddd; background: #036; } .cloud0 { font-size: 75%; } .cloud1 { font-size: 75%; } .cloud2 { font-size: 75%; } .cloud3 { font-size: 80%; } .cloud4 { font-size: 85%; } .cloud5 { font-size: 90%; } .cloud6 { font-size: 95%; } .cloud7 { font-size:100%; } .cloud8 { font-size:105%; } .cloud9 { font-size:110%; } .cloud10 { font-size:115%; } .cloud11 { font-size:120%; } .cloud12 { font-size:125%; } .cloud13 { font-size:130%; } .cloud14 { font-size:135%; } .cloud15 { font-size:140%; } .cloud16 { font-size:145%; } .cloud17 { font-size:150%; } .cloud18 { font-size:155%; } .cloud19 { font-size:160%; } .cloud20 { font-size:165%; } /* Box */ .boxhead { border: 1px solid #ddd; background: #ddd; font-weight: bold; font-variant: small-caps; font-size: 90%; } .box { padding: 5px; border: 1px solid #ddd; } /* Content-Listen */ ul.xlist { font-size: 13px; } ul.xlist li { margin: 20px 0px; list-style: none; clear: both; overflow: hidden; } ul.xlist li.zeile { margin: 5px 0px !important; } ul.xlist li .lhead { margin: 0px 0px 5px 0px; border-bottom: 1px solid #ddd; } ul.xlist li h2 { border-bottom: 1px solid #ddd; } ul.xlist li p { margin-top: 5px; } ul.xlist li .plink img { margin: 0px 5px -2px 0px;} ul.xlist li .ltitelbild { float: left; border: 1px solid #ddd; padding: 2px; background: #fff; } ul.xlist li .linfo { } ul.xlist li .lmehr { font-style:italic; } ul.xlist li .lmotto { font-size: small; font-style: italic; color: #999; } ul.xlist li .ldatum { float: left; margin-right: 10px; text-align: center; width: 34px; height: 34px; border: 1px solid #ddd; background: #FFE6CC; } ul.xlist li .ldatum h5 { color: #fff; background: #933; font-size: 11px; } ul.xlist li .ldatum h6 { color: #933; font-size: 15px; } ul.xlist li .lort { color: #999; font-weight: bold; } ul.xlist li.ltag { background: #eee; color: #999; padding: 0px 2px; border: 1px solid #ddd;} ul.xlist li .ldata { color: #999; } ul.xlist li .ldata a { } ul.xlist li .ldata img { vertical-align: middle; } ul.xlist li .right .time { color: #999; font-size: 11px; } /* Content-Listen */ .ylist {background-color: #FFF; margin: 0 -14px; padding: 0 14px;} .ylist .h75 {float: right; height: 75px; } .ylist .info {} .ylist .ldatum { float: left; height: 1em; vertical-align: center; padding-right: 5px;} .ylist .ldatum .day{background-color: #F00; padding-left: .5em; color: #FFF; padding-right: 5px; font-size: 8px; font-weight: normal;} .ylist .ldatum .month{background-color: #FFF; font-size: 8px; font-weight: normal;} .ylist div {height: 100%;} .ylist_head {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 3em; font-size: 80%;} .ylist_head_box {float: right; text-align: center; width: 90px; color: #993333; } .ylist_head_box a img {height: 75; width: 75;} .ylist_head .colored {background-color: #F4F4F4; width: 75px;} .ylist_head2 {height: 1em;} .ylist_head2 .colored {background-color: #F4F4F4; width: 75px;} .ylist h2 {padding: 2px 0px; font-size: 125%; font-weight: normal; margin-bottom: 8px; height: 18px; overflow: hidden;} .ylist h2 a {color: #F50000;} .ylist_body {min-height: 98px; border-bottom: 3px solid #FFFFFF; margin: 0 -14px; padding:0 14px; background: #F4F4F4; clear: both;} .ylist_body_data {width: 350px;} .ylist_body .colored {background-color: #ECEBE9; height: 100%; width: 75px;} .ylist_body span {} .ylist_body_box {height: 100%; display: inline; float: right; text-align: center; width: 90px; color: #F50000;} .ylist_body_box p {font-size: 80%; text-align: center; float: none !important;} .ylist_body_data p {font-size: 90%; float: none !important;} .ylist li.ylist_body:first-child {border-top: 0px;} .ylist .rating {float: none;} .ylist_ttext {padding: 3px 0 7px; font-size: 80%;} .ylist_btext {font-size: 80%;} .plist {font-size: 90%} .plist .ylist_head_box {width: 100px;} .plist .ylist_head .colored {width: 75px;} .plist .ylist_head2_box {width: 100px;} .plist .ylist_head2 .colored {width: 75px;} .plist .ylist_body_box {width: 100px;} .plist .ylist_body .colored {width: 75px;} .plist .h75 {float: left; text-align: left;} .plist .button {background: none; color: #F00; padding: 0;} .plist a.button:hover {text-decoration: underline; border: none; } .plist .ylist_body {min-height: 76px;} .plist .ylist_body_data {width: 325px;} /* Weiterschalten */ .weiter { font-size: 11px; clear: both; margin: 20px 0; } .weiter a, .weiter span { display: block; float: left; padding: 0.2em 0.3em; margin-right: 0.1em; } .weiter span.s_selected { border: 1px solid #999; color: #fff; background: #999; } .weiter a { color: #666; background: #FAECBD; border: 1px solid #999;} .weiter a:hover { border: 1px solid #c33; } .weiter a.nextprev { font-weight: bold; } .weiter span.vorz { border: 1px solid #ddd; color: #bbb; } /* Form */ form input[type="select"], form input[type="file"], form input[type="text"], form input[type="password"], form textarea { background: url(../img/input_bg.png) no-repeat #fff; border: 1px solid #ddd; padding: 1px; } form input[type="radio"], form input[type="checkbox"] { background: #fff; border: 1px solid #ddd; } form input[type="submit"] { border: 0px; padding: 2px; color: #FFF; background: url(../img/button_bg.png) repeat-x; } form select { background: url(../img/input_bg.png) no-repeat #fff; border: 1px solid #ddd; padding: 1px; } /* Standard-Formular */ form.stdform { margin-top: 10px; margin-bottom: 20px; font-size: 80%; } form.stdform fieldset { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 14px; margin: 0px -14px 5px -14px; background: #FFE6A7; width: 100%; } form.stdform legend { font-weight: bold; color: #fff; background-color: #888; } form.stdform ul { list-style-type: none; margin: 0px; padding: 0px; } form.stdform li { clear: both; padding: 5px 0px; } form.stdform div.formname { float: left; width: 24%; font-weight: bold; text-align: left; vertical-align: top; padding-top: 2px; } form.stdform div.formdata { float: right; width: 74%; vertical-align: top; margin-bottom: 0px; } form.stdform input[type="file"], form.stdform input[type="text"], form.stdform textarea { border: 1px solid #ddd; } form.stdform #b_text { font-size: 13px; } form.stdform input[type="radio"], form.stdform input[type="checkbox"] { background-color: #FFCC99; border: 1px solid #ddd; } form.stdform input[type="submit"] { margin: 1px; border: 0px outset #ddd; float: right; } form.stdform input[type="submit"]:hover { margin: 0px; border: 1px solid #666; color: #911; } form.stdform input.disabled { background: #ddd;} form.stdform select { background-color: #fff; border: 1px solid #ddd; margin: 0px 0px 2px 0px; } form.stdform select.disabled { background: #ddd;} form.stdform p { margin-top: 5px;} form.stdform p.forminfo { } form.stdform .ch {} form.stdform .XX {width: 122px; display: inline-block; vertical-align: top; padding-top: 2px;} form.stdform .XXX {} form.stdform img.ximg { margin: 0px 5px 5px 0px; padding: 2px; border: 1px solid #ddd; background: #fff; float: left;} form.stdform img.bimg { margin: 0px 3px; padding: 2px; border: 1px solid #ddd; background: #E1E1E1;} form.stdform img.bimg:hover { border: 1px solid #fbb; } form.stdform .cmdbar li { border: 0; } .infocol form.stdform fieldset { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 10px; margin: 0px -20px 10px -10px; background: #FFE6A7; width: 100%; } /* Neue Eintraege */ /*.bneu { margin: 20px 0px; }*/ .bneu { } #lesezeichen_box {color: #F5C024; position: relative; display: none; background-color: #999; border-bottom: 0px solid #DDD; padding: 0px 5px 3px 3px; margin: 0px; opacity: 0.8; } #lesezeichen_box li { display: block; border-top: 1px solid #ddd; } #lesezeichen_box li a { } #lesezeichen_box li:hover { background: #ddd; color: #333; } #lesezeichen_box li:hover a { color: #333; } #lesezeichen_li:hover #lesezeichen_box, #lesezeichen_box:hover { display: inline; position: absolute; z-index: 2000; } /* Editor */ .editor { padding: 5px 0px; } .buttons { vertical-align: middle; height: 30px; } .buttons img { margin: 5px 5px 0px 0px; padding: 2px; border: 1px solid #bbb; background: #ddd; width: 16px; height: 16px; } .buttons img:hover { border: 1px solid #333; } .buttons input[type="submit"] { float: right !important; } #tip1 { position: relative; z-index: 24; } #tip1:hover { z-index: 25; } #tip1 span { display: none; } #tip1:hover span { display: block; position: absolute; top: 16px; left: 0px; padding: 0px 0px 5px 5px; margin-top: -8px;} #tip2 { position: relative; z-index: 24; } #tip2:hover { z-index: 25; } #tip2 span { display: none; } #tip2:hover span { display: block; position: absolute; top: 16px; left: 0px; padding: 0px 0px 5px 5px; margin-top: -8px;} /* Boxen aus dem Editor */ .text_box_mitte { width: 100%; } .text_box { padding: 5px; } /* Moccha */ #ticket_content p { margin: 10px 0px;} .author_info {z-index: 1000; text-align: left; width: 208px; height: 80px !important; background: url(../img/tooltip_shadow_bg.png) no-repeat !important; padding: 15px 0 15px 10px !important; overflow: hidden;} .author_info a {color: #F00 !important; font-weight: bold !important;} .author_info a:hover {color: #F66 !important;} .author_info h4 {margin:0 0 0 2px !important; height: 1.4em !important; font-weight: bold !important ;font-size: 14px !important;} .author_info img {float: left !important; padding: 1px 2px !important; width: 50px !important; height: 50px !important; margin-left: 0px !important; margin-right: 0px !important;} .author_info ul {position: static !important; float: left; width: 125px; padding: 0px 15px 0 13px !important;} .author_info ul.cmdbar li {display: block; margin: 1px !important; border: none; font-size: 11px !important; padding: 0 !important; } .author_info ul.cmdbar li span {padding: 0 2px; color: #F00 !important; font-weight: bold;} .author_info ul.cmdbar li span:hover {color: #F66 !important;} .author_info #user_message {background: none;} .author_info .warnung {font-weight: bold; font-size: 90%; width: 181px !important; height: 61px; padding: 5px !important;} .author_info .warnung img {width: 12px !important; height: 12px !important;} .author_info .hinweis {font-weight: bold; font-size: 90%; width: 181px !important; height: 61px; padding: 5px !important;} .author_info .hinweis img {width: 12px !important; height: 12px !important;} /******************************************************************************** Infospalte ********************************************************************************/ /* Account-Box*/ /*#account { position: relative; color: #F00; font-size: 11px; padding-top: 5px; background-color: #FCEEBD; } */ #account { font-size: 11px; padding-top: 10px; padding-left: 8px; background-color: #FCEEBD; } #account b { padding: 5px 0 0 15px; margin: 0; font-size: 16px; font-weight: bold; } #account p { margin: 0px; } #account p.clear { margin: 0px !important; } #account a { color: #f00; } #account #iimg { float: left; margin-right: 10px; padding: 1px; border: 1px solid #ddd; background: #fff; width: 50px; height: 50px;} /*#account .iconbar { padding: 5px 5px 0px 15px; position: relative; float: left; background-color: #FCEEBD;}*/ #account .iconbar { padding: 5px 5px 0px 15px; float: left; background-color: #FCEEBD;} #account .iconbar li { width: 120px; float: left; display: inline; list-style: none outside none; white-space: nowrap;} #account .iconbar a { color: #000;} #account div {} #account div label {position: relative; color: #888888; cursor: text; font: 0.9em; left: 0.2em; top:1.7em; z-index: 1} #account label {position: relative; top: -0.2em; color: #000;} #account form { font-size: 11px; color: #F00; padding-top: 10px;} #account form .fname { font-size: 11px; } #account form .fdata { font-size: 11px; width: 120px; margin: 3px 5px 0px 0px; } #account form input[type="password"], #account form input[type="text"], #account form input[type="radio"], #account form input[type="checkbox"] { font-size: 11px; height: 15px; padding: 1px; border: 1px solid #ddd;} #account form input[type="password"], #account form input[type="text"] { width: 85px;} #account form input[type="submit"] { width: 85px; height: 20px; border: 1px solid #DDDDDD; font-size: 11px; padding: 0px; margin-top: 2px; background-color: #ddd; color: #333; } #account #account1 {margin-bottom: 5px;} #account #account1 img {display: none; margin-left: -20px;} #account #account1 ul li a img {display: inline !important; margin-left: 0px;} #account .flogin {padding: 5px 5px 0px 15px;} #select_lesezeichen { margin-top:-15px; float:right; } /* Anmeldung */ .anmelden { margin: 10px 10px 5px 15px; border-top: 1px solid #000; padding-top: 10px;} .anmelden img { } .anmelden a { font-size: 12px !important; padding: 5px !important; } /* Hinweis-Box */ #hinweis { margin: 0px 15px 0px 10px; padding-top: 5px; } #hinweis ul { list-style: circle; } #hinweis li { padding-left: 10px; padding-top: 3px; } #newsListe { overflow: hidden; height: 43px; padding: 2px 2px 15px 15px; } /* My-Box */ #mybox { width: 100%; font-size: 10px; background-color: #FCEEBD; clear: both; margin-bottom: 10px;} #myboxhead {width: 100%; background-color: #FCEEBD; clear: both;} #myboxoption {width: 100%; background-color: #FCEEBD; clear: both; display: none;} #mybox a { padding: 5px 0px;} #mybox h4 { font-size: 16px; padding: 5px 0px; } #mybox h5 { font-size: 14px; padding: 0px 0px; } /* Info-Boxen allgemein */ .infotop { background: url(../img/head2_bg.png) repeat-x; font-size: 120%; color: #444; padding: 3px 15px; margin-top: 10px; } .infotop a { color: #666; } .info { background: #FCEEBD; color: #666; padding: 0 12px;} .info a { color: #444;} .info p { clear: both; padding: 5px 15px 0px 10px; } .info p a { color: #FF0000; } .info h5 { padding: 10px 15px 0px 10px; font-size: 14px; color: #777; } .info h5 a {color: #FF0000; } .info ul { padding: 5px 15px 0px 10px; } .info img.title { float: left; } .alist li { clear: both; padding-top: 5px; } .alist li a {color: #FF0000; } .alist span { color: #999; } #friendlogeingabe {margin-right:8px;} /******************************************************************************** Contentspalte ********************************************************************************/ /* Navigation */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu ul { position: absolute; top: -999em; width: 260px; font-size: 11px; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; border-bottom: 2px solid #FFE6B9;} .sf-menu li { position: relative; border-right: 0px solid #ddd; display: inline; display: block; float: left;} .sf-menu li:first-child { border-left: 0px solid #ddd; } .sf-menu ul li:first-child { border-left: none; } .sf-menu a { display: block; float: left; position: relative;} .sf-menu li li a {display: block; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 35px; z-index: 9999; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 260px; top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 260px; top: 0; } .sf-menu { float:left; font-size: 14px; font-weight: bold; height: 35px;} .sf-menu a { color: #000; padding: 10px 10px 3px; text-decoration: none; } .sf-menu ul a { font-weight: normal !important; color: #fff !important; background: #aaa; padding: 3px 10px; border-top: 1px solid #bbb; } .sf-menu a, .sf-menu a:visited { color: #666666; } .sf-menu li a.current { } .sf-menu li.active {background: url("../img/menu_cbg_h.png") repeat-x scroll 0 0 transparent; } .sf-menu li li { border-right: none !important; background-color: #aaa;} .sf-menu li li a { width: 240px;} .sf-menu li li li { } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline: 0; color: #999999 !important; } .sf-menu li small { display: block; background: #fff; color: #888; font-size: 9px; font-weight: bold; letter-spacing: 0.2em; padding: 3px 10px; } .sf-shadow ul { background: url('../img/sf.shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } #navigation form { float: right; display: inline; font-size: 11px; vertical-align: middle; margin-top: 3px; } #navigation form input { background: #999; vertical-align: middle; color: #eee; border: 1px inset #666; } #navigation form input[type="image"] { vertical-align: middle; border: none; background: none; } /* Untermenu */ #subnav { background: #ddd; border-bottom: 1px solid #ddd; font-size: 11px; margin-bottom: 20px; padding: 10px 20px; color: #999; } #subnav li { display: inline; list-style: none; padding: 0px 8px; border-right: 1px solid #ddd; } #subnav li:first-child { border-left: 1px solid #ddd; } .subnav .iconbar a {color: #fff;} .subnav .iconbar a:hover { color: #FFE6A7; } /* Footer */ .footer-menu, .footer-menu * { margin: 0; padding: 0px; list-style: none; padding-left: 40px;} .footer-menu ul { position: absolute; width: 260px; font-size: 11px;} .footer-menu ul li { width: 100%; } .footer-menu li { float: left; position: relative; } .footer-menu a { display: block; position: relative; width: 200px; color: #333;} .footer-menu { float:left; font-size: 21px; } .footer-menu a { padding-top: 3px; padding-left: 40px; text-decoration: none; } .footer-menu ul a { font-weight: normal !important; color: #777 !important; padding-top: 3px; padding-left: 40px;} .footer-menu a, .footer-menu a:visited { color: #333; } .footer-menu li a.current { color: #000; } .footer-menu li { } .footer-menu li li { border-right: none !important; } .footer-menu li small { display: block; background: #fff; color: #888; font-size: 9px; font-weight: bold; letter-spacing: 0.2em; padding-top: 3px; padding-left: 40px; } #bbox { border-bottom: 1px solid #ddd; background: #eee; clear: both; font-size: 11px; margin: 0px -10px 20px -10px; padding: 0px 20px; } #bbox .suche { padding: 0 20px; } #bnav { font-size: 13px; background: #ddd; color: #999; margin: 0px -20px; padding: 3px 15px 0px 15px; height: 19px; } #bnav ul { list-style: none; } #bnav li { display: inline; } #bnav li a, #bnav li span { display: block; float: left; margin: 0px 5px; padding: 2px 10px; background: #ccc; font-weight: bold; width: 110px; white-space: nowrap; } #bnav a:hover, #bnav span:hover { background: #eee; color: #c33; cursor: pointer; } #bnav a.navaktiv, #bnav span.navaktiv { background: #eee; color: #999; } #bt_teilnehmer, #bt_info, #bt_bewerter { padding: 5px 0; color: #999; line-height: 1.5em; } #bt_info .bookmarks span a { padding: 0 5px; } .bteilnehmen { margin: 10px 0; padding: 2px; background: #eee; border: 1px solid #ddd; } /* Kopfsuchen */ .suche { padding: 4px 10px 4px 10px; background: url(../img/search_bg.png) repeat-x #F6B31E; color: #888; margin: 0px -14px 10px -14px; } #profilbody .suche {background: none; margin: -13px -14px 10px -14px;} #Suchen {margin-right: 40px; font-weight: bold;} #stext,#pr_stext {float: right; margin-right: 10px; width: 276px; height: 18px;} #search_ext { margin-top: 5px;} .suche ul { } .suche .title { font-weight: bold; float: left; margin-top: 2px;} .suche .sblock { margn-right: 20px;} .suche .last{ float: right; margin-right: 0px; } .sbereiche { margin-bottom: 1em; } .sbereiche li { display: inline; list-style: none; padding: 0px 8px; border-right: 1px solid #626969;} .sbereiche li:first-child { border-left: 1px solid #626969; } .sthemen { margin-bottom: 1em; } .sthemen ul { display: inline; } .sthemen li { display: inline; padding-right: 10px; } .sthemen li:first-child { margin-left: 10px; } em#ext, span#std em{ float: right; font-size: 10px; padding-top: 4px; width: 80px;} .suche br { clear: both; } .skurz { bottom: 0px; } .slang { padding-left: 120px; font-size: 12px;} .slang div.title { float: left; width: 120px; height: 15px; clear: left; text-align: right; margin-bottom: 5px; padding: 10px 10px;margin-left: -140px; } .slang .ch {} .slang .X {width: 150px; display: block; float: left;} .slang .XX {} .slang label {padding-top: 2px;} .slang span.opt { float: left; padding-top: 10px;} .slang input[type="file"], .slang input[type="text"], .slang textarea { color: #626969; background: url(../img/input_bg.png) no-repeat #fff; border: 1px solid #ddd; padding: 1px; } .slang input[type="radio"], .slang input[type="checkbox"] { color: #626969; background: #eee; border: 1px solid #ddd; } .slang select { color: #626969; background: url(../img/input_bg.png) no-repeat #fff; border: 1px solid #ddd; padding: 1px; } .slang #Suchen, .slang input[type="submit"] { color: #626969; background: #ddd; border: 1px outset #ddd; width: 70px; text-align: center; float: right; } /******************************************************************************** Mitglieder ********************************************************************************/ /* Letzte Mitgliedersuche */ #last_msearch { text-align: center; margin: 0px -20px 20px -20px; padding: 10px; background: #FFE6A7; border-bottom: 1px solid #ddd; font-size: 11px; } #last_msearch img { width: 50px; height: 50px; padding: 2px; margin-right: 5px; border: 1px solid #ddd; background: #fff; } #last_msearch img:hover { border: 1px solid #e03;} #last_msearch b { font-weight: normal; color: #888; } /* Profilkopf */ #profilkopf { padding: 0px 10px; background-color: #FFFFFF;} #profilkopf #pr_portraits { float: left; width: 125px; padding-top: 13px; } #profilkopf #pr_portrait { float: left; height: 129px; background-color: #fff;} #pr_portraits img.bigimg { background: #fff; text-align: center; width: 125px; height: 125px; padding: 0px; } #pr_portraits #imgbig { width: 200px; height: 200px; background-color: #FFF; border: 1px solid #ddd; } #pr_portraits #imgbar .bigimg { display: none; } #profilkopf #nichtfoto { padding: 13px 0 0 24px; float: left; font-size: 12px; width: 280px;} #profilkopf #nichtfoto h1 { } #profilkopf #nichtfoto p { margin-top: 0px; line-height: 1.4em; } #profilkopf #pinfo { clear: both; margin: 10px 0px; font-style: italic; color: #999; } #profilkopf #pinfo #pinfo_big{ display: none; } #profilkopf #pinfo .moreless{ color: #F00; cursor: pointer; float: right} #profilkopf .aktionsliste_aussen { float:right; } * html .aktionsliste_aussen { position: static !important; } #profilkopf .aktionsliste_aussen select { border: 1px solid #ccc; background: #eee; color: #999; font-size: 11px; } #profilkopf .aktionsliste_aussen option:first-child { background: #ddd; font-weight: bold; border-bottom: 1px solid #ccc; } #profilkopf .aktionsliste_aussen form:before { content: url(../img/silkicons/emoticon_tongue.png)" "; } #profilkopf #profil_cmd { float: right; width: 170px; margin-top: 5px; margin-right: -5px;} #profilkopf #profil_cmd ul { } #profilkopf #profil_cmd li { margin: 2px; padding: 2px 10px; background-color: #faecbd; list-style:none; white-space:nowrap;} #profilkopf #profil_cmd li a { color: #666666;} #profilkopf #profil_cmd li a img { display: none;} #profilnavi {width: 593px; border-left: 1px solid #AAA; border-right: 1px solid #AAA; background-color: #FFF; padding: 10px 10px 0 10px; margin-top: 12px; float: left;} #profilnavi .subnav { font-size: 14px; background: url("../img/head2_bg.png") repeat-x; padding: 0px; margin: -12px -10px 10px -10px; height: 31px; clear: right;} #profilnavi #profil_menu { } #profilnavi #profil_menu ul {} #profilnavi #profil_menu li { list-style:none; display:inline; white-space:nowrap;} #profilnavi #profil_menu:hover { background-color: #999999; } #profilnavi #profil_menu li:last-child { } #profilnavi #profil_menu li a { display: block; float: left; color: #666666; font-weight: bold; padding: 7px 5px; height: 28px;} #profilnavi #profil_menu li a.menu_larger{ width: 65px; } #profilnavi #profil_menu a:hover { color: #999999; } #profilnavi #profil_menu .active a { background: url(../img/menu_cbg.png) repeat-x; color: #666666; } #profilnavi #profil_menu li a img { vertical-align:middle; } #profilnavi #profil_menu li span { color: #666666; display: block; float: left; font-weight: bold; height: 28px; padding: 7px 5px;} #profilbody {width: 585px; min-height: 600px; border-left: 1px solid #AAA; border-right: 1px solid #AAA; background-color: #FCEEBD; margin-top: -11px; padding: 14px; float: left;} .profilbox { } .profilbox .profilbox_kopf { color: #626969; font-weight: bold; font-size: 14px; border-bottom: 1px solid #ddd; margin-top: 30px; clear: both; } .profilbox .profilbox_kopf a { } .profilbox .profilbox_kopf img { float: right; margin-left: 5px; } .profilbox .profilbox_koerper { margin-top: 10px; overflow: auto; clear: both; } table#profiltabelle { table-layout: fixed; width: 560px; overflow: auto; margin-bottom: 3em; font-size:14px; } /* */ #dialog { clear: both; } /* Mediaboard */ #mediaboard_tabelle { width:100%; } #mediaboard_tabelle td { text-align:center; vertical-align:middle; color: #333; width:120px; overflow:hidden; } #mediaboard_tabelle img { max-width:120px; } /* Breite Elemente */ .breit { width:100%; } /* Bearbeiten */ #accordion h2 { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; height:30px; vertical-align:middle;} #accordion h2:hover { background: #ddd; cursor:pointer; } #accordion .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #F00; text-decoration: none;} #accordion li { font-size: 80%; } #accordion li.ui-state-default a { padding:0.4em 0.3em; } #accordion div.ui-widget,div.ui-widget-content { background: #FFF; } #accordion .ui-tabs-panel {padding: 1em 11px;} #accordion h2 {border: 0; height: auto;} /******************************************************************************** Forum ********************************************************************************/ /* Neue Beiträge */ #fneu h1 { margin: 20px 0px; } #fneu p { margin-bottom: 2em; line-height: 1.4em; } #fneu dl { margin-bottom: 2em; line-height: 1.4em; } #fneu dl dt { font-weight: bold; } #fneu dl dd { margin-bottom: 2em; line-height: 1.4em; } /* Beitraege */ .beitrag { padding-top: 20px; } .beitrag h1 { border-bottom: 1px solid #ddd; } .beitrag hr {color: #ddd; background-color: #ddd; height: 1px; border: 0} .beitrag .content {float: left; width: 390px;} .beitrag .titleimg { width: 180px; padding: 0 !important} .beitrag .titleimg img { width: 180px;} .beitrag .title_img { width: 180px; padding: 0 !important} .beitrag .title_img img { width: 180px;} .beitrag .tags { line-height: 1.4em; margin: 2em 0px; padding: 0} .beitrag .infocol {float: right; width: 180px; font-size: 13px;} .beitrag .infocol #recipe_gallery {padding-left: 2px; cursor: pointer;} .beitrag .infocol div {background: #FAECBD; padding: 3px 15px;} .beitrag .infocol .cmdbar {font-size: 14px;} .beitrag .infocol .cmdbar li{display: block; margin: 2px 0px; border: 0; padding: 1px 10px; } .beitrag .infocol .cmdbar li a { } .beitrag .infocol .cmdbar li a:hover {color: #c33; } .beitrag .infocol .cmdbar li li {margin: 0 0 0 -5px; border: 0; padding: 0; width: 170px;} .beitrag .infocol .cmdbar li li a {margin-left: 0; } .beitrag .infocol.cmdbar li li a img {margin: 0; } .beitrag .infocol .cmdbar .selected {background: #F6B31E;} .beitrag .autorbox {background: #FFF !important;} .beitrag .autorbox img {float: left; width: 40px; margin-left: -15px;} .beitrag .autorbox .info {margin-left: 15px; background-color: #FFF; padding-right: 0} .beitrag .left ul.recipe {margin: 0;} .beitrag p.bkurzinfo { margin: 0px 0px 30px 0px; color: #999; } .beitrag p.binfo { margin: 1.5em 0px; color: #999; width: 100%; overflow: hidden; line-height: 1.4em; } .beitrag p.binfo img.left { margin: 0px 1em 1em 0px; } .beitrag p.btags { border: 1px solid #ddd; background: #eee; font-size: smaller; padding: 5px; margin: 2em 0px; clear: right; } .beitrag p.bbody { line-height: 1.4em; margin: 2em 0px; clear: right; } .beitrag .bookmarks {font-size: 12px;} .vorschau { margin: 2em 0px; padding: 5px; background: #eee; border: 1px solid #ddd; } .vorschau h2 { margin-top: 0px !important; } .vorschau p { margin-top: 1em; } .hinweis { padding: 5px; background: #efb; border: 1px solid #294; color: #294; font-weight: bold; } .warnung { padding: 5px; background: #fee; border: 1px solid #922; color: #924; font-weight: bold; } .punkte { padding: 2px 4px 0px 0px; width: 44px; min-height: 35px; text-align: center; background: url(../img/punkte.png) no-repeat; font-size: 9px; white-space: nowrap; } .punkte b { margin-top: 5px; font-size: 14px; } .punkte .button { margin: 6px 0px; padding: 0px; } .ortzeit { color: #999; margin-top: 0px !important; } /* Sortieren */ .s_index { font-size: 11px; color: #999; margin: 10px 0; } .s_index ul { list-style: none; } .s_index li { display: inline; padding: 0 5px; border-right: 1px solid #ddd; } .s_index li:last-child { border-right: none !important; padding-right: 0; } .s_index li.s_selected { font-weight: bold; background: #eee; } /* Diskussion Backup .discussion { } ul.thread { list-style: none; margin: 3em 0px; } .thread li { background-position: top left; background-repeat: no-repeat; padding: 3px 0px 0px 10px; } .thread li.first { padding-left: 0px; } .thread li.middle { background-image: url(../img/forum_pfeil_mitte.png); border-left: 1px solid #ddd; } .thread li.last { background-image: url(../img/forum_pfeil_ende.png); } .rhead { } .rhead a { font-weight: bold; } .rhead small { color: #666; } .rhead img { margin: 0px; padding: 0px; border: 0px solid #ddd; background: #fff; } .rtext { color: #333; padding: 3px; border: 1px solid #ddd; background-color: #ffe; } .rtext h3 { margin: 0px 0px 3px 0px; font-size: 120%; font-weight: bold; } */ /* Diskussion */ .discussion { } ul.thread { list-style: none; margin: 3em 0px; } .thread li { background-position: top left; background-repeat: no-repeat; padding: 3px 0 0 10px;} .thread li.first { padding-left: 0px; } .thread li.middle { background-image: url(../img/forum_pfeil_mitte.png); border-left: 1px solid #ddd; } .thread li.last { background-image: url(../img/forum_pfeil_ende.png); } .rhead { } .rhead a { font-weight: bold; } .rhead small { color: #666; } .rhead img { margin: 0px; padding: 0px; border: 0px solid #ddd; background: #fff; } .rtext { line-height: 1.4; padding: 3px; border: 1px solid #ddd; background-color: #ffe; } .rtext h3 { margin: 0px 0px 3px 0px; font-size: 120%; font-weight: bold; } /******************************************************************************** Gruppen ********************************************************************************/ /* gruppenkopf */ #gruppenkopf { background-color: #FFFFFF; padding: 0 10px; } #gruppenkopf #pr_portraits { float: left; padding-top: 10px;} #gruppenkopf #pr_portraits img { width: 125px; height: 125px; } #gruppenkopf #pr_portrait { } #gruppenkopf #nichtfoto { float: right; width: 280px; font-size: 12px; color: #888; padding-top: 10px;} #gruppenkopf #nichtfoto p { margin-top: 10px; line-height: 1.4em; } #gruppenkopf .pinfo { margin: 10px 0px; font-size: 11px; font-style: italic; } #gruppenkopf #gruppen_cmd { float: right; width: 190px; margin-top: 5px; margin-right: -5px;} #gruppenkopf #gruppen_cmd ul { } #gruppenkopf #gruppen_cmd li { margin: 2px; padding: 2px 10px; background-color: #faecbd; list-style:none; white-space:nowrap;} #gruppenkopf #gruppen_cmd li a { color: #666666;} #gruppenkopf #gruppen_cmd li a img { display: none;} #gruppennavi {width: 593px; border-left: 1px solid #AAA; border-right: 1px solid #AAA; background-color: #FFF; padding: 10px 10px 0 10px; margin-top: 12px; float: left;} #gruppennavi .subnav { font-size: 14px; background: url("../img/head2_bg.png") repeat-x; padding: 0px; margin: -12px -10px 10px -10px; height: 31px; clear: right;} #gruppennavi #gruppen_menu { } #gruppennavi #gruppen_menu ul {} #gruppennavi #gruppen_menu li { list-style:none; display:inline; white-space:nowrap;} #gruppennavi #gruppen_menu:hover { background-color: #999999; } #gruppennavi #gruppen_menu li:last-child { } #gruppennavi #gruppen_menu li a { display: block; float: left; color: #666666; font-weight: bold; padding: 7px 5px; height: 28px;} #gruppennavi #gruppen_menu li a.menu_larger{ width: 65px; } #gruppennavi #gruppen_menu a:hover { color: #999999; } #gruppennavi #gruppen_menu .active a { background: url(../img/menu_cbg.png) repeat-x; color: #666666; } #gruppennavi #gruppen_menu li a img { vertical-align:middle; } #gruppennavi #gruppen_menu li span { color: #666666; display: block; float: left; font-weight: bold; height: 28px; padding: 7px 5px;} #gruppen_body {width: 585px; min-height: 600px; border-left: 1px solid #AAA; border-right: 1px solid #AAA; background-color: #FFF; margin-top: -10px; padding: 14px; float: left;} #gruppen_body .suche {background: none;} /******************************************************************************** Content: Info + Startseite ********************************************************************************/ #cinfo {height: 100%;} #cinfo h1 { margin-top: 20px; } #cinfo h2 { margin-top: 30px; } #cinfo p { margin-top: 10px; line-height: 1.4em; } #cinfo ul.text { list-style: outside; margin-top: 1em; } #cinfo ul.text li { margin-left: 2em; margin-top: 1em; } #cinfo ol.text { list-style: decimal outside; margin-top: 1em; } #cinfo ol.text li { margin-left: 2em; margin-top: 1em; } #cinfo div.startbild { margin: 2em 0em; width: 500px; border: 1px solid #ddd; } #cinfo form.startsuche { width: 180px; border: 1px solid #ddd; opacity: 0.6; background: #e03; padding: 10px; margin: 30px; font-size: 12px; color: #234; text-align: right; } #faq {} #faq ol { list-style: decimal outside; margin: 20px 0; } #faq ol li { margin-left: 2em; margin-top: 10px; } #faq h2 { border-bottom: 1px solid #ddd; margin: 20px 0; } #faq h3 { font-weight: bold; color: #666; margin: 20px 0 10px 0; cursor: pointer; } /******************************************************************************** Rezept ********************************************************************************/ .list_recipe td {vertical-align:top; border-spacing: 1px} .list_recipe h2 {margin-bottom: 5px;} #recipe_gallery {color: #666;} /******************************************************************************** Bewertungen ********************************************************************************/ .rating { float: right; padding-top: 7px;} .rating img {margin: 2px;} /******************************************************************************** Werbung ********************************************************************************/ .ad { } #ad-lead { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 10px -181px 0px 0px; PADDING-TOP: 0px;} #ad-leadAd {Z-INDEX: 900; MARGIN-BOTTOM: 0px; POSITION: relative; TEXT-ALIGN: right; background-color: #EEEEEE; margin-bottom: 16px;padding-right: 181px;} #ad-sky { POSITION: relative; TOP: -89px; background-color: #EEEEEE; left: 1045px; } #ad-skypos { background-color: #EEEEEE; POSITION: absolute; min-width: 160px;} #contentAd {margin-right: 5px; padding: 5px; text-align: center; border: 0px solid #999;} #ad-info1a { margin: 10px 5px 0px 0px; text-align: center; font-size: 8px; color: #666; } #ad-info1 { margin-right: 5px; padding: 5px; text-align: center; border: 0px solid #999; } #ad-info2a { margin: 10px 5px 0px 0px; text-align: center; font-size: 8px; color: #666; } #ad-info2 { margin-right: 5px; padding: 5px; text-align: center; border: 0px solid #999; } #ad-info5a { margin: 10px 5px 0px 0px; text-align: center; font-size: 8px; color: #666; } #ad-info5 { margin-right: 5px; padding: 5px; text-align: center; border: 0px solid #999; } #ad-content { width: 468px; height: 60px; margin: 20px 0px; } .adlinkzeile { text-align: center; margin: 20px;} .adtextzeile { text-align: center; margin: 20px;} /* open_jswindow */ .open_jswindow { z-index:101; display:none; color:#333; opacity:0; font-size:1em; } .open_jswindow_titlebar { padding:3px 5px 0 5px; background-color:#8BB9FD; border-left:1px solid #AAA; border-right:1px solid #AAA; font-weight:bold; color:#111;} .open_jswindow_body { padding:5px 5px 0 5px; overflow:auto; background-color:#EEE; border-left:1px solid #AAA; border-right:1px solid #AAA; } .open_jswindow_body iframe { width:100%; height:100%; } .open_jswindow_titlebar, .open_jswindow_upper, .open_jswindow_lower, .open_jswindow_body { margin-right:5em; } .open_jswindow_upper, .open_jswindow_lower { height:5px; } .open_jswindow_upper, .open_jswindow_titlebar { cursor:move; } .open_jswindow_upperm { height:5px; margin:0 5px; background:url(../img/jswindow/window_om.gif); } .open_jswindow_lowerm { height:5px; margin:0 5px; background:url(../img/jswindow/window_um.gif); } .open_jswindow_close { float:right; cursor:pointer; padding-bottom:2px; } .open_jswindow_close .nongray { display:none; } /************************************************************************* Admin *************************************************************************/ .uv_liste {width: 100%;} /* Footer */ .admin-menu, .footer-menu * { margin: 0; padding: 0px; list-style: none; } .admin-menu ul { position: absolute; width: 260px; font-size: 11px;} .admin-menu ul li { width: 100%; } .admin-menu li { position: relative; } .admin-menu a { display: block; position: relative; width: 200px; color: #000;} .admin-menu { } .admin-menu a { color: #000; padding-top: 3px; padding-left: 40px; text-decoration: none; } .admin-menu ul a { font-weight: normal !important; color: #aaa !important; padding-top: 3px; padding-left: 40px;} .admin-menu a, .admin-menu a:visited { color: #000; } .admin-menu li a.current { color: #000; font-weight: bold; } .admin-menu li { } .admin-menu li li { border-right: none !important; } .admin-menu li small { display: block; background: #fff; color: #888; font-size: 9px; font-weight: bold; letter-spacing: 0.2em; padding-top: 3px; padding-left: 40px; } .help_bbcode tr td {padding: 4px 2px; vertical-align: top; } .gallery_upload {font-size: 0.7em;} #gallery_new {float: right; clear: both; } #gallery_new img { position: absolute; margin-left: -60px; margin-top: -25px;} .gallery_list {float: left; margin: 0 10px; height: 190px; width: 126px;} .gallery_list p {margin: 0px 0px 5px 0px; text-align: center; font-size: 12px;} .gallery_list h3 {margin-top: 10px; text-align: center;} .gallery_form_img {position: absolute; left: 5px; width: 100px;} .gallery_thumbnails {position: relative; float: left; padding: 2px; margin: 5px 8px; border: 1px solid grey;} .gallery_thumbnails_navigation {height: 78px; margin: 5px 3px;} .gallery_thumbnails_navigation .selected, .gallery_thumbnails_navigation img:hover {opacity: 0.5; border: 1px solid red;} .gallery_thumbnails_navigation img {border: 1px solid #ccc; padding: 3px; margin: 0 2px 0px 0px; float: left; width: 63px;} .gallery_img p {margin: 2px 0;} .gallery_img p img {width: 100%;} .gallery_img .gallery_img_navigation {clear: left;} .gallery_img .gallery_img_navigation p {border: 0; margin: 0; padding: 0; text-align: center;} #gallery_area .cmdbar {clear: left; } #gallery_area .cmdbar li span {display: inline;} .notification { width: 218px; height: 200px; padding: 40px 30px 30px 31px; background: url(../img/pinnwand_bg_schatten.png) no-repeat; display: block; float: left;} .notification a {width: 220px;} .notification table {margin-left: 10px; text-align: center;} .notification table a img {position: static; width: 75px; height: 75px;} .notification .cmdbar {z-index: 5; position: absolute; top: 194px; left: 154px; margin: 0 !important;} .notification_img {position: relative;} .notification_img .pin {position: absolute; top: -41px; left: 71px;} .notification_img .content_img {position: absolute; top: 89px; left: 0px;} .notification_img .content_img img {height: 120px; width: 217px;} .notification_date {padding-top: 10px; font-size: smaller;} .notification_simple {margin: 5px 0; padding: 5px 0 0 10px; clear: right; font-size: 12px;} .notification_simple .notification_date {float: left; padding-top: 0} .notification_simple .autor {float: left; width: 75px;} .notification_simple .text {float: left; width: 290px; overflow: hidden} .notification_simple .image {float: right; width: 75px; overflow: hidden;} .notification_simple div {padding-right: 5px;} .notification_simple p {padding: 0 2px;} .notification_simple a img { margin-top: 0em; clear: right;} #pinnwand_top_border {margin-top: 120px; } .pinnwand_new {float: right; top: -110px; position: relative;} .pinnwand_new img { position: absolute; left: 167px; top: -16px;} .pinnwand_left { margin-top: -100px; margin-left: 15px; font-size: 13px; overflow: hidden;} .pinnwand_right { margin-top: 40px; font-size: 13px; overflow: hidden;} #pinnwand_area {} .pinnwand_bigpic {z-index: 1;position: absolute; width: 219px !important; height: 170px !important; border: 0 !important; left: -1px !important; top: 42px !important; } .pinnwand_bigpic_txt {overflow: hidden; opacity: 0.6; z-index: 3; background: #000; position: absolute; width: 219px !important; height: 55px !important; border: 0 !important; left: -1px !important; top: 158px !important; } .pinnwand_bigpic_txt p { margin: 5px; color: #FFF; } .like {width: 100%; border-bottom: 1px solid #999; border-top: 1px solid #999; height: 26px; margin: 5px 0;} .like img {float: right;} .like div img {float: none;} #community {font-size: 90%; width: 105%;} #community div {float: left; width: 285px; margin: 5px 14px 15px 0; min-height: 180px;} #community div div {background-color: #F5F5F5; margin: 0 0 2px 0; min-height: 0; padding-top: 25px;} #community div div div {padding: 0px; margin: 0px; min-height: 0px;} #community div h3 {background: url("../img/head2_bg.png") repeat-x; padding: 3px 0px 3px 10px; font-size: 120%;} #community div h4 {overflow: hidden; margin-bottom: 9px; font-size: inherit; height: 13px;} #community div .bimg {width: 75px; margin-right: 25px;} #community div .bimg img {width: 75px; height: 75px; float: left;} #community div .txt {float: left; height: 60px; width: 180px;} #community div .txt .datum {} #community div .author {color: #666;} #community p {height: 37px;} #comments {font-size: 12px;} #comments .comment {clear: both; padding-top: 5px; border-top: 1px solid silver} #comments div .img {float: left; padding: 2px 10px 5px 10px; width: 70px;} #comments .img img {width: 50px; height: 50px;} #comments .txt {float: left; width: 490px;} #comments .datum {float: right; display: block;} #comments .cmd {float: right;} .ticket .date {background: #FCEEBD; border: 1px solid #FCEEBD;} .ticket .content {padding: 5px; border: 1px solid silver;} .ticket .author {padding-bottom: 3px;} .ticket_report {padding: 5px; border-top: 1px solid silver;} .ticket_report .info {padding-left: 15px; background: #EEE;} .ticket_report .cmd {} .ticket_report .author {} .ticket_report .rating {} .hyphenate { text-align: justify;} #lexikon {} .ajax-loader { height: 100%; width: 100%; background: url("../img/ajax-loader.gif") no-repeat center !important; padding: 0 !important; } #participantslist {margin-top: 20px;} .fp_box {width: 298px; margin: 10px -15px 10px 0; min-height: 350px; background-color: #FAFAFA; border-right: 1px solid #CECECE;} .fp_box.left { margin: 10px 0px 10px -15px; clear: left; border: 0; border-left: 1px solid #CECECE;} .fp_box h3 {background: url("../img/head2_bg.png") repeat-x; padding: 3px 0px 3px 10px; font-size: 110%;} .fp_box h4 {padding: 10px 10px 5px 10px; font-size: 140%; font-weight: normal;} .fp_box p {padding: 5px 10px 5px 10px; font-size: 90%} .fp_img { float: left; padding-bottom: 10px; padding-right: 10px;}