/* Allgemeine Formatierungen */
* {
margin:0;
padding:0;
}
body {
font:normal 100.01% verdana, sans-serif;
background: #fff;
color:#000;
}
/* Globale Auszeichnungen */
/* Ausgeblendete Elemente */
.ignore, .hier, dfn {
position:absolute;
left:-1000px;
top:-1000px;
width:0;
height: 0;
overflow:hidden;
display:inline;
}
/* Die Sprungmarken ... */
.skip {
position:absolute;
left:-1000px;
top:-1000px;
width:0;
height: 0;
overflow:hidden;
display:inline;
}
/* ... werden beim Tabben wieder eingeblendet */
a:focus.skip, a:active.skip {
height:1.1em;
overflow:visible;
width:12em;
left:20em;
top:25px;
padding:3px;
color:#000;
text-align:center;
}
/* Links allgemein */
a {
color:#000;
font-weight:bold;
}
h1 a {
font-weight:normal;
}
a:visited {
color:#777;
}
a:hover {
text-decoration:none;
}
a:focus, a:active {
color:#fff;
background:#666;
}
img {
border:0;
}
h1 {
font:normal 1.5em verdana, sans-serif;
padding:40px 0 10px;
}
h2, caption {
font:normal 1.3em verdana, sans-serif;
margin-bottom:10px;
}
h3, h4 {
font:bold 1em verdana, sans-serif;
}
p, li, blockquote, address {
line-height:1.4em;
margin:0 0 12px 0;
}
#content p {
margin-right:3%;
}
ul, ul li {
list-style:none;
}
#content .desc, #details .desc {
font-size:0.9em;
}
#startteaser {
padding-top:45px;
margin-right:20px;
}
#startteaser li {
border-top:3px solid #ddd;
padding-top:20px;
margin-bottom:20px;
min-height:85px;
/* war 136 */
}
#startteaser img {
float:left;
margin-right:20px;
}
address {
font:normal 1em/1.4em verdana, sans-serif;
}
/* Umgebender Bereich zur Zentierung */
#page {
font:normal 0.86em verdana, sans-serif;
position:relative;
max-width:988px;
border:3px solid #666;
border-top:0;
margin:0 auto;
}
/* Inhaltsbereich */
#content {
margin:100px 0 0;
width:69%;
padding-left:3%;
float:right;
border-top:3px solid #666;
}
/* Tabelle im Warenkorb */
table {
border-collapse:collapse;
margin-right:15px;
}
#basketform table {
margin:0;
width:100%;
}
th, td {
padding:2px 5px 5px 0;
vertical-align:top;
text-align:left;
}
#basketform td {
line-height:140%;
}
.price {
width:13%;
text-align:right;
white-space:nowrap;
}
#basketform .werktr td {
border-top:3px solid #ddd;
}
#basketform td {
padding:10px 0 0;
}
#basketform .frame .preis, #basketform .frame td {
padding:0;
}
#basketform .basketsum td {
border-top:3px solid #666;
font-weight:bold;
}
.basketwerk {
width:50%;
}
.remove {
width:20%;
padding:0;
}
.preis {
text-align:right;
}
#basketform table img {
float:left;
margin:0 10px 7px 0;
}
#ogk_price {
font-size:0.95em;
}
em {
font:italic 1em verdana, sans-serif;
}
.picleft {
float:left;
margin:0 20px 10px 0;
}
/* Formulare im content */
#content form {
width:31.5em;
}
#content #basketform {
width:98%;
}
#content fieldset {
border:0;
}
#content .adressen {
width:31.5em;
margin:0 auto;
}
label {
display:block;
margin:0 0 12px;
text-align:right;
}
.textarea, .radio, .checkbox {
text-align:left;
}
input, select, textarea {
font: normal 1em verdana, sans-serif;
}
input {
padding:1px 2px 0;
margin:0 0 0 10px;
width:16em;
}
#basketform table input {
width:90%;
margin:0;
padding:5px 2px;
background:#ddd;
}
#basketform .checkbox input {
width:1em;
padding:0;
}
#basketform table a, #basketform table strong {
display:block;
}
#basketform .frame strong {
display:inline;
}
select {
width:10em;
}
#content textarea {
width:31.2em;
}
input, textarea, button:hover, button:focus {
border:2px solid #666;
border-right:2px solid #ddd;
border-bottom:2px solid #ddd;
}
button, input.submit {
padding:10px 20px;
font:bold 1em verdana, sans-serif;
margin-bottom:20px;
border:2px solid #ddd;
border-right:2px solid #666;
border-bottom:2px solid #666;
}
#send {
width:16.7em;
}
button:hover, button:focus, input.submit:hover, input.submit:focus, #basketform table input:hover, #basketform table input:focus {
background:#777;
color:#fff;
}
#content #ogk li {
padding-left:20px;
background:url(pics/back_li.gif) 0 5px no-repeat;
}
#content #initials {
padding-bottom:20px;
}
#content #initials li {
display:inline;
margin:0;
padding-right:10px;
font-weight:bold;
}
#content ul.artists {
width:30%;
margin:1% 3% 1% 0;
float:left;
font-size:0.8em;
}
#content .artists h2 {
font-size:1.5em;
}
#content .artists li {
margin:0;
}
#objlist {
clear:left;
border-bottom:3px solid #ddd;
}
#objlist li {
min-height:170px;
margin:0 2% 0 0;
padding-top:10px;
border-top:3px solid #ddd;
float:left;
width:48%;
font:normal 0.8em verdana, sans-serif;
}
#objlist .wrap {
width:98%;
min-height:0;
}
#objlist li h2 {
font:bold 1em verdana, sans-serif;
}
#objlist a {
display:block;
margin:5px 0 0 110px;
}
#objlist h2 a {
display:inline;
margin:0;
}
#objlist h2 a.listimg {
display:block;
float:left;
width:100px;
height:135px;
margin-right:10px;
}
#content #prev, #content #next {
font:bold 0.86em verdana, sans-serif;
}
#content #prev {
width:50%;
float:left;
}
#content #next {
text-align:right;
margin-right:2%;
}
#objlist img {
float:left;
margin-right:10px;
}
#objlist strong {
display:block;
}
#details {
float:right;
width:100%;
padding-bottom:20px;
}
#details * {
margin-left:3%;
margin-right:3%;
}
#details * * {
margin:0;
}
#details h1 {
border-top:3px solid #666;
margin:100px 0 0;
padding-left:3%;
}
#details ul {
margin-bottom:10px;
padding-top:10px;
border-top:3px solid #ddd;
}
#details #cats {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:3px solid #ddd;
}
#details #preise {
font-size:0.9em;
padding-bottom:10px;
border-bottom:3px solid #ddd;
}
#details #preise strong {
font-size:1.1em;
}
#details #preise #rtipp {
margin-bottom:10px;
font-size:0.9em;
}
#details #artistlink {
display:block;
margin:15px 0 5px;
padding-bottom:10px;
border-bottom:3px solid #ddd;
}
#details #history {
padding:7px 9px 7px 3%;
min-height:18px;
margin:3px 0 0;
background:#ddd;
width:7em;
float:left;
font:bold 0.9em verdana, sans-serif;
}
#details #basketlinks {
margin-right:0;
border:0;
padding:0;
}
#basketlinks li {
color:#fff;
text-align:right;
font:bold 0.9em verdana, sans-serif;
}
#basketlinks li a {
width:9em;
float:right;
display:block;
padding:7px 9px 7px 10px;
min-height:30px;
margin-top:3px;
background:#666;
clear:right;
color:#fff;
}
#title {
position:absolute;
font-size:3em;
top:0;
left:0;
color:#fff;
padding:20px 0 0;
}
#title a, #title a:active, #title a:focus {
font-weight:normal;
color:#fff;
text-decoration:none;
}
#title strong {
font-weight:normal;
color:#666;
padding-left:10px;
white-space:nowrap;
}
#title a:active strong {
color:#fff;
}
#title span {
background:#666;
padding:20px 12px 31px 185px;
}
img.right {
float:right;
margin-left:10px;
}
/* Wrapper */
hr {
height:3px;
color:#666;
margin-right:20px;
background:#666;
border:0;
margin-bottom:12px;
}
.wrap {
clear:both;
}
/* Navigationsleiste */
#sidebar {
padding:100px 0 20px;
width:28%;
background:#666;
color:#fff;
}
#sidebar #allartists a {
border-top:3px solid #fff;
border-bottom:3px solid #fff;
padding:10px;
font:normal 1.5em verdana, sans-serif;
}
#sidebar #allartists a:hover, #sidebar #allartists a:active, #sidebar #allartists a:focus {
border-top:3px solid #666;
}
#sidebar ul {
margin:0 0 20px;
}
#sidebar li {
margin:0;
}
#sidebar p.ogk {
margin-right:3px;
color:#666;
background:#fff;
}
/* Navigationsliste erste Ebene */
#sidebar a {
display:block;
color:#fff;
text-align:right;
text-decoration:none;
font:bold 0.95em verdana, sans-serif;
padding:2px 10px;
}
#sidebar a:hover, #sidebar a:focus {
color:#666;
background:#fff;
}
#sidebar li a:hover, #sidebar li a:focus {
border-right:3px solid #666;
padding-right:7px;
}
#sidebar p a {
padding:0;
background:none;
color:#fff;
border-top:3px solid #666;
border-bottom:3px solid #666;
}
#sidebar p a:hover, #sidebar p a:focus {
border-top:3px solid #fff;
border-bottom:3px solid #fff;
}
#sidebar #counter {
font:bold 0.86em verdana, sans-serif;
text-align:right;
margin:150px 10px 0;
}
p#korb {
position:absolute;
top:20px;
right:20px;
width:8em;
text-align:right;
font:bold 0.86em verdana, sans-serif;
}
#subnavi {
position:absolute;
top:112px;
right:20px;
}
#subnavi li {
display:inline;
padding:0 0 0 9px;
font:bold 0.86em verdana, sans-serif;
}
#subnavi li a {
text-decoration:none;
}
#subnavi strong {
position:absolute;
top:-45px;
right:0;
text-transform:uppercase;
font:normal 2em times new roman, serif;
white-space:nowrap;
color:#666;
letter-spacing:1px;
}