﻿body {background: url(../images/mainbackground.jpg) #666666 repeat-x; font-family: Arial, Verdana; font-size: 11px; margin: 0px; padding: 0px;}

/* Lay out */
#wrapperExtender {background: url(../images/mainwrapperextender.jpg) repeat-y; margin: 0px auto 0px auto; width: 996px; min-height: 599px; height: auto !important; height: 599px;}
#wrapper {padding: 0px 11px 0px 10px; background: url(../images/mainwrapperbg.jpg) no-repeat; width: auto; min-height: 570px; height: auto !important; height: 570px;}
#mainFooter {padding: 0px 11px 0px 10px; background: url(../images/mainfooterbg.jpg) no-repeat; margin: 0px auto 0px auto; width: 996px; min-height: 29px; height: auto !important; height: 29px;}

#header {position: relative; width: auto; min-height: 110px; height: auto !important; height: 110px;}
.logo {position: absolute; left: 10px; top: 5px;}

/* Columns */
#column1, #column2, #column3 {float: left; min-height: 390px; height: auto !important; height: 390px;}
#column1 {width: 210px; padding: 18px 0px 10px 15px;}
#column2 {width: 540px; padding: 18px 5px 10px 5px;}
#column3 {width: 190px;padding: 18px 5px 10px 5px;}

#column1 ul {padding: 25px 0px 0px 20px; list-style: none; font-size: 11px; font-weight: bold; font-style: italic; color: #999999;}
#column1 ul li {padding: 0px 0px 20px 0px;}

#frontContent {width: auto; min-height: 140px; height: auto !important; height: 140px;}

#breadCrumbs, .breadCrumbs {color: #ae000c; font-size: 11px; padding: 0px 0px 5px 0px;}

.portalContainer {float: left; padding: 0px 0px 10px 0px; width: 270px; min-height: 95px; height: auto !important; height: 95px;}
.portalLogo {float: left; padding: 0px 10px 0px 0px; width: 64px; min-height: 64px; height: auto !important; height: 64px;}
.portalContent {float: left; padding: 0px 6px 0px 0px; width: 190px; min-height: 64px; height: auto !important; height: 64px;}

.partnerContainer {padding: 0px 0px 15px 0px; width: 540px; min-height: 64px; height: auto !important; height: 64px;}
.partnerLogo {float: left; padding: 0px 10px 0px 0px; width: 64px; min-height: 64px; height: auto !important; height: 64px;}
.partnerContent {float: left; width: 466px; min-height: 64px; height: auto !important; height: 64px;}

.boxContainer {background: #e8e8e8; border: solid 1px #cccccc; margin: 0px auto; width: 178px; min-height: 178px; height: auto !important; height: 178px;}
.headerBox {background: url(../images/boxheader.jpg) no-repeat; width: auto; min-height: 32px; height: auto !important; height: 32px; font-size: 12px; color: #ffffff; text-align: center; line-height: 28px;}
.boxContent {padding: 5px;}
.boxContent ul {padding: 5px 0px 0px 0px; list-style: none;}
.boxContent ul li {padding: 0px 0px 8px 0px;}

#mainFooter {color: #ffffff; font-size: 10px; text-align: center; line-height: 14px;}
#mainFooter a {color: #ffffff;}

/* Login */
#loginBox {background: #e8e8e8; border: solid 1px #cccccc; color: #666666; margin: 0px auto; text-align: center; width: 178px; min-height: 148px; height: auto !important; height: 148px;}
.LoginLabel {padding: 4px 0px 4px 0px;}
.nameTextBox {width: 150px;}
#PasswordContainer {width: 155px; margin: 0px auto 0px auto;}
.passwordTextBox {width: 125px; float: left; margin: 0px 2px 0px 0px;}
.loginButton {float: left; width: 22px;}
.loginMessage {padding: 4px 0px 0px 0px;}

/* Navigation */
#mainNavigation {background: url(../images/mainnavigationbg.jpg) no-repeat; padding: 0px 0px 0px 5px; position: relative; width: auto; min-height: 42px; height: auto !important; height: 42px;}
#mainNavigation ul {padding: 0px; list-style: none;}
#mainNavigation ul li {float: left;}
#mainNavigation ul li a {display: block; text-align: center; line-height: 40px; text-decoration: none; color: #ffffff; font-size: 12px; width: 100px; height: 40px;}
.navDivider {background: url(../images/navdivider.jpg) no-repeat; margin: 10px 0px 0px 0px; width: 2px; min-height: 20px; height: auto !important; height: 20px;}
.cssnav	{position: relative; float: left; background: url(../images/navbuttonlow.jpg) repeat-x; width: 100px; height: 40px;}
.cssnav img {width: 100px; height: 40px; border: 0px;}
* html a:hover {visibility:visible}
.cssnav a img{visibility:hidden}
.cssnav a:hover img{visibility:visible}
.cssnav span {position: absolute; left: 0px; top: 0px; text-align: center; width: 100px; cursor: pointer;}

/* Text */
p, h1, h2, h3, #mainNavigation ul, #column1 ul, .boxContent ul, .mainContent ul {margin: 0px;}

#frontContent p {padding: 0px 0px 5px 0px; color: #666666;}
p {padding: 0px 0px 10px 0px; color: #666666; line-height: 16px;}
h1 {padding: 5px 0px 10px 0px; font-size: 16px; color: #666666;}
h1.frontHeader {padding: 0px 0px 5px 0px; font-size: 16px; color: #666666;}
h2 {padding: 0px 0px 5px 0px; font-size: 12px; color: #ae000c;}
.partnerContent h2 {font-size: 13px; padding: 0px 0px 5px 0px;}
h3 {padding: 0px 0px 5px 0px; font-size: 11px; color: #666666;}
.mainContent ul {padding: 0 0 10px 16px; color: #666666; line-height: 18px;}

.portalContent h2, .boxContent h3 {color: #ae000c; font-size: 11px;}

/* Misc. */
.clearEnd {clear: both; font-size: 0;}
a img {border: 0px;}
.imgBorder {border: solid 1px #cccccc;}
.centerItem {text-align: center;}
.marginBoxContainer {margin: 0px 0px 15px 0px;}
a {color: #ae000c;}
a:hover {text-decoration: none;}

.genericButton {margin-bottom: 10px; cursor: pointer; border-left: solid 1px #dc6e55; border-top: solid 1px #dc6e55; border-right: solid 1px #ba0f0f; border-bottom: solid 1px #ba0f0f; background: #ba0f0f; color: #ffffff; height: 24px;}

.partnerList li img {padding: 0px 5px 0px 5px; float: left; display: inline-block; width: 10px;}
.partnerList li a {float: left; display: inline-block; width: 145px;}

/* MOD styling */
#leftSidebar2, #contentContainer2 {float: left; min-height: 390px; height: auto !important; height: 390px;}
#leftSidebar2 {width: 210px; padding: 18px 0px 10px 15px;}
#contentContainer2 {width: 540px; padding: 18px 5px 10px 5px;}
.sideImage {padding: 0 0 10px 0;}

.formLine, .formLineCustom3 {width: auto; line-height: 22px; font-size: 11px; padding: 0px 0px 5px 0px;}
.formLine .formLabel, .formLineCustom3 .formLabel {float: left; width: 150px; line-height: 21px; font-size: 12px; padding: 0px 0px 5px 0px; color: #666666;}
.searchTextBox {width: 175px; float: left; margin: 0px 2px 0px 0px;}
.searchButton {float: left; width: 22px;}

.pageSection, .searchBox {width: auto; padding: 0 0 10px 0;}

/* Sub Menu */
#subNavigation {position: relative; width: auto; float: right; padding: 0 10px 0 0;}
#subNavigation ul {margin: 0px; padding: 0px 0px 0px 0px; list-style: none;}
#subNavigation ul li {margin: 0px 0px 0px 0px;}

#subNavigation .subNavItem {position:relative; display: block; background: url(../images/submenuitem_active.jpg) no-repeat; width: 145px; min-height: 27px; height: auto !important; height: 27px;}
#subNavigation .subNavItem a {display: block; font-size: 12px; font-style: italic; color: #ffffff; width: 145px; min-height: 27px; height: auto !important; height: 27px; text-decoration: none;}
#subNavigation .subNavItem a:hover {color: #e1e8ef;}

#subNavigation .subNavItem a img {visibility: visible;}
#subNavigation .subNavItem a:hover img {visibility: hidden;}
#subNavigation .subNavItem span {position: absolute; left: 5px; top: 5px; width: 135px; text-align: left; cursor: pointer;}

/* Table stuff */
.tabelWidthWrapper {width: 540px;}
.tableItems {width: 540px; margin: 0px 0px 10px 0px;}
.tableItemsFinancialOverview {width: 515px; margin: 0px 0px 10px 0px;}

.tableItems th {padding: 3px; text-align: left; font-size: 12px; color: #ffffff; background: #ae000c;}
.tableItems th.subHeader {color: #ffffff; background: #cccccc;}
.tableItems th.tableHeaderWidth {width: 100px;}
.tableItems th.tableLabelWidth {width: 200px;}
.tableItems td {padding: 3px; text-align: left; vertical-align: top;}
.tableItems td.fileLabel {font-weight: bold; width: 175px;}
.tableItems td.tableEmptyRow {width: 270px }
.tableItems td.sumLabel {font-weight: bold; font-style: italic;}

/* ThirdParties table */
.tableTpItems {width: 540px; margin: 0px 0px 5px 0px;}
.tableTpItems th {padding: 3px; text-align: left; font-size: 12px; color: #ffffff; background: #ae000c;}
.tableTpItems th.subHeader {color: #ffffff; background: #cccccc;}
.tableTpItems td {vertical-align: top;}

.tableTpItems td.tpName {width: 169px;}
.tableTpItems td.tpDebtorNumber {width: 69px;}
.tableTpItems td.tpAddress {width: 94px;}
.tableTpItems td.tpPostalCode {width: 69px;}
.tableTpItems td.tpCity {width: 119px;}

.tableTpItems td.tpNoteDate {width: 89px;}
.tableTpItems td.tpNoteSubject {width: 100px;}
.tableTpItems td.tpNoteDescription {width: 202px;}
.tableTpItems td.tpNoteDeadline {width: 60px;}
.tableTpItems td.tpNoteAuthor {width: 69px;}

.tableTpItems td.tpDocName {width: 313px;}
.tableTpItems td.tpDocRevision {width: 49px;}
.tableTpItems td.tpDocDate {width: 89px;}
.tableTpItems td.tpDocType {width: 69px;}