/*#############################################################
Name: Blackbox
Date: 2006-06-01
Description: A mystic dark lightweight design.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
        margin: 0;
        padding: 0;
}
a {
        color: #000000;
        text-decoration: none;
}
body {
        background: #000 url(img/hintergrund.jpg) no-repeat fixed left bottom;
        color: #000000;
        font: normal 0.7em sans-serif,Arial;
        margin: 20px 0;
        text-align: center;
}
ul {
        margin: 12px 0;
}
li {
        list-style: url(img/li.gif);
        margin-left: 18px;
}
code {
        background: url(img/bgcode.gif);
        color: #888;
        display: block;
        font: normal 1em "Lucida Sans Unicode",serif;
        margin-bottom: 12px;
        padding: 3px 6px;
        white-space: pre;
}

cite {
        background: url(img/quote.gif) no-repeat;
        color: #666;
        display: block;
        font: normal 1.1em "Lucida Sans Unicode",serif;
        margin-bottom: 12px;
        padding-left: 28px;
}


/* main structure */
.main {
        background: #000;
        border: 3px double #EEE;
        border-color: #141414 #202020 #222 #202020;
        margin: 20px auto 4px auto;
        text-align: left;
        width: 600px;
}

.main2 {
        background: #000;
        border: 3px double #EEE;
        border-color: #141414 #202020 #222 #202020;
        margin: 20px auto 4px auto;
        text-align: left;
        width: 800px;

        }


/* header */
.gfx {
        background: #222 url(img/logo.jpg) no-repeat;
        height: 240px;
}
.gfxa {
        background: #222 url(img/logo2.jpg) no-repeat;
        height: 240px;

}
.gfx h1 {
        color: #00000;
        font: normal 2.6em St. Charles Extra Dark;
        padding: 16px 20px;
}
.h2 {
       float: left;
       font: normal 3em st charles extra dark;

}

/* menu */
.menu a {
        background: #000 url(img/bgmenu.png) repeat-x;
        border-right: 1px solid #222;
        border-top: 1px solid #1A1A1A;
        color: #444;
        float: left;
        font: normal 2em St Charles Extra Dark;
        padding-top: 4px;
        width: 108px; height: 36px;
}
.menu2 a {
        background: #000 url(img/bgmenu.png) repeat-x;
        border-right: 1px solid #222;
        border-top: 1px solid #1A1A1A;
        color: #444;
        float: left;
        font-size: 1em;
        font: normal 1.2em Cooper Black;
        padding-top: 4px;
        width: 224px; height: 36px;
}
.menu3 a {
        background: #000 url(img/bgmenu.png) repeat-x;
        border-right: 1px solid #222;
        border-top: 1px solid #1A1A1A;
        color: #444;
        float: left;
        font-size: 1em;
        font: normal 1.2em Cooper Black;
        padding-top: 4px;
        width: 121px; height: 36px;
}

.menu3a a {
        background: #000 url(img/bgmenu.png) repeat-x;
        border-right: 1px solid #222;
        border-top: 1px solid #1A1A1A;
        color: #444;
        float: left;
        font-size: 1em;
        font: normal 1.2em Cooper Black;
        padding-top: 4px;
        width: 171px; height: 36px;

}
.menu4 a {
        background: #000 url(img/bgmenu.png) repeat-x;
        border-right: 1px solid #222;
        border-top: 1px solid #1A1A1A;
        color: #444;
        float: left;
        font-size: 1em;
        font: normal 1.2em Cooper Black;
        padding-top: 4px;
        width: 490px; height: 36px;
}

.menu5 a {
       background: #000 url(img/bgmenu.png) repeat-x;
        border-right: 1px solid #222;
        border-top: 1px solid #1A1A1A;
        color: #444;
        float: left;
        font: normal 2em St Charles Extra Dark;
        padding-top: 4px;
        width: 117px; height: 36px;


}
.menu a:hover {
        background-position: left bottom;
        color: #666;

}

.menu3 a:hover {
        background-position: left bottom;
        color: #666;
}
.menu4 a:hover {
        background-position: left bottom;
        color: #666;
}

.menu5 a:hover {
        background-position: left bottom;
        color: #666;
}
.menu a#last {
        border-right: none;
        width: 150px;

}


/* content */
.content {
        background: #000 url(img/item.jpg) no-repeat

}
.content h1 {
        color: #00000;
        font: bold 1.1em St Charles Extra Dark;
        margin: 0 0 4px;
}
.content p {
        margin: 0 0 12px;
}

.p2  {
       float: left;
       font: normal 1em cooper black #000000;
 }
.item {
        background: #de563e url(img/item.gif) no-repeat;
        font: normal 1.2em Cooper Black; font-color: #000000
        width: 601px; height: 36px;

}
  .item2 {
        background: #f7f93e url(img/item.gif) no-repeat;
        font: normal 1.2em Cooper Black; font-color: #000000
        width: 601px; height: 36px;
}

/* footer */
.footer {
        background: #de563e;
        color: #0000000;
        padding: 5px;
}