/* -------------------------------------------- */
/* two tribes Stylesheet: DEFAULT */
/* Copyright by two tribes gmbh, Stuttgart */
/* -------------------------------------------- */
/* StyleSheet Scope: GLOBAL */
/* -------------------------------------------- */
/* !Reset-styles */
/* -------------------------------------------- */

html {
color: #000;
font-size: 10.5pt; /* --- needs IE7 fix */
font-family: "ITC Officina Sans", "ITC Officina Sans Book", "OfficinaSans", "Helvetica", "Arial", serif;
text-decoration: none;
background: #fff;
}

body {
padding: 0;
margin: 0;
}

ul, dl, dt, dd, h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
list-style: none;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
color: #e20a16;
text-decoration: underline;
}

a:active, a:focus {
outline: 0; /* --- tames annoying Firefox outlines */
}

.clearfix {clear: both;} /* --- needs IE6 fix */

/* -------------------------------------------- */
/* !Basic Page Layout */
/* -------------------------------------------- */

body {
background: #fff url("/jboard/images/back_body.png") repeat-x left top;
}

#masterHeader, #masterContent, #masterFooter {
margin: 0 auto 0 auto;
}

#masterContent.sideBySide #contentMain {
float: left;
padding-right: 40px;
width: 680px;
}

#masterContent.sideBySide #contentSide {
float: left;
width: 240px;
}

/* -------------------------------------------- */
/* !Main Header */
/* -------------------------------------------- */

#masterHeader {
background: transparent url("/jboard/images/header_image.png") no-repeat right 0;
border-bottom: 1px solid #d8c276;
height: 209px;
width: 960px;
}

h1 {
color: #7e121e;
font-size: 15pt;
margin: 0;
padding: 95px 0 0 45px;
}

h2 {
color: #7e121e;
font-size: 12pt;
margin: 0;
padding: 0 0 0 45px;
}

#headerText {
position: relative;
height: 100%;
width: 417px;
}

#headerText span {
background: transparent url("/jboard/images/header_text.png") repeat-x -45px 0;
position: absolute;
height: 100%;
left: 0;
top: 0;
width: 100%;
}

body.p1_1_1 #headerText span {
background-image: url("/jboard/images/intro/header_text_intro.png");
background-position: 0 0;
background-repeat: no-repeat;
}

/* -------------------------------------------- */
/* !Main Navigation */
/* -------------------------------------------- */

#masterHeader ul {
background: #faf9ec url("/jboard/images/back_box.png") repeat-x left top;
border-bottom: 2px solid #d8c276;
height: 2.2em;
padding-left: 10px;
}

#masterHeader ul li {
float: left;
}

#masterHeader ul li a {
color: #333;
display: block;
padding: 10px 9px 10px 9px;
}

#masterHeader ul li.current {
background: #fff;
}

#masterHeader ul li.current a, #masterHeader ul a:hover {
color: #7e121e;
}

/* -------------------------------------------- */
/* !Main Content */
/* -------------------------------------------- */

#masterContent {
clear: both;
padding-top: 28px; /* --- needs IE7 fix */
width: 960px;
}

h3 {
color: #7e121e;
font-size: 12pt;
font-weight: normal;
line-height: 1.35em;
margin: 0;
padding-bottom: 8px;
}

h3.introHead {
border-bottom: 1px solid #d8c276;
font-size: 17pt;
margin-bottom: 0.7em;
}

h4 {
font-weight: bold;
font-size: 100%;
line-height: 1.1em;
margin: 0;
padding-bottom: 7px;
padding-top: 7px;
}

p {
line-height: 1.3em;
margin: 0;
padding: 0 0 1.2em 0;
}

a {
color: #7e121e;
font-weight: bold;
line-height: 1.1em;
}

em {
font-style: italic;
}

p em, li em {
color: #666;
font-style: normal;
font-weight: bold;
}

li, dt, dd {
line-height: 1.3em;
}

/* -------------------------------------------- */
/* !Content-Type: Info-Box */
/* -------------------------------------------- */

h3.box, h4.box {
padding-left: 7px;
padding-right: 7px;
}

.infoBox {
background: #faf9ec url("/jboard/images/back_box.png") repeat-x left top;
border-bottom: 1px solid #d8c276;
border-top: 1px solid #d8c276;
margin-bottom: 20px;
padding: 7px 7px 7px 7px;
}

/* -------------------------------------------- */
/* !Content-Type: Outgoing-Box */
/* -------------------------------------------- */

.outBox { /* --- needs IE7 fix */
border: 1px solid #d8c276;
margin-bottom: 1em;
padding: 7px 7px 0 7px;
}

.outBox p {
border-bottom: 1px solid #d8c276;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}

.outBox p:last-child { /* --- needs IE7 fix */
border-bottom: none;
}

.outBox ul {
padding-bottom: 7px;
}

.outBox h4.box, .outBox h3.box {
background: #d8c276 url("/jboard/images/back_headbox.png") repeat-x left top;
color: #fff;
font-size: 110%;
font-weight: bold;
margin: -7px -7px 7px -7px;
min-height: 28px; /* needs IE6 fix */
padding-right: 40px;
padding-top: 9px;
position: relative;
}

.outBox h4.box a {
background: transparent url("/jboard/images/butt_outlink.png") no-repeat left top;
display: block;
height: 27px;
overflow: hidden;
position: absolute;
right: 7px;
text-indent: -1000px;
top: 7px;
width: 27px;
}

/* -------------------------------------------- */
/* !Content-Type: Tables */
/* -------------------------------------------- */

table {
border: none;
border-bottom: 2px solid #d8c276;
border-collapse: collapse;
margin: 1em 0 2em 0;
width: 100%;
}

th, td {
border-bottom: 1px solid #d8c276;
line-height: 1.2em;
padding: 12px 4px 10px 4px;
}

th {
background: #faf9ec url("/jboard/images/back_box.png") repeat-x left top;
border-bottom: 2px solid #d8c276;
color: #333;
text-align: left;
}

td.price {
color: #666;
font-weight: bold;
font-size: 120%;
padding-left: 8px;
white-space: nowrap;
}

/* -------------------------------------------- */
/* !Content-Type: Property markers */
/* -------------------------------------------- */

span.marker, span.markerS, span.markerV { /* --- needs IE7+IE6 fix */
display: -moz-inline-block; /* --- makes FF2 happy */
display: inline-block;
}

span.markerV {
display: block;
}

span.mIncl, span.mUpsell, span.mLimit, span.mUnlimit {
background: transparent url("/jboard/images/vectoricon_mark.png") no-repeat left top;
height: 26px;
overflow: hidden;
text-indent: -1000em; /* --- needs IE7+IE6 fix */
width: 26px;
}

span.mUpsell {background-position: left -116px;}
span.mUnlimit {background-position: left -232px;}
span.mLimit {background-position: left -348px;}

span.mDe, span.mEn {
background: transparent url("/jboard/images/operation/icon_lang_de.png") no-repeat left top;
display: block;
height: 14px;
margin-bottom: 5px;
overflow: hidden;
text-indent: -1000em; /* --- needs IE7+IE6 fix */
width: 24px;
}

span.mEn {background-image: url("/jboard/images/operation/icon_lang_en.png");}

span.markerS {
border: 1px solid #666;
display: block;
font-size: 70%;
letter-spacing: 0.2em;
margin-bottom: 3px;
padding: 2px 2px 1px 2px;
text-align: center;
width: 85%;
}

/* -------------------------------------------- */
/* !Content-Type: Download-Box */
/* -------------------------------------------- */

ul#downloads {
background: none;
border-bottom: none;
border-top: none;
padding: 0;
}

ul#downloads li {
background: transparent url("/jboard/images/download_upcoming.png") no-repeat left top;
border-bottom: 1px solid #d8c276;
border-top: 1px solid #d8c276;
margin-top: 8px;
min-height: 53px;
padding: 6px 0 13px 80px;
}

ul#downloads li:first-child {
margin-top: 0;
}

ul#downloads li.downloadDPNdruck {background-image: url("/jboard/images/download_druck.png");}
ul#downloads li.downloadDPNedugov {background-image: url("/jboard/images/download_edugov.png");}
ul#downloads li.downloadDPNcorporate {background-image: url("/jboard/images/download_corporate.png");}
ul#downloads li.downloadDPNfeature {background-image: url("/jboard/images/download_feature.png");}
ul#downloads li.downloadDPNoperations {background-image: url("/jboard/images/download_operations.png");}

ul#downloads li h4 {
font-weight: normal;
padding-bottom: 0;
}

/* -------------------------------------------- */
/* !Main Footer */
/* -------------------------------------------- */

#masterFooter {
border-top: 2px solid #d8c276;
clear: both;
margin-top: 20px;
padding: 20px 0 60px 0;
width: 960px;
}