﻿/* MARKUP ELEMENTS */
* { font-size: 12px; }
html, body { height:100%; width: 100%; border: 0px; color: #333; }
body 
{
	font-family: arial;
	text-align: center;
	color: #333333;
	margin: 0;
	padding: 0;
	background-image: url(../Images/Backgrounds/body.gif);
}

h1, h2, h3, h4, h5, form { padding: 0; margin: 0; }
h1, h2, h3, h4, h5 { color: #004C94; }
h1 { font-size: 18px; margin-bottom: 10px; }
h2 { font-size: 14px; margin-bottom: 10px; }
a { position: relative; color: #004C94; text-decoration: none; font-weight: bold; }
a img { border: 0px; vertical-align: middle; }

/* LAYOUT */
#page
{
	margin: 0 auto;
	width: 986px;
	text-align: left;
	position: relative;
}

#printLogo { display: none !important; }

#metaNavigation { float: left; width: 997px; text-align: right; margin: 15px 0 30px 0; }
#metaNavigation ul { float: right; }
#metaNavigation * { text-decoration: none; color: #7E8182; }

#topNavigation { float: left; width: 986px; margin-bottom: 4px; padding-left: 11px; }
#topNavigation li { vertical-align: bottom; }

#headerImage { float: left; }
#headerImage.home img { position: relative; z-index: 1; }

.shadowContainer
{
	float:left;
	background-image:url(/Images/Backgrounds/shadow.png);
	width:986px;
	padding:0 11px 0 11px;
}

.columnContainer { float: left; width: 985px; }
.columnContainer.body { background-color: #FFF; }
.columnContainer .left { float: left; width: 285px; margin-right: 15px; }
.columnContainer .right { float: left; width: 685px; }

#subNavigation { padding-top: 17px; }
#subNavigation li { padding-bottom: 2px; }
#subNavigation a
{ 
	display: block;
	float: left;
	width: 260px;
	color: #B1B2B4;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	height: 24px;
	padding: 5px 0 0 10px;
	background-image: none;
}
#subNavigation li.selected a, #subNavigation li a:hover 
{ 
	background-image: url(../Images/Backgrounds/subnavigation.gif);
	color: #004C94;
}

#subNavigation .subItems { padding: 0 0 5px 0 !important; float: left; }
#subNavigation .subItems li { padding-bottom: 0px !important; }
#subNavigation .subItems a
{ 
	font-size: 13px !important; 
	color: #B1B2B4 !important;
	background-image: url(../Images/Backgrounds/sub_subnavigation.gif) !important;
	background-repeat: no-repeat;
	background-position: 11px 8px;
	padding-left: 22px !important;
	height: auto !important;
}
#subNavigation .subItems li.selected a, #subNavigation .subItems a:hover 
{
	background-image: url(../Images/Backgrounds/sub_subnavigation_selected.gif) !important;
	color: #004C94 !important;
}

#breadcrumbNavigation { float: left; padding: 25px 0 10px 0; }
#breadcrumbNavigation a { color: #636363; text-decoration: none; }

#content { float: left; width: 670px; padding: 0 15px 0 0; }

#content .contentList { float: left; width: 670px; }
#content .contentList .item
{ 
	float: left;
	border-bottom: 1px dashed #B1B3B4;
	width: 670px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#content .contentList .item .floatImage { float: left; margin: 0px 10px 5px 0; }
#content img + p { margin-top: 0px; }

#content .ratings { border: 1px solid #FFF; border-collapse: collapse; width: 100%; }
#content .ratings th, #content .ratings td { border: 1px solid #FFF; }
#content .ratings th
{
	text-align: left; 
	background-color: #636363;
	color: #FFF;
	font-size: 14px;
	padding: 5px 10px 5px 10px !important;
}
#content .ratings td { background-color: #B1B3B4; color: #333333; padding: 5px 10px 5px 10px !important; }
#content .ratings td.ratingValue { background-color: #004C94; color: #FFF; width: 200px; }
#content .ratings tr.alternate td { background-color: #D0D1D2; }
#content .ratings tr.alternate td.ratingValue { background-color: #2B70B2; }

#content th
{
	text-align: left; 
	background-color: #636363;
	color: #FFF;
	font-size: 14px;
	padding: 5px 10px 5px 10px !important;
	white-space: nowrap;
}
#content td { background-color: #D0D1D2; color: #333333; padding: 5px 10px 5px 10px !important; }

#contentFooter
{ 
	float: left;
	width: 670px;
	padding: 120px 0 5px 312px; 
	background-image: url(../Images/footer.png);
	background-position: bottom;
	background-repeat: no-repeat;
}
#contentFooter a { text-decoration: none; }
#contentFooter .print { float: left; width: 245px; }
#contentFooter .print a img { margin-right: 5px; }
#contentFooter .goToTop { float: left; width: 200px; }
#contentFooter .goToTop a img { margin-top: 7px; margin-right: 8px; float: left; }

#pageFooter { float: left; padding: 5px 0 0 0; color: #7E8182; padding-left: 11px; }
#pageFooter a { color: #004C94; text-decoration: none; }

.downloadList { float: left; width: 670px; padding: 10px 0 10px 0; }
.downloadList .item h2 { font-size: 12px; margin-bottom: 2px; }
.downloadList .item
{ 
	float: left;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	width: 670px;
	border-bottom: 1px dashed #B1B3B4;
}
.downloadList .item .link { float: left; width: 670px; padding: 10px 0 0 0; }
.downloadList .item .link a { font-weight: bold; color: #004C94; text-decoration: underline; }

.homeTeaserContainer { padding-bottom: 20px; height: 340px; }

.homeTeaserSmall { float: left; width: 270px; }
.homeTeaserLarge 
{
	float: left;
	width: 670px;
	margin: 10px 15px 0 15px;
}

.homeTeaserSmall p {padding: 10px 0 0 15px; }
.homeTeaserLarge h1 { margin: 10px; }

.homeTeaserSmall h1 { margin: 10px; }
.homeTeaserLarge p { margin: 10px; width: 450px; }

.homeTeaserLarge.uberUns  
{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='/Images/Backgrounds/uber_uns.png');
	/* background-image: url(../Images/Backgrounds/uber_uns.png); */
	height: 160px;
	_margin-left: 10px;
}
html > body .homeTeaserLarge.uberUns { background-image: url(../Images/Backgrounds/uber_uns.png); }

.homeTeaserLarge.finanzen  
{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='/Images/Backgrounds/finanzen.png');
	/* background-image: url(../Images/Backgrounds/finanzen.png); */
	height: 160px;
	margin-bottom: 20px;
	_margin-left: 10px;
}
html > body .homeTeaserLarge.finanzen { background-image: url(../Images/Backgrounds/finanzen.png); }

.homeTeaserSmall.kontakt { margin-top: -21px; }
.homeTeaserSmall.kontakt a { color: #FFF; text-decoration: none; font-weight: normal; }
.homeTeaserSmall.kontakt p { width: 255px; color: #fff; margin-top: -1px;}
.homeTeaserSmall.kontakt img { margin-left: -15px; }
.homeTeaserSmall.kontakt h1 
{ 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='/Images/Backgrounds/kontakt_teaser_header.png');
	/* background-image: url(../Images/Backgrounds/kontakt_teaser_header.png); */
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
	padding-left: 15px;
	margin: 0 0 10px 0; 
}
html > body .homeTeaserSmall.kontakt h1 { background-image: url(../Images/Backgrounds/kontakt_teaser_header.png); }

.homeTeaserSmall.kontakt table  
{
	margin-top: -12px; 
	padding: 0 0 0 15px;
	width: 100%;
}
.homeTeaserSmall.kontakt td { color: #fff; }

.homeTeaserSmall.investor 
{ 
	width: 276px;
	height: 168px;
	margin-top: 6px;
	margin-left: -2px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='/Images/Backgrounds/investor.png');
	/* background-image: url(../Images/Backgrounds/investor.png); */
}
html > body .homeTeaserSmall.investor { background-image: url(../Images/Backgrounds/investor.png); }

.homeTeaserSmall.investor p { padding-right: 20px; }
.kontaktBackground  
{
	margin-top: -10px;
	height: 171px;
	width: 274px;
	margin-left: -2px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='/Images/Backgrounds/kontakt.png');
	/* background-image: url(../Images/Backgrounds/kontakt.png); */
	background-repeat: no-repeat;
}
html > body .kontaktBackground { background-image: url(../Images/Backgrounds/kontakt.png); }

/* FREQUENTLY USED STUFF */
ul.paddingBottom { padding-bottom: 10px !important; }
.horizontalUL, .verticalUL { list-style-type: none !important; margin: 0px; padding: 0px; float: left; }
.horizontalUL li, .verticalUL li { float: left; }
.verticalUL li a { margin-left: 4px;}
.debug { border: 1px dotted red; }
.checkbox label, .radio label { float: none; }
.thin { font-weight: normal !important; }
