#header img{
    position: relative;
    left: -4px;
}

#content {
    background-image:url("../images/spacer.png");
    background-position:0 30px;
    padding-top:40px;
}

#content a {
    color: #008DD6;
    text-decoration: none;
}

#content a.external {
    background-image: url(../images/link_external.png);
    background-repeat: no-repeat;
    background-position: 0 0.15em;
    padding-left: 22px;
    text-decoration: underline;
    color: black;
    font-size: 1.1em;
}

#content a:hover {
    text-decoration: underline;
}

/**
 *  The left-handed second-level navigation
 */
#content .menu {
    /* fixed by design */
    width: 160px;
    margin-top: 0;
    float: left;
    /* give even empty menus a height so they push the content area to the right */
    min-height: 100px;
}

#content .menu ul {
    background-image: none;
    background-repeat: no-repeat;
    padding: 0;
    padding-top: 2px;
    padding-bottom: 5px;
    margin: 0;
    list-style-type: none;
    width: 160px;
}

#content .menu ul.blank {
    background-image: url(../images/menu_bg_top_blank.png);
    background-repeat: no-repeat;
}

#content .menu ul li {
    background-image: url(../images/explode_left_menu.jpg);
    background-position:-400px;
    background-repeat:no-repeat;
    background-color: #e2eff3;
    color: #666;
    margin:1px 0;
}


#content .menu ul li:hover,
#content .menu ul li.active{
    background-color:#F5F9FB;
    color:#007CA4;
}

#content .menu ul li.with_sub:hover,
#content .menu ul li.with_sub.active {
    background-image: url(../images/implode_left_menu.jpg);
    background-position: 3px 8px !important;
}

#content .menu ul li a {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #233356;
    font-size:11px;
    font-weight:normal;
    text-decoration: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
}

#content .menu ul li a.active {
    background-image: none;
    background-repeat: repeat-x;
    background-color: transparent;
    color: #007ca4;
}
#content .menu ul li a:hover,
#content .menu ul li a.active:hover{
    background-image: none;
    background-repeat: repeat-x;
    background-color: #233356;
    color: #FFF;
}

#content .menu ul li ul {
    background-image: none;
    margin-bottom: 0;
    padding: 0;
}

#content .menu ul li ul li{
    background-color: transparent;
    color: #666;
    background-image: none !important;
    padding: 0;
    margin:0;	
    border-top:1px solid #FFFFFF
}
#content .menu ul li ul li a {
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

#content .menu ul li ul li ul li a {
    padding-left: 50px;
}

#content .menu .bottom {
    /* fixed by design */
    height: 9px;
    background-image: none;
    background-repeat: no-repeat;
    margin-bottom: 2em;
}

#content #headline {
    height:40px;
    margin-left:166px;
    padding-left:26px;
}

/* alternative headline without activated Flash */
#content #headline h1 {
    margin: 0;	
    font-size:24px;
    font-weight:bold;
    width: 520px;
    color: #233356;
}

/**
 *  The "big box" in the center of a general purpose content page -
 *  theoretically there could be more than just one of those areas, but
 *  I haven't played with this yet nor do I know if this is useful or
 *  wanted at all
 */
#content .bigbox {
    /* fixed by design */
    width: 570px;
    float: left;
}

#content .bigbox .top {
    background-image: none;
    background-repeat: no-repeat;
    height: 6px;
}

#content .bigbox .middle {
    background-image: none;
    background-repeat: repeat-y;
    padding-left: 34px;
    padding-right: 33px;
    padding-bottom: 1em;
}

#content .bigbox .bottom {
    background-image: none;
    background-repeat: no-repeat;
    height: 10px;
    margin: 0;
}

#content .bigbox .contents {
    color: #666666;
    margin-top: 2em;
}

#content .bigbox .contents .meta {}

#content .bigbox .contents h1 {
    font-size: 1.2em;
    color: black;
    margin-top: 0em;
    margin-bottom: 0.7em;
}

#content .bigbox .contents h2 {
    font-size: 1.1em;
    color: #666666;
    margin-top: 0;
    margin-bottom: 2em;
}

#content .bigbox .contents h3 {
    color: black;
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 0.5em;
}

#content .bigbox .contents h4 {
    margin-top: 0;
    font-size: 1.1em;
    margin-bottom: 0.5em;
}

#content .bigbox .contents p {
    margin-top: 0;
    margin-bottom: 2em;
    line-height: 1.65em;
    font-size: 1.1em;
}

#content .bigbox .contents .author {
    font-size: 1.1em;
    font-style: italic;
    margin-bottom: 2em;
}

#content .bigbox .contents .add_info {
    margin-bottom: 2em;
}

#content .bigbox .contents .add_info dt {
    border-top: 0;
    float: none;
    width: auto;
    font-weight: normal;
    font-style: italic;
    color: #666666
}

#content .bigbox .contents .add_info dd {
    border-top: 0;
    margin-left: 6em;
    padding: 0;
    color: #666666;
}

#content .bigbox .contents hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #E4E4E4;
}

#content .bigbox .contents ul,
#content .bigbox .contents ol {
    margin: 0;
    padding: 0;
    margin-left: 2em;
    margin-bottom: 2em;
    font-size: 1.1em;
    line-height: 1.65em;
}

#content .bigbox .contents ul li ul,
#content .bigbox .contents ol li ul,
#content .bigbox .contents ul li ol,
#content .bigbox .contents ol li ol {
    margin-left: 1em;
    margin-bottom: 1em;
    font-size: 1em;
}

#content .bigbox .contents ul {
    list-style-type: square;
}

#content .bigbox .contents .navigation {
    margin-top: 1em;
}

#content .bigbox .contents .navigation a {
    color: #333333;
    font-size: 0.9em;
}

#content .bigbox .panel {
    margin-bottom: 2em;
    width: 507px;
    margin-left: -3px;
    margin-right: -4px;
}

#content .bigbox .panel .header {
    height: 5px;
    margin-left: 0;
    background-image: url(../images/panel_header.png);
    background-repeat: no-repeat;
}

#content .bigbox .panel .footer {
    height: 5px;
    background-image: url(../images/panel_footer.png);
    background-repeat: no-repeat;
}

#content .bigbox .panel .contents {
    padding-left: 3px;
    padding-right: 4px;
    margin-top: 0;
    background-image: url(../images/panel_bg.png);
    background-repeat: repeat-y;
}

#content .bigbox .panel .gallery {
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    /* no bottom padding, each image in the last row already has a 10px
       bottom margin which pushes the box' boundaries down */
}

#content .bigbox .panel .gallery a.view {
    display: block;
    padding-left: 20px;
    background-image: url(../images/magnifier.png);
    background-repeat: no-repeat;
    min-height: 15px;
}

#content .bigbox .panel .gallery .preview_images {
    margin-top: 8px;
}

#content .bigbox .panel .gallery .preview_images a {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    min-width: 140px;
    min-height: 105px;
    border: 1px solid #E4E4E4;
}

#content .bigbox .panel .gallery .preview_images a.nth-child-3,
#content .bigbox .panel .gallery .preview_images a.nth-child-6,
#content .bigbox .panel .gallery .preview_images a.nth-child-9 {
    margin-right: 0;
}

/**
 *  Action styling (f.e. print, pdf, mail, ...), stuff which is displayed
 *  above the contents in .bigbox
 */
#content .actions {
    border-bottom:0 none;
    left:537px;
    padding-bottom:3px;
    padding-top:5px;
    position:absolute;
    top:0px;
    width:400px;
}

#content .actions a,
#content .actions span {
    display: block;
    float: right;
    margin-right: 20px;
    text-decoration: none;
    color: #666666;
    padding-top: 3px;
    padding-left: 22px;
    background-repeat: no-repeat;
    min-height: 2.3em;
    font-size: 0.9em;
}

#content .actions span {
    padding-left: 0;
}

#content .actions a:hover {
    text-decoration: underline;
}

#content .actions a.feed {
    background-image: url(../images/actions/feed.png);
}

#content .actions a.bookmark {
    background-image: url(../images/actions/bookmark.png);
}

#content .actions a.email {
    background-image: url(../images/actions/email.png);
}

#content .actions a.print {
    background-image: url(../images/actions/print.png);
}

#content .actions a.download {
    background-image: url(../images/actions/download.png);
	margin-right: 0;
}

#content .actions a.feed:hover {
    background-image: url(../images/actions/feed_hover.png);
}

#content .actions a.bookmark:hover {
    background-image: url(../images/actions/bookmark_hover.png);
}

#content .actions a.email:hover {
    background-image: url(../images/actions/email_hover.png);
}

#content .actions a.print:hover {
    background-image: url(../images/actions/print_hover.png);
}

#content .actions a.download:hover {
    background-image: url(../images/actions/download_hover.png);
}

#content .actions .search {
    left:-90px;
    position:relative;
    top:40px;
}


#content .portletarea {
    /* fixed by design */
    width: 210px;
    position:relative;
    top:-40px;
    float: right;
}
.expand_on_portlet{
    display: none;
}
/* give all but the last children a bottom margin */
#content .portletarea > * {
    margin-bottom: 20px;
}

#content .portletarea > *.last-child {
    margin-bottom: 0;
}

/**
 *  Portlet / Contact styling
 */
#content .portlet {}

#content .portlet .top, #content .bigbox .portlet .top {
    background-image: none;
    background-repeat: no-repeat;
    height: 4px;
}

#content .portlet .top.collapsed {
    background-image: none;
}

#content .portlet .bottom, #content .bigbox .portlet .bottom {
    height: 6px;
    background-image: none;
    background-repeat: no-repeat;
}
#content .bigbox .portlet .wrapper{
	width: 190px;
}
#content .portlet .slidebox {
    background-image: none;
    background-repeat: repeat-y;
}

#content .portlet .slidebox h1 {
    font-size: 1em;
    margin: 0;
}

#content .portlet .slidebox h1 a, #content .bigbox .middle .main .right .portlet h1 a {
    display: block;
    text-decoration: none;
    margin-left: 6px;
    margin-right: 0;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 1.4em;
    color: #002D62;
    background-color: #d2e2e5;
    background-image:url(../images/contact_portlet_bg.png);
    font-variant:small-caps;
    font-weight: bold;
    cursor: default;
}

/* we already have the top div above with a rounding here */
#content .portlet .slidebox.first-child h1 a {
    padding-top: 0;
}

#content .portlet .slidebox .contents, #content .bigbox .middle .main .right .contents {
    border-top: none;
    margin:0 0 0 6px;
    background-image: url(../images/contact_portlet_bottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: white;
    padding-bottom:34px;
}

#content .portlet .collapsed {}

#content .portlet .collapsed h1 {}

#content .portlet .collapsed h1 a {
    color: #5F666E;
    background-image: url(../images/contact_portlet_bg.png);
    background-repeat: repeat-x;
    background-color: #e7e7e7;
    border-bottom: 1px solid #D2D2D2;
    cursor: pointer;
}

#content .portlet .contact,
#content .bigbox .contents .contact {
    color: #5F666E;
    padding: 8px;
}

#content .portlet .contact h2,
#content .bigbox .contents .contact h2 {
    float:left;
    font-size:0.9em;
    font-weight:bold;
    margin-right:0;
    margin-top:18px;
    width:100px;
}

#content .portlet .contact h3,
#content .bigbox .contents .contact h3 {
    float:left;
    font-size:0.9em;
    font-style:italic;
    font-weight:normal;
    margin-right:0;
    margin-top:-5px;
    width:100px;
}

#content .portlet .contact .image,
#content .bigbox .contents .contact .image {
    float:left;
    margin-right:10px;
}
#content .portlet .contact .image .rheight33,
#content .bigbox .contents .contact .image .rheight33 {
    height: auto !important;
}


#content .portlet .contact .image canvas,
#content .bigbox .contents .contact .image canvas {
    display: none;
}

#content .portlet .contact ul,
#content .bigbox .contents .contact ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    margin-left:55px;
}

#content .portlet .contact ul li,
#content .bigbox .contents .contact ul li {
    border-top: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 23px;
    background-repeat: no-repeat;
    background-position: 2px 5px;
    font-family:trebuchet MS;
}

#content .portlet .contact ul li.address,
#content .bigbox .contents .contact ul li.address {
    background-image: url(../images/contact/address.png);
}

#content .portlet .contact ul li.telephone,
#content .bigbox .contents .contact ul li.telephone {
    background-image: url(../images/iphone.gif);
}
#content .portlet .contact ul li.telephone:hover,
#content .bigbox .contents .contact ul li.telephone:hover {
    background-image: url(../images/iphone_hover.gif);
}

#content .portlet .contact ul li.fax,
#content .bigbox .contents .contact ul li.fax {
    background-image: url(../images/contact/fax.png);
}
#content .portlet .contact ul li.callback,
#content .bigbox .contents .contact ul li.callback {
    display: block !important;
    background-image: url(../images/callback.gif);
}
#content .portlet .contact ul li.callback:hover,
#content .bigbox .contents .contact ul li.callback:hover {
    display: block !important;
    background-image: url(../images/callback_hover.gif);
}

#content .portlet .contact ul li.mail,
#content .bigbox .contents .contact ul li.mail {
    background-image: url(../images/mail.gif);
}
#content .portlet .contact ul li.mail:hover,
#content .bigbox .contents .contact ul li.mail:hover {
    background-image: url(../images/mail_hover.gif);
}

#content .portlet .contact ul li.skype,
#content .bigbox .contents .contact ul li.skype {
    background-image: url(../images/contact/skype.png);
}

#content .portlet .contact ul li a,
#content .bigbox .contents .contact ul li a {
    text-decoration: none;
    color: #5F666E;
    font-family:trebuchet MS;
}

#content .portlet .contact ul li a:hover,
#content .bigbox .contents .contact ul li a:hover {
    text-decoration: none;
    color: #233356;
}

#content .telephone_bg {
    background-image: url(../images/contact_telephone_bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin: 10px;
    padding: 20px;
}

#content .downloads {
    padding-left: 8px;
    padding-right: 8px;
}

#content .downloads ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /* for our beloved glowing feature */
    margin-left: -2px;
}

#content .downloads ul li {
    background-position: 0px 7px;
    background-image: url(../images/download_file.png);
    background-repeat: no-repeat;
    clear: both;
}

#content .downloads ul li:hover {
    background-image: url(../images/download_file_hover.png);
}

#content .downloads ul li a {
    display: block;
    padding-left: 22px;
    margin-left: 2px;
    border-top: 1px solid #e4e4e4;
    padding-top: 1em;
    padding-bottom: 1em;
    text-decoration: none;
    color: #666666;
    font-family:trebuchet MS;
}

#content .downloads ul li:hover a {
    color: #233356;
}

#content .downloads ul li.first-child a {
    border-top: 0;
}

#content .downloads ul li a span.type {
    float: right;
    color: #AAAAAA;
    padding-left: 13px;
    background-image: url(../images/download_file_type.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    text-transform: uppercase;
}

/**
 *  News and search lists and navigation
 */
#content .contents .search_navigation {
    padding-top: 0.5em;
    margin-top: -1.5em; /* to remove the 2em margin of the .contents wrapper */
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #e4e4e4;
    color: #646464;
}

#content .contents .news_archive_menu + .search_navigation {
    margin-top: 0;
}

#content .contents .tx-indexedsearch-res + .search_navigation,
#content .contents .news_entry + .search_navigation {
    border-top: 1px solid #e4e4e4;
    padding-top: 1em;
    border-bottom: 0;
    margin-top: 0.5em;
}

#content .contents .search_navigation .left {
    float: left;
    width: 30%;
}

#content .contents .search_navigation .right {
    float: right;
    width: 70%;
    text-align: right;
}

#content .contents .search_navigation span {
    color: #999999;
}

#content .contents .search_navigation a {
    color: #646464;
    text-decoration: none;
}

#content .contents .search_navigation a.active {
    font-weight: bold;
}

#content .contents .search_navigation a:hover {
    text-decoration: underline;
}

#content .contents .search_entry {
    color: #404040;
    padding-top: 0.5em;
    margin-top: 0.5em;
    border-top: 1px solid #e4e4e4;
}

#content .contents .search_entry.first-child {
    border-top: 0;
    padding-top: 0;
}

#content .contents .search_entry a {
    text-decoration: none;
}

#content .contents .search_entry h1 {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    margin-top: 1em;
    color: inherit;
}

#content .contents .search_entry p {
    margin-bottom: 1em;
}

#content .contents .news_entry {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 30px;
    margin-left: -30px;
    padding-right: 31px;
    margin-right: -31px;
}

#content .contents .news_entry:hover {
    background-color: #f5f5f5;
}

#content .contents .news_entry .image {
    width: 140px;
    height: 100px;
    overflow: hidden;
    float: right;
    margin-left: 1em;
    text-align: right;
}

#content .contents .news_entry .meta {
    color: #666666;
    font-size: 1.1em;
}

#content .contents .news_entry h1 {
    font-size: 1.2em;
    font-weight: normal;
    margin-top: 0.5em;
    margin-bottom: 0;
}

#content .contents .news_entry h1 a {
    color: black;
    text-decoration: none;
}

#content .contents .news_entry h1 a:hover {
    text-decoration: underline;
}

#content .contents .news_entry p {
    margin-top: 0.5em;
    margin-bottom: 0;
    color: #666666;
    font-size: 1.1em;
}

#content .contents .news_entry p a {
    text-decoration: none;
    color: #0099cc;
    font-weight: bold;
    white-space: nowrap;
}

#content .contents .news_entry p a:hover {
    text-decoration: underline;
}

/**
 *  News archive navigation
 */
#content .contents .news_archive_menu {
    padding-top: 0.5em;
    margin-top: -1.5em; /* to remove the 2em margin of the .contents wrapper */
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #e4e4e4;

}

#content .contents .news_archive_menu span {
    font-weight: bold;
}

#content .contents .news_archive_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 1em;
    display: inline;
}

#content .contents .news_archive_menu ul li {
    display: inline;
    padding-right: 0.6em;
    margin-right: 0.4em;
    border-right: 1px solid #e4e4e4;
    font-weight: bold;
}

#content .contents .news_archive_menu ul li.last-child {
    border-right: 0;
}

/**
 *  Plain image display for tt_news detail view
 */
#content .contents .images {
    float: right;
    margin: 0;
    margin-left: 1em; 
    margin-bottom: 1em;
    border-left: 1px solid #e4e4e4;
    padding-left: 1em;
}

#content .contents .images a {
    display: block;
    margin-bottom: 1em;
    text-align: right;
}

#content .contents .images a img {
}

#content .contents .images p {
    color: #666666;
    margin-top: -0.8em;
    margin-bottom: 1em;
    font-size: 0.9em;
    text-align: right;
}

#content .contents .images p.last-child,
#content .contents .images a.last-child {
    margin-bottom: 0;
}

/**
 * General definition lists
 */
#content .bigbox .contents dl {
    font-size: 1.1em;
    color: black;
    margin-bottom: 2em;
    border-bottom: 1px solid #e4e4e4;
}

#content .bigbox .contents dl ul {
    margin-left: 1em;
    margin-bottom: 0;
}

#content .bigbox  .contents dt {
    float: left;
    clear: left;
    width: 150px;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    font-weight: bold;
    border-top: 1px solid #e4e4e4;
    line-height: 1.7em;
}

#content .bigbox  .contents dd {
    margin-left: 175px;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    border-top: 1px solid #e4e4e4;
    line-height: 1.7em;
}

#content .bigbox  .contents dd .contact {
    padding: 0;
    line-height: 1.75em;
}

#content .bigbox  .contents dd li,
#content .bigbox  .contents dd p {
    margin-bottom: 0.3em;
}

#content .bigbox  .contents dd li.last-child,
#content .bigbox  .contents dd p.last-child {
    margin-bottom: 0;
}

#content .bigbox  .contents dd p {
    font-size: 1em;
}

#content .bigbox  .contents dd li {
    font-size: 0.9em;
    line-height: 1.75em;
}

/**
 *  Styles for references / use cases
 */
#content .case_study {}

#content .case_study .intro {
    margin-bottom: 2em;
}

#content .case_study .intro > img {
    float: left;
    display: block;
    width: 150px;
}

#content .case_study .intro > a {
    float: left;
}

#content .case_study .intro > div {
    margin-left: 175px;
    color: black;
    font-size: 1em;
}

#content .case_study .intro > div ul {
    margin-left: 13px;
}

#content .case_study .intro > a.external {
    clear: both;
    display: block;
    margin-left: 175px;
}

#content .case_study .contact {
    color: black;
    padding: 0;
    margin-bottom: 0.5em;
}


/**
 *  Job (listing) styles
 */
#content .bigbox .contents .job_offer {
    color: black;
}

#content .bigbox .contents .job_offer h1 {
    margin-top: 1.8em;
    margin-bottom: 1.8em;
}

/**
 *  Sitemap styles
 */
#content .bigbox .contents ul.sitemap {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 1em;
    line-height: 1.3em;
}

#content .bigbox .contents ul.sitemap ul {
    list-style-type: none;
    padding-left: 28px;
    border-left: 1px solid #bbbbbb;
    padding-top: 0.6em;
    padding-bottom: 0.2em;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 1em;
    line-height: 1.3em;
}

#content .bigbox .contents ul.sitemap ul li {
    background-repeat: no-repeat;
    white-space: nowrap;
    overflow: hidden;
    min-height: 18px;
}

#content .bigbox .contents ul.sitemap ul li.last-child > a + ul {
    border-left: 0;
    margin-left: 1px;
}

#content .bigbox .contents ul.sitemap ul li.node {
    background-image: url(../images/sitemap/node_middle.png);
}

#content .bigbox .contents ul.sitemap ul li.node.last-child {
    background-image: url(../images/sitemap/node_last.png);
}

#content .bigbox .contents ul.sitemap ul li.folder_opened {
    background-image: url(../images/sitemap/folder_opened_middle.png);
}

#content .bigbox .contents ul.sitemap ul li.folder_opened.last-child {
    background-image: url(../images/sitemap/folder_opened_last.png);
}

#content .bigbox .contents ul.sitemap ul li.folder_closed {
    background-image: url(../images/sitemap/folder_closed_middle.png);
}

#content .bigbox .contents ul.sitemap ul li.folder_closed.last-child {
    background-image: url(../images/sitemap/folder_closed_last.png);
}

#content .bigbox .contents ul.sitemap ul li.folder_all_expanded {
    background-image: url(../images/sitemap/folder_empty_middle.png);
}

#content .bigbox .contents ul.sitemap ul li.folder_all_expanded.last-child {
    background-image: url(../images/sitemap/folder_empty_last.png);
}

#content .bigbox .contents ul.sitemap ul li a {
    display: block;
    text-decoration: none;
    color: #555555;
    padding-left: 43px;
    padding-top: 2px;
}

#content .bigbox .contents ul.sitemap ul li.node a {
    padding-top: 1px;
}

#content .bigbox .contents ul.sitemap ul li.bold {
    margin-left: -1px;
}

#content .bigbox .contents ul.sitemap ul li.bold > a {
    font-weight: bold;
}

#content .bigbox .contents ul.sitemap li.home {
    background-repeat: no-repeat;
    background-image: url(../images/sitemap/home.png);
}

#content .bigbox .contents ul.sitemap li.home > a {
    text-decoration: none;
    color: #555555;
    padding-left: 22px;
    font-weight: bold;
}

#content .bigbox .contents ul.sitemap li.home > ul {
    margin-left: 6px;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-left: 0;
    margin-top: 1em;
}

/**
 *  Styling of general content sliders similar to the ones in the portlet area
 *  and additionally a special kind of "locations" slider which has a small
 *  flag in front of the slide control
 */
#content .slider {}

#content .slider .slidebox {
    margin-bottom: 2em;
}

#content .slider .slidebox h1 {
    font-size: 1em;
    margin: 0;
    height: 18px;
}

#content .slider .slidebox h1 a {
    color: #006699;
}

#content .slider .collapsed h1 a {
    color: #555555;
}

#content .slider .slidebox h1 a span {
    display: block;
    height: 18px;
}

#content .slider .slidebox h1 a span.first-child {
    float: left;
    width: 3px;
    background-image: url(../images/section_header_left.png);
    background-repeat: no-repeat;
}

#content .slider .slidebox h1 a span.nth-child-2 {
    float: right;
    width: 22px;
    background-image: url(../images/section_header_right_opened.png);
    background-repeat: no-repeat;
}

#content .slider .collapsed h1 a span.nth-child-2 {
    background-image: url(../images/section_header_right_closed.png);
}

#content .slider .slidebox h1 a span.last-child {
    background-image: url(../images/section_header_bg.png);
    background-repeat: repeat-x;
    margin-left: 3px;
    margin-right: 22px;
    padding-top: 2px;
    padding-left: 0.5em;
}

#content .slider .collapsed h1 a span.last-child {
}

#content .slider .slidebox .contents {
    clear: both;
    background-image: url(../images/section_bg.png);
    background-repeat: repeat-x;
    margin: 0;
    padding-top: 20px;
}

#content .slider .slidebox.locations > h1 {
    padding-left: 30px;
    background-repeat: no-repeat;
    height: 18px;  /* actually 20px */
}

#content .slider .slidebox.de > h1 {
    background-image: url(../images/flags/germany.png);
}

#content .slider .slidebox.gb > h1 {
    background-image: url(../images/flags/great_britain.png);
}

#content .slider .slidebox.it > h1 {
    background-image: url(../images/flags/italy.png);
}

#content .slider .slidebox.at > h1 {
    background-image: url(../images/flags/austria.png);
}

#content .slider .slidebox.ch > h1 {
    background-image: url(../images/flags/switzerland.png);
}

#content .slider .slidebox.sk > h1 {
    background-image: url(../images/flags/slovakia.png);
}

#content .slider .slidebox.locations div.contents {
    margin-left: 30px;
}

#content .bigbox .contents .section {
    margin-bottom: 3em;
}

#content .bigbox .contents .section > h1 {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 0.2em;
    margin-bottom: 1em;
    background: url(../images/separator_gradient_continued.png);
    background-repeat: repeat-x;
}

#content .bigbox .contents .section > h1 img {
    border-right: 1px solid white;
}

#content .bigbox .contents .section .contents {
    margin-top: 0em;
    clear: none;
}

#content .bigbox .contents .section .contents.contact ul {
    margin: 0;
}

#content .bigbox .contents .section .contents.contact ul li {
    border: 0;
}

#content .bigbox .contents .contacts {
    background-image: url(../images/contact_bg_lighter.png);
    background-repeat: repeat-x;
    border-top: 1px solid #E4E4E4;
}

#content .bigbox .contents .contacts .telephone_bg {
    background-position: 290px 20px;
    padding: 10px;
}

#content .bigbox .contents .contacts h1 {
    margin: 0;
    font-size: 1.2em;
    color: black;
}

#content .bigbox .contents .contacts p {
    color: #666666;
    font-size: 1.1em;
    margin-bottom: 0.5em;
}

#content .bigbox .contents .contacts .contact {
    float: left;
    width: 180px;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
}

#content .bigbox .contents .contacts .contact.nth-child-even {
    float: right;
}

#content .bigbox .contents .contacts .contact .image {
    float: left;
}

#content .bigbox .contents .contacts .contact h2 {
    margin-right: 0;
    margin-left: 60px;
    margin-top: 53px;
    margin-bottom: 1em;
}

#content .bigbox .contents .contacts .contact h3 {
    display: none;
}

#content .bigbox .contents .contacts .contact ul {
    margin-top: 0;
}

/**
 *  Styling of general purpose formulars
 */
#content .bigbox .contents form > fieldset {
    margin-bottom: 1em;
}

#content .bigbox .contents form > fieldset > .separator {
    clear: both;
    font-size: 1.1em;
    margin-top: 3em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 1em;
}

#content .bigbox .contents form > fieldset > div {
    display: block;
    margin-bottom: 1em;
    clear: both;
}

#content .bigbox .contents form > fieldset > div > .label {
    width: 7em;
    margin-right: 1em;
    display: block;
    float: left;
    text-align: right;
    font-size: 1.1em;
    padding-top: 0.3em;
}

#content .bigbox .contents form > fieldset > div > .field,
#content .bigbox .contents form > fieldset > div > .radio,
#content .bigbox .contents form > fieldset > div > .check {
    margin-left: 9em;
}

/* in case normal contents are displayed as field contents */
#content .bigbox .contents form > fieldset > div > .field {
    line-height: 2.1em;
}

#content .bigbox .contents form > fieldset > div > .field > a {
    font-size: 1.1em;   
}

/* the captcha input box in tipafriend */
#content .bigbox .contents form > fieldset > div > .field .captcha > * {
    width: 9em;
    float: left;
    margin-right: 1em;
}

#content .bigbox .contents form > fieldset > div > .field .captcha > * input[type=text] {
    width: 8.6em;
}

#content .bigbox .contents form > fieldset > div > .field input,
#content .bigbox .contents form > fieldset > div > .field select,
#content .bigbox .contents form > fieldset > div > .field textarea {
    font-size: 1.1em;
    font-family: Verdana, sans-serif;
    border: 1px solid #e4e4e4;
}

#content .bigbox .contents form > fieldset > div > .radio,
#content .bigbox .contents form > fieldset > div > .check {
    padding-top: 0.4em;
}

#content .bigbox .contents form > fieldset > div > .radio input,
#content .bigbox .contents form > fieldset > div > .check input {
    margin: 0;
}

#content .bigbox .contents form > fieldset > div > .radio label,
#content .bigbox .contents form > fieldset > div > .check label {
    margin-left: 0.3em;
    margin-right: 1em;
    vertical-align: top;
}

#content .bigbox .contents form > fieldset > div > * legend,
#content .bigbox .contents form > fieldset > div > * br {
    display: none;
}

#content .bigbox .contents form > fieldset > div > .field input[type=text],
#content .bigbox .contents form > fieldset > div > .field input[type=password] {
    padding: 0.2em;
    width: 17.7em;  /* 200px div (10 * 1.1em) - 2 * padding */
}

#content .bigbox .contents form > fieldset > div > .field input[type=submit],
#content .bigbox .contents form > fieldset > div > .field input[type=reset] {
    height: 21px;
    padding-bottom: 3px;
    width: 81px;
    color: black;
    font-weight: bold;
    background-color: white;
    background-image: url(../images/form_button.png);
    background-repeat: no-repeat;
    cursor: pointer;
    border: 0;
    /* fixed font size, since it might cause layout problems if the text
       exceeds the button's background image */
    font-size: 12px;
}

#content .bigbox .contents form > fieldset > div > .field input[type=submit]:hover,
#content .bigbox .contents form > fieldset > div > .field input[type=reset]:hover {
    color: #008DD6;
}

#content .bigbox .contents form > fieldset > div > .field select {
    padding: 0.1em;
    width: 18.2em;
}

#content .bigbox .contents form > fieldset > div > .field textarea {
    padding: 0.2em;
    width: 28em;
}

#content .bigbox .contents form > fieldset > div > .field .varwidth {
    width: auto;
}

/**
 *  Job listing(s)
 */
#content .bigbox .contents .job_listing {
    margin-left: -30px;
    margin-right: -31px;
    border-collapse: collapse;
}

#content .bigbox .contents .job_listing hr {
    margin-left: 30px;
    margin-right: 31px;
}

#content .bigbox .contents .job_listing .row {
    padding-left: 30px;
    padding-right: 31px;
}

#content .bigbox .contents .job_listing .body .row:hover {
    background-color: #f5f5f5;
}

#content .bigbox .contents .job_listing .row > * {
    float: left;
    margin-right: 20px;
    overflow: hidden;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

#content .bigbox .contents .job_listing .head .row > * {
    border-bottom: 1px solid #e4e4e4;
}

#content .bigbox .contents .job_listing .row > .clearfloat {
    float: none;
    border: 0;
    padding: 0;
}

#content .bigbox .contents .job_listing .row > .nth-child-3 {
    margin-right: 0;
    text-align: right;
}

#content .bigbox .contents .job_listing .head {
    font-size: 0.9em;
    font-weight: bold;
    color: #AAAAAA;
}

#content .bigbox .contents .job_listing .body {
    font-size: 1.1em;
    color: black;
    margin-top: 0.5em;
}

#content .bigbox .contents .job_listing .body a {
    color: black;
}

/*  column definitions */
#content .bigbox .contents .job_listing .row > .nth-child-1 {
    width: 327px;
}

#content .bigbox .contents .job_listing .row > .nth-child-2 {
    width: 130px;
}

#content .bigbox .contents .job_listing .row > .nth-child-3 {
    width: 60px;
}

/**
 *  Teaser-Box
 */
#content .bigbox .contents .teaser {
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    margin-bottom: 3em;
}

#content .bigbox .contents .teaser .fader {
    text-align: right;
    /*visibility: hidden;*/
}

#content .bigbox .contents .teaser .fader img {
    vertical-align: bottom;
}

#content .bigbox .contents .teaser .contents {
    position: absolute;
    left: 0;
    top: 120px;
    width: 330px;
    font-size: 0.9em;
    line-height: 2em;
    color: black;
    display: none;
}

/**
 *  Page / Index lists
 */
#content .bigbox .contents .page_index {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 1em;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: -20px;
}

#content .bigbox .contents .page_index span {
    padding-left: 3px;
    padding-right: 4px;
    margin-right: 1px;
    line-height: 1.2em;
}

#content .bigbox .contents .page_index span.inactive {
    color: #666666;
}

#content .bigbox .contents .page_index span.active:hover,
#content .bigbox .contents .page_index span.selected {
    background-image: url(../images/index_letters/bg_left.png);
    background-repeat: no-repeat;
    background-position: left 0.1em;
    padding-left: 3px;
    padding-bottom: 2px;
    padding-right: 0;
}

#content .bigbox .contents .page_index span.active:hover a,
#content .bigbox .contents .page_index span.selected a {
    background-image: url(../images/index_letters/bg_right.png);
    background-repeat: no-repeat;
    background-position: right 0.1em;
    color: white;
    padding-right: 4px;
    padding-bottom: 2px;
}

#content .bigbox .contents .page_index span.selected a {
    font-weight: bold;
}

#content .bigbox .contents .page_index span a {
    color: black;
}

#content .bigbox .contents .page_index span a:hover {
    text-decoration: none;
}

#content .bigbox .contents .page_list {
    margin-bottom: 2em;
}

#content .bigbox .contents .page_list dl {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 1em;
}

#content .bigbox .contents .page_list dl dt {
    border: 0;
    width: 75px;
}

#content .bigbox .contents .page_list dl dd {
    border: 0;
    margin-left: 75px;
    font-size: 1.1em;
    padding-top: 1.3em;
    line-height: 2em;
}

/**
 *  Reference list styling
 */
#content .bigbox .contents .reference_list_item {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #e4e4e4;
}

#content .bigbox .contents .reference_list_item .logo {}

#content .bigbox .contents .reference_list_item .quote {
    padding: 1em;
    background: #f8f8f8;
    color: #888888;
    font-size: 0.9em;
}

#content .bigbox .contents .reference_list_item .quote p {
    margin-bottom: 0;
}

#content .bigbox .contents .reference_list_item .description {
    color: black;
    line-height: 1.6em;
}

#content .bigbox .contents .reference_list_item .description p {
    margin-bottom: 1em;
}

#content .bigbox .contents .reference_list_item .morelink {
    font-size: 1.1em;
	margin-bottom: 1em;
}

#content .bigbox .contents .reference_list_item.type1 .logo {
    float: left;
}

#content .bigbox .contents .reference_list_item.type1 .quote {
    float: right;
    width: 320px; /* should be 340px */
    margin-bottom: 1em;
}

#content .bigbox .contents .reference_list_item.type1 .description {
    float: right;
    width: 330px;
}

#content .bigbox .contents .reference_list_item.type1 .morelink {
    float: right;
    width: 330px;
}

#content .bigbox .contents .reference_list_item.type2 .logo {
    float: left;
    width: 230px;
    margin-bottom: 1em;
}

#content .bigbox .contents .reference_list_item.type2 .quote {
    width: 230px;
    float: right;
}

#content .bigbox .contents .reference_list_item.type2 .description {
    float: left;
    width: 230px;
}

#content .bigbox .contents .reference_list_item.type2 .morelink {
    float: left;
    width: 230px;
}

#content .bigbox .contents .reference_list_item.type3 .logo {
    float: right;
    text-align: right;
    width: 230px;
    margin-bottom: 1em;
}

#content .bigbox .contents .reference_list_item.type3 .quote {
    width: 230px; /* should be 250px */
    float: left;
}

#content .bigbox .contents .reference_list_item.type3 .description {
    float: right;
    width: 230px;
}

#content .bigbox .contents .reference_list_item.type3 .morelink {
    float: right;
    width: 230px;
}

#content .bigbox .contents .more_references {}

#content .bigbox .contents .more_references > a {
    display: block;
    width: 180px;
    float: right;
    text-align: right;
    font-weight: bold;
}

#content .bigbox .contents .more_references > h1 {
    font-size: 0.9em;
    font-weight: bold;
    color: #aaaaaa;
    margin: 0;
    margin-bottom: 1em;
}

#content .bigbox .contents .more_references .entries {}

#content .bigbox .contents .more_references .entries div {
    color: black;
    margin-bottom: 0.5em;
}

/**
 *  Download lists
 */

#content .bigbox .contents .download_group {
    margin-bottom: 20px;
}

#content .bigbox .contents .download_group.last-child {
    margin-bottom: 0;
}

#content .bigbox .contents .download_group .contents {
    margin-top: 0;
}

#content .bigbox .contents .download {
    padding: 10px;
    border-bottom: 1px solid #e4e4e4;
}

#content .bigbox .contents .download img {
    float: left;
}

#content .bigbox .contents .download h1 {
    width: 275px;
    float: left;
    font-size: 1.1em;
    margin-top: 0.5em;
    margin-bottom: 0;
}

#content .bigbox .contents .download p {
    font-size: 0.9em;
    line-height: 1.8em;
    width: 350px;
    float: left;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: black;
}

#content .bigbox .contents .download img + h1,
#content .bigbox .contents .download img + h1 + p {
    margin-left: 25px;
}

#content .bigbox .contents .download .links {
    font-weight: bold;
    float: right;
    width: 140px;
    font-size: 0.9em;
    margin-top: 0.4em;
}

#content .bigbox .contents .download .links a {
    display: block;
    float: right;
    padding-left: 20px;
    background: url(../images/download.png) no-repeat;
    width: 50px;
    padding-top: 2px;
    height: 14px;
}

/**
 * Hide all preview images for a slideshow after the third imagerow for intext images
 */
#content .bigbox .contents .csc-textpic-intext-left .csc-textpic-imagewrap > * + * + * + *,
#content .bigbox .contents .csc-textpic-intext-right .csc-textpic-imagewrap > * + * + * + * {
    display: none;
}

/**
 * Hide all preview images for a slideshow after the first imagerow for image blocks above or below the text
 */
#content .bigbox .contents .csc-textpic-above .csc-textpic-imagewrap > * + *,
#content .bigbox .contents .csc-textpic-below .csc-textpic-imagewrap > * + * {
    display: none;
}

/**
 * Indexed search tweaks
 */
.tx-indexedsearch-whatis {
    display: none;
}