 /* 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-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, #wrapper3 {
background-color: white;
background-color: black;
background-image: url(../img/shopmenu/acc_1/links_1.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, #wrapper4 {
background-image: url(../img/shopmenu/acc_1/rechts_1_knopf.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, #wrapper5 {
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;
opacity: 0.9999;
}
#wrapper3 {
background-image: url(../img/shopmenu/acc_2/links_2.jpg);
/* opacity: 0.9999; */
opacity: 0;
}
#wrapper4 {
background-image: url(../img/shopmenu/acc_2/rechts_2_knopf.jpg);
opacity: 0.9999;
}


#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: 100px;
height: 100px;
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;
}

#ac_navbar ul.navlist li#ac1 a {
margin-left: 0px;
margin-top: 400px;
}
#ac_navbar ul.navlist li#ac2 a {
margin-left: 120px;
margin-top: 400px;
}
#ac_navbar ul.navlist li#ac3 a {
margin-left: 240px;
margin-top: 400px;
width: 170px;
}

.vitatexts {
position: absolute;
margin-left: 420px;
margin-top: 420px;
width: 360px;
height: 200px;
/* border: 1px solid red; */
}
.vitatexts h2 {
font-size: 14px;
}
.vitatexts p {
padding-bottom: 1.4em;
line-height: 1.4;
text-align: justify;
}

.tooltip {
display: none;
/* opacity: 0; */
position: absolute;
width: 720px;
margin-top: -23em;
margin-left: 0px;
padding: 20px 20px 20px 20px;
background-color: #1a1915;
border: 1px double white;
}

#textcufflinks {
margin-top: -520px;
margin-left: -220px;
width: 550px;
}
#textties {
margin-top: -480px;
margin-left: -20px;
width: 350px;
}
#textbelts {
margin-top: -500px;
margin-left: -20px;
width: 350px;
}

/*

#main {
padding-top: 360px;
}

#main p {
line-height: 1.4;
margin: 0 0 1em 0;
color: white;
color: #999999;
text-align: justify;
}
#main strong {
color: #d1cf9e;
font-weight: normal;
}

#main td strong {
color: #676734;
}
#main table.article_table td, #main table.article_table th {
color: #999999;
color: #cccccc;
}


#main p#ptotal {
color: #d1cf9e;
font-weight: normal;
font-size: 16px;
}

#main .inner {
margin-left: 490px;
margin-left: 450px;
}
*/
