/* Stylsheet für ichverkaufe.info Version: 0.0.1 Stand: 09.02.2008 */ body { background: #fff url(grafik/bg.gif) 50% top repeat-y; color: #4d4d4d; font: 12px "Arial","Verdana","Helvetica","Geneva"; margin: 0; padding: 0; text-align: center; } body.lightbox { margin: 0; padding: 15px; text-align: left; } a, a:link, a:visited { color: #414141; text-decoration: underline; } a:hover, a:active, a:focus { color: #414141; outline: none; } a.submit, input.submit { padding: 3px 10px; margin-bottom: 15px; line-height: 25px; clear: both; color: #4d4d4d; background: #ffd4b2; border: none; text-decoration: none; font-weight: bold; font-size: 12px; } table, tr, th, td { border-collapse: collapse; empty-cells: show; vertical-align: top; } img { border: 0; } div, h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0; } .textfeld { border: 1px solid #a1a1a1; font-size: 9px; height: 15px; } .textarea, select { border: 1px solid #a1a1a1; font-size: 9px; } textarea { width: 450px; height: 100px; } input.textlength { width: 250px; border: none; background: #fff; font-size: 9px; } .fehlermeldung { color: red; font-weight: bold; } /* errorbox und messagebox */ #messagebox { width: 300px; min-height: 100px; margin: 20px 0; padding: 15px 15px 15px 80px; display: table; color: #505050; } #messagebox.error { background: #e1e1e1 url(grafik_admin/icon_error.png) 10px 10px no-repeat; border: 3px solid red; } #messagebox.message { background: #e1e1e1 url(grafik_admin/icon_message.png) 10px 10px no-repeat; border: 3px solid #307c24; } #messagebox h2, #minimessagebox h2 { display: block; padding: 0 0 10px; font: bold 13px "Arial","Verdana","Helvetica","Geneva"; } #messagebox ul, #minimessagebox ul { list-style: none; } #messagebox ul li, #minimessagebox ul li { display: block; margin: 0 0 3px; } #messagebox.micro { width: 110px; padding: 80px 15px 15px 15px; } #minimessagebox { min-height: 60px; margin: 0 0 20px; padding: 10px 10px 10px 80px; display: block; border: 1px solid #d8d8d8; } #minimessagebox.error { background: transparent url(grafik_admin/icon_error.png) 10px 10px no-repeat; } #minimessagebox.message { background: transparent url(grafik_admin/icon_message.png) 10px 10px no-repeat; } #minimessagebox .submit { margin: 0; } #body { width: 1000px; position: relative; margin: 0 auto; padding: 0; display: table; text-align: left; z-index: 1; } #topnavi { height: 15px; margin: 0 0 5px; display: block; position: relative; } #topnavi ul { list-style: none; margin: 0; padding: 0; } #topnavi ul li { float: right; margin: 0; padding: 5px 7px 0; border-left: 1px solid #d8d8d8; font: 9px "Arial","Verdana","Helvetica","Geneva"; } #topnavi ul li a, #topnavi ul li a:link, #topnavi ul li a:visited { color: #aeaeae; text-decoration: none; } #topnavi ul li a:hover, #topnavi ul li a:focus, #topnavi ul li a:active { color: #4d4d4d; text-decoration: none; border-top: 2px solid #fe7200; } #topnavi ul li a.netgenlink { color: #2f6f8a; } #topnavi ul li a.highlight { color: #fe7200; } #flags { width: 70px; height: 15px; position: absolute; top: 4px; left: 4px; } /* startseite */ #startauswahl { width: 365px; margin: 150px 0 100px 330px; } #startauswahl a.logo { margin: 0 0 0 26px; } #startmenu { display: block; clear: both; } #startmenu a { width: 169px; height: 80px; margin: 40px 0 80px; padding: 40px 0 0; float: left; text-align: center; font: bold 14px "Arial","Verdana","Helvetica","Geneva"; } * html #startmenu a { height: 120px; } #startmenu a, #startmenu a:link, #startmenu a:visited { background: transparent; } #startmenu a:hover, #startmenu a:focus, #startmenu a:active { background: #ffdec4; color: #000; } #startmenu a.withborder { border-right: 1px solid #d8d8d8; } #startnavi { display: block; clear: both; text-align: center; } #startnavi a { margin: 0 8px; white-space: nowrap; line-height: 170%; } #startnavi a.blau { color: #2f6f8a; } /* unterseiten */ #header { height: 110px; display: block; border-bottom: 22px solid #ffd4b2; position: relative; } #header a.logo { margin: 20px 30px; float: left; } #header #schnellsuche { width: 700px; margin: 20px 0; padding: 0; float: left; } #header #schnellsuche form { margin: 0; padding: 0; } #header #schnellsuche form input.sb { width: 300px; } #header #schnellsuche form input.submit { margin: 0 0 0 10px; } #header #schnellsuche form select { font-size: 13px; } #headernavi { display: block; padding: 0 30px 0 284px; } #headernavi a { margin: 0 16px 0 0; } #contentbox { width: 1000px; display: table; float: left; margin: 35px 0; } h1 { display: block; margin: 0 0 25px; font: bold 14px "Arial","Verdana","Helvetica","Geneva"; } h1.withsubtitle { margin: 0; } h2 { display: block; margin: 0 0 15px; font: bold 14px "Arial","Verdana","Helvetica","Geneva"; } h3 { display: block; margin: 0 0 25px; font: 14px "Arial","Verdana","Helvetica","Geneva"; } h4 { display: block; margin: 0; font: 14px "Arial","Verdana","Helvetica","Geneva"; } /* artikelsuche */ #content_1000px { display: block; padding: 0 30px; } /* artikelsuche regionen */ div.content_200px { width: 170px; padding: 20px 30px 0; display: inline; float: left; } * html div.content_200px { width: 230px; } div.content_200px ul { list-style: none; margin: 0; padding: 0; font: 12px "Arial","Verdana","Helvetica","Geneva"; } div.content_200px ul li { margin: 0 0 15px; padding: 0; } div.content_200px_rechts { width: 170px; padding: 20px 30px 0 0; display: inline; float: right; } div.content_540px { width: 478px; padding: 20px 30px; float: left; position: relative; border: 1px solid #d8d8d8; border-top: none; border-bottom: none; } * html div.content_540px { width: 568px; border: 1px solid red; } div.content_540px #minimessagebox { width: 386px; } div.content_540px div.laenderliste { width: 104px; display: inline; overflow: visible; float: left; } div.content_540px #rechts.laenderliste { float: right; } div.content_540px div.laenderliste ul { list-style: none; margin: 0; padding: 0; font: 12px "Arial","Verdana","Helvetica","Geneva"; } div.content_540px div.laenderliste ul li { margin: 0 0 15px; padding: 0; } div.content_540px #karte { width: 270px; position: absolute; left: 134px; z-index: 1000; } div.content_540px #karte img { margin: 0 0 0 -5px; } /* artikelsuche regionen auswahl */ div.content_740px { width: 678px; padding: 20px 30px; float: left; position: relative; border-left: 1px solid #d8d8d8; } div.region-waehlen { border-left: none; border-right: 1px solid #d8d8d8; } * html div.content_540px { width: 740px; } div.content_740px #regionen_auswahl { width: 658px; height: 500px; padding: 10px; overflow: auto; border: 1px solid #d8d8d8; } div.content_740px fieldset.regionen { width: 656px; padding: 0; margin: 0; border: none; } div.content_740px fieldset ul { width: 308px; margin: 0 20px 0 0; padding: 0; display: inline; float: left; list-style: none; } /* artikelsuche artikel auswahl */ #kategorien_navi { width: 170px; height: 100%; padding: 10px 30px 0; display: table; float: left; border-right: 1px solid #d8d8d8; } /*background: gray; }*/ #kategorien_navi form { display: inline; } /*@media screen and (min-width: 0px){ #kategorien_navi { width: 230px; }} *>*:first-child+* #kategorien_navi { width: 170px; } */ * html #kategorien_navi { width: 230px; } #kategorien_navi ul { list-style: none; margin: 0; padding: 0; font: 12px "Arial","Verdana","Helvetica","Geneva"; } #kategorien_navi ul li { margin: 5px 0 0; padding: 0; } #kategorien_navi ul li.subgruppe { margin: 0; padding: 0 0 0 15px; font-size: 11px; } #kategorien_navi ul li a { padding: 2px 0; display: block; text-decoration: none; } #kategorien_navi ul li a.active, #kategorien_navi ul li a:hover, #kategorien_navi ul li a:active, #kategorien_navi ul li a:focus { padding-left: 9px; background: #ffd4b2 url(grafik/pfeil_kat_aktiv.gif) 2px 50% no-repeat; } #kategorien_navi ul li a .menge { color: #aeaeae; } #kategorien_navi ul li a.active .menge, #kategorien_navi ul li a:hover .menge, #kategorien_navi ul li a:active .menge, #kategorien_navi ul li a:focus .menge { color: #4d4d4d; } #artikel_auswahl { width: 705px; padding: 10px 30px 0 0; display: table; float: right; } /*background: purple; }*/ * html #artikel_auswahl { width: 735px; } #artikel_auswahl div.row { display: table; clear: both; padding: 10px 0; border-bottom: 1px solid #d8d8d8; } div.row table.suche { width: 679px; padding: 0; margin: 0; border: 0; } div.row table.suche tr td.img { width: 80px; text-align: center; } /*background: blue;}*/ div.row table.suche tr td.img img { border: 1px solid #d8d8d8; } div.row table.suche tr td.titel { width: 529px; } /*background: red;}*/ div.row table.suche tr td.preis { text-align: right; color: #fe7200; font: bold 14px "Arial","Verdana","Helvetica","Geneva"; } /*background: green;}*/ div.row table.suche tr td.txt { } /*background: orange; }*/ * html div.row table.suche tr td.txt { } div.row table.suche tr td.txt a.titel { display: block; margin: 0; font: bold 14px "Arial","Verdana","Helvetica","Geneva"; } div.row table.suche tr td.beschreibung { margin: 5px 0; font: 11px "Arial","Verdana","Helvetica","Geneva"; } div.row table.suche tr td.statistik { font: 11px "Arial","Verdana","Helvetica","Geneva"; } /* artikelsuche artikel details */ #artikel_details { width: 504px; padding: 10px 30px 0 0; float: right; font: 11px "Arial","Verdana","Helvetica","Geneva"; } * html #artikel_details { width: 534px; } #artikel_details #preis, #anzeige_vorschau #preis { margin: 20px 0 40px; display: block; color: #fe7200; font: bold 14px "Arial","Verdana","Helvetica","Geneva"; } #artikel_details #fotos { display: block; } #artikel_details #fotos a { margin: 0 10px 10px 0; float: left; } #artikel_details #fotos a img { border: 1px solid #d8d8d8; } #map_canvas { width: 500px; height: 300px; margin-top: 20px; clear: both; border: 1px solid #d8d8d8; } #artikel_kontakt { width: 144px; padding: 10px 30px 0; float: right; border-left: 1px solid #d8d8d8; color: #aeaeae; font: 11px "Arial","Verdana","Helvetica","Geneva"; } * html #artikel_kontakt { width: 204px; } #artikel_kontakt_navi { display: block; margin: 0 0 50px; text-align: right; } #artikel_kontakt input.txt, #artikel_kontakt textarea { width: 144px; margin: 0 0 5px; border: 1px solid #d8d8d8; } #artikel_kontakt input.submit { margin: 10px 0; } #anbieter_kontakt { clear: both; width: 300px; margin: 50px 0 0; padding: 50px 0 0; float: left; border: 1px solid #d8d8d8; } #anbieter_kontakt * { position: relative; float: left; } /* artikel einpflegen - 1 - region */ #fortschritt_navi { width: 186px; padding: 10px 22px; display: table-cell; float: left; border-right: 1px solid #d8d8d8; } #fortschritt_navi h1 { margin-left: 8px; } #fortschritt_navi ul { list-style: none; margin: 0; padding: 0; font: 11px "Arial","Verdana","Helvetica","Geneva"; } #fortschritt_navi ul li { margin: 0 0 4px; padding: 0 0 20px; background: url(grafik/pfeil_runter.gif) 50% bottom no-repeat; } #fortschritt_navi ul li.last { background: none; } #fortschritt_navi ul li a { width: 178px; padding: 4px 8px; display: block; border: 1px solid #d8d8d8; color: #aeaeae; text-decoration: none; } #fortschritt_navi ul li a.done { color: #414141; } #content_769px { width: 679px; padding: 10px 30px 0 0; display: table-cell; float: right; } /*#content_769px { width: 709px; margin: 0 0 0 -261px; padding: 10px 30px 0 261px; display: table-cell; float: right; }*/ * html #content_769px { width: 709px; } div.anzeige_einstellen_1 div.content_540px, div.anzeige_einstellen_3 div.content_540px { width: 478px; padding: 10px 0 20px 30px; float: right; border-right: none; } * html div.anzeige_einstellen_1 div.content_540px, * html div.anzeige_einstellen_3 div.content_540px { width: 508px; } div.anzeige_einstellen_1 div.content_200px, div.anzeige_einstellen_3 div.content_200px { width: 170px; padding: 10px 0 0; display: table; float: left; } div.anzeige_einstellen_1 div.content_200px input.submit { margin: 5px 0 0; } div.region-waehlen div.content_200px { padding-left: 15px; float: right; border-left: 1px solid #d8d8d8; } div.region-waehlen div.content_540px { padding-left: 0; float: left; border-left: none; } #regionen_standard { display: block; margin: 20px 0 40px; padding: 15px 0; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } #regionen_standard h3 { margin: 0; } div.content_540px #regionen_auswahl { width: 478px; height: 500px; padding: 10px; overflow: auto; border: 1px solid #d8d8d8; } div.region-waehlen #regionen_auswahl { width: 458px; height: 500px; padding: 10px; overflow: auto; border: 1px solid #d8d8d8; } div.content_540px fieldset.regionen { width: 456px; padding: 0; margin: 0; border: none; } div.content_540px fieldset ul { width: 208px; margin: 0 20px 0 0; padding: 0; display: inline; float: left; list-style: none; } /* artikel einpflegen - 2 - kategorie */ div.kategorien_liste { width: 180px; min-height: 200px; padding: 0 0 0 50px; float: left; display: table; background: url(grafik/pfeil_rechts.gif) 17px 50% no-repeat; } * html div.kategorien_liste { width: 230px; } #kat1 { padding: 0; background: none; } div.kategorien_liste ul { width: 180px; min-height: 500px; border: 1px solid #d8d8d8; list-style: none; margin: 0; padding: 3px 0; font: 11px "Arial","Verdana","Helvetica","Geneva"; } div.kategorien_liste ul li { display: inline; padding: 0; margin: 0; } div.kategorien_liste ul li a { padding: 3px 8px; display: block; text-decoration: none; } * html div.kategorien_liste ul li a {} div.kategorien_liste ul li a:hover, div.kategorien_liste ul li a:active, div.kategorien_liste ul li a:focus, div.kategorien_liste ul li.active a { background: #ffd4b2; } /* artikel einpflegen - 3 - text */ div.anzeige_einstellen_3 div.content_540px { width: 463px; float: right; border: none; padding: 0 30px 20px 0; text-align: left; } * html div.anzeige_einstellen_3 div.content_540px { width: 493px; } div.anzeige_einstellen_3 div.content_200px { padding: 10px 0 20px 15px; float: right; border-left: 1px solid #d8d8d8; color: #aeaeae; } div.anzeige_einstellen_3 input, div.anzeige_einstellen_3 select { display: block; } div.anzeige_einstellen_3 h4 { margin: 10px 0 3px; } div.anzeige_einstellen_3 input.fullsize { width: 450px; } div.anzeige_einstellen_3 select { width: 150px; } div.anzeige_einstellen_3 div.div_table { width: 460px; display: block; clear: both; } div.anzeige_einstellen_3 div.div_230px { width: 150px; min-height: 80px; display: table-cell; float: left; padding: 0; } * html div.anzeige_einstellen_3 div.div_230px { height: 80px; } div.anzeige_einstellen_3 #rightcell.div_230px { width: 260px; padding: 0 0 0 46px; background: url(grafik/pfeil_rechts.gif) 15px 29px no-repeat; } div.anzeige_einstellen_3 textarea { width: 450px; height: 250px; } /* artikel einpflegen - 4 - login */ div.anzeige_einstellen_4 div.content_540px { width: 463px; float: right; border-right: none; padding: 10px 0 20px 30px; text-align: left; } * html div.anzeige_einstellen_4 div.content_540px { width: 493px; } div.anzeige_einstellen_4 div.content_200px { width: 165px; padding: 10px 15px 20px 0; float: left; } * html div.anzeige_einstellen_4 div.content_200px { width: 180px; } div.anzeige_einstellen_4 input, div.anzeige_einstellen_4 select { display: block; } /* artikel einpflegen - 5 - fertig */ #anzeige_vorschau { display: block; margin: 40px 0 0; padding: 10px; border: 1px solid #d8d8d8; } /* loginbereich - 1 - uebersicht */ #login_navi { width: 186px; padding: 10px 22px; display: table; float: left; border-right: 1px solid #d8d8d8; } * html #login_navi { width: 230px; } #login_navi h1 { margin-left: 8px; } #login_navi ul { list-style: none; margin: 0; padding: 0; font: 11px "Arial","Verdana","Helvetica","Geneva"; } #login_navi ul li { margin: 0 0 4px; padding: 0 0 20px; } #login_navi ul li.last { background: none; } #login_navi ul li a { width: 178px; padding: 4px 8px; display: block; border: 1px solid #d8d8d8; text-decoration: none; } #login_navi ul li a:hover, #login_navi ul li a:active, #login_navi ul li a:focus, #login_navi ul li a.active { background: #ffd4b2; color: #000; } div.divblock { display: table; margin: 0 0 50px; font-size: 11px; } div.row_header { width: 669px; padding: 3px 5px; display: table; clear: both; background: #ffd4b2; } * html div.row_header { width: 679px; } div.row { width: 679px; padding: 10px 0; display: table; clear: both; border-bottom: 1px solid #d8d8d8; } div.row table { width: 100%; padding: 0; margin: 0; border: 0; } div.row_header div { display: table-cell; float: left; } div.row td.bild { width: 95px; } div.row_header div.bild { width: 90px; } div.row td.preis, div.row_header div.preis { width: 110px; } div.row td.visits, div.row_header div.visits { width: 80px; text-align: center; } div.row td.start, div.row_header div.start { width: 95px; } div.row td.ende, div.row_header div.ende { width: 90px; } div.row td.nachrichten, div.row_header div.nachrichten { width: 80px; text-align: center; } /* auslaufende anzeigen */ #anzeigen div.row td.titel { width: 584px; padding: 3px 0 5px; } #anzeigen div.row td.optionen { width: 129px; } #anzeigen div.row_header div.optionen { width: 124px; } /* anzeigen editieren */ .anzeigen_edit div.content_540px { width: 453px; float: left; border: none; padding: 0 30px 20px 0; margin: 0; text-align: left; } * html div.anzeige_einstellen_3 div.content_540px { width: 483px; } .anzeigen_edit div.content_200px { width: 160px; padding: 10px 0 20px 15px; float: right; border-left: 1px solid #d8d8d8; color: #aeaeae; } div.anzeigen_edit input, div.anzeigen_edit select { display: block; } div.anzeigen_edit h4 { margin: 10px 0 3px; } div.anzeigen_edit input.fullsize { width: 450px; } div.anzeigen_edit select { width: 150px; } div.anzeigen_edit div.div_table { width: 460px; display: block; clear: both; } div.anzeigen_edit div.div_230px { width: 150px; min-height: 80px; display: table-cell; float: left; padding: 0; } * html div.anzeigen_edit div.div_230px { height: 80px; } div.anzeigen_edit #rightcell.div_230px { width: 260px; padding: 0 0 0 46px; background: url(grafik/pfeil_rechts.gif) 15px 29px no-repeat; } div.anzeigen_edit textarea { width: 450px; height: 250px; } #anzeigen_edit_fotos { display: block; } #anzeigen_edit_fotos div.anzeigen_upload { width: 190px; padding: 0 15px 15px 0; display: inline; float: left; text-align: center; font-size: 10px; } /* neue nachrichten */ #nachrichten div.row div.titel { width: 659px; padding: 3px 5px 5px; } * html #nachrichten div.row div.titel { width: 669px; } div.row_header div.absender { width: 160px; } div.row div.absender { width: 160px; padding: 0 0 0 5px; } * html div.row div.absender { width: 165px; } div.row_header div.datum, div.row div.datum { width: 110px; } div.row_header div.link_anzeige, div.row div.link_anzeige { width: 275px; } #nachrichten div.row div.optionen { width: 129px; } #nachrichten div.row_header div.optionen { width: 124px; } /* nachrichten */ #ordner_wahl { width: 300px; float: right; text-align: right; } #ordner_titel { width: 339px; float: left; } #ordner_anzeigen { padding: 5px 0 0; display: block; } /* nachrichten details */ #nachrichten_header { width: 659px; padding: 7px 10px 10px; display: table; background: #ffd4b2; font-size: 11px; } * html #nachrichten_header { width: 669px; } #nachrichten_header h2 { margin: 0 0 5px; } #nachrichten_header div.info_titel { width: 120px; float: left; } #nachrichten_header div.info_text { width: 520px; float: left; } p.nachricht { font-size: 11px; padding: 10px 0 25px; margin: 0 0 25px; border-bottom: 1px solid #d8d8d8; } div.nachrichten_verlauf_empfangen, div.nachrichten_verlauf_gesendet { width: 659px; padding: 3px 10px; margin: 0 0 1px; display: table; clear: both; background: #ffd4b2; } div.nachrichten_verlauf_gesendet { background: #d8d8d8; } * html div.nachrichten_verlauf_empfangen, * html div.nachrichten_verlauf_gesendet { width: 679px; } div.nachrichten_verlauf_empfangen div.titel, div.nachrichten_verlauf_gesendet div.titel { width: 445px; float: left; } div.nachrichten_verlauf_empfangen div.text, div.nachrichten_verlauf_gesendet div.text { width: 210px; float: right; color: #aeaeae; font-size: 11px; } div.nachrichten_verlauf_empfangen div.details, div.nachrichten_verlauf_gesendet div.details { width: 100%; margin: 10px 0 0; padding: 5px 0 5px; display: block; clear: both; border-top: 1px solid #d8d8d8; } div.nachrichten_verlauf_empfangen div.details .closebutton, div.nachrichten_verlauf_gesendet div.details .closebutton { float: right; text-align: right; } /* einstellungen */ div.einstellungen div.content_540px { width: 463px; float: right; border-right: none; padding: 10px 0 20px 30px; text-align: left; } * html div.einstellungen div.content_540px { width: 493px; } div.einstellungen div.content_200px { width: 165px; padding: 10px 15px 20px 0; float: left; } * html div.einstellungen div.content_200px { width: 180px; } /* div.rankinglist { width: 200px; margin: 25px 0 0; padding: 15px 15px 15px 0; display: table; float: left; background: transparent url(grafik/pixel_weiss_10prozent.png) left top repeat; } * html div.rankinglist { width: 215px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafik/pixel_weiss_10prozent.png', sizingMethod='scale'); background: none; } */