body {
	/* background-color: #E2DDCB; JETZT 942px anstatt 900px dunkelgrün #7EB303 hellgr #AAE400 mittelgrün #94CB02
	background:url(http://www.girokonto.biz/images/bg.gif) repeat-x top #E2DDCB; */
	behavior: url(http://www.girokonto.biz/css/hover.htc); 
	background-color: #ffffff;
	margin: 0px auto 10px;
	padding:0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #444444;
}

#haupt_container{
	width:942px;
	height:auto;
	margin: 0px auto 20px;
	background-color:#FFFFFF;
	border: 0px solid #666666; 
}

a {
	color: #7EB303;
	text-decoration:none;
	font-weight: bold;
}

a:hover {
	color: #94CB02;
	font-weight: bold;
}


img {
	border: 0px;
}

h1 {
	padding: 0px 0 0px 0;
	margin: 4px 0 0 0px;
	font-size:18px;
	color:#7EB303;
	line-height: 20px;
}

h2 {
	padding: 0px 0 0px 0;
	margin: 5px 0 0 0px;
	font-size:15px;
	color:#94CB02;
	line-height: 20px;
}

h3 {
	padding: 0px 0 0px 0;
	margin: 5px 0 0 0px;
	font-size:13px;
	color:#666666;
	line-height: 20px;
}

h4 {
	padding: 0px 0 12px 0;
	margin: 0px 0 0 0px;
	font-size:12px;
	color:#666666;
	line-height: 20px;
}

h2.spacer, h1.spacer, h3.spacer {
	margin-top:15px;
}

p {
	text-align:justify;
	padding:0px 0px 0px 0px;
	line-height:19px;
}

p.grey strong {
	font-weight: bold;
	color:#555555;
}

p.clear{
	clear:both;
	padding:10px 0 0 0;
}

ul {
	margin: -10px 0 15px 18px;
}


li {
	text-align:justify;
	padding:0px 0px 0px 0px;
	line-height:19px;
	list-style-type:square;
}

form {
	border:0px solid #555555;
	margin:0px;
	padding:0px;
	display:inline;
}

.smaller {
	font-size: 10px;
}

/*----- logo_container -----*/

#logo_container{
	width:942px;
	height:65px;
	margin:0px;
	border-bottom:1px #999999 dashed;
}

#logo{
	padding: 0px 0 8px 5px;
	float:left;
	width:300px;
	height:60px;
	/* background:url(http://www.girokonto.biz/images/logo.gif) no-repeat top; */ 
}


/*----- header_container -----*/

.header_container{
	border-bottom:1px #999999 dashed;
	margin-top: 5px;
	padding: 0px;
	width:942px;
	height:300px;
	clear:both;
	background:url(http://www.girokonto.biz/images/shadow.gif) no-repeat top;
}

.header_content_container {
	display: inline;/* IE 6 Bugfix fuer falsche margins */
	width:842px;
	float:left;
	height: 165px;
	padding: 0 0 0 0;
	margin: 30px 50px 0px 40px;
}

.header_rechner {
	display: inline;/* IE 6 Bugfix fuer falsche margins */
	width:350px;
	float:left;
	height: 145px;
	padding:20px 0 0 0;
	margin: 0px 20px 0px 0px;
	/* border: 1px solid #999; 
	background-color: #94CB02; */
	background:url(http://www.girokonto.biz/images/green_bg.gif) repeat-x top;

}

.header_content {
	display: inline; /* IE 6 Bugfix fuer falsche margins */
	width:380px;
	height: 155px;
	float:left;
	padding: 0px 0 0 0;
	margin: 0px 0px 0px 90px;
	/* border: 1px solid #999; */
}

.header_container h1 {
	padding: 0px 0 15px 0;
	margin: 0px 0 0 10px;
	font-size:18px;
	color:#333333;
}


.header_image {
	float:left;
	padding:0px;
	border:6px solid #D4CFBB;
	margin:35px 30px 30px 113px;
}

p.header_text {
	color:#333333;
}

p.header_text_bold {
	color:#333333;
	font-weight: bold;
	font-size: 13px;
}

.header_teaser {
	width:auto;
	height:28px;
	margin: 0 0 0 90px;
	float:left;
	font-weight: bold;
	padding: 0 10px 0 10px;
	border: #D9D9D9 1px solid;
	background:url(http://www.girokonto.biz/images/button_bg.gif) repeat-x top;
	line-height:29px;
	text-align:center;
}

.header_teaser a {
	text-decoration:none;
	color:#FFFFFF;
}


/*----- content_container -----*/

#content_container {
	margin-top: 10px;
	width:auto;
	height:auto;
	clear:both;
}

/*----- wide_content -----*/

#wide_content {
	width:622px;
	height:auto;
	margin: 0px 10px 0 0px;
	float:left;
	padding:0px 0 0px 0;
}


.wide_content_teaser_container {
	height:auto;
	padding:0 0 20px 0;
	margin:0 10px 17px 10px;
	border-bottom:1px #999999 dashed;
}

/*----- narrow_content -----*/

#narrow_content {
	width:300px;
	height:auto;
	margin:0px 0px 0px 10px;
	float:left;
	padding:0px 0px 0px 0px;
}


.narrow_content_teaser_container {
	height:auto;
	width:auto;
	padding: 0 0 7px 0;
	margin: 0 10px 17px 10px;
	border-bottom:1px #999999 dashed;
}


/*----- narrow_content und wide_content -----*/

.teaser_container_mit_bg {
	border-top:1px #999999 dashed;
	height:auto;
	padding: 10px 10px 20px 10px;
	margin:0 10px 17px 10px;
	background:url(http://www.girokonto.biz/images/green_verlauf_bg.gif) repeat-x top;
}

.teaser_container_mit_grey_bg {
	border-top:1px #999999 dashed;
	height:auto;
	padding: 10px 10px 20px 10px;
	margin:0px 10px 17px 10px;
	background:url(http://www.girokonto.biz/images/grey_verlauf_bg.gif) repeat-x top;
}

p.grey {
	height:auto;
	padding: 15px 10px 15px 10px;
	margin:17px 0px 17px 0px;
	border-top: 1px #999999 dashed;
	border-bottom: 1px #999999 dashed;
	background:url(http://www.girokonto.biz/images/grey_verlauf_bg.gif) repeat-x top;
}

img.wide_content_teaser_container_image, img.narrow_content_teacer_container_image {
	border:1px #999999 solid;
	float:left;
	margin:5px 10px 0 0;
}


.wide_content_teaser_link, .narrow_content_teaser_link {
 	width: auto;
	height: auto;
	text-align: right;
	font-size: 12px;
	padding:0px 0px 0px 0px;
	margin: -8px 0px 0 10px;
}

.wide_content_teaser_link a, .narrow_content_teaser_link a {
	text-decoration:none;
	color:#7EB303;
	font-weight: bold;
	padding-left:17px;
}

.wide_content_teaser_link a:hover, .narrow_content_teaser_link a:hover {
	color:#94CB02;
}

.teaser_container_mit_bg  a {
	color:#446002;
}

.teaser_container_mit_bg a:hover {
	color:#446002;
}

.teaser_container_mit_bg  h1, .teaser_container_mit_bg h2, 
.teaser_container_mit_bg h3, .teaser_container_mit_bg h4 {
	color:#446002;
}

.teaser_container_mit_grey_bg  a {
	color:#333333;
}

.teaser_container_mit_grey_bg  a:hover {
	color:#333333;
}

.teaser_container_mit_grey_bg  h1, .teaser_container_mit_grey_bg h2, 
.teaser_container_mit_grey_bg h3, .teaser_container_mit_grey_bg h4 {
	color:#333333;
}

.teaser_ohne_border_bottom {
	border-bottom: 0px;
	margin-bottom:0px;
	padding-bottom: 8px;
}

.top_margin_spacer {
	margin:30px 0 0 0px;
}

/*------ right_nav ------*/

#right_nav {
	width:auto;
	height: auto;
	padding: 0 10px 10px 10px;
	border: 0px solid #999999;
	margin:0px;
}

#right_nav ul {
	list-style:none;
	margin: auto;
	display:block; 
	padding:0px;
}

#right_nav ul li {
	list-style:none;
	padding: 0 0 0 10px; 
	margin: 4px 0 4px 0;
	display:block;
	border-bottom: 1px #C6F14A dashed;
	width:auto;
	padding:0px;
	line-height:21px;
}

#right_nav ul li a {
	/* height: 225px; */
	text-decoration: none;
	color: #7EB3039;
	font-weight: bold;
	font-size: 13px;
}
	
/*---- footer -----*/

#footer {
 	clear:both;
	width: 942px;
	border-top: 1px #999999 dashed;
	height: 34px;
	color: #999999;
	float:left;
	background-color: #ffffff;
	display: inline; /* IE 6 Bugfix fuer falsche margins */
	margin: 20px 0 0 0px;
	padding: 0 0 0 0px;
}

.footer_links {
	text-align:left;
	padding: 10px 0px 0 0px;
	margin: 0px 0px 0 10px;
	color: #111;
	font-weight: normal;
}

.footer_links a {
 	text-decoration:none;
	color: #888888;
	font-weight: normal;
}

.footer_links a:hover {
	text-decoration:none;
	color: #333333;
	font-weight: normal;
}


/*---- bottom -----*/

#bottom {
 	clear:both;
	width: 942px;
	border: 0px solid #888;
	height: auto;
	color: #999999;
	float:left;
	background-color: #ffffff;
	display: inline; /* IE 6 Bugfix fuer falsche margins */
	margin: 20px 0 0 0px;
	padding: 0 30 0 30px;
}

.bottom_links {
	text-align:center;
	padding: 10px 0px 0 0px;
	margin: 0px 0px 0 10px;
	color: #999999;
	font-weight: normal;
}

.bottom_links a {
 	text-decoration:none;
	color: #999999;
	font-weight: normal;
	padding: 7px;
}

.bottom_links a:hover {
	text-decoration:none;
	color: #777777;
	font-weight: normal;
}


/*---- mainnav -----*/
#main-nav {
	float: left;
	margin-top: 24px;
	margin-left: 0px;
	font: 1.15em arial, helvetica, sans-serif;
	list-style: none;
	color: #333333;	
	font-weight: bold;
	width: 400px;
	/* border: #333 1px solid; */
	padding-left: 40px;
	
}

#main-nav a {
	color: #333333;	
	font-weight: bold;
}

#main-nav li {
	border-left: #888888 1px solid;
	float: left;
	position: relative;
	left: 0px;
	white-space: nowrap;
	z-index: 100;
	list-style:none;
}

#main-nav li:hover {
	border-left: solid 1px #7EB303;
}

#main-nav li li:hover {
	border-left: solid 0px #7EB303;
}

#main-nav li.last {
	border-right: #999999 1px solid;
}

#main-nav li a {
	cursor: pointer;
	display: block;
	padding: 0 1.0em;
	line-height: 2.4;
	text-decoration: none;
}


#main-nav li a.native, #main-nav li a:focus,
#main-nav li a:hover, #main-nav li a:active {
	background: #7EB303;
	color: #ffffff;	
}

#main-nav li:hover ul {
	display: block;
}

#main-nav li ul {
	background: #AAE400;
	border: 1px solid #9ABD0A;
	border-top: 0; 
	display: none;
	left: -1px;
	margin: 13px 0 0 0;
	min-width: 11.2em;
	overflow: visible;
	padding: 8px 0;
	position: absolute;
	top: 1.47em; /* abgestimmt auf main-nav font: 1.15em */
	white-space: nowrap;
	list-style:none;
}

* html #main-nav li ul {
	width: 13em;
	list-style:none;
}

#main-nav li li {
	background: none;
	border: 0;
	display: block;
	float: none;
	font-size: 0.95em;
	line-height: 1.6;
	font-weight: normal;
	list-style:none;
}
#main-nav li li a {
	background: none;
	color: #000000;
	line-height: 1.4; /* IE 6 Bugfix */
	margin: 0 1px;
	padding: 0.1em 8px !important;
	font-weight: normal;
	list-style:none;
}
* html #main-nav li li a {
	height: 1%;
}
#main-nav li li a.native,
#main-nav li li a:focus,
#main-nav li li a:hover,
#main-nav li li a:active,
#main-nav li li a:active {
	background: #7EB303 !important;
	/*color: #fff;*/
	text-decoration: none;
}
* html #main-nav li.hover ul { /* IE 6 Bugfix */
	display: block;
}
* html #main-nav li li { /* IE 6 Bugfix */
	display: inline;
	list-style:none;
}


/* ---- header_rechner Teaser ---- */

.header_rechner {
	display: inline; /* IE 6 Bugfix fuer falsche margins */
	width:310px;
	float:left;
	height: 160px;
	padding:0px;
	margin: 0px 20px 0px 0px;
	border: 0px solid #999; 
	/* background-color: #94CB02; */
	

}

#giro_rechner_teaser {
	border:0px solid #555555;
	width:290px;
	font-size: 12px;
	padding: 10px;
	background:url(http://www.girokonto.biz/images/green_bg.gif) repeat-x top;
}

#giro_rechner_teaser span.grey_font_bg {
	 background-color: #CDEA77;  /*#D9FA77; #AAE400;*/
}


#giro_rechner_teaser input.button {
	background-repeat:no-repeat;
	display:block;
	width:175px;
	height:32px;
	padding-bottom:1px;
	text-align:center;
	font-size:1.2em;
	color:#111111;
	cursor:pointer;
}

/* ---- giro_rechner_container ---- */

#giro_rechner_container {
	height:auto;
	border-top:1px dashed #999999;
	background:url(http://www.girokonto.biz/images/grey_verlauf_bg.gif) repeat-x top;
	margin: 0 10px 17px 10px;
}

#giro_rechner_head {
	border:0px solid #555555;
	width:582px;
	font-size: 12px;
	padding: 10px;


}

.giro_rechner_headline {
	padding: 15px 0 0 15px;
	color: #444444;
	font-size: 17px;
	font-weight: bold;
}

.giro_rechner_paragraph {
	margin: 0 15px 0 15px;
	padding: 12px 0px 12px 0;
	border-bottom:1px dashed #999999;
	font-size: 12px;
	line-height: 19px;
	font-weight: bold;
}



#giro_rechner_head td {
	border:0px solid #555555;
}

.formzelle {
	font-size: 12px; 
	color: #444444;
}

.grey_font_bg {
	background-color:#efefef;
	padding: 1px 6px 1px 6px;
}

#giro_rechner_head input.button {
	background-repeat:no-repeat;
	display:block;
	width:175px;
	height:32px;
	padding-bottom:2px;
	text-align:center;
	font-size:1.2em;
	color:#111111;
	cursor:pointer;
}

/* ---- Rechner Head Formular-Eigenschaften ---- */

.girokontorechner_zahlungseingang {
	width:55px;
	text-align:right;
	padding-right:2px;
}

.girokontorechner_guthaben {
	width:55px;
	text-align:right;
	padding-right:2px;
}

.girokontorechner_minus {
	width:55px;
	text-align:right;
	padding-right:2px;
}

.girokontorechner_berufsgruppe {
	width:120px;
}

.girokontorechner_guthabentage {
	width:45px;
	margin-right:10px;
}

.girokontorechner_minustage {
	width:45px;
	margin-right:10px;
}

/* ---- rechner ----- */

.kredit_table {
	margin:20px 10px 0 10px;
	clear:both;
	margin-bottom:25px;
	border:0px dashed #999999;
}

.kredit_table tr.top {
	background:url(http://www.girokonto.biz/images/green_small_verlauf.gif) repeat-x top;
	font-weight:bold;
	color:#ffffff;
	font-size:12px;
	padding: 5px 2px 5px 2px;
}
.kredit_table tr.top td {
	vertical-align:top;
	padding: 12px 5px 12px 5px;
	line-height: 16px;
	
}

.kredit_table tr.row_mit_bg {
	background:#ECECEC; 
	border-bottom: 1px #999999 dashed;
	/*  background:url(http://www.girokonto.biz/images/grey_small_verlauf.gif) repeat-x top; */
	font-size: 12px;
}
.kredit_table tr.row {
	background:#ffffff;
	font-size: 12px;
}

.kredit_table tr.row_mit_bg:hover {
	background: #E9FCB0; /*#eaeaea; */
}

.kredit_table tr.row:hover {
	background: #E9FCB0; /*#eaeaea; */
}

.normal {
	font-weight: normal;
	color: #555555;
}

.kredit_table tr.row_mit_bg td,
.kredit_table tr.row td {
	color:#000;
	text-decoration:none;
	height:25px;
	padding:5px;
	border-bottom:1px dashed #999999; 
}

.kredit_table a.link {
	color:#000000;
	text-decoration:none;
}

.input{
	float:left;
	margin-left:0px;
}

.small_bold {
	font-weight: bold;
	font-size: 0.9em;
}


.button {
	cursor:pointer;
}

form {
	display:inline;
}

select {
	border:1px inset;
}

.float_fix {
	height:auto;
	overflow:hidden;
	_height:0.1%;
	_overflow:inherit;
}

.clear_fix {
	height:0.1%;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.fussnote {
	text-align:left;
	padding:5px 0 0 0;
	color: #888888;
	font-weight: normal;
	font-size: 11px;
}