html, body { background-color: #04a49c; margin: 0px; padding: 0px; }
#header {
height: 76px;
background-color: #3b7b77;
background-image:url(../css/nplayer.jpg);
background-repeat:repeat;
background-position:left;
}
#such { visibility:hidden; }
#lupe { visibility:hidden; }
#banner { position:relative;top:10px; float:right; margin:0px 4px 0px 4px; }
#ue {
position:relative;top:2px;left:0px;
text-align:center;
font-weight:bold;
background-color:#3b7b77;
color:#fff;
margin-top:2px;
padding:4px;
}
.spacer { height:2px; background-color:#04a49c; color:#fff; }
a.clink:link { text-decoration: none; font-size:11px; color:#cc0000; font-weight:bold; font-style:italic; }
a.clink:visited { text-decoration: none; font-size:11px; color:#cc0000; font-weight:bold; font-style:italic; }
a.clink:active { text-decoration: none; font-size:11px; color:#cc0000; font-weight:bold; font-style:italic; }
a.clink:focus { text-decoration: none; font-size:11px; color:#cc0000; font-weight:bold; font-style:italic; }
a.clink:hover { text-decoration: underline; font-size:11px; color:#cc0000; font-weight:bold; font-style:italic; }
/* Der Topseller */
#topkasten { height:auto; background-color:#9cdad5; color:#000; border: 1px solid #3b7b77; }
.topue { text-align:center; font-weight:bold; background-color:#3b7b77; color:#fff; }
/* Bild zentrieren */
#topbild { display:block; border: 1px solid #3b7b77; margin-left:auto; margin-right:auto; margin-top:10px;}
#toptext { width:auto; height:auto; margin:8px;}
.amazonpreis { font-weight:bold; color:#f00; }
a.bildlink:link { text-decoration: none; font-weight:bold; font-size:11px; font-style:italic; color:#3b7b77; }
a.bildlink:visited { text-decoration: none; font-weight:bold; font-size:11px; font-style:italic; color:#3b7b77; }
a.bildlink:hover { text-decoration: none; font-weight:bold; font-size:11px; font-style:italic; color:#3b7b77; }
a.toplink:link { text-decoration: none; font-weight:bold; font-size:11px; font-style:italic; color:#000; }
a.toplink:visited { text-decoration: none; font-weight:bold; font-size:11px; font-style:italic; color:#000; }
a.toplink:active { text-decoration: none; font-weight:bold; font-size:11px; font-style:italic; color:#000; }
a.toplink:focus { text-decoration: none; font-weight:bold; font-size:11px; font-style:italic; color:#000; }
a.toplink:hover { text-decoration: underline; font-weight:bold; font-size:11px; font-style:italic; color:#000; }
/*
Subsubmenu
*/
/* Überschrift (DVD-Player) */
#ue2 { display: block; width: 187px; font-size:11px; font-weight:bold; background-color:#3b7b77; color: #fff; padding:4px; border: 1px solid #3b7b77; }
/* Subsubmenüs ohne Border-Collapsing, dafür im IE6 aber korrekte Darstellung! */
a.menulink2:link,a.menulink2:visited,a.menulink2:active,a.menulink2:focus {
display:block; position:relative;left:-1px; width:190px; text-decoration:none; font-size:11px; font-weight:bold; padding:4px;
background-color:#9cdad5; color:#000; border-bottom: 1px solid #04a49c; }
a.menulink2:hover { text-decoration:none; font-weight:bold; background-color:#3b7b77; color: #ffffff; }
/* Wrapper */
/*#links { margin-left:4px; margin-top:2px; float:left; width:198px; background-color:#04a49c; }
#center { background-color:#04a49c; color:#000; padding:0px; margin-left:206px; margin-right:168px; }
#rechts{ width:160px; float:right; margin-left:0px; margin-right:4px; margin-top:2px; background-color:#04a49c; }*/
#links { margin-left:4px; margin-top:2px; float:left; width:198px; background-color:#04a49c; }
* html #links {
margin-right:4px;
}
#center {
/*position:absolute;left:0px; top:120px; */
/*width:710px; */
background-color:#04a49c; color:#000; padding:0px; margin-left:206px; margin-right:170px; }
#rechts{ width:160px; float:right; margin-left:0px; margin-right:4px; margin-top:2px; background-color:#04a49c; }
* html #rechts {
margin-left:0px;
}
#footer {
/*position:relative;top:30px;*/
height:54px; background-color:#3b7b77; color:#9cdad5; text-align:center; margin:4px; clear:both; }
a.footerlink:link { text-decoration:none; font-size:11px; background-color:#3b7b77; color:#9cdad5; }
a.footerlink:visited { text-decoration:none; font-size:11px; background-color:#3b7b77; color:#9cdad5; }
a.footerlink:active { text-decoration:none; font-size:11px; background-color:#3b7b77; color:#9cdad5; }
a.footerlink:focus { text-decoration:none; font-size:11px; background-color:#3b7b77; color:#9cdad5; }
a.footerlink:hover { text-decoration:none; font-size:11px; background-color:#3b7b77; color:#9cdad5; }
/* 9 Produkte */
/* Wrapper-DIV */
#produkte {
display:block; position:relative;top:0px;
height:1094px;
background-color:#9cdad5; color:#000; border: 1px solid #3b7b77; padding:0px; }
.produktbild { display:block; float:left; border: 1px solid #3b7b77; margin:10px;}
/* 8 Produktkästen, 4 Zeilen a 2 Spalten, linke obere Ecken vom Programm setzen */
.kasten {
/*width: 300px;*/
width: 48%;
/*height:auto;*/
/*height:250px;*/
padding: 6px;
margin: 0px;
background-color:#9cdad5;
}
/* Werbung linke Spalte unter allem */
#werbung2 { margin-left:18px; }
/* Übersichtsseite, mit Blättern */
/* Kasten für Übersichtsseite */
h1 { font-size:14px; font-weight:bold; color:#3b7b77; background-color:#ceecea; padding: 2px; }
.cover
{
float:left;
margin: 10px;
border: 1px solid #3b7b77;
/*overflow:hidden;*/
}
.innen { margin:10px; }
.fett { font-weight:bold; }
.kurzinfo
{
/*position:relative;top:0px;left:0px;*/
/* Achtung Hack für Firefox: dieses float:left ist unnötig: */
float:left;
/* Ende Hack */
width:100%;
background-color:#ceecea;
margin: 0px 0px 8px 0px;
border: 1px solid #3b7b77;
}
* html .kurzinfo {
width:99%;
/*margin-right:0px;*/
}
a.mehr:link, a.mehr:visited, a.mehr:active, a.mehr:focus { text-decoration:none; font-size:11px; font-weight:bold; font-style:italic; background-color:#ceecea; color:#000; }
a.mehr:hover { text-decoration:underline; font-size:11px; font-weight:bold; background-color:#ceecea; color:#000; }
.muell { clear:left; }
/* Seitenzahlen */
a.td3:link, a.td3:visited, a.td3:active, a.td3:focus { text-decoration:none; font-size:12px; font-weight:bold; background-color:#04a49c; color: #fff; padding:4px; }
a.td3:hover { background-color:#3b7b77; }
.aktuelle_seite { font-size:12px; font-weight:bold; background-color:#3b7b77; color: #fff; padding:4px; }
#zaehler {
position:relative;top:0px;left:0px;
display:block;
line-height:20px;
margin:4px;
}
#zaehler2 {
/*position:relative;top:-2px;*/
display:block;
line-height:20px;
margin:4px;
}
/* Produktdetails */
a.link2text:link { text-decoration: none; font-weight:bold; font-size:11px; font-style:italic; color:#3b7b77; }
a.link2text:visited { text-decoration: none; font-weight:bold; font-size:11px; font-style:italic; color:#3b7b77; }
a.link2text:hover { text-decoration: underline; font-weight:bold; font-size:11px; font-style:italic; color:#3b7b77; }