body { margin: 0;padding: 0;left: 0;top: 0; /*background: #ccc url('../gfx/hintergrundverlauf.gif') repeat-y;*/ text-align: center; font: 11px/100% Verdana, Helvetica, Arial, Tahoma, Geneva, "Trebuchet MS", sans-serif; background-color: ; } #container { display: block; position: relative; width: 960px;; margin-left: auto; margin-right: auto; text-align: left; background-color: #fff; border: 0px solid #aab1b4; } #kopf { position: absolute; margin: 0;padding: 0;left: 0;top: 0; display: block; width: 960px; height: 180px; /*padding: 5px;*/ background: #fff url('../gfx/kopf.png') no-repeat; } #intlinks{ position: absolute; left: 0; top: 108px; width: 960px; height: 22px; /*display: block;*/ padding-top: 5px; text-align: right; font-size: 1em; font-weight: bold; /*background: #566469 url('../gfx/intlinks.gif') no-repeat;*/ background-image: url('../gfx/intlinks.png'); background-repeat: no-repeat; color: #fff; } #artikelsuche { position: absolute; left: 0; top: 131px; width: 284px; height: 49px; text-align: left; background: #ccc url('../gfx/artikelsuche.png') no-repeat; } #artikelsuche form { /*display: inline;*/ } #artikelsuche h2 { color: #fff; } #fortschritt,#suchejava,#suche,#sucheaenderung { position: absolute; left: 280; top: 131px; width: 680px; height: 49px; /*overflow: hidden;*/ background: #aab1b4 url('../gfx/typensuche.png') no-repeat; z-index: 5; } #fortschritt { left: 0; width: 958px; height: 29px; background-image: none; padding: 5px 0; border: 1px solid gray; background-color: #fff; } #logo { position:absolute; top:50px; } #suchejava { z-index: 4; } #sucheaenderung { z-index: 3; } h2.suche { line-height: 150%; padding-bottom: 3px; text-transform: uppercase; } #warenkorbaenderung { position: absolute; top: 180px; padding: 3px; } #inhalt { position: absolute; left: 0; top: 201px; width: 958px; background-color: #fff; /*padding: 5px; display: block;*/ border: 1px solid gray; } .fuss { background-color: #aab1b4; font-size: 1em; padding: 5px; color: #fff; } .float { float: left; /*display: block;*/ } img { border: none; } select, option, input[type=submit] { font: 11px/100% Verdana, Helvetica, Arial, Tahoma, Geneva, "Trebuchet MS", sans-serif; font-weight: normal; cursor: hand; } select.suche, option.suche, input[type=submit].suche { font: 11px/100% Verdana, Helvetica, Arial, Tahoma, Geneva, "Trebuchet MS", sans-serif; color: #004471; border: 1px solid #004471; } /*ENDE SUCHE*/ /*NAVIGATION*/ ul#navi { list-style: none; margin: 0; padding: 0; } ul#navi li a:link, ul#navi li a:visited { /*display: block;*/ color: #004471; background-color: #dadada; text-decoration: none; padding: 2px; border-top: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #fff; } ul#navi li a:hover { background-color: #bcbcbc; border-left: 1px solid #87cd15; } li.empty { background-color: #bcbcbc; } li.warnung { background-color: #; d57008; } a:link.navi,a:active.navi,a:visited.navi,a:hover.navi { display: block; width: 270px; } a:link, a:active, a:visited, a:hover { color: #004471; } a.content { color: #004471; text-decoration: none; padding: 5px; display: block; width: 100%; } a.blaettern, a.weiss { color: #fff; /*text-decoration: none;*/ padding-top: 5px; padding-bottom: 5px; } /*ENDE CONTENT*/ h1, h2, a, div, input, textarea { margin: 0; padding: 0; font: 11px/100% Verdana, Helvetica, Arial, sans-serif; } h1 { font: 12px/100% Verdana, Arial, Helvetica, sans-serif; color: #004471; } h2 { font-weight: bold; } .kopfKorb { font: bold 12px/100% Verdana, Arial, Helvetica, sans-serif; background-color: #fff; color: orange; pading: 5px; height: 24px; display: inline; } /*TABELLEN*/ table { width: 100%; font: 11px/100% Verdana, Helvetica, Arial, Tahoma, Geneva, "Trebuchet MS", sans-serif;} table.suche, table.suche td { margin: 0; padding: 0; border-style: collapse; } table.content { border: 1px solid #444; width: 100%; } table.login { border: 1px solid #444; width: 280px; } th.content, caption.content { color: #000; text-align: center; } th.content { color: #fff; background-color: #566469; padding: 5px; } tfoot tr td.content, caption.content { border: none; background-color: #444; color: #fff; padding: 5px; font-weight: bold; } tr.content { background-color: #bbc1c3; } tr.content_kalt { background-color: #dde0e1; } tr.content_warm { background-color: #ccd0d2; } /*tr.content_warm:hover { background-color: #eee; } tr.content_kalt:hover { background-color: #eee; }*/ td, th { text-align: left; vertical-align: top; font-weight: normal; } td.ausfuellen { width: 100%; background-color: #fff; } td.content { color: #004471; padding: 5px; } tfoot td.content { text-align: center; } td.content_link { color: #004471; text-align: center; } td.korb_ur { vertical-align: bottom; text-align: left; } /*WARENKORB*/ span.content { line-height: 140%; } span.aktiv { font-weight: bold; top: 20px; display: inline; margin-top: 5px; padding-left: 5px; background-color: #fff; } span.zutun { font-weight: normal; top: 20px; color: orange; background-color: #fff; } span.erledigt { font-weight: normal; top: 20px; color: green; background-color: #fff; } /*NAVIGATION*/ a:link.aktiv,a:active.aktiv,a:visited.aktiv,a:hover.aktiv { font-weight: normal; margin-top: 10px; text-decoration: none; } a:hover.aktiv { font-weight: normal; margin-top: 10px; text-decoration: underline; } #links td, #links th, #links caption, #mitte td, #mitte th, #mitte caption, #rechts td, #rechts th, #rechts caption { text-align: left; } div.hinweis, div.frage, div.tip { border-width: 3px; border-style: solid; padding: 5px; padding-left: 30px; min-height: 20px; margin: 2px 0 2px 0; margin-bottom: 20px; } div.hinweis{ border-color: efe367; background: #fff url('../gfx/hinweis.png') no-repeat; } div.tip{ border-color: 39cf40; background: #fff url('../gfx/tip.png') no-repeat; } div.frage{ border-color: d62f2f; background: #fff url('../gfx/frage.png') no-repeat; } a:link.intlinks,a:active.intlinks,a:visited.intlinks,a:hover.intlinks { color: #fff; font-weight: bold; text-decoration: none; padding-right: 5px; } a:hover.intlinks { text-decoration: underline; } a:link.weiss,a:visited.weiss,a:hover.weiss { color: #fff; text-decoration: none; } a:hover.weiss { text-decoration: underline; } form { display: inline; } input.korb { width: 20px; border: 1px solid purple; } div.spezial { float: right; clear: right; width: 200px; margin-bottom: 5px; border: 1px solid #444; } td.spezial { margin: 5px 5px 0px 0px; border: 1px solid #444; } div.spezial h1, td.spezial h1{ font-weight: bold; line-height: 130%; background-color: #ccc; color: #000; } td.spezial h1 a{ font-weight: bold; line-height: 130%; color: #000; }