/******************************************************************************** Inhaltsuebersicht - Seitenlayout - Grundeinstellungen - Infospalte - Contentspalte - Content ********************************************************************************/ /******************************************************************************** Seitenlayout ********************************************************************************/ /* Zentrierte Gesamtseite */ #adpage { position: relative; width: 1105px;} #cpage { position: relative; width: 960px; float: left; margin-left: 10px;} /* Von oben nach unten: Kopf, Hauptbereich und Fuss der Seite */ #cmain { position: relative; width: 960px; } /* Der Hauptbereich (cmain) besteht aus Contentspalte (links) und Infospalte (rechts) */ #contentcol { position: relative; float: left; width: 605px; overflow: hidden; background: url(../img/layout.2b.body.png) repeat-y; } #contentmargin { width: 600px; } #navigation { clear: both; background: #626969; padding: 0px 20px 0px 20px; height: 25px; z-index: 2; } #content { padding: 0px 20px; min-height: 600px; font-size: 14px; clear: left; z-index: 1; } .content_wide { margin: 0px -20px 20px -20px; padding: 0px 20px; background: #FFE6A7; border-bottom: 1px solid #ddd; font-size: 11px; clear: both; } #foot { padding: 10px 20px; color: #666; text-align: center; font-size: 11px; } #infocol { position: relative; float: right; width: 345px; overflow: hidden; font-size: 12px; } #infomargin { width: 340px; overflow: hidden; } /******************************************************************************** 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: #AEBDCA } /* #EEE8CD C1CDCD*/ body.iupload { background-color: #fff; } a { color: #626969; text-decoration: none; } /*#626969 #677*/ a:hover { color: #c33; } /*#EA0634 #8B2500 #BD042C*/ a.plink { font-weight: bold; } a.plink:hover { } a.plink img { padding: 2px; border: 1px solid #ddd; background: #fff; } a.plink img:hover { border: 1px solid #933; } 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; } .zentriert { text-align: center; } .rechtsbuendig { text-align: right; } .linksbuendig { text-align: left; } .inaktiv { border: 1px dotted #f3f !important; } .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 */ /* Button */ .button { padding: 2px; border: 1px solid #ddd; 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; padding: 0 !important; } .cmdbar li a { padding: 2px; border: 1px solid #ddd; background: url(../img/button.bg.png) repeat-x; white-space: nowrap; } .cmdbar li a:hover { border: 1px solid #c33; } .cmdbar li a img { vertical-align: middle; margin: 0.2em 0 .3em 0; } .cmdbar span.c_selected { padding: 2px; border: 1px solid #ddd; color: #fff; background: url(/img/button.bg.png) repeat-x; background: #999; white-space: nowrap;} /* 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 10px 0px 0px;} ul.xlist li .ltitelbild { float: right; 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; } /* 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 { border: 1px solid #ddd; background: url(../img/button.bg.png) repeat-x; } .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 textarea { background: #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"] { padding: 2px; border: 1px solid #ddd; color: #626969; background: url(../img/button.bg.png) repeat-x; } form input[type="submit"]:hover { border: 1px solid #c33; color: #c33; } form select { background: #fff; border: 1px solid #ddd; padding: 1px; } /* Standard-Formular */ form.stdform { margin-bottom: 20px; font-size: 12px; } form.stdform fieldset { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 20px; margin: 0px -20px 10px -20px; 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: 33%; font-weight: bold; text-align: right; vertical-align: top; padding-top: 5px; } form.stdform div.formdata { float: right; width: 65%; vertical-align: top; margin-bottom: 10px; } form.stdform input[type="file"], form.stdform input[type="text"], form.stdform textarea { background: #fff; 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"] { border: 1px outset #ddd; float: right; } 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 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; } .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; } #lesezeichen_box { position: relative; display: none; background-color: #999; border-bottom: 0px solid #DDD; top: 16px; right: 0px; padding: 0px 0px 3px 3px; margin: 0px; opacity: 0.9; } #lesezeichen_box li { display: block; border-top: 1px solid #ddd; } #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; } /******************************************************************************** Infospalte ********************************************************************************/ /* Account-Box*/ #account { position: relative; height: 61px; color: #fff; font-size: 11px; padding: 10px 10px 0px 10px; } #account b { font-size: 16px; font-weight: bold; } #account p { margin: 0px; } #account p.clear { margin: 0px !important; } #account a { color: #fff; } #account #iimg { float: left; margin-right: 10px; padding: 2px; border: 1px solid #ddd; background: #fff; width: 50px; height: 50px;} #account .iconbar { position: absolute; top: 50px; left: 75px; } #account form { font-size: 11px; color: #fff; } #account form .fname { font-size: 11px; } #account form .fdata { font-size: 11px; width: 120px; margin: 3px 5px 0px 0px; } #account form input[type="file"], #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; background-color: #fff; border: 1px solid #ddd; } #account form input[type="submit"] { font-size: 11px; padding: 0px; margin-top: 2px; background-color: #ddd; color: #333; } #select_lesezeichen { margin-top:-15px; float:right; } /* Anmeldung */ .anmelden { text-align: center; padding-top: 10px; } .anmelden img { padding: 5px 0px; } /* Hinweis-Box */ #hinweis { margin: 0px 15px 0px 10px; padding-top: 5px; } #hinweis ul { list-style: circle; } #hinweis li { padding-left: 10px; padding-top: 3px; } /* News-Box */ #news { padding: 0px 15px 0px 10px; padding-top: 5px; } #news ul { } #news ul li { list-style: none; color: #777; clear: both; } #news ul li img { width: 16px; height: 16px; } #news ul li.newmsg a { color: #492; } /* My-Box */ #mybox { background: url(../img/layout.2b.boxbody.png) repeat-y; width: 342px; } #myboxhead { background: url(../img/layout.2b.boxhead.png) no-repeat; width: 342px; height: 70px; } #mybox h4 { font-size: 16px; padding: 5px 0px; } #mybox h5 { font-size: 14px; padding: 10px 0px; } /* Info-Boxen allgemein */ .infotop { background: url(../img/layout.2b.boxhead2.png) no-repeat; font-size: 16px; color: #fff; padding: 3px 10px; margin-top: 10px; } .infotop a { color: #fff; } .info { background: url(../img/layout.2b.boxbody.png) repeat-y; } .info p { clear: both; padding: 5px 15px 0px 10px; } .info h5 { padding: 10px 15px 0px 10px; font-size: 14px; } .info ul { clear: both; padding: 5px 15px 0px 10px; } .info img.title { float: left; } .alist li { clear: both; padding-top: 5px; } .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; } .sf-menu li { float: left; position: relative; width: 90px; border-right: 1px solid #ddd; } .sf-menu li:first-child { border-left: 1px solid #ddd; } .sf-menu ul li:first-child { border-left: none; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 25px; 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: 16px; } .sf-menu a { color: #fff; font-weight: bold; padding: 3px 10px; 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: #fff; } .sf-menu li a.current { background: #999; color: #FFE6A7; } .sf-menu li { background: #626969; } .sf-menu li li { background: #aaa; border-right: none !important; } .sf-menu li li li { background: #aaa; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #999; outline: 0; color: #FFE6A7 !important; } .sf-menu li small { display: block; background: #bbb; 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: #FFE6A7; 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 #626969; } #subnav li:first-child { border-left: 1px solid #626969; } .subnav .iconbar a {color: #fff;} .subnav .iconbar a:hover { color: #FFE6A7; } #bbox { border-bottom: 1px solid #ddd; background: #eee; clear: both; font-size: 11px; margin: 0px -20px 20px -20px; 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: 10px 20px; color: #888; overflow: hidden; } .suche ul { } .suche .title { } .suche .sblock { float: left; margin-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, em#std { float: right; } .suche br { clear: both; } .skurz { bottom: 0px; } .slang { } .slang span.title { float: left; width: 90px; height: 15px; clear: left; text-align: right; margin-bottom: 5px; padding: 3px 10px; } .slang span.opt { float: left; } .slang input[type="file"], .slang input[type="text"], .slang textarea { color: #626969; background: #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: #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 { margin-top: 20px; position: relative; } #profilkopf #pr_portraits { float: left; width: 260px; } #profilkopf #pr_portrait { float: left; height: 209px; background-color: #fff; border: 1px solid #ddd; } #pr_portraits img.bigimg { background: #fff; text-align: center; width: 200px; height: 200px; padding: 2px; } #pr_portraits #imgbar { float: right; } #pr_portraits #imgbig { width: 200px; height: 200px; background-color: #FFF; border: 1px solid #ddd; } #pr_portraits #imgbar .bigimg { display: none; } #pr_portraits #imgbar .smallimg img, #pr_portraits #imgbar .smallimg span { width: 50px; height: 50px; margin-bottom: 1px; border: 1px solid #ddd; display: block; } #pr_portraits #imgbar a:hover .bigimg { position: absolute; display: block; top: 1px; left: 1px; width: 200px; height: 200px; padding: 2px; background-color: #fff; } * html #pr_portraits #imgbar a:hover .bigimg { left: -259px; } #pr_portraits #imgbar a:hover .smallimg img { border: 1px solid #f00; width: 50px; height: 50px; } #profilkopf #nichtfoto { float: right; width: 280px; min-height: 210px; font-size: 12px; } #profilkopf div.male { background: url(../img/icon_mars3.png) no-repeat right 30px; } #profilkopf div.female { background: url(../img/icon_venus3.png) no-repeat right 30px; } #profilkopf #nichtfoto h1 { } #profilkopf #nichtfoto p { margin-top: 10px; line-height: 1.4em; } #profilkopf .pinfo { margin: 10px 0px; font-style: italic; color: #999; } #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 .subnav { font-size: 14px; background: #626969; padding: 0px 20px 0px 20px; margin: 10px -20px 0px -20px; height: 19px; } #profilkopf .iconbar { float: right; } #profilkopf #profil_menu { } #profilkopf #profil_menu ul { } #profilkopf #profil_menu li { list-style:none; display:inline; white-space:nowrap;} #profilkopf #profil_menu li:first-child a { border-left: 1px solid #ddd; } #profilkopf #profil_menu li a { display: block; float: left; color: #fff; font-weight: bold; padding: 1px 10px; border-right: 1px solid #ddd; width: 50px; } #profilkopf #profil_menu li a.menu_larger{ width: 65px; } #profilkopf #profil_menu a:hover { color: #FFE6A7; } #profilkopf #profil_menu .active a { background: #999; color: #FFE6A7; } #profilkopf #profil_menu li a img { vertical-align:middle; } .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; } /* Sticker */ .stickerliste td { vertical-align:top; font-size:smaller; text-align:center; border: 0px solid #DDD; width:98px; } .stickerliste tr { margin-bottom:10px; } .stickerliste .sticker_cmds { width:20px; height: 44px; float:right; margin-bottom:20px;} .stickerliste .sticker_cmds img { margin-top:4px; } .stickerliste a:link { font-weight:normal; } .stickerliste a:hover { font-weight:normal; } .stickerliste a:hover { font-weight:normal; } .stickerliste a:visited { font-weight:normal; } /* 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%; } /* Aktionskarten */ .karten_galerie { float:left; position:relative;} .karten_galerie_unten { font-size: 10px; overflow:hidden; white-space: nowrap; width: 135px; } .karten_liste { clear: both; } .pks_karteninformationen { margin-left: 10px; } .pks_karteninformationen p { margin: 10px 0px; } .pks_karteninformationen .buy a { margin: 3px 0px; padding: 2px 5px; border: 1px solid #ddd; background: url(../img/button.bg.png) repeat-x; } .pks_karteninformationen .buy a:hover { border: 1px solid #c33; } .ansicht_auswahl { width:100%; height:20px; margin-top:-10px; } .karte { height: 190px; width: 135px; } .karte_innen { padding: 15px 19px 15px 16px; overflow: hidden; text-align: center; font-size: 10px; white-space: nowrap; color: #999; } .karte .motiv { } .karte .plink { } .karte .aktion { color: #333; margin: 2px 0px; } .karte .ausgabe { float: left; } .karte .preis { float: right; } /* 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 li { font-size:smaller; } #accordion li a { padding:0.4em 0.3em; } /******************************************************************************** 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 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; } .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; } .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; } /* tk */ /* 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; } /* ende tk */ /* 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 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 { 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; } /******************************************************************************** Klubs ********************************************************************************/ /* Klubkopf */ #klubkopf { margin-top: 20px; } #klubkopf #pr_portraits { float: left; width: 110px; } #klubkopf #pr_portraits img { width: 100px; height: 100px; } #klubkopf #pr_portrait { background-color: #fff; border: 1px solid #ddd; } #klubkopf #nichtfoto { float: right; width: 440px; font-size: 12px; color: #888; clear: right; } #klubkopf #nichtfoto p { margin-top: 10px; line-height: 1.4em; } #klubkopf .pinfo { margin: 10px 0px; font-size: 11px; font-style: italic; } #klubkopf .subnav { clear: left; font-size: 14px; background: #626969; padding: 0px 20px 0px 20px; margin: 20px -20px 0px -20px; height: 19px; } #klubkopf .iconbar { float: right; } #klub_menu { float: left; } #klub_menu ul { clear: both; } #klub_menu li { list-style: none; display: inline; } #klub_menu li:first-child a { border-left: 1px solid #ddd; } #klub_menu li a { display: block; float: left; color: #fff; font-weight: bold; padding: 1px 10px; border-right: 1px solid #ddd; width: 70px; } #klub_menu a:hover { color: #FFE6A7; } #klub_menu .active a { background: #999; color: #FFE6A7; } /******************************************************************************** Content: Info + Startseite ********************************************************************************/ #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; } .pluspreise { width: 100%; margin: 3em 0px; } .pluspreise tr { vertical-align: top; } .pluspreise h3 { color:#CC0000 !important; font-size:16px !important; margin: 0px 0px 5px 0px; clear: both;} .pluspreise td { color: #666; padding: 10px 0px; } .pluspreise .ppm { text-align: center; width: 130px; } .pluspreise .ppr { text-align: right; } .pluspreise input[type=text] { border: 1px solid #ddd; } #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; } /******************************************************************************** Werbung ********************************************************************************/ .ad { } #ad-lead { margin-bottom: 10px; clear: both; min-height: 100px; } #ad_sky { position: absolute; left: 100%; top: 170px; margin-left: 10px; } #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; } /******************************************************************************** Spiele ********************************************************************************/ div#halloween { border: 5px solid #069; } div#halloween td { font-size: 12px; } div#halloweenkopf { font-size: 14px; font-weight: bold; border: 5px solid #069; height: 40px; width: 350px; } div#halloweenkopf img { float: left; border-right: 1px solid #069; } div#halloweenkopf ul { border-top: 1px solid #069; } div#halloweenkopf li { list-style: none; display: inline; } div#halloweenkopf a { color: #069; padding: 0px 10px 0px 10px; } div#halloweenkopf a:hover { background: #069; color: #fff; } div#halloweenkopf .active { background: #069; color: #fff; } #halloweentitel { font-size: 14px; font-weight: bold; background: #069; padding-bottom: 3px; } #halloweentitel img { } #halloweentitel b { font-size: 18px; font-weight: bold; } #halloweentitel li { list-style: none; display: inline; } #halloweentitel a { color: #fff; padding: 0px 10px 0px 0px; } #halloweentitel a:hover { background: #fff; color: #069; } div#schnee { border: 5px solid #91CCEC; } div#schnee td { font-size: 12px; } div#schneekopf { font-size: 14px; font-weight: bold; border: 5px solid #91CCEC; height: 40px; width: 350px; background: #91CCEC;} div#schneekopf img { float: left; border-right: 1px solid #91CCEC; } div#schneekopf ul { border-top: 1px solid #c2e5f8; } div#schneekopf li { list-style: none; display: inline; } div#schneekopf a { color: #91CCEC; padding: 0px 10px 0px 10px; } div#schneekopf a:hover { background: #91CCEC; color: #fff; } div#schneekopf .active { background: #c2e5f8; color: #fff; } #schneetitel { font-size: 14px; font-weight: bold; background: #91CCEC; padding-bottom: 3px; padding-left: 40px;} #schneetitel img { } #schneetitel b { font-size: 18px; font-weight: bold; padding-top: -10px; padding-left: 20px; } #schneetitel li { list-style: none; display: inline; } #schneetitel a { color: #fff; padding: 0px 10px 0px 0px; } #schneetitel a:hover { } .schneeshop_ro {background:url(../img/schnee/roundedbox_ro.gif) top right no-repeat; margin:0; padding:0;} .schneeshop_lo {background:url(../img/schnee/roundedbox_lo.gif) top left no-repeat; margin:0; padding:0;} .schneeshop_ru {background:url(../img/schnee/roundedbox_ru.gif) bottom right no-repeat; margin:0; padding:0;} .schneeshop_lu {background:url(../img/schnee/roundedbox_lu.gif) bottom left no-repeat; margin:0; padding:0;} .schneeshop_inhalt { margin:0; padding:1.5em 1.5em 1.5em 1.5em; } .schneeshop_inhalt p { margin:0; padding:0; } span.valentinstag_action { border: 1px outset #ddd; background: #ddd; padding: 2px 5px; margin-top: 20px; clear: both; position: relative; top: 20px; } span.valentinstag_action2 { border: 1px inset #ddd; background: #ddd; padding: 2px 5px; color: #999; position: relative; top: 20px; } div.valentinstag_blumen { margin: 30px 0px; } .valentinstag_blumen img { width: 50px; height: 50px; }