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

body.p1_1_1 #masterContent {
background: transparent url("/jboard/images/intro/back_columns.png") repeat-y -5px top;
padding-top: 0;
}

#contentSide {
border-top: 70px solid #fff; /* --- needs IE7 fix */
position: relative;
top: -5px;
}

#contentSide > div { /* --- needs IE6 fix */
float: left;
margin: 0;
padding: 0 19px 0 19px; /* --- needs IE6 fix */
width: 220px;
}

#contentSide div.storyBlock {
padding-left: 0; /* --- needs IE6 fix */
width: 332px;
}

#contentSide div.newsBlock {
padding-right: 15px;
width: 315px;
}

#contentSide div.osBlock {
width: 98px;
}

#contentSide div.brochureBlock {
padding-right: 0; /* --- needs IE6 fix */
width: 97px;
}

#contentSide h3 {
color: #666;
font-weight: bold;
padding-bottom: 16px;
text-transform: uppercase;
}

/* -------------------------------------------- */
/* !Opener */
/* -------------------------------------------- */

#contentMain {
background: #fff url("/jboard/images/intro/back_opener.jpg") no-repeat left top;
height: 299px;
position: relative;
top: -5px; /* --- needs IE7+IE6 fix */
}

#contentMain span#iPhone {
background: transparent url("/jboard/images/intro/iphone.png") no-repeat left top;
border: none;
display: block;
height: 340px;
left: 590px;
position: absolute;
top: -8px;
width: 188px;
z-index: 100;
}

#contentMain #openerText, #contentMain ul.uspList {
padding: 10px 0 0 10px;
text-indent: -1000px;
width: 260px;
}

/* -------------------------------------------- */
/* !Intro-Text */
/* -------------------------------------------- */

div.storyBlock h4 {
color: #7e121e;
}

div.storyBlock p {
padding-bottom: 0.8em;
}

div.storyBlock p em {
color: #000;
}

/* -------------------------------------------- */
/* !News */
/* -------------------------------------------- */

.newsBox {
background-color: #ddd;
background-position: 5px 21px;
background-repeat: no-repeat;
border-top: 1px solid #d2d2d2;
padding: 21px 14px 8px 87px;
}

.newsBox p, .newsBox ul, .newsBox ul li {
padding-bottom: 0.3em;
}

.newsBox#exhibition {
/* background-image: url("/jboard/images/intro/icon_postprint.png"); */
background-image: url("/jboard/images/intro/icon_druckform.png");
}

.newsBox#ricoh {
background-image: url("/jboard/images/intro/icon_ricoh.png");
}

.newsBox#munich {
background-image: url("/jboard/images/intro/icon_munich.png");
}

.newsBox#demo {
background-image: url("/jboard/images/intro/icon_demo.png");
}

.newsBox#renting {
background-image: url("/jboard/images/intro/icon_renting.png");
}

.newsBox#version {
background-image: url("/jboard/images/intro/icon_update.png");
}

.newsBox h4 {
border-bottom: 1px solid #cbcbcb;
color: #000;
line-height: 1.3em;
margin: 0 0 6px 0;
padding: 0 0 6px 0;
}

.newsBlock div.light {
background-color: #efefef;
}

.newsBlock a {
background: transparent url("/jboard/images/intro/butt_newslink.png") no-repeat left center;
color: #4c4c4c;
display: block;
margin: 8px 0 8px 0;
min-height: 30px;
padding-left: 30px;
}

.newsBox h4 em {
display: block;
font-style: normal;
}

.newsBlock a.demoLink {
background: transparent url("/jboard/images/intro/vectorbutt_demo.png") no-repeat left top;
color: #333;
display: block;
font-size: 13pt;
height: 30px;
overflow: hidden;
text-indent: -1000em;
width: 180px;
}

.newsBox#demo a:hover {
background-position: left -57px;
}

/* -------------------------------------------- */
/* !Platforms */
/* -------------------------------------------- */

div.osBlock li {
height: 60px;
margin-bottom: 20px;
text-align: center;
}

div.osBlock li a {
background: transparent url("/jboard/images/intro/vectorbutt_os.png") no-repeat left top;
display: block;
height: 100%;
overflow: hidden;
text-indent: -1000em;
width: 100%;
}

div.osBlock li.mac a {background-position: left -73px;}
div.osBlock li.unix a {background-position: left -147px;}
div.osBlock li.win a {background-position: left -221px;}

div.osBlock li.linux a:hover {background-position: left -295px;}
div.osBlock li.mac a:hover {background-position: left -369px;}
div.osBlock li.unix a:hover {background-position: left -443px;}
div.osBlock li.win a:hover {background-position: left -517px;}

/* -------------------------------------------- */
/* !Brochures */
/* -------------------------------------------- */

div.brochureBlock li {
background: #d7d7d7 url("/jboard/images/intro/back_brochure_top.png") no-repeat left top;
padding: 6px 6px 0 6px;
margin-bottom: 20px;
text-align: center;
}

div.brochureBlock h5 {
color: #000;
}

div.brochureBlock li a {
background: transparent url("/jboard/images/intro/back_brochure_bott.png") no-repeat left bottom;
display: block;
margin-left: -6px;
min-height: 27px;
padding: 0 6px 8px 6px; /* --- needs IE6 fix */
width: 100%;
}

div.brochureBlock p {
background-position: center top; /* --- needs IE7 fix */
background-repeat: no-repeat;
height: 72px;
margin: 10px 0 0 0;
overflow: hidden;
padding: 0;
text-indent: 100px;
width: 100%;
}

div.brochureBlock .downloadDPNdruck p {background-image: url("/jboard/images/download_druck.png");}
div.brochureBlock .downloadDPNedugov p {background-image: url("/jboard/images/download_edugov.png");}
div.brochureBlock .downloadDPNcorporate p {background-image: url("/jboard/images/download_corporate.png");}
div.brochureBlock .downloadDPNfeature p {background-image: url("/jboard/images/download_feature.png");}
div.brochureBlock .downloadDPNoperations p {background-image: url("/jboard/images/download_operations.png");}