/*                           */
/* Version 2006-11114.01.mac */
/*                           */

* {
font-family: Times,sans-serif;
}

body {
background-image: url("kachel.jpg");
background-color: #FAF3E1;
color: #00294e;
margin:0;
padding:0;
}

img {
border:0;
}

.produktkatalog {
text-align: center;
padding: 30px;
width: 90%;
height: 100%;
}


.links {
text-align: left;
}
.left {
text-align: left;
}

.right {
text-align:right;
}


/* ************************* NAVIGATION ************************* */
#navigation {
visibility:hidden;
font-style: italic;
position: absolute;
padding: 0px;
margin-top: 70px;
margin-left: 20px;
}

#navigation p {
color: #8c322d;
font-size: 100%;
text-align:left;
margin: 0px;
padding-bottom: 27px;
display: block;
text-decoration:none;
}
#navigation .bull {
color: #BDA000;
font-weight: bold;
}



#navigation a, #navigation a:link, #navigation a:visited {
color: #00294e;
text-decoration:none;
}

#navigation a:hover {
color: #B60A0A;
text-decoration: none;
}

@media screen
  {
  div#navigation
    {
    position: fixed;
    }
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    overflow-y: auto;
    height: 100%;
    }
  * html div#navigation
    {
    position: absolute;
    }
  /* All done. */
 }

/* ************************* NAVIGATION ************************* */


/* ************************* content ************************* */
#content {
position: relative;
top: 0px;
margin-left:160px;
margin-right:40px;
}
/* ************************* content ************************* */



/* ************************* header ************************* */
#header {
text-align:center;
padding-top:20px;
}
/* ************************* header ************************* */



/* ************************* breit ************************* */
#breit {

text-align: center;
padding-top:0px;
}
#breit h1 {
font-size: 120%;
font-style: bold;
}

#breit h2 {
font-size: 120%;
text-align: center;
font-style: normal;
}

#breit h3 {
font-size: 100%;
text-align: center;
font-style: normal;
font-weight: bold;
}


#breit p {
font-style: italic;
}

#breit a, #breit a:link  {
color: #00294e;
}

#breit a:hover {
color: #00294e;
background-color: #F2E8CE;
text-decoration: underline;
}

#breit a:visited {
color: #996600;
}

#breit .bildunterschrift {
font-weight:normal;
font-style:italic;
font-size:80%;
}

#breit table, #breit td {
font-style:italic;
text-align:left;
vertical-align:top;
padding:5px;
}

#breit .tabzentriert {
font-style:italic;
text-align:center;
padding-bottom:20px;
}

#breit .right {
text-align:right;
}

/* ************************* breit ************************* */

/* ************************* fixbreit ************************* */
#fixbreit {
font-style: italic;
text-align: left;
padding-left:0px;
width:550px;
}
#fixbreit h1 {
font-size: 160%;
text-align: center;
font-weight: bold;
}
#fixbreit h2 {
font-size: 120%;
text-align: center;
font-style: normal;
}

#fixbreit h3 {
font-size: 100%;
text-align: center;
font-style: normal;
font-weight: bold;
}


#fixbreit p {
font-style: italic;
}

#fixbreit a, #fixbreit a:link  {
color: #00294e;
}

#fixbreit a:hover {
color: #00294e;
background-color: #F2E8CE;
text-decoration: underline;
}

#fixbreit a:visited {
color: #996600;
}

#fixbreit li {
padding-bottom: 15px;
}

#fixbreit table, #fixbreit td {
text-align:left;
}

#fixbreit .right {
text-align:right;
}

/* ************************* fixbreit ************************* */


/* ************************* fixcenter ************************* */
#fixcenter {
font-style: italic;
text-align: center;
padding-left:0px;
width:550px;
}
#fixcenter h1 {
font-size: 160%;
text-align: center;
font-weight: bold;
}
#fixcenter h2 {
font-size: 120%;
text-align: center;
font-style: normal;
}

#fixcenter h3 {
font-size: 100%;
text-align: center;
font-style: normal;
font-weight: bold;
}


#fixcenter p {
font-style: italic;
}

#fixcenter a, #fixcenter a:link  {
color: #00294e;
}

#fixcenter a:hover {
color: #00294e;
background-color: #F2E8CE;
text-decoration: underline;
}

#fixcenter a:visited {
color: #996600;
}

#fixcenter li {
padding-bottom: 15px;
}
#fixcenter table, #fixcenter td {
font-style:italic;
text-align:center;
padding:3px;
}

/* ************************* fixcenter ************************* */





/* ************************* footer ************************* */
#footer {
text-align: center;
font-style: italic;
font-size:80%;
padding-top:30px;
}
/* ************************* footer ************************* */





/* for IE bugs: */
<!--[if gte ie 5]>
* html {
  overflow-y: hidden
}
* html body {
  height: 100%;
  overflow: hidden;
}

* html #navigation {
visibility:hidden;
}

* html #content {
  position: relative;
  top: 0px;
  height: 100%;
  margin-right:0px;
  padding-right: 40px;

}
<![endif]-->
/* end IE bugs */