@charset "utf-8";
/* CSS Document */
body {background: url(img/bg.jpg) repeat-x top #fff; margin: 0; padding: 0; font-family: "Calibri", Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
* {margin: 0; padding: 0;}
h1 {font-family: "Calibri", Tahoma, Arial, Helvetica, sans-serif; line-height: 150%;}
h2 {font-family: Arial, Helvetica, sans-serif;}
a { color: #990000; text-decoration: none;}
ul, li {list-style: none;}


div#wrapper { width: auto; background: url(img/mainBack.jpg) no-repeat center top;}
div#wrapper div#midWrapper { position: relative; width: 980px; min-height: 1820px; margin: 0 auto; padding: 60px 0 0 0;}
div#wrapper div#midWrapper div#summary{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	right: 199px;
	top: 205px;
	font-weight: bold;
	font-size: 38px;
	color:#5ca42a;
}

div#wrapper div#midWrapper div#metanavi{ position: absolute; right: 65px; top: 40px; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
div#wrapper div#midWrapper h1.headTopContent { font-size: 25px; color: #666;}
div#wrapper div#midWrapper h2.headTopContentText { font-size: 16px; color: #000; margin: 0 0 5px 0;}
div#wrapper div#midWrapper p.headlineTopContentText { font-family: Verdana, Arial, Helvetica, sans-serif; width: 400px; font-size: 11px; line-height: 160%; color: #000; margin: 0 0 5px 0;}
div#wrapper div#midWrapper p.headTopContentText { font-size: 12px; color: #000; margin: 0 0 5px 0;}

div.clearBoth { clear: both;}

div#wrapper div#midWrapper div#leftContent {
	width: 204px;
	margin: 95px 0 0 0;
	float: left;
}
div#wrapper div#midWrapper div#leftContent ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 204px;
	color:#666;
}
div#wrapper div#midWrapper div#leftContent li {height: 16px; padding: 5px 0 0 7px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
div#wrapper div#midWrapper div#leftContent li a {text-decoration: none; color: #777;}
div#wrapper div#midWrapper div#leftContent li:hover {color:#5ca42a;background: url(img/ulBack.jpg) repeat-x bottom #fff; cursor: pointer; }
div#wrapper div#midWrapper div#leftContent li:hover a {
	color:#000;
	text-decoration: none;
}
div#wrapper div#midWrapper div#leftContent li.active {background: url(img/ulBack.jpg) repeat-x bottom #fff; }
div#wrapper div#midWrapper div#leftContent li.active a {color:#5ca42a;}

div#wrapper div#midWrapper div#rightContent {width: 670px; margin: 80px 80px 0 0; float: right;}
div#wrapper div#midWrapper div#rightContent span.marker {padding: 0 5px; background: #fdd421; color: #000;}
div#wrapper div#midWrapper div#rightContent h1.headRightContent { font-size: 18px; color: #666; line-height: 120%; margin: 0 0 15px 0; }

div#wrapper div#midWrapper div#rightContent div.bankBack {width: 670px; height: 350px; background: url(img/bankBack.jpg) no-repeat left top; margin: 40px 0;}
div#wrapper div#midWrapper div#rightContent div.bankBack div.module {float: left; width: 214px; border: 1px solid #CCC; margin: 0 7px 0 0;}
div#wrapper div#midWrapper div#rightContent div.bankBack div.module h2.headModule {padding: 13px 0 0 45px; margin: 0; }
div#wrapper div#midWrapper div#rightContent div.bankBack div.module h3.headModule {padding: 0 0 0 45px; margin: 0 0 15px 0; font-size: 11px;}
div#wrapper div#midWrapper div#rightContent div.bankBack div.module h4.headModule {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	font-size: 15px;
}
div#wrapper div#midWrapper div#rightContent div.bankBack div.module h4.headModule3 {
	margin: 0 0 1px 0;
	padding: 0 0 0 15px;
	font-size: 15px;
}
div#wrapper div#midWrapper div#rightContent div.bankBack div.module h5.headModule {background: url(img/h5back.jpg); height: 42px; margin: 0 0 5px 0; padding: 26px 0 0 15px; font-size: 15px;}
div#wrapper div#midWrapper div#rightContent div.bankBack div.module p.moduleContent {font-family: Verdana, Arial, Helvetica, sans-serif; padding: 15px; font-size: 11px; line-height: 150%;}
div#wrapper div#midWrapper div#rightContent div.bankBack div.module p.argumentation {font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 15px; font-size: 11px; line-height: 150%;}
div#wrapper div#midWrapper div#rightContent div.bankBack div.module div.smallButton {font-family: Verdana, Arial, Helvetica, sans-serif; padding: 7px 0 0 0; font-size: 11px; font-weight: bold; background: url(img/smallButton.jpg) no-repeat center top; text-align: center; height: 29px; width: 182px; margin: 10px auto 0 auto; color: #fff;}
div#wrapper div#midWrapper div#rightContent div.bankBack div.module div.smallButton a {color: #fff;}
div#wrapper div#midWrapper div#rightContent div.bankBack div.module div.button {font-family: Verdana, Arial, Helvetica, sans-serif; height: 22px; padding: 14px; text-align: center; background: url(img/button.jpg) no-repeat center top; margin: 15px 0 0 0;}
div#wrapper div#midWrapper div#rightContent div.bankBack div.module div.button a {color: #fff; font-size: 16px; font-weight: bold;}
div#wrapper div#midWrapper div#rightContent div.bankBack div.module div.button:hover { background: url(img/buttonHover.jpg) no-repeat center top; cursor: pointer; color: #000; }


div#wrapper div#footer {font-family: Verdana, Arial, Helvetica, sans-serif;  background: url(img/footer.jpg) repeat-x center top; height: 70px; width: auto; margin: 0 auto; text-align: center; color: #fff;font-size: 12px; line-height: 150%; padding: 20px;}
div#wrapper div#footer a { color: #fff;}




