body {
background: url('img/intro/bg-pattern.gif') #1d1c18 no-repeat center top;
color: #f2e9da;
}

#header {
background: url('img/intro/jaso-logo.gif') no-repeat 825px 14px;
}

#box {
background: url('img/intro/bg-box.jpg') #36332c repeat center top;
border: 2px solid #bfc0be;
}

img, div, a, input {
behavior: url(iepngfix.htc)
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 194px;
right: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(img/topline/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 194px;
left: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(img/topline/prev-horizontal.gif) no-repeat 0 0;
}


/*##############
##    TAGS    ##
###############*/

a:link {
color: #ccc7b9;
}

a:visited {
color: #ccc7b9;
}

a:hover {
color: #f2e9da;
}

a.mythos-link:hover {
cursor: hand;
}

a.mythos-link {
display: block;
width: 960px;
height: 400px;
z-index: 900;
}


/*####################
##    Navigation    ##
#####################*/


#nav ul li a {
color: #ccc7b9;
}

/*  2te Ebene  */


/*  Slide-Menu  */

.menu .toggle {
  border-left: 1px solid #ccc7b9;
  background: url('img/intro/nav-arrow.gif') no-repeat right 6px;
}

.menu .toggle-hover {
  border-left: 1px solid #fff;
  color: #fff;
  background-position-y: -25px;
}


/*#################
##    Content    ##
###################*/

#content {
padding-bottom: 60px;
}

#content h3 a {
color: #1d1c18;
font-weight: normal;
margin-right: 30px;
font-size: 20px;
float: right;
}

#content h3 a:hover {
color: #000;
}

a.active {
color: #f2e9da;
}

.intro {
padding-top: 20px;
background: url('img/intro/home.jpg') no-repeat center bottom;
}

/*#################
##    Mythos     ##
###################*/

.mythos-text {
display: block;
width: 236px;
height: 400px;
background-color: #fbedd5;
color: #1d1c18;
padding: 30px 30px 0 30px;
margin-right: 8px;
float: left;
}

.mythos-text h3 {
font-size: 1.4em;
text-transform: none;
}

.mythos-visual {
display: block;
width: 600px;
height: 400px;
float: right;
}

.mythos-visual a {
display: block;
margin-left: -30px;
width: 146px;
height: 93px;
border: 2px solid #bfc0be;
overflow: visible;
}

.mythos-visual a:hover {
border-color: white;
}

.mythos-visual a.one  {
margin-top: 90px;
}

.mythos-visual a.two, a.three, a.four {
margin-top: 4px;
}

.mythos-visual a.one-o-four {
margin-top: 0px;
}

.mythos-visual a.one-o-three {
margin-top: 50px;
}

.mythos-visual a.shop-link {
display: inherit;
width: 100%;
height: 100%;
border: none;
overflow: auto;
color: #222;
font-size: 1.3em;
margin: 360px 0 0 440px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

.mythos-visual a.shop-link:hover {
color: #999;
}

.schmid {
background: url('img/mythos/visual-schmid.jpg') no-repeat center top;
}

.zebrano {
background: url('img/mythos/visual-zebrano.jpg') no-repeat center top;
}

.wenge {
background: url('img/mythos/visual-wenge.jpg') no-repeat center top;
}

.teak {
background: url('img/mythos/visual-teak.jpg') no-repeat center top;
}

.spitzahorn {
background: url('img/mythos/visual-spitzahorn.jpg') no-repeat center top;
}

.roteiche {
background: url('img/mythos/visual-roteiche.jpg') no-repeat center top;
}

.merbau {
background: url('img/mythos/visual-merbau.jpg') no-repeat center top;
}

.kirsche-euro {
background: url('img/mythos/visual-kirsche-euro.jpg') no-repeat center top;
}

.jatoba {
background: url('img/mythos/visual-jatoba.jpg') no-repeat center top;
}

.iroko {
background: url('img/mythos/visual-iroko.jpg') no-repeat center top;
}

.esche {
background: url('img/mythos/visual-esche.jpg') no-repeat center top;
}

.eiche-antik {
background: url('img/mythos/visual-eiche-antik.jpg') no-repeat center top;
}

.eiche-klassik {
background: url('img/mythos/visual-eiche-klassik.jpg') no-repeat center top;
}

.eiche {
background: url('img/mythos/visual-eiche.jpg') no-repeat center top;
}

.buche-ged {
background: url('img/mythos/visual-buche-ged.jpg') no-repeat center top;
}

.buche-unged {
background: url('img/mythos/visual-buche-unged.jpg') no-repeat center top;
}

.blackwalnut {
background: url('img/mythos/visual-blackwalnut.jpg') no-repeat center top;
}

.blackcherry {
background: url('img/mythos/visual-blackcherry.jpg') no-repeat center top;
}

.bergahorn {
background: url('img/mythos/visual-bergahorn.jpg') no-repeat center top;
}

.bambus {
background: url('img/mythos/visual-bambus.jpg') no-repeat center top;
}

.apadoussie {
background: url('img/mythos/visual-apadoussie.jpg') no-repeat center top;
}

.akazie {
background: url('img/mythos/visual-akazie.jpg') no-repeat center top;
}

.ahorn-kanadisch {
background: url('img/mythos/visual-ahorn-kanadisch.jpg') no-repeat center top;
}

.afrormosia {
background: url('img/mythos/visual-afrormosia.jpg') no-repeat center top;
}

.buch {
background: url('img/mythos/visual-buch.jpg') no-repeat center top;
}