/* -------------------------------------------- */
/* two tribes Stylesheet: DEFAULT */
/* Copyright by two tribes gmbh, Stuttgart */
/* -------------------------------------------- */
/* StyleSheet Scope: HOMEPAGE */
/* -------------------------------------------- */
/* !Page-Layout */
/* -------------------------------------------- */

html {
background: #ede6bf url("/jboard/images/ng/start/back.png") repeat left top;
}

#contentSide h1 {
background: #c4b275 url("/jboard/images/ng/start/vectorbutt_logo.png") no-repeat left top;
width: 226px;
}

#contentSide h2 {
background: #891719 url("/jboard/images/ng/start/vectorbutt_logo.png") no-repeat -226px top;
width: 299px;
}

#contentSide h2:hover {background-position: -525px top;}

#contentMain {
background-color: #891719;
width: 466px;
}

#contentSide, #contentMain {
float: left;
height: 76px;
margin-top: 137px;
z-index: 100;
position: relative;
}

#contentSide h1, #contentSide h2 {
float: left;
height: 100%;
margin: 0;
overflow: hidden;
text-indent: -1000px;
}

/* -------------------------------------------- */
/* !Primary Navigation */
/* -------------------------------------------- */

#contentMain li {
background-color: #fff;
display: block;
float: left;
height: 50px;
margin: 13px 0 0 0;
border-right: 1px solid #891719;
width: 50px;
}

#contentMain li h2 {
background: #fff url("/jboard/images/ng/start/vectorbutt_main.png") no-repeat left top;
height: 50px;
margin: 0;
overflow: hidden;
text-indent: 100px;
width: 50px;
}

#contentMain li.sec2 h2 {background-position: -51px top;}
#contentMain li.sec3 h2 {background-position: -102px top;}
#contentMain li.sec4 h2 {background-position: -153px top;}
#contentMain li.sec5 h2 {background-position: -204px top;}

#contentMain li.feature {
width: 150px;
}

#contentMain li a div {
display: none;
}

#contentMain li a:hover div {
display: block;
}

#contentMain li div p {
background: transparent url("/jboard/images/ng/start/vectorbutt_nav.png") no-repeat left top;
height: 28px;
left: 0;
line-height: 100px;
margin: 0;
overflow: hidden;
padding: 5px 0 5px 299px;
position: absolute;
top: 0;
width: 466px;
}

#contentMain li.sec2 div p {background-position: left -38px;}
#contentMain li.sec3 div p {background-position: left -76px;}
#contentMain li.sec4 div p {background-position: left -114px;}
#contentMain li.sec5 div p {background-position: left -152px;}

/* -------------------------------------------- */
/* !Feature Navigation */
/* -------------------------------------------- */

#contentMain li.feature h3 {
background-repeat: no-repeat;
background-position: center center;
height: 50px;
margin: 0;
overflow: hidden;
text-indent: -1000px;
width: 150px;
}

#masterContent #contentMain li.feature a div {
color: #4c4849;
display: none;
height: 38px;
left: -299px;
overflow: hidden;
position: absolute;
top: 83px;
width: 765px;
}

#masterContent #contentMain li.feature a:hover div {
display: block;
}

#masterContent #contentMain li.feature a:hover {
color: inherit;
text-decoration: none;
}

#masterContent #contentMain li.feature a div p {
background: none;
float: left;
font-family: "Akzidenz Grotesk", "Helvetica", "Arial", sans-serif;
font-size: 28px;
font-weight: bold;
height: auto;
letter-spacing: 0.1em;
line-height: normal;
padding: 5px 10px 0 0;
position: static;
text-align: right;
text-transform: uppercase;
width: 289px;
}

#contentMain li.feature dl {
float: left;
font-family: "Akzidenz Grotesk", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 13px;
padding: 7px 0 0 0;
text-transform: uppercase;
width: 466px;
}

/* -------------------------------------------- */
/* !Outgoing Links */
/* -------------------------------------------- */

#outLinks {
background: #e9dfb1;
color: #4c4849;
font-size: 85%;
left: 0;
position: absolute;
top: 634px;
width: 100%;
}

#outLinks p {
display: block;
margin: 12px 6px 0 0;
padding-right: 6px;
text-align: right;
width: 214px;
}

#outLinks p, #outLinks li {
float: left;
}

#outLinks a {
background-color: #fff;
background-repeat: no-repeat;
background-position: left top;
display: block;
font-weight: bold;
text-indent: -1000em;
}

#outLinks a.logo {
background-position: left 10px;
height: 107px;
margin-bottom: 3px;
padding-top: 10px;
}

#outLinks a.text {
height: 44px;
}

#outLinks li.directprint a {
width: 238px;
}
#outLinks li.directprint a.logo {
background-image: url("/jboard/images/ng/start/butt_directprint_logo.png");
}
#outLinks li.directprint a.text {
background-image: url("/jboard/images/ng/start/butt_directprint_text.png");
}

#outLinks li.rikiki a {
width: 278px;
}
#outLinks li.rikiki a.logo {
background-image: url("/jboard/images/ng/start/butt_rikiki_logo.png");
}
#outLinks li.rikiki a.text {
background-image: url("/jboard/images/ng/start/butt_rikiki_text.png");
}

#outLinks li.favorelli a {
width: 249px;
}
#outLinks li.favorelli a.logo {
background-image: url("/jboard/images/ng/start/butt_favorelli_logo.png");
}
#outLinks li.favorelli a.text {
background-image: url("/jboard/images/ng/start/butt_favorelli_text.png");
}

/* -------------------------------------------- */
/* !Background image (only common properties) */
/* -------------------------------------------- */

#contentMain li a:hover div {
background-color: transparent;
background-repeat: no-repeat;
background-position: left top;
height: 38px;
left: -299px;
position: absolute;
top: 83px;
width: 765px;
}

#masterContent {
background-color: transparent;
background-repeat: no-repeat;
background-position: 226px top;
height: 626px;
position: relative;
}

#masterContent a.imgHint {
background-color: #e9dfb1;
bottom: 0;
clear: both;
color: #891719;
display: block;
font-weight: normal;
height: 26px;
padding: 12px 6px 0 6px;
position: absolute;
text-align: center;
width: 214px;
}

#masterContent a.imgHint span {
background-color: transparent;
background-repeat: no-repeat;
background-position: left top;
display: none;
height: 626px;
left: 226px;
position: absolute;
top: -588px;
width: 765px;
z-index: 50;
}

#masterContent a.imgHint:hover span {
display: block;
}