html, body {
font-family : Verdana;
margin : 0;
height : 100%;
background : url(bilder/hintergrund.gif);
}
img {
border : none;
margin : 5px;
}
a {
text-decoration : none;
}
a:hover, a:focus {
text-decoration : underline;
color : #008000;
}
h1, h2, h3, h4, h5, h6 {
text-decoration : none;
margin : 0;
}
h1 {
font-size : 1.7em;
}
h2 {
font-size : 0.8em;
}
table {
width : 100%;
}
td {
background : #6C8AB0;
color : #ffffff;
}
tr.firstrow td {
background : #0000ff;
}
div#logo {
width : 100%;
height : 116px;
background : #8FAEDC url(bilder/logo.png) no-repeat;
text-align : right;
}
#logo p {
margin : 0px 10px 0px 0px;
}
#logo a {
color : #2a2626;
text-decoration : none;
}
#logo a:hover, #logo a:focus {
color : #ffff00;
}
div#mainnav {
width : 100%;
height : 40px;
background : #6C8AB0;
font-size : 1.0em;
line-height : 29px;
}
#mainnav p {
float : left;
width : 380px;
}
#mainnav a {
color : #ffffff;
text-decoration : none;
padding : 5px;
}
#mainnav a:hover, #mainnav a:focus {
color : #cccccc;
}
#mainnav p {
margin : 0;
}
a#referenzen {
color : #ffff00;
}
div#text {
color : #000000;
padding : 10px 0px 0px 0px;
}
div#side {
float: left;
width: 100px;
height: 150px;
font-size : 1.0em;
margin : 5px 10px 10px 10px;
}
#side a {
display : block;
min-height : 30px;
height : auto;
text-decoration : none;
color : #0000ff;
}
#side a:hover, #side a:focus {
background : #0000ff;
color : #ffffff;
}
div#content {
margin : 0px 0px 20px 0px;
width : 840px;
float : left;
font-size : 1.0em;
}
#content p {
margin : 10px 0px 10px 0px
}
div#footer {
width : 100%;
height : 35px;
background : #6C8AB0;
color : #ffffff;
text-align : center;
font-size : small;
clear : left;
}
#footer a {
color : #ffffff;
text-decoration : none;
}
#footer a:hover, #footer a:focus {
color : #cccccc;
}
#footer p {
margin : 0;
}
div.produkte {
width : 880px;
height : 240px;
}
.produkte img {
margin : 0;
}
input.bestellen {
width : 190px;
height : 39px;
background : url(bilder/bestellen.png);
border : 0;
}
input.bestellen:hover {
background : url(bilder/bestellen2.png);
}
div.produktvorschau {
width : 200px;
font-size : 0.9em;
color : #0000ff;
display : inline-block;
float : left;
margin : 10px;
margin-left : 0px;
}
div.galerie {
width : 100%;
border : 1px solid #6C8AB0;
margin : 10px 0px 10px 0px;
}
.galerie img {
height : 180px;
margin : 5px;
}
div.vorschau {
width : 698px;
height : 240px;
background : url(bilder/vorschau_bg.png);
padding-left : 142px;
}
.vorschau img {
margin : 10px 9px 10px 9px;
border : 1px solid #5d5d5d;
}
img.produktbild {
float : left;
border : 1px solid #999999;
margin-left : 0;
}
strong.preis {
font-size : 2.1em;
color : #1d89a0;
}
strong.preis2 {
color : #1d89a0;
}