/** * Radflirt.de * * Basic */ * { margin:0; padding:0; } body { text-align:center; font-size:75%; min-height:100.01%; color:#000000; background:#ffffff; } body * { text-align:left; } fieldset, img { border:0; } :focus { outline: 0; } option { padding-left:0.4em; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ .clear { clear:both; } .skip { position:absolute; left:-1000em; width:20em; } .float, .floatL { float:left; } .floatR { float:right; } .left { text-align:left; } .right { text-align:right; } .top { vertical-align:top; } .bottom { vertical-align:bottom; } .center { text-align:center; } .nowrap { white-space:nowrap; } .bold { font-weight:bold; } .italic { font-style:italic; } .green { color: green !important; } ul, ol, dl { margin:0 0 1em 1em } li { margin-left:1.5em; } dt { font-weight:bold; } dd { margin:0 0 1em 2em; } blockquote { margin:0 0 1em 1.5em; font-size:0.95em; width:auto; } table { border-collapse:collapse; width:100%; margin-bottom:0.5em; } /** * Radflirt.de * * Custom */ * { font-family:Verdana, Arial, Helvetica, sans-serif; } body { background:#e6e6e6 url(/inc/images/bgBody.gif) top left fixed repeat-x; padding-top:25px; } hr { color:#ffffff; background:transparent; margin:0 0 0.5em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #000000 solid; } a { text-decoration:underline; } a:hover { text-decoration:none; } a.facebook { font-weight: bold; background: url(/inc/images/iconFacebook.gif) no-repeat; padding: 2px 0 4px 24px; color: #4f6aa3; } .noMargin { margin-top:0 !important; } .pMargin { margin:5px 0 5px 0; } .small { font-size:0.9em; } .tiny { font-size:0.83em; } .tinyGrey { font-size:0.83em; color:#999999; } .tinyGrey a { color:#999999; } .picBorder { outline:none; } .oder { width:375px; height:21px; background:url(/inc/images/bgOder.gif) top left no-repeat; margin:15px auto 25px auto; } #main { margin:0; padding:0; width:810px; margin-left:auto; margin-right:auto; background-color:#ffffff; } #mainContent { padding:10px 10px 20px 10px; } #header { width:790px; overflow:hidden; } #headerTop { width:790px; height:162px; overflow:hidden; } #navigation { float:left; list-style:none; margin:0; padding:0; margin-top:131px; } #headerBottom { width:789px; line-height:1.4375em; border-right:1px solid #595959; } #breadcrumb { list-style:none; margin:0 0 0 19px; padding:0; } #col1 { width:790px; background:url(/inc/images/bgContentBottom.gif) no-repeat; background-position:37px bottom; } #col2 { width:596px; margin-left:10px; padding-top:92px; float:left; } #col3 { width:225px; margin-left:19px; float:left; } #col1Content { width:184px; margin:8px 0 50px 0; border-top:3px solid #e6e6e6; float:left; } #col2Content { width:349px; padding-left:3px; float:left; } #col3Content { width:225px; } #col1Content, #col2Content, #col3Content { overflow:hidden; line-height:1.2em; } #footer { width:790px; overflow:hidden; background:url(/inc/images/bgFooterHr.gif) top left repeat-x; margin:0 10px 10px 10px; } #footer p.left { float:left; } #footer p.right { float:right; } #footer p.left, #footer p.right span, #footer p.right a { font-size:0.83em; line-height:3em; } #jsNotice { width:790px; margin:0 auto; border:10px solid white; background-color:#fff; } .bbBar a, .bbSmilies span { cursor:pointer; } .bbSmilies { visibility:hidden; position:absolute; z-index:5000; background-color:#FFFFFF; padding:10px; border:3px solid #CCCCCC; width:740px; left:50%; margin-left:-380px; white-space:normal; } div.leftBox { font-size:0.83em; width:178px; overflow:hidden; border:3px solid #e6e6e6; border-top: 0; } div.leftBox div.leftHeadCard, div.leftBox div.leftHeadDiag { width:176px; height:25px; margin:1px; } div.leftBox div.leftBody { width:156px; padding:13px 10px 10px 10px; margin:1px; } div.browsePages { padding:7px 12px 7px 12px; font-size:0.9em; } div.browsePages p { float:left; } div.browsePages p.links { float:right; } .noticeBox { padding:10px; font-size:0.9em; line-height:1.5em; margin:10px 0 10px 0; } .noticeBox ul { list-style-type:none; margin:0; } .noticeBox li { margin:0; } div.newsticker { margin:25px 0 0 0; } div.newsticker .top { background:url(/inc/images/bgNewsticker.gif) top left repeat-y; width:326px; overflow:hidden; } div.newsticker .header { background:url(/inc/images/bgNewstickerHeader.jpg) top left no-repeat; padding:25px 0 0 0; } div.newsticker .bottom { background:url(/inc/images/bgNewstickerFooter.gif) top left no-repeat; width:326px; height:5px; } div.newsticker a { color:#000000; text-decoration:none; } div.newsticker a:hover { text-decoration:underline; } div.newsticker p { padding:0 15px 10px 15px; font-size:0.83em; } div.infoBox { width:568px; padding:38px 11px 11px 11px; border:3px solid #e6e6e6; margin-bottom:10px; cursor:pointer; } div.infoBoxList { padding:38px 11px 0 11px; } div.infoBox li, div.infoBox span{ font-size:0.83em; } div.errorBox { background:url(/inc/images/headErrorBox.gif) top left no-repeat; } div.errorBox li, div.errorBox span, span.error { color:#dd0303; } div.successBox { background:url(/inc/images/headSuccessBox.gif) top left no-repeat; } div.successBox li, div.successBox span, span.success { color:#045d00; } div.tree { padding:10px; font-size:0.83em; } div.tree * { margin:0; padding:0; } /* TAGCLOUD */ a.cnts0 {color: #00358e; font-size: 0.5em; text-decoration: none;} a.cnts1 {color: #00358e; font-size: 0.7em; text-decoration: none;} a.cnts2 {color: #00358e; font-size: 0.9em; text-decoration: none;} a.cnts3 {color: #00358e; font-size: 1.1em; text-decoration: none;} a.cnts4 {color: #00358e; font-size: 1.3em; text-decoration: none;} a.cnts5 {color: #00358e; font-size: 1.5em; text-decoration: none;} a.cnts6 {color: #00358e; font-size: 1.7em; text-decoration: none;} a.cnts7 {color: #00358e; font-size: 1.9em; text-decoration: none;} a.cnts8 {color: #00358e; font-size: 2.1em; text-decoration: none;} a.cnts9 {color: #00358e; font-size: 2.3em; text-decoration: none;} a.cnts10 {color: #00358e; font-size: 2.5em; text-decoration: none;} a.cnts0:hover {background-color:#00358e; color: #ffffff;} a.cnts1:hover {background-color:#00358e; color: #ffffff;} a.cnts2:hover {background-color:#00358e; color: #ffffff;} a.cnts3:hover {background-color:#00358e; color: #ffffff;} a.cnts4:hover {background-color:#00358e; color: #ffffff;} a.cnts5:hover {background-color:#00358e; color: #ffffff;} a.cnts6:hover {background-color:#00358e; color: #ffffff;} a.cnts7:hover {background-color:#00358e; color: #ffffff;} a.cnts8:hover {background-color:#00358e; color: #ffffff;} a.cnts9:hover {background-color:#00358e; color: #ffffff;} a.cnts10:hover {background-color:#00358e; color: #ffffff;} /* BB CODE */ div.bbcQuote { border-left: 3px solid #757575; margin:3px; margin-left: 5px; padding-left:5px; color:#757575; font-style:italic; } span.bbcBold { font-weight: bold;} span.bbcItalic { font-style: italic;} span.bbcUnderline { text-decoration: underline;} span.bbcStrike { text-decoration:line-through; color:#666666; } /* flirt */ div.purpleBox { background:url(/inc/images/bgLinkBoxFlirt.gif) #fff5f9 top right no-repeat; border:2px solid #9d006a; } div.purpleBox .links { border-right:2px solid #9d006a; } div.purpleBox .links a { color:#9d006a; } /* forum */ div.redBox { background:url(/inc/images/bgLinkBoxForum.gif) #f8edee top right no-repeat; border:2px solid #a01522; } div.redBox .links { border-right:2px solid #a01522; } div.redBox .links a { color:#a01522; } /* market */ div.aquamarineBox { background:url(/inc/images/bgLinkBoxMarket.gif) #eef4f6 top right no-repeat; border:2px solid #22798e; } div.aquamarineBox .links { border-right:2px solid #22798e; } div.aquamarineBox .links a { color:#22798e; } /* tours */ div.brownBox { background:url(/inc/images/bgLinkBoxTours.gif) #f4f0ee top right no-repeat; border:2px solid #763b2b; } div.brownBox .links { border-right:2px solid #763b2b; } div.brownBox .links a { color:#763b2b; } /* gallery */ div.blueBox { background:url(/inc/images/bgLinkBoxGallery.gif) #ebf0f3 top right no-repeat; border:2px solid #064469; } div.blueBox .links { border-right:2px solid #064469; } div.blueBox .links a { color:#064469; } /* groups */ div.greenBox { background:url(/inc/images/bgLinkBoxGroups.gif) #eff5ef top right no-repeat; border:2px solid #347d2f; } div.greenBox .links { border-right:2px solid #347d2f; } div.greenBox .links a { color:#347d2f; } /* profil */ div.orangeBox { background:url(/inc/images/bgLinkBoxProfil.gif) #fdf8f2 top right no-repeat; border:2px solid #e06f00; } div.orangeBox .links { border-right:2px solid #e06f00; } div.orangeBox .links a { color:#e06f00; } /* radshop */ div.goldBox { background:url(/inc/images/bgLinkBoxRadshop.gif) #f4f1e9 top right no-repeat; border:2px solid #ba9b4b; } div.goldBox .links { border-right:2px solid #ba9b4b; } div.goldBox .links a { color:#ba9b4b; } /* basic */ div.linkBox { border-top:none; border-right:none; padding:11px 0 0 10px; } div.linkBox .links { padding-bottom:11px; font-size:0.83em; } /** * Radflirt.de * * Navigation */ #navigation li { float:left; margin:0 1px 0 0; padding:0; } #navigation li a { display:block; height:31px; text-indent:-300em; background-position:0 0; outline:none; } #navigation li a.active, #navigation li a:hover { background-position:0 -31px; } #breadcrumb li { float:left; margin:0; padding:0; } #breadcrumb li span { font-weight:bold; } #breadcrumb li span, #breadcrumb li a { height:2.3em; text-decoration:none; font-size:0.83em; line-height:2.3em; outline:none; } #breadcrumb li a:hover { text-decoration:underline; } #navStart { width:32px; background:url(/inc/images/navStart.gif) top left no-repeat; } #navFlirt { width:68px; background:url(/inc/images/navFlirt.gif) top left no-repeat; } #navForum { width:83px; background:url(/inc/images/navForum.gif) top left no-repeat; } #navGalerie { width:86px; background:url(/inc/images/navGalerie.gif) top left no-repeat; } #navAnzeigen { width:100px; background:url(/inc/images/navAnzeigen.gif) top left no-repeat; } #navGruppen { width:97px; background:url(/inc/images/navGruppen.gif) top left no-repeat; } #navTouren { width:86px; background:url(/inc/images/navTouren.gif) top left no-repeat; } #navProfil { width:74px; background:url(/inc/images/navProfil.gif) top left no-repeat; } #navRadshop { width:105px; background:url(/inc/images/navRadshop.gif) top left no-repeat; } #footer p.right a { text-decoration:none; outline:none; } #footer p.right a:hover { text-decoration:underline; } .tabsetTabs { margin:24px 0 0 0; padding:0; list-style-type:none; z-index:2; position:relative; white-space:nowrap; font-size:0.8em; } .tabsetTabs li { margin:0; padding:0; display:inline; } .tabsetTabs a { color:#737373 !important; background:url(/inc/images/bgTabs.gif) #ffffff bottom right repeat-x !important; border:1px solid #d6d6d6; text-decoration:none; padding:0.6em; border-left-width:0; border-right-width:0; border-top-width:2px; border-bottom:none; outline:none !important; margin-right:-3px; } .tabsetTabs a.active{ border-color:#d6d6d6; border-left-width:1px; border-right-width:1px; cursor:default; border-bottom:white; } .tabsetTabs li.firstchild a.active { border-left-width:1px; } .tabsetContent { border:1px solid #d6d6d6; border-bottom:3px solid #d6d6d6; z-index:1; padding:1em 1em 0.5em 1em; display:none; margin-top:0.4em; } .tabsetContentActive{ display:block } /** * Radflirt.de * * Headers */ h1,h2,h3,h4 { font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; } div.leftBox h3 { font-size:16px !important; line-height:25px !important; padding-left:39px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; } h4 { font-weight:bold; font-size:0.83em; margin:15px 0 0 0; } /** * Radflirt.de * * Forms */ input, textarea { width:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em; } textarea.areaSmall { height:30px; } textarea.areaMedium { height:100px; } textarea.areaBig { height:200px; } input.bigSubmitSave { border:0; background:none; cursor:pointer; font-size:14px; font-weight:bold; width:135px; height:87px; padding-left:40px; margin:0 0 0 8px; } div.searchBox { margin:20px 0 20px 0; background:url(/inc/images/searchLens.gif) 0px 4px no-repeat; padding:0 0 0 20px; } div.searchBox input { background:none; font-size:12px; padding:2px 0 2px 0; } div.searchBox input.submit { background:none; border:none; background:url(/inc/images/searchSubmit.gif) 0px 2px no-repeat; cursor:pointer; width:16px; height:20px; cursor:pointer; } /** * Radflirt.de * * Tables */ /* DateChooser */ div.calendar table { width:auto; } /* flirt */ div.greyTable, div.greyTable a, div.greyTable h2, div.greyTable .links a { color:#595959; } div.greyTable tr { background-color:#fafafa; } div.greyTable tr.row1 { background-color:#f0f0f0; } div.greyTable .header { background:url(/inc/images/bgBoxCoreFull.gif) no-repeat; } #col2Content div.greyTable .header { background:url(/inc/images/bgBoxCoreLeft.gif) no-repeat; background-position:right 0.7em; } #col3Content div.greyTable .header { background:url(/inc/images/bgBoxCoreLeft.gif) no-repeat; background-position:right 0.7em; } div.greyTable h2 { background:url(/inc/images/iconCore.gif) no-repeat; } div.greyTable h2.search { background:url(/inc/images/iconSearchBig.gif) no-repeat; } div.greyTable h2.whoWhere { background:url(/inc/images/iconWerWo.gif) no-repeat; } /* flirt */ div.purpleTable, div.purpleTable a, div.purpleTable h2, div.purpleTable .links a { color:#9d006a; } div.purpleTable tr { background-color:#fff5f9; } div.purpleTable tr.row1 { background-color:#ffebf3; } div.purpleTable .header { background:url(/inc/images/bgBoxFlirtFull.gif) no-repeat; } #col2Content div.purpleTable .header { background:url(/inc/images/bgBoxFlirtLeft.gif) no-repeat; background-position:right 0.7em; } #col3Content div.purpleTable .header { background:url(/inc/images/bgBoxFlirtLeft.gif) no-repeat; background-position:right 0.7em; } div.purpleTable h2 { background:url(/inc/images/iconFlirt.gif) no-repeat; } /* forum */ div.redTable, div.redTable a, div.redTable h2, div.redTable .links a { color:#a01522; } div.redTable tr { background-color:#faf3f4; } div.redTable tr.row1 { background-color:#f5e7e8; } div.redTable .header { background:url(/inc/images/bgBoxForumFull.gif) no-repeat; } #col2Content div.redTable .header { background:url(/inc/images/bgBoxForumLeft.gif) no-repeat; background-position:right 0.7em; } #col3Content div.redTable .header { background:url(/inc/images/bgBoxForumLeft.gif) no-repeat; background-position:right 0.7em; } div.redTable h2 { background:url(/inc/images/iconForum.gif) no-repeat; } div.redTable h2.overview { background:url(/inc/images/iconForumOverview.gif) no-repeat; } div.redTable h2.sticky { background:url(/inc/images/iconForumSticky.gif) no-repeat; } /* market */ div.aquamarineTable, div.aquamarineTable a, div.aquamarineTable h2, div.aquamarineTable .links a { color:#22798e; } div.aquamarineTable tr { background-color:#f4f8f9; } div.aquamarineTable tr.row1 { background-color:#e8f1f3; } div.aquamarineTable .header { background:url(/inc/images/bgBoxMarketFull.gif) no-repeat; } #col2Content div.aquamarineTable .header { background:url(/inc/images/bgBoxMarketLeft.gif) no-repeat; background-position:right 0.7em; } #col3Content div.aquamarineTable .header { background:url(/inc/images/bgBoxMarketLeft.gif) no-repeat; background-position:right 0.7em; } div.aquamarineTable h2 { background:url(/inc/images/iconMarket.gif) no-repeat; } /* tours */ div.brownTable, div.brownTable a, div.brownTable h2, div.brownTable .links a { color:#763b2b; } div.brownTable tr { background-color:#f8f5f4; } div.brownTable tr.row1 { background-color:#f1ebe9; } div.brownTable .header { background:url(/inc/images/bgBoxToursFull.gif) no-repeat; } #col2Content div.brownTable .header { background:url(/inc/images/bgBoxToursLeft.gif) no-repeat; background-position:right 0.7em; } #col3Content div.brownTable .header { background:url(/inc/images/bgBoxToursLeft.gif) no-repeat; background-position:right 0.7em; } div.brownTable h2 { background:url(/inc/images/iconTours.gif) no-repeat; } /* gallery */ div.blueTable, div.blueTable a, div.blueTable h2, div.blueTable .links a { color:#064469; } div.blueTable td { background-color:#f2f2f2; } div.blueTable .header { background:url(/inc/images/bgBoxGalleryFull.gif) no-repeat; } #col2Content div.blueTable .header { background:url(/inc/images/bgBoxGalleryLeft.gif) no-repeat; background-position:right 0.7em; } #col3Content div.blueTable .header { background:url(/inc/images/bgBoxGalleryLeft.gif) no-repeat; background-position:right 0.7em; } div.blueTable h2 { background:url(/inc/images/iconGallery.gif) no-repeat; } /* groups */ div.greenTable, div.greenTable a, div.greenTable h2, div.greenTable .links a { color:#347d2f; } div.greenTable tr { background-color:#f5f8f4; } div.greenTable tr.row1 { background-color:#eaf2ea; } div.greenTable .header { background:url(/inc/images/bgBoxGroupsFull.gif) no-repeat; } #col2Content div.greenTable .header { background:url(/inc/images/bgBoxGroupsLeft.gif) no-repeat; background-position:right 0.7em; } #col3Content div.greenTable .header { background:url(/inc/images/bgBoxGroupsLeft.gif) no-repeat; background-position:right 0.7em; } div.greenTable h2 { background:url(/inc/images/iconGroups.gif) no-repeat; } /* profil */ div.orangeTable, div.orangeTable a, div.orangeTable h2, div.orangeTable .links a { color:#e06f00; } div.orangeTable tr { background-color:#fdf8f2; } div.orangeTable tr.row1 { background-color:#fcf0e5; } div.orangeTable .header { background:url(/inc/images/bgBoxProfilFull.gif) no-repeat; } #col2Content div.orangeTable .header { background:url(/inc/images/bgBoxProfilLeft.gif) no-repeat; background-position:right 0.7em; } #col3Content div.orangeTable .header { background:url(/inc/images/bgBoxProfilLeft.gif) no-repeat; background-position:right 0.7em; } div.orangeTable h2 { background:url(/inc/images/iconUserprofil.gif) no-repeat; } /* radshop */ div.goldTable, div.goldTable a, div.goldTable h2, div.goldTable .links a { color:#ba9b4b; } div.goldTable tr { background-color:#f4f1e9; } div.goldTable tr.row1 { background-color:#e4decb; } div.goldTable tr a, div.goldTable tr a.bold:hover { text-decoration: none; } div.goldTable tr a:hover, div.goldTable tr a.bold { text-decoration: underline; } div.goldTable .header { background:url(/inc/images/bgBoxRadshopFull.gif) no-repeat; } #col2Content div.goldTable .header { background:url(/inc/images/bgBoxRadshopLeft.gif) no-repeat; background-position:right 0.7em; } #col3Content div.goldTable .header { background:url(/inc/images/bgBoxRadshopLeft.gif) no-repeat; background-position:right 0.7em; } div.goldTable h2 { background:url(/inc/images/iconRadshop.gif) no-repeat; } /* basic */ div.tableBox { margin:20px 0 0 0; padding:0; } div.tableBox table { border-collapse:separate; border-spacing:1px; } div.tableBox th { padding:0 7px 0 7px; font-size:0.75em; } div.tableBox td { font-size:0.83em; padding:9px 7px 9px 7px; } div.tableBox .header { background-position:right 0.7em; } div.tableBox h2, div.tableBox h2.overview, div.tableBox h2.sticky { line-height:2em; overflow:hidden; padding:0.3em 0 0 33px; background-position:8px 0.5em !important; } td.submitContainer { background-color:white !important; vertical-align:bottom; padding:0 !important; text-align:right; } td.formLabel { width:90px; } .tabsetContent td.formLabel { width:60px; } /* gallery custom */ div.blueTable .picBox { width:117px; overflow:hidden; border:1px solid #f2f2f2; margin-bottom:8px; float:left; } div.blueTable .picBox .float { width:49.5%; line-height:2.0em; } div.blueTable .picBox div.outer { margin:1px; background:#f2f2f2 url(/inc/images/bgGalleryPicBox.gif) top left repeat-x; padding:7px; font-size:0.83em; } div.blueTable .picBox div.outer a img { width:97px; height:77px; border:1px solid #ffffff; margin:5px 0 3px 0; } div.galleryBox { margin-left:10px; } /** * Radflirt.de * * Datechooser */ .calendar * { margin: 0; padding: 0; border: 0; font-family: Tahoma, serif; font-weight: normal; color: #000; } .calendar .invalidday a, .calendar .invalidday a:hover { color: #ccc; background: #fff; cursor: default; } .calendar .selectedday { background: #ddd; } .calendar .today { font-weight: bold; color: #f00; } .calendar a { padding: 0 2px; color: #000; text-decoration: none; } .calendar a:hover { background: #bbb; } .calendar table { border-collapse: collapse; font-size: 90%; } .calendar tbody td { width: 20px; } .calendar td, .calendar th { padding: 1px; text-align: center; } .calendar thead td { border-bottom: 1px solid #aaa; } .calendar thead td { font-weight: bold; } .calendar thead th a { font-size: 95%; font-weight: bold; } .calendar thead th { padding: 2px 0; vertical-align: middle; background: #ddd; } .calendar { padding-bottom: 2px; border: 1px solid #aaa; font-size: small; background: #fff; } .calendaricon { cursor: pointer; } .calendarlink, .calendaricon { margin: 0 3px; } /** * Radflirt.de * * Notice */ #flash_message_dialog { position:absolute; left:50%; margin:200px 0 0 -250px; width:500px; } #flash_message_content { margin:10px; } #flash_message_dialog h2 { font-size:18px; font-weight: bold; margin-bottom:5px; font-weight:normal; color:#666; } #flash_message_dialog.notice { color:#000; border: 1px solid #7E7E7F; background: #efefef; border: 10px solid #fff; } #flash_message_dialog_buttons { float:right; margin:5px; font-weight: bold; } #flash_message_dialog_buttons a { padding-right:15px; } #flash_message_overlay { background:transparent url("/inc/images/lightboxOverlay.png") !important; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/inc/images/lightboxOverlay.png'); }