/* ALLGEMEIN */

* {
 padding:0;
 margin:0; }

body { 
 color:#fff;
 text-align:center;
 background:#999;
 padding:10px 0; }

img {
 display:block; }

a img {
 text-decoration:none;
 border:none; }

#container { 
 width:916px;
 margin:0 auto; }



/* KOPFBEREICH */

#header {
 height:240px;
 background:url(../img/layout/header.jpg) no-repeat; }



/* NAVIGATION */

#navigation2 {
 height: 30px;
 background:url(../img/layout/navigation.jpg) repeat-y;
 padding:0 15px; }

#navigation {
 float: left;
 width: 246px;
 text-align: left;
 margin-top: -3px; }

ul {
 list-style-type:none;
 margin: 0 auto; }

#nav-right li {
 float:right;
 height:30px; }

#nav-right li.active {
 display:block;
 color:#490909;
 height:16px;
 font-family:Helvetica,Verdana,Arial,sans-serif;
 font-size:12px;
 line-height:16px;
 text-transform:uppercase;
 font-weight:bold;
 padding:8px 8px 2px 8px; }

#nav-left li {
 display:block;
 color:#fff;
 font-family:Helvetica,Verdana,Arial,sans-serif;
 font-size:12px;
 line-height:16px;
 text-transform:uppercase;
 font-weight:bold;
 padding: 2px 0 0 0;
 background: #976c8a url(../img/layout/navigation.jpg) -30px 0 no-repeat;
 margin:0; }

#nav-left li.active {
 display:block;
 color:#fff;
 font-family:Helvetica,Verdana,Arial,sans-serif;
 font-size:12px;
 line-height:16px;
 text-transform:uppercase;
 font-weight:bold;
 padding: 12px 10px 30px 12px;
 background: #490909;
 border-top: 2px solid white; }

#navigation a:link, #navigation a:visited, #navigation a:active {
 display:block;
 color:#fff;
 font-family:Helvetica,Verdana,Arial,sans-serif;
 font-size:12px;
 line-height:16px;
 text-decoration:none;
 text-transform:uppercase;
 font-weight:bold;
 padding: 6px 10px 3px 12px; }

#navigation a:hover {
 color:#fff;
 background: #490909; }

#navigation2 a:link, #navigation2 a:visited, #navigation2 a:active {
 display:block;
 color:#fff;
 font-family:Helvetica,Verdana,Arial,sans-serif;
 font-size:12px;
 line-height:16px;
 text-decoration:none;
 text-transform:uppercase;
 font-weight:bold;
 padding:8px 8px 2px 8px; }

#navigation2 a:hover {
 color:#fff;
 border-bottom:4px solid #490909; }

#navigation2 a.eyecatcher {
 color:#490909; }



/* INFOBOX */

#infobox {
 width: 870px;
 color: #324456;
 font-family:Helvetica,Verdana,Arial,sans-serif;
 font-size:12px;
 line-height:16px;
 font-weight:bold;
 text-align: center;
 padding:10px 0;
 margin:30px 0 40px 0; }

#infobox a:link, #infobox a:visited, #infobox a:hover, #infobox a:active {
 color: #A2839A !important;
 font-weight:bold !important;
 text-decoration: none;
 border-bottom:2px solid #A2839A !important;
 padding-bottom:1px !important; }



/* INHALT INDEXSEITEN */

#content {
 clear: both;
 text-align: center;
 background:url(../img/layout/content.jpg) repeat-y;
 padding: 3px 11px; }

#content2 {
 float: right;
 width: 646px;
 text-align: right; }

.box {
 float:left;
 text-align:center;
 width:160px;
 padding:1px 0;
 margin:0 17px 10px 0; }

.box img {
 margin:5px 5px 19px 5px; }

p {
 font-family:Verdana,Helvetica,Arial,sans-serif;
 font-size:11px;
 line-height:16px; }

p.description {
 color:#666;
 background:url(../img/layout/box1.gif) center top;
 padding:8px 4px 0 4px; }

p .name {
 color:#000;
 font-weight:bold; }

p .number {
 color:#666;
 font-weight:normal; }

p.price {
 color:#490909;
 font-weight:bold;
 background:url(../img/layout/box2.gif) center bottom;
 padding:4px 10px 8px 4px; }

hr {
 clear:both;
 visibility:hidden;
 height:10px; }



/* INHALT PRODUKTSEITE */

#product {
 float:left;
 width:300px;
 height:300px;
 padding:0 0 0 70px; }

#content2 #description {
 float:right;
 color:#000;
 text-align:left;
 width:400px;
 padding:20px 30px 10px 0; }

h1 {
 color:#000;
 font-family:Verdana,Helvetica,Arial,sans-serif;
 font-size:14px;
 line-height:16px;
 text-transform:uppercase;
 padding:20px 20px 4px 0; }

h2 {
 color:#666;
 font-family:Verdana,Helvetica,Arial,sans-serif;
 font-size:11px;
 line-height:16px;
 padding:20px 20px 4px 0; }

#content2 p.number {
 color:#666;
 margin-bottom:15px; }

#content2 p.text {
 padding-bottom:6px; }

#content2 p.price {
 color:#490909;
 text-align:center;
 width:100px;
 height:23px;
 background:url(../img/layout/price.gif);
 padding:7px 0 0 0;
 margin:20px 0; }

#content2 p.material {
 color:#666;
 padding-top:15px; }

#content2 p.clean {
 color:#666; }

#content2 a:link, #content2 a:visited, #content2 a:active {
 color:#490909;
 text-decoration:none;
 font-weight:normal;
 border-bottom:2px solid #490909;
 padding-bottom:1px; }

#content2 a:hover {
 color:#490909;
 text-decoration:none;
 font-weight:normal;
 border-bottom:none; }



/* INHALT TEXTSEITEN */

.startbox {
 float:right;
 text-align:center;
 width:330px;
 padding:6px 20px 10px 0; }

.startbox p { 
 color:#000;
 text-align:left;
 padding:0 20px 8px 20px; }

.startbox h1 { 
 color:#1A2938;
 text-align:left;
 font-size:12px;
 font-weight:bold;
 text-transform:uppercase;
 padding:10px 20px 6px 20px; }

.startbox h2 { 
 color:#1A2938;
 text-align:left;
 font-size:11px;
 font-weight:bold;
 padding:12px 20px 6px 20px; }



/* INHALT BESTELLEN, KONTAKT */

.contenttext {
 color:#000;
 text-align:left;
 padding:20px 5px 10px 5px; }

.contenttext a:link, .contenttext a:visited, .contenttext a:active {
 color:#490909;
 text-decoration:none;
 font-weight:normal;
 border-bottom:2px solid #490909;
 padding-bottom:1px; }

.contenttext a:hover {
 color:#490909;
 text-decoration:none;
 font-weight:normal;
 border-bottom:none; }



/* FUSSBEREICH */

#footer {
 clear: both;
 text-align:center;
 height:40px;
 padding: 0 15px;
 background:url(../img/layout/footer.jpg) left bottom no-repeat; }

#footer a:link, #footer a:visited, #footer a:active {
 display:block;
 color:#fff;
 font-family:Helvetica,Verdana,Arial,sans-serif;
 font-size:12px;
 line-height:16px;
 text-decoration:none;
 text-transform:uppercase;
 font-weight:bold;
 border-top:4px solid #976C8A;
 padding:3px 5px 0 5px;
 margin:0 auto; }

#footer a:hover {
 color:#fff;
 border-top:4px solid #490909; }