﻿/* CSS Definitionen */
/* Projekt: Degussa Bank - Bereich Firmenkarten */
/* (c) 2009 etone intermedia GmbH & Co. KG - Marcel Flügge*/


html,body {
	background-color:white;
}

#mainHolder {
	width:980px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	background:white;
}
#mainWrapper {
	width:100%;
	float:left;
	padding-bottom:30px;
}
#logo { width:219px; }
#logo img {float:left}
#navigation { width:219px;/* min-height:559px; height:auto !important; height:559px; */background:url(../_gfx/navigationBG.jpg) left top no-repeat;}
#contentHolder { width:761px; }
/* Navigation */
#navigation ul.mainNavigation { margin:30px 35px 0 0; }
#navigation ul.mainNavigation li {
	border-bottom:1px solid #c8d5e2;
	padding-left:18px;
	padding-right:10px;
	min-height:30px;
	height:auto !important;
	height:30px;
	background:url(../_gfx/mainNavigation-LinkBG.png) right bottom no-repeat;
	overflow:hidden;
	margin-bottom:13px;
}
#navigation ul.mainNavigation li a {
	color:#003b78;
	line-height:200%;
	font-size:15px;
}
#navigation ul#subNavigation { margin:0; margin-left:18px }
#navigation ul#subNavigation li {background:none;padding:0;padding-bottom:6px }
#navigation ul#subNavigation li a {
	background:url(../_gfx/subNavigationBullet.png) left 4px no-repeat;
	color:#003b78;
	padding-left:20px;
	font-size:13px;
}
#conNavigation { background-color:#FFFFFF; color:#666666; font-size:12px; padding-left:20px; }
#conNavigation a {font-size:12px; line-height:18px; color:#003b78; background:url(../_gfx/sibeBarBullet.png) left 4px no-repeat; padding-left:15px; float:left; display:inline; clear:both; margin-top:5px;}
#conNavigation a:hover {font-weight:normal !important; color:#666666;}

#header {position:relative;border-bottom:3px solid white;}
#header .headerText {
	position:absolute;
	left:439px;
	top:74px;
	width:250px;
}
#header .headerText .textSemiBig,
#header .headerText .textBig {color:#003b78; margin-bottom:10px;}
#sideBar {width:200px; position:relative; z-index:50; top:-25px;}

#content {
	padding-top:24px;
	padding-bottom:30px;
	background:url(../_gfx/contentBG.jpg) left top no-repeat;
	width:520px;
	float:left;
	position: relative;
}
.fLeft { float:left !important; }
.fRight { float:right !important; }
.clearer {
	clear:both;
	line-height:1px;
	height:1px;
	font-size:1px;
	overflow:hidden
}
.notBold {font-weight: normal !important;}
.textSmall {font-size:11px; line-height:15px;}
.textSemiBig {font-size:20px; line-height:normal;}
.textBig {font-size:30px; line-height:34px;}
.sideBarElement {background:#eaeff4;padding:5px; margin-bottom:20px; float:left; clear:both; width:190px;}
.sideBarElement a:hover {font-weight:normal; color:#666666}
.sideBarBlock {background:white; float:left; padding:13px 10px; width:170px}
.sideBarBlock strong {color:#003b78; font-size:15px; line-height:18px;}
.sideBarBlock ul {margin-top:5px}
.sideBarBlock li {padding:0; background:none; float:left}
.sideBarBlock a {font-size:13px; line-height:18px; color:#003b78; background:url(../_gfx/sibeBarBullet.png) left 4px no-repeat; padding-left:15px; float:left; display:inline; clear:both}
.sideBarBlock span.textSemiBig {color:#003b78; display:block; margin:4px 0;}
.sideBarBlock p {margin: 4px 0;}
.tabbed .sideBarElement {position:relative; top:-4px}
.tabGroup {
	float:left;
	margin:0;
	position:relative;
	z-index:55;
}
.tabLink {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 5px 0px 0px;
	font: bold 0.7em sans-serif;
	background: #eaeff4;
	list-style: none;
	border-left: solid 5px #eaeff4;
	border-top: solid 5px #eaeff4;
	border-right: solid 5px #eaeff4;
	cursor: pointer;
	font-size:13px;
	font-weight:normal
}
.tabLink.TabbedPanelsTabSelected,
.tabLink.TabbedPanelsTabHover {background:white}
#sideBar .sideBarElement.blockLink {width:198px}

.blockLink.beige { background:transparent url(../_gfx/blockLink-Corner-beige.png) no-repeat 100% 0;}
.blockLink.beige span { background:transparent url(../_gfx/blockLink-BG-beige.png) no-repeat;}
.blockLink.blau { background:transparent url(../_gfx/blockLink-Corner-blau.png) no-repeat 100% 0;}
.blockLink.blau span { background:transparent url(../_gfx/blockLink-BG-blau.png) no-repeat;}
.blockLink.blau.small { background:transparent url(../_gfx/blockLinkSmall-Corner-blau.png) no-repeat 100% 0;}
.blockLink.blau.small span { background:transparent url(../_gfx/blockLinkSmall-BG-blau.png) no-repeat;}
.blockLink.sideBarElement {margin-bottom:20px;}
.blockLink:hover {font-weight:bold}
.blockLink {
	padding:0;
	display:block;
    float:left;
    font-weight:bold !important;
	padding-right:2px;
	margin-bottom:18px;    
}
.blockLink span {
    display:block;
    padding:0 17px 0 30px;
	    font-size:15px;
    line-height:35px;
	color:white;
}

.blockLink.small span {padding:0 10px 0 25px;font-size:13px; line-height:25px;}



/* FOOTER */

#footer {float:left;width:980px}
#footer ul {border-bottom:1px solid #d9e2eb; float:left; padding-bottom:8px;margin:0; width:100%}
#footer ul.mainNavigation {margin-bottom:10px; position:relative; top:-5px;}
#footer ul li {display:inline; float:left; background:none; padding:0 5px; border-right:1px solid #959595; color:#959595; line-height:10px;}
#footer ul li.lastElement {border-right:none}
#footer ul li a {color:#959595; font-size:12px; line-height:14px}
#footer ul li a:hover {font-weight:normal}
#footer span.copyrights {font-size:12px; color:#959595; padding:0 5px; line-height:12px}
#footerNavigation ul {border:none; width:auto}
#footerNavigation ul li a.activeElement:hover {font-weight:bold}
#footerNavigation ul li#toTopLink {
	padding-left:30px;
	padding-right:17px;
	margin-right:20px;
	background:url(../_gfx/topLink.png) right center no-repeat;
	
}
h1 {
	color:#003b78;
	font-size:25px;
	line-height:120%;
	margin-bottom:15px;
	clear:left;
}
h2,h3 {
	color:#003b78;
	font-size:15px;
	line-height:18px;
	margin-bottom:15px;
	margin-bottom:8px;
	clear:left;
	width:100%;
}
h4 {
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	color:#003b78;
	padding-top:20px;
	padding-bottom:7px;
}

p {
	color:#666666;
	margin-bottom:18px;
	font-size:13px;
	line-height:18px;
}
a.activeElement,
a:hover { font-weight:bold }
span {
	font-size:13px;
}
ul {margin-bottom:9px}
li {
	color:#003b78;
	font-size:13px;
	line-height:18px;
	margin-bottom:4px;
	background:url(../_gfx/unsortedListBullet.png) left 6px no-repeat;
	padding-left:15px;
	
}
li a {color:#003b78;}
sup {font-size:90%; line-height:80%; vertical-align:top}

p img {margin:4px 10px}
/* Spezielle Content Definitionen */
#content a {color:#003b78;}
#content a:hover {color:#666; font-weight:normal}
#content ul {margin-bottom:35px; float:left; clear:both; width:100%;}
#content li {float:left; clear:both; width:100%}
#content table {margin-bottom:18px; padding-top:18px;}
#content table tr td {padding:5px 0}
#content table p {margin-bottom:0px}
#content .imgTextBlock,
#content .textBlock {
	float:left;
	width:520px;
	margin-bottom:18px;
	position:relative;
	left: 0px;
}
.textBlockBG {
	background:url(../_gfx/imgTextBlockBG.png) right top repeat-y;
}
#content .textBlock .textBlockBG,
#content .imgTextBlock .textBlockBG {
	padding-left:190px;
	width:320px;
	padding-top:15px;
	padding-right:10px;
	margin:20px 0px;
	float:left;
}
#content .textBlock .textBlockBG {padding:15px 20px 0 0px; width:500px; margin:0}
#content .imgTextBlock img.vertCenter {float:left; position:absolute;left:0px; top:50%; height:165px; margin-top:-82px}

#content .imgTextBlock ul {float:left;}
#content .imgTextBlock h2 {clear:none;}

/*Homepage*/
#content .imgTextBlock.homepageCard .textBlockBG {
	padding-left:150px;
	width:360px;
	padding-top:10px;
	padding-right:10px;
	margin:0px 0px 15px 0;
	float:left;
}

#content .imgTextBlock.homepageCard .textBlockBG p {margin-bottom:10px}
#content .imgTextBlock.homepageCard .textBlockBG .blockLink {margin-bottom:10px}
#content .imgTextBlock.homepageCard#firmenkundenportal {
	background:#e5ebf1;
	padding:5px;
	width:510px;
}
#content .imgTextBlock.homepageCard#firmenkundenportal .textBlockBG {
	background: white url(../_gfx/homepageFirmenkundenportal.jpg) right center no-repeat;
	padding:0 15px;
	margin:0;
	width:480px;
	position:relative;
	height:128px;
	overflow:hidden;
}
#content .imgTextBlock.homepageCard#firmenkundenportal .textBlockBG h2 {
margin-top:22px;}

#content .imgTextBlock.homepageCard#firmenkundenportal .textBlockBG .blockLink {
	position:absolute;
	right:0px; bottom:0px;
	margin:0;
}
#content .imgTextBlock img.homepageCard {height:121px; margin-top:-70px}
#content .imgTextBlock img.homepageCardCC {height:133px; margin-top:-70px}


/* Google 404 */
#goog-fixurl  ul {list-style-type:none}
#goog-fixurl ul li {background:none;padding:0}

