/* crackintosh.de */ /* 2006-08-11 */ /* stegoe@macelodeon.de */ * { padding: 0; margin: 0; } html { font-size: 100%; } body { width: 100%; font: 68.5%/1em Verdana, Geneva, Helvetica, Arial, sans-serif; text-align: center; color: #eee; background: #3e3e3e; } /* Was muss man hier alles rein, brauche ich all diese und zu was für Konflikten (vererbtes p im td oder so?) kann es kommen? */ p, h1, h2, h3, h4, h5, li, dt, dd, td, fieldset { margin: 0; padding: 0; font-size: 1em; line-height: 1.5em; } li { margin:0 0 0 1em; } strong { font-weight:bold; } em { font-style:italic; } /* ... / links / ................................. */ a:link { text-decoration: underline; color: #bf9; } a:visited { text-decoration: underline; color: #33c333; } a:hover { text-decoration: none; color: #33c333; } a:active { text-decoration: underline; color: #33c333; } a img, img { border: none; } /* Der zentrierte Hauptblock. Hat keine Höhe, will man also einen Hintergrund oder Rand immer bis zum Fuss des Viewports, muss man sich mit einem Hintergrundbild im Body aushelfen */ #seitenblock { position:relative; width:814px; margin:0 auto; padding:0; text-align:left; background:#3e3e3e url(../_p/bg2.gif) top center repeat-y; } /* Die Kopfzeile, volle Breite des Viewports, darin ein weiterer Zen*/ #kopf { position:relative; top:0; padding:0; margin:0; width:814px; height:265px; clear:left; background:#3e3e3e url(../_p/head-05.jpg) center -35px no-repeat; } h1 { width:100%; height:163px; padding:0; margin:0; text-indent:-9999px; } /* Navigations-Liste, zwei Ebenen */ ul#navigation { width:800px; height:40px; margin:0 0 0 7px; padding:0; list-style-type:none; background:#3e3e3e url(../_p/bg-navi.jpg) top center no-repeat; } #navigation li { float:left; margin:0; } #navigation li a { display:block; float:left; height:32px; padding:8px 10px 0; text-indent:-9999px; line-height:1px; } #navigation li a:link { text-decoration:none; color:#fff; } #navigation li a:visited { text-decoration:none; color:#fff; } #navigation li a:hover { text-decoration:none; color:#33c333; } #navigation li a:active { text-decoration:none; color:#33c333; } #navigation li a:focus { text-decoration:none; color:#33c333; } #navi-01 a { width:62px; background:transparent url(../_p/navibutton-news.gif) 0 0 no-repeat; margin-left:5px; } #navi-01 a:hover { background:transparent url(../_p/navibutton-news.gif) 0 -40px no-repeat; } #navi-02 a { width:75px; background:transparent url(../_p/navibutton-reviews.gif) 0 0 no-repeat; } #navi-02 a:hover { background:transparent url(../_p/navibutton-reviews.gif) 0 -40px no-repeat; } #navi-03 a { width:85px; background:transparent url(../_p/navibutton-features.gif) 0 0 no-repeat; } #navi-03 a:hover { background:transparent url(../_p/navibutton-features.gif) 0 -40px no-repeat; } #navi-04 a { width:85px; background:transparent url(../_p/navibutton-desktops.gif) 0 0 no-repeat; } #navi-04 a:hover { background:transparent url(../_p/navibutton-desktops.gif) 0 -40px no-repeat; } #navi-05 a { width:97px; background:transparent url(../_p/navibutton-community.gif) 0 0 no-repeat; } #navi-05 a:hover { background:transparent url(../_p/navibutton-community.gif) 0 -40px no-repeat; } #navi-06 a { width:69px; background:transparent url(../_p/navibutton-archiv.gif) 0 0 no-repeat; } #navi-06 a:hover { background:transparent url(../_p/navibutton-archiv.gif) 0 -40px no-repeat; } #navi-07 a { width:97px; background:transparent url(../_p/navibutton-impressum.gif) 0 0 no-repeat; } #navi-07 a:hover { background:transparent url(../_p/navibutton-impressum.gif) 0 -40px no-repeat; } ul#metanavigation { width:800px; height:40px; margin:0 auto; padding:0; list-style-type:none; } #metanavigation li { margin:0; padding:3px 10px 0; float:right; } #metanavigation li a:link { text-decoration:none; color:#333; } #metanavigation li a:visited { text-decoration:none; color:#333; } #metanavigation li a:hover { text-decoration:none; color:#33c333; } #metanavigation li a:active { text-decoration:none; color:#33c333; } #metanavigation li a:focus { text-decoration:none; color:#33c333; } ul#topspot { width:800px; height:105px; margin:0 0 0 7px; padding:0; list-style-type:none; font-size:0.9em; overflow:hidden; } #topspot li { margin:0 13px; padding:0; width:174px; float:left; text-align:center; line-height:10px; display:inline; } #topspot a { text-decoration:none; color:#bf9; } #topspot a:visited { color:#33c333; } #topspot a:hover { color:#33c333; } #topspot img { margin:0; padding:33c333; } /* Tanteks Hack zur Ausgleichung der Breite mit dem Padding für IE 5.5 */ /* Der Inhaltsbereich in der Mitte */ #inhalt-mitte { float:left; padding:0 10px 20px; margin:0; width:480px; background:#3e3e3e url(../_p/bg-news-2.gif) top center repeat-y; voice-family: "\"}\"" voice-family:inherit; width:460px; } .tantek-dummy-1 { } #archiv #inhalt-mitte { } #inhalt-mitte p { color:#eee; margin:0 0 10px 0; padding:0; text-align:justify; } #inhalt-mitte h2 { color:#eee; font-weight:bold; font-size:1.2em; margin:0 0 0 -2px } #inhalt-mitte h3 { color:#33c333; font-weight:bold; font-size:1.2em; margin:0 0 10px -2px; } #inhalt-mitte h4 { color:#33c333; font-weight:bold; font-size:1.2em; margin:0 0 0 -2px } #inhalt-mitte h5 { font-weight:normal; } #inhalt-mitte h6 { color:#eee; font-weight:bold; font-size:1em; margin:0 0 6px -2px } ul.meta-daten { list-style-type:none; font-size:0.9em; line-height:0.7em; margin-bottom:0.8em; } .meta-daten li { padding:0 10px 0 0; display:inline; margin:0; } ul.meta-links { list-style-type:none; font-size:0.9em; line-height:10px; } .meta-links li { margin:0; } .newsblock { padding:10px; margin-left:-10px; margin-right:-10px; border-bottom:1px solid #717171; } .newsblock-fuss { border:none; } .newsblock-fuss h2 { height:20px; margin:10px 0; } .newsbild { } .newsbild-oben { margin:0 auto 10px auto; display:block; } .newsbild-links { margin:0 15px 10px 0; float:left; } .newsbild-rechts { margin:0 0 10px 15px; float:right; } #features .newsblock, #reviews .newsblock { display:table; } .artikel-head { padding:10px; margin:0 -10px 0 -10px; background:#3e3e3e url(../_p/bg-news-2.gif) top center repeat-y; border-bottom:1px solid #717171; } .artikel-head h2 { } .artikel-head img { margin:10px 0 5px; } #desktops .artikel-head , #features .artikel-head , #reviews .artikel-head { margin-bottom:10px; } .archiv-head { padding:10px; margin:0 -10px 0 -10px; background:#3e3e3e url(../_p/bg-news-1.gif) top center repeat-y; border-bottom:1px solid #717171; } .archiv-head h2 { } .archiv-head img { margin:10px 0 5px; } .bild-oben { display:block; margin:0 auto 10px; } .bild-links { float: right; margin:0 10px 10px 0; } .bild-rechts { float: right; margin:0 0 10px 10px; } .reviews-meta { width:460px; display:table; border-bottom:1px solid #565656; margin-top:10px;} .reviews-meta dt { width:160px; padding-top:10px; float:left; clear:both; border-top:1px solid #565656; font-weight:bold; } .reviews-meta dd { width:290px; padding:10px 0 10px 10px; float:left; border-top:1px solid #565656; } ul.wallpapers { list-style-type:none; text-align:center; font-size:0.9em; line-height:1em; margin:20px 0 0; } .wallpapers li { width:230px; height:190px; float:left; margin:0; } .wallpapers li a img { border:1px solid #eee; } .wallpapers li a:hover img { border:1px solid #bf9; } .wallpapers-meta { color:#999; text-align:center; display:block; line-height:1.3em; } .desktop-teaser { margin:10px 0 10px; } ul.paginierung { clear:both; list-style-type:none; text-align:center; margin:10px 0 10px; } .paginierung li { display:inline; padding:0 3px; margin:0; } .paginierung li.zurueck , .paginierung li.weiter { color:#999; display:block; } .paginierung a { font-weight:bold; } /* Die Randnotizen an den Aussenbahnen */ #rand-links { float:left; display:inline; margin:0 0 0 7px; padding:10px; width:160px; voice-family: "\"}\"" voice-family:inherit; width:140px; } .tantek-dummy-2 { } #rand-rechts { float:left; display:inline; margin:0 7px 0 0; padding:10px; width:160px; voice-family: "\"}\"" voice-family:inherit; width:140px; } .tantek-dummy-3 { } .dotw-teaser { list-style-type:none; text-align:center; margin:0 0 25px; padding:0 0 20px; border-bottom:2px solid #cdcdcd; } .dotw-teaser dt { font-weight:bold; line-height:1.1em; color:#cdcdcd; margin:10px 0; } .dotw-teaser dt.dotw-top { margin:0 0 10px; } .dotw-teaser dd { } .dotw-teaser a img { border:1px solid #eee; } .dotw-teaser a:hover img { border:1px solid #bf9; } ul.archivliste { list-style-type:none; } .archivliste li{ margin:0; } ul.banner-liste { list-style-type:none; text-align:center; } .banner-liste li { margin:0 0 10px; } dl.coollinks-liste { font-size:0.9em; line-height:1em; list-style-type:none; margin:-20px 0 10px; padding:0 0 20px; } .coollinks-liste dt { margin:20px 0 0; font-weight:bold; height:18px; } .coollinks-liste dd { margin:0; } .coollinks-liste a { font-weight:bold; } .coollinks-liste a:link { color:#bf9; } .coollinks-liste a:hover { color:#33c333; } .coollinks-liste a:visited { color:#bf9; } .desktops-bereiche { list-style-type:none; margin:10px -10px 0; padding:0 10px; border-top:1px solid #717171; } .desktops-bereiche dt { margin:10px 0 0; font-weight:bold; } .desktops-bereiche dd { margin:0; padding:0 10px 0 0; display:inline; } .desktops-bereiche a { font-weight:bold; } .desktops-bereiche a.aktiv { font-weight:normal; text-decoration:none; } ul.bilder-liste { list-style-type:none; text-align:center; } .bilder-liste li { margin:0 0 10px; } .bilder-liste li a img { border:1px solid #eee; } .bilder-liste li a:hover img { border:1px solid #bf9; } dl.archivliste { font-size:0.9em; line-height:1em; list-style-type:none; margin:-10px 0 10px; padding:0 0 20px; } .archivliste dt { margin:10px 0 0; font-weight:bold; } .archivliste dd { margin:0; padding:0 0 0 10px; } #suchfeld { margin:0 0 30px; text-align:center; } #rand-links #suchfeld { margin:20px 0; padding:20px 0 0; border-top:2px solid #cdcdcd; } #suchfeld p, #suchfeld h2 { text-align:left; } #suchfeld input { width:120px; border:1px solid #fff; padding:3px; margin:5px 0; } #suchfeld input.suchen { width:auto; padding:0 3px; } /* Die Fusszeile über die ganze Breite des Seitenblocks */ #fuss { clear:left; top:0; padding:0; margin:0; width:814px; height:27px; background:#565656 url(../_p/bg-fuss.jpg) top center no-repeat; font-size:0.9em; } /* Kommentare unter den News */ #kommentar-form { padding:0 5px 10px 10px; margin:0 0 20px; } #kommentar-form label { font-weight:bold; display:block; } #kommentar-form div { padding:0; margin-top:1em; border:0; } #kommentar-form fieldset { border:none; } #kommentar-form legend { padding:0; } #kommentar-form fieldset label { display:inline; margin:0 1em 0 0; padding:0 0 0 0.5em; } #kommentar-form input { width:340px; border:1px solid #fff; padding:3px; margin:5px 0; } #kommentar-form textarea { width:340px; height:120px; border:1px solid #fff; padding:3px; margin:5px 0; } #kommentar-form input#kommentar-absenden { width:auto; padding:0 3px; } #kommentar-form input#kommentarkeks { width:auto; border:none; } #kommentar-form input#kommentarkeks-nein { width:auto; border:none; } #kommentare { margin:20px 0; padding:20px 0 0; border-top:1px solid #717171; clear:left; } #kommentare dl { padding:0.5em 0 0; margin:0 0 2em; } #kommentare dt { margin:0 0 0.5em 0; padding:0; font-weight:normal; border:none; font-size:0.9em; } #kommentare dt a { width:15px; text-align:right; margin:0 10px 0 0; display:block; float:left; } #kommentare dt a.komment-uri { padding:0; display:inline; float:none; } #kommentare dt cite { margin:0 0.5em 0 0; font-style:normal; font-weight:bold; } #kommentare dd { margin:0 0 0.5em; padding:0 0 2em; } #kommentare dt.crk cite { padding:0 0.4em 0.2em 0.2em; } #kommentare .feedback { list-style-position:inside; padding:10px; margin:10px 10px 10px 0; font-weight:bold; } #sonstsonews { padding:20px 0 0; margin:0 0 10px; font-size:0.9em; line-height:1.2em; display:table; clear:both; } .artikel-foot { padding:10px; margin:40px -10px 0 -10px; background:#565656 url(../_p/bg-news-2.gif) top center repeat-y; border-bottom:1px solid #717171; border-top:1px solid #717171; } #sonstsonews .newsteaserblock { float:left; height:95px; width:219px; border:1px solid #717171; border-width:0 1px 1px 0; padding:10px; margin-left:-10px; overflow:hidden; } #sonstsonews h5 a { font-weight:bold; } #sonstsonews .newsteaserblock.newsteaserblock-2 { margin:0; margin-right:-10px; border-right:none; } .zeitnavi { text-align:center; padding-top:7px; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #717171; font-weight:bold; }