/* accessories.css
Author: coDESIGN
Last edited by coDESIGN Sysadmin March 2009
*/
/* wichtige Farben
color: #7b7c7e; gray text
color: #d1cf9e; light gold text
color: #676734; dark gold text
*/
/* Global settings */
* {
margin: 0;
padding: 0;
}


body {
margin: 0;
padding: 0;
text-align: center;
color: #7b7c7e;
background-color: gray;
/* background-image: url(../img/shopmenu/allgemein/ccc_hg.jpg); */
background-image: url(../img/layout/ccc_wbg.jpg);
background-repeat: repeat;
font-weight: normal;
font-style: normal;
font-size: 12px; /* = 9pt; */
font-family: Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, label, input, textarea, select, legend, fieldset {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, ul, ol, li, dl, dt, dd, label, input, textarea, select, legend, fieldset {
font-size: 1em;
color: white;
}

h1 {
font-size: 18px;
font-weight: normal;
color: #d1cf9e;
color: #676734;
margin-bottom: 1em;
}

h2 {
font-size: 16px;
font-weight: normal;
color: #d1cf9e;
color: #676734;
margin-top: 1em;
margin-bottom: 0.5em;
}
h3 {
margin-top: 1em;
margin-bottom: 0.5em;
}

#wrapper {
background-color: white;
background-color: black;
background-image: url(../img/shopmenu/frottee/links.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 800px;
height: 800px;
/* height: 100%; */
text-align: left;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}

#wrapper1 {
background-image: url(../img/shopmenu/frottee/rechts.jpg);
background-repeat: no-repeat;
background-position: 401px 0px;
width: 800px;
height: 800px;
/* height: 100%; */
text-align: left;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
#wrapper2 {
background-image: url(../img/shopmenu/allgemein/balken_unten_2.jpg);
background-repeat: no-repeat;
background-position: 0px 691px;
width: 800px;
height: 800px;
height: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}

#nav_ac {
position: absolute;
}

/* Subcategories for textiles */
#ac_navbar ul.navlist {
list-style-type: none;
position: absolute;
width: 420px;
height: 700px;
margin-left: 354px;
margin-top: 180px;
/* border: 1px solid red; */
}
#ac_navbar ul.navlist li {
position: absolute;
width: 317px;
height: 90px;
}
#ac_navbar ul.navlist li a {
display: block;
width: 120px;
height: 230px;
text-indent: 800px;
overflow: hidden;
/* border: 1px solid blue; */
}
#ac_navbar ul.navlist li a:hover {
border-bottom: 2px solid #c0c0c0;
border-bottom: 2px solid #d1cf9e;
}

#ac_navbar ul.navlist li#ac_big a:hover {
border: 2px solid #c0c0c0;
border: 2px solid #d1cf9e;
}

#ac_navbar ul.navlist li#ac_big a {
margin-left: 66px;
margin-top: 11px;
width: 336px;
/* height: 228px; */
height: 190px;
}

#ac_navbar ul.navlist li#ac1 a {
margin-left: 100px;
margin-top: 260px;
}
#ac_navbar ul.navlist li#ac2 a {
margin-left: 240px;
margin-top: 260px;
width: 130px;
}

#main {
position: absolute;
margin-left: 442px;
margin-top: 120px;
width: 300px;
height: 460px;
text-align: center;
font-variant: small-caps;
}
#main p {
padding-bottom: 36px;
font-size: 14px;
line-height: 24px;
}
#main p a {
text-decoration: none;
color: white;
}
#main p a:hover {
color: #d1cf9e;
/* color: #676734; */
}
  
p#shoplink {
position: absolute;
margin-left: 90px;
margin-top: 526px;
}
p#shoplink a {
display: block;
overflow: hidden;
width: 110px;
text-indent: 200px;
}