html {
height: 100%;
margin: 0;
padding: 0;
}

body {
text-align: center;
margin: 0;
padding: 0;
background: url(../images/bg.jpg);
background-repeat: repeat-x;
font-family: Verdana, Helvetica, Arial;
font-size: 10px;
line-height: 1.4em;
height: 100%;
}

img {
border: 0;
}

h1, h2 {
font-size: 15px;
margin: 5px 0;
padding: 0;
color: #fff;
font-weight: normal;
font-style: normal;
}

h1 a, h2 a {
color: #fff;
text-decoration: none;
}

h3 {
font-size: 9px;
margin: 5px 0;
padding: 0;
font-weight: bold;
font-style: normal;
}

p {
margin: 5px 0;
padding: 0;
}

td {
font-family: Verdana, Helvetica, Arial;
font-size: 9px;
color:#666;
}

.submit {
display:block;
text-align:center;
border: 1px solid #aa8f8d;
background-color: #912034;
font-size:11px;
width: 136px;
height: 20px;
color: white;
margin: 10px 0;
padding-bottom:1px;
font-family: Verdana, Helvetica, Arial;
}

.submit_link {
display:block;
text-align:center;
border: 1px solid #aa8f8d;
background-color: #912034;
font-size:11px;
width: 136px;
height:18px;
line-height: 18px;
color:white;
margin: 10px 0;
padding:0;
text-decoration:none;
}

#header {
width: 900px;
margin: 10px auto;
height: 28px;
}

#hn {
text-align: left;
width: 743px;
margin: 0 auto;
height: 26px;
line-height: 26px;
border: 1px solid #C2C0C0;
color: #666;
float: left;
}

#hn a {
color: #666;
text-decoration: none;
}

#hn a.aktiv {
color: #912034;
}

#hn a:hover {
color: #000;
}

#suche {
width: 148px;
margin: 0 auto 0 5px;
height: 26px;
border: 1px solid #C2C0C0;
color: #666;
float: left;
background: #ACADAF;
overflow: hidden;
}

#suche input {
text-align: right;
padding-right: 5px;
font-family: Verdana, Helvetica, Arial;
font-size: 9px;
color: #999;
}

#produktnavi {
clear: both;
width: 904px;
margin: 0 auto;
}

#rahmen {
clear: both;
width: 904px;
margin: 0 auto;
background: url(../images/content_bg.jpg);
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
}

#links {
text-align: left;
float: left;
width: 740px;
padding: 5px;
color: #666;
}

.teaser_gross {
text-align: right;
width: 273px;
height: 164px;
color: #fff;
border: 1px solid #C2C0C0;
float: left;
margin-bottom: 5px;
}

.teaser_klein {
text-align: right;
width: 148px;
height: 164px;
color: #fff;
border: 1px solid #C2C0C0;
float: left;
margin-left: 5px;
margin-bottom: 5px;
}

.trans {
margin-top: 123px;
padding: 0 10px;
height: 45px;
width: 128px;
background: url(../images/blende.png);
}

.teaser_klein.text {
background:#912034;
margin-right:0;
padding-top:10px;
height:154px;
}
 
.teaser_gross a, .teaser_klein a {
color: #fff;
text-decoration:none;
}

#details {
clear: both;
width: 740px;
background: #F0F0F0;
margin-bottom: 5px;
padding-top: 20px;
}

.spalte {
text-align: right;
margin-left: 20px;
width: 225px;
float: left;
color: #999;
}

.spalte a {
color: #999;
}

#creativepartner {
text-align: left;
width: 740px;
margin: 0 auto;
height: 26px;
line-height: 26px;
border: 1px solid #C2C0C0;
border-left: none;
color: #666;
clear: both;
}

#rechts {
float: left;
width: 154px;
color: #fff;
font-size: 9px;
}

.cat_box{
overflow:hidden;
position:relative;
}

.cat_box div{
position:absolute;
top:0;
left:0;
}

.cover{
background:#999;
width:130px;
height:166px;
padding: 10px;
z-index: 100;
}

#accordion {
background: url(../images/navi_bg.jpg);
overflow: hidden;
text-align: left;
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 745px;
height: 165px;
}
#accordion li{
margin-top: 4px;
height: 161px;
text-align: left;
display: inline;
float: left;
overflow: hidden;
margin-left: 4px;
margin-right: 1px;
}
#accordion li a{
text-align: left;
display: inline-block !important;
overflow: hidden;
height: 165px;
width: 149px;
text-align: left;
}

#accordion li a.home {
background:url(../images/navi_accessoires.jpg) top left no-repeat;
}
#accordion li a.blog {
background:url(../images/navi_wohnen.jpg) top left no-repeat;
}
#accordion li a.services {
background:url(../images/navi_leuchten.jpg) top left no-repeat;
}
#accordion li a.portfolio {
background:url(../images/navi_audio.jpg) top left no-repeat;
}

#accordion li a img {
display:none;
}

#produktrahmen {
background: url(../images/subnavi_bg.gif);
background-repeat:repeat-y;
margin-bottom: 5px;
}

#ebene1 {
text-align: right;
float: left;
width: 140px;
margin: 0;
padding: 0;
list-style-type: none;
line-height: 1.8em;
padding: 5px;
}

#ebene1 a {
color: #fff;
text-decoration: none;
}

#ebene2 {
text-align: right;
float: left;
width: 115px;
margin: 0;
padding: 0;
list-style-type: none;
line-height: 1.8em;
padding: 5px;
}

#ebene2 a {
color: #999;
text-decoration: none;
}

#ebene1 a.aktiv, #ebene2 a.aktiv {
color: #912034;
}

#produkte {
float: left;
width: 465px;
}

.rote_headline {
margin: 5px 0;
padding: 0;
color: #912034;
font-weight: normal;
font-style: normal;
}

.dunkelgrau_headline {
font-size: 15px;
margin: 5px 0;
padding: 0;
color: #666;
font-weight: normal;
font-style: normal;
}

.hellgrau_headline {
font-size: 15px;
margin: 5px 0;
padding: 0;
color: #999;
font-weight: normal;
font-style: normal;
}

input{
padding-right: 5px;
font-family: Verdana, Helvetica, Arial;
font-size: 9px;
}

.select{
font-family: Verdana, Helvetica, Arial;
font-size: 9px;
width:118px;
}

.messageStackError{
margin: 5px 0;
padding: 0;
color: #912034;
font-weight: normal;
font-style: normal;
}