/**********************************************************************
* page core elements
**********************************************************************/

@import url(reset.css); 

html {
	height: 100%;
	margin-bottom: 1px;
	overflow: -moz-scrollbars-vertical; 
}

body {
	background-color: #dedfe0;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	font: normal 11px Tahoma;
	color: #000;
	position: relative;
	padding: 10px 10px 20px 0;
}

#mainwrapper {
	background-color: white;
	padding: 15px;
}

#content {
	padding-right: 10px;
}

#footer {
	border-top: 1px dotted black;
	margin: none;
	width: 960px;
	color: black;
	height: 23px;
	font-weight: normal;
	background-color: white;
}

#navigation {
	padding: 0px;
	margin: 0;
	float: left;
	width: 960px;
	border-width: 1px 0px 1px 0px;
	border-style: dotted;
	border-color: black;
	height: 33px;
}

#header {
	width: 960px;
	padding: 0px;
	height: 125px;
	margin: 0;
	float: left;
}

#header img {
	float: left;
	border: none;
}


#leftcolumn, #leftcolumn_first {
	width: 700px;
	float: left;
}

#rightcolumn {
	float: right;
	width: 220px;
}

#main {
	margin-top: 10px;
}

#contact {
	padding-top: 10px;
	padding-bottom: 10px;
}

#search {
	float: right;
	font-family: Georgia;
	font-size: 15px;
	height: 33px;
}

#language {
	float: right;
	margin-top: 52px;
}

.clear, .clearer {
	clear: both;
}

.rightText {
	text-align: right;
}

/**********************************************************************
* general text styles
**********************************************************************/

strong {
	font-weight: bold;
}

h1, h2 {
	font-size: 18px;
	font-family: Georgia;
	margin-bottom: 0;
	margin-top: 0;
	font-weight: lighter;
}	

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

#subnavigation a, a.pfeil {
	padding-left: 9px;
	background-image: url(../images/link.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	font-weight: bold;
}

#content h2 {
	font-family: Georgia;
	margin-top: 10px;
	margin-bottom: 10px;
}

a:hover {
	text-decoration: underline;
}

a:hover img {
	text-decoration: none;
}

.formRow {
	height: 30px;
}

.formLabel {
	float: left;
	width: 120px;
}

.formEntry input {
	width: 200px;
}

.formEntry select {
	width: 206px;
}

.boxBlue {
	border: 1px solid #009EE0;
	padding:5px;
}


/****************************************************
* main area
****************************************************/

#main h2 {
	color: black;
	font-weight: lighter;
}

.oneCol {
	float: right;
	width: 226px;
}

.oneCol .singleCol {
	padding-left: 10px;
}

.twoCol {
	width: 464px;
	float: left;
	padding-bottom: 10px;
}

#main .products h1, #main .service h1, #main .infoMaterial h1, #main .partnerFocus h1, #main .access h1, .accordion h1, #main h1.graybar,  #main h2.graybar, .colInner2 h1 {	
	line-height: 26px;
	font-size: 15px;
	padding-left: 10px;
	color: white;
	font-weight: bold;
}

#main .products h1 {	
	background-image: url(../images/red_bar.gif);
	background-color: #e2007a;
}

#main .service h1, #main .access h1, #main h1.graybar,  #main h2.graybar, .colInner2 h1  {	
	background-color: #9d9e9f;
	background-image: url(../images/gray_bar_wide.gif);
}

#main .partnerFocus h1 {
	background-image: url(../images/blue_bar.gif);
	background-color: #009ee0;
	margin-left: 10px;
}

#main .infoMaterial h1 {
	background-color: #9d9e9f;
	background-image: url(../images/gray_bar.gif);
	margin-left: 10px;
}

.twoCol .leftCol {
	float: left;
	width: 230px;
}

.twoCol .rightCol {
	float: right;
	width: 230px;
}

#main .entry  {
	padding-top: 10px;
}

#main .accordion h1 {	
	background-color: #9d9e9f;
	background-image: url(../images/gray_bar_wide_accordion.gif);
	padding-left: 25px;
	cursor: pointer;
}

#main .accordion h1.active {
	background-position: 0% -26px;
}

.threeCol .singleCol {
	border-top: 1px dotted black;
	padding-right: 10px;
}

.threeCol .singleCol h1  {
	margin-top: 20px;
	margin-bottom: 10px;
}

.threeCol .singleCol .accordion h1  {
	margin-top: 0px;
	margin-bottom: 1px;
}

.threeCol .singleCol .accordion  {
	margin-top: 20px;
}

.accordion_container {
	margin-top: 10px;
	margin-bottom: 10px;
}

.threeCol .singleCol img  {
	margin-top: 15px;
	margin-bottom: 15px;
}

.threeCol .singleCol img.right  {
	margin: 0px;
	padding-left: 15px;
	float: right;
}

.threeCol .singleCol img.left  {
	margin: 0px;
	padding-right: 15px;
	float: left;
}

.threeCol .singleCol div.rightBox, .threeCol .singleCol div.leftBox  {
	padding-right: 15px;
	display: inline-block;
	font-style: italic;
	margin-top: 5px;
	margin-bottom: 5px;
}

.threeCol .singleCol div.rightBox  {
	float: right;
}

.threeCol .singleCol div.leftBox  {
	float: left;
}

.threeCol .singleCol div.rightBox img, .threeCol .singleCol div.leftBox img {
	margin: 0px;
}

.threeCol .leftCol, .threeCol .centerCol {
	float: left;
	padding-right: 10px;
}

.threeCol .rightCol {
	float: left;
}

.threeCol .leftCol .colInner , .threeCol .centerCol  .colInner, .threeCol .rightCol  .colInner {
	width: 225px;
}

.threeCol .leftCol .colInner2, .threeCol .centerCol  .colInner2, .threeCol .rightCol  .colInner2 {
	width: 220px;
}

.threeCol .oneHalfColLeft {
	float: left;
	width: 335px;
}

.threeCol .oneHalfColRight {
	float: right;
	width: 345px;
}

.threeCol .oneHalfColRight {
	padding-left: 10px;
}

.bannerTile {
	text-align: center;
	float: left; 
	padding: 2px;
}

.bannerTileInner {
	height: 130px;
	width: 130px; 
	background-color: #DEDFE0;
}

.bannerTileContent {
	padding: 5px;
}

.bannerTileContent img {
	margin: 0 !important;
}

.teaser1 {
	height: 100px;
}

/****************************************************
* right column area
****************************************************/

#rightcolumn h1 {
	color: white;
	background-color: #9d9e9f;
	background-image: url(../images/gray_bar.gif);
	padding-left: 10px;
	line-height: 26px;
	font-size: 15px;
}

#rightcolumn .entry {
	padding: 10px;
}

#rightcolumn  .entry hr {
	color: white; 
	background-color: white; 
	border: 1px dotted black; 
	border-style: none none dotted;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

/****************************************************
* navigation
****************************************************/

.logo {
	float: left;
	height: 80px;
}

.logo img {
	padding-top: 10px;
}

#jsddm {
	margin: 0;
	padding: 0;
	font-family: Georgia;
	font-size: 17px;
	line-height: 21px;
}

#jsddm li {
	float: left;
	list-style: none;
	padding: 6px 0px 6px 0px;
}

#jsddm li.services a, #jsddm li.dienstleistungen a {
	border-right: 1px dotted black;
	padding-right: 15px;
}

#jsddm li.services li a, #jsddm li.dienstleistungen li a {
	border-right: none;
	padding-right: 0px;
}

#jsddm li a {
	display: block;
	text-decoration: none;
	white-space: nowrap;
	color: black;
	padding-left: 15px;
}

#jsddm li ul {
	margin: 7px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	position: absolute;
	visibility: hidden;
	background-color: #DEDFE0;
	border: 1px dotted black;
	border-top: 0px;
	font-size: 14px;
	line-height: 15px;
}

#jsddm li ul li {
	float: none;
	display: inline;
}

#jsddm li ul li a {
	width: auto;
	line-height: 25px;
}

#jsddm a.active, #jsddm a:hover {
	color:#009EE0 !important;
}

#subnavigation {
	padding: 10px 0px 10px 0px;
	width: 226px;
	float: left;
}

#subnavigation .entry {
	padding-left: 5px;
}

#subnavigation .level2 {
	margin-left: 10px !important;
}

#subnavigation .level3 {
	margin-left: 20px !important;
}

#subnavigation .entry a {
	line-height: 20px;
	color: #666666;
}

#subnavigation .entry  a:hover {
	text-decoration: none;
}

#subnavigation .active  a {
	color: black;
}

#search input {
	margin-top: 5px;
}

#search input.search-button {
	display: none;
}

#language img {
	margin-left: 5px;
}


/****************************************************
* content area
****************************************************/

.welcome {	
	background-repeat: no-repeat;
	height: 169px;
}

.welcome h1 {
	padding: 15px;
	font-size: 24px;
}

.welcome_home {	
	background-image: url(../images/maxxs_home690_.jpg);
}

.welcome_company {	
	background-image: url(../images/maxxs_company690_.jpg);
}

.welcome_service {	
	background-image: url(../images/maxxs_service690_.jpg);
}

.welcome_products {	
	background-image: url(../images/maxxs_products690_.jpg);
}

.welcome_productpartners {	
	background-image: url(../images/maxxs_productpartners690_.jpg);
}

.welcome_home_bright {	
	background-image: url(../images/maxxs_home690_bright.jpg);
}

.welcome_company_bright {	
	background-image: url(../images/maxxs_company690_bright.jpg);
}

.welcome_service_bright {	
	background-image: url(../images/maxxs_service690_bright.jpg);
}

.welcome_products_bright {	
	background-image: url(../images/maxxs_products690_bright.jpg);
}

.welcome_productpartners_bright {	
	background-image: url(../images/maxxs_productpartners690_bright.jpg);
}

.welcome2 {
	color: #009EE0;
	font-size: 13px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.innerContent {
	padding: 10px;
}

.tabs ul {
	margin: 0;
	padding: 0;
}

.tabs li {
	list-style: none;
	border: 1px solid #9c9e9f;
	margin: 0 5px 5px 0;
	background-image: url(../images/whitebar.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	float: left;
}

.tabs li a {
	line-height: 20px;
	background-image: none !important;
	color: black;
	font-size: 11px;
	width: 210px;
	display: block;
	font-weight: light;
}

.tabs li  a:hover {
	text-decoration: none;
}

.tabs li a.active {
	font-weight: bold;
}

.tabDetail {
	clear: both;
}

/****************************************************
* contact area
****************************************************/

#contact .redbar img {
	border-right: 1px solid white;
	float: left;
}

#contact .redbar .contactData {
	line-height: 37px;
	font-family: Georgia;
	color: #009ee0;
	padding-left: 5px;
	font-size: 20px;
}
#contact .redbar .contactData a {
	color: #009ee0;
}

#contact .cost {
	padding-top: 7px;
	font-size: 9px;
	color: #575757;
}

/****************************************************
* content area
****************************************************/

table.fondsOverview, table.fondsDetail {
	width: 690px;
}

table.fondsOverview a {
	font-weight: bold;
}

table.fondsOverview .header, table.fondsDetail th {
	background-image: url(../images/red_bar.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	line-height: 20px;
	color: white;
	font-weight: bold;
	text-align: left;
}

table.fondsOverview .header a {
	color: white;
	padding-left: 10px !important;
	background-image: url(../images/sorting.gif) !important;
	background-repeat: no-repeat !important;
}

table.fondsOverview .header a.ascending {
	background-position: 0px -20px !important;
}

table.fondsOverview .header a.descending {
	background-position: 0px -40px !important;
}

table.fondsOverview td {
	padding: 3px;
}

table.fondsOverview td  a{
	padding: 0px !important;
	background: none !important;
}

table.fondsOverview .rowOdd {
	background: #ffdddd;
}

table.fondsOverview .rightCell {
	text-align: right;
	padding-right: 10px;
}

table.fondsDetail td, table.fondsDetail th, table.info td {
	padding: 5px 5px 5px 10px;
	vertical-align: top;
}

table.info {
	margin-top: 10px;
	width: 690px;
}

table.info td {
	background: lightgray;
	border: 2px solid white;
}

td.label {
	font-weight: bold;
}

table.fondsDetail td a[href$='.pdf'] {
	background-image: url(../images/pdf_icon.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
	text-decoration: underline;
}

#main table.content {
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
}
#main table.content td {
	border: solid 1px #9C9E9F;	
	margin: 0;
	padding: 3px;
	vertical-align: top;
}

#main td.fourcols {
	width: 170px;
}

#main td.fivecols {
	width: 137px;
}

/****************************************************
* sitemap
****************************************************/

.sitemapLevel1 {
	padding-top: 10px;	
	padding-bottom: 5px;
	padding-left: 225px;
	line-height: 22px;
	font-weight: bold;
	font-size: 14px;
}

.sitemapLevel2 {
	padding-left: 245px;
	line-height: 22px;	
	font-size: 12px;
}

.sitemapLevel3 {
	padding-left: 265px;
	line-height: 22px;
	font-size: 10px;
} 

.sitemapLevel1 a, .sitemapLevel2 a, .sitemapLevel3 a {
	padding-left: 0px !important;
	background-image: none !important;
}


/****************************************************
* footer area
****************************************************/

.footeritem {
	padding-top: 4px;
	float: left;
}

.footeritemfirst {
	float: left;
	padding-left: 13px;
	color: black;
}

.footeritemfirst a {
	color: black;
}

.footeritemgroup {
	color: #9c9e9f;
	float: right;
	padding-right: 13px;
	padding-top: 4px;
}

.footeritem_spacer {
	width: 4px;
	float: left;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
}