/************************************************

 main boxes

************************************************/



body{

	background-color:#BFBFBF;

	text-align: center;

}

input, textarea {

margin: 2px 3px;
margin-left: 0;
}


#container{

	width:834px;

	margin-top:20px;

	margin-left:auto;

	margin-right:auto;

	text-align: left;

}

#main{

	background-color:#ffffff;

	width:824px;

	float:left;

	border-top:1px solid #F6F6F6;

}



/* 

 * meta

 */

#meta{

	background-color:#eee;

	height:103px;

	width:784px;

	margin-left:20px;

	margin-right:20px;

	border-bottom:2px solid #CCCCCC;

	background-image:url(images/meta_back.gif);

	background-repeat:repeate-x;

	position: relative;

}

#metaimg {

	padding-top:7px;

	padding-left:8px;

	vertical-align:top;

}



#metanav {

	list-style-type:none;

	margin: 0px;

	margin-left:150px;

	position: absolute;

	bottom: 10px; 

	right:10px;

	padding-right:10px;

	padding-top:80px;

}

#metanav li{

	display:inline;

}



/* 

 * breadcrumb

 */

#breadcrumb {

	padding-top:3px;

	padding-bottom:3px;

	font-size:9px;

}

#breadcrumb #breadcrumblable{

	text-align: right;

	width:202px;

	float:left;

}

#breadcrumb #breadcrumbline{

	margin-left:222px;

}



/* 

 * left

 */

#left{

	width:182px;

	margin-left:20px;

	margin-right:10px;

	float:left;

}

* html #left {margin-left:10px;}



/* 

 * content

 */



#contentarea{

	margin-left:212px;

}



.contenthomepage {

	padding-left:9px;

	border-left:1px solid #CCCCCC;

	margin-bottom:10px;

}





#content{

	border:1px solid #CCCCCC;

	padding:9px;

}

#contentbox{

	margin-left:212px;

	margin-right:182px;

}

#right{

	width:154px;

	margin-right:20px;

	float:right;

}

* html #right {margin-right:10px;}

.clear  {
	clear: both;
}

#info{

	clear:both;

	text-align: center;

	padding-bottom:20px;

	padding-top:10px;

	font-size: 10px;

}



#contentfooter{

	padding:8px;

	border-left:1px solid #CCCCCC;

	border-right:1px solid #CCCCCC;

	border-bottom:1px solid #CCCCCC;

}

.contextshadow, #contentshadow{

	padding:0px;

	height:14px;

	background-image:url(images/box_bottom.gif);

	background-repeat:repeate-x;

}





.footer{

	font-size:10px;

}



/************************************************

 links / text

************************************************/



link, .link {

	color:#DE1A22;

}

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

a:link    { color: #DE1A22; font-weight:bold; text-decoration: none; }

a:visited { color: #DE1A22; font-weight:bold; text-decoration: none; }

a:hover   { color: #DE1A22; font-weight:bold; text-decoration: underline; }



.link          { font-weight:bold; }



.linkgray{

	color: #666666; 

}

a.linkgray         { color: #666666; text-decoration: none; font-weight:normal;}

a.linkgray:link    { color: #666666; text-decoration: none; font-weight:normal;}

a.linkgray:visited { color: #666666; text-decoration: none; font-weight:normal;}

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



/* nav-links */



a.linksubnav,a.metanavigation                  { color: #666666; text-decoration: none; font-weight:normal}

a.linksubnav:link,a.metanavigation:link        { color: #666666; text-decoration: none; font-weight:normal}

a.linksubnav:visited,a.metanavigation:visited  { color: #666666; text-decoration: none; font-weight:normal}

a.linksubnav:hover,a.metanavigation:hover      { color: #666666; text-decoration: none; font-weight:normal}



a.active         { color: #000000;  }

a.active:link    { color: #000000;}

a.active:visited { color: #000000;}

a.active:hover   { color: #000000;}



a.funktitle         { color: #000000;  }

a.funktitle:link    { color: #000000;}

a.funktitle:visited { color: #000000;}

a.funktitle:hover   { color: #000000;}



.linkimg img{

	border:0px;

}



body, tr, td, ul, li, ol, font, p, b, i, input {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}



h1 {

	color:#333333;

	font-size: 18px;

	font-weight:normal;

	padding:0px;

	margin:7px 0px;

}



h2 {

	font-size: 11px;

	padding-top:14px;

	padding-bottom:7px;

	margin:0px;

}





/************************************************

 nav

************************************************/

#navigation, #subnav1, #subnav2, #subnav3, #subnav4{

	list-style-type:none;

	margin:0px;

	padding:0px;

}

#subnav1{

	margin-top:-2px;

	border-bottom:1px solid #CCCCCC;

	margin-bottom: 7px;

}

* html #subnav2{ /*  */

	border-bottom:1px solid #CCCCCC;

}



#navigation li{

	margin:0px;

	margin-bottom:5px;

	padding:0px;

}



#navigation {

	border-bottom:1px solid #CCCCCC;

}



#subnav1 {

	background-color:#EBEBEB;

}



#subnav1 li{

	margin:0px;

	margin-bottom:-1px;

}



* html #subnav1 li {

	margin-bottom:0px;

}



.navcontent{

	padding-top:3px;

	padding-bottom:3px;

}



.navact {



}



#subnav1 .navcontent {

	padding-left:23px;

	border-bottom:1px solid #CCCCCC;

}



#subnav2 .navcontent {

	border-bottom-width:0px;

	padding-left:15px;

}



* html #subnav2 .navcontent {

	border-bottom-width:0px;

}



* html #subnav2 {

	border-bottom-width:0px;

}







/************************************************

 suche / login

************************************************/



#funktionen{

	margin-top:7px;

	border-bottom:1px solid #CCCCCC;

}



#suche, #login {

	background-image:url(images/function_back.gif);

	padding:10px 5px;



	margin-bottom:7px;

}

#suche form{

	margin:0px;

	padding:0px;

}



.funktitle {

	font-weight:bold;

	width:140px;

}

#login .funktitle, .funkinput{

	float:left;

}

.funkinput input {

	width:140px;

}

.funksubmit{

	float: none;
	text-align:right;
	padding-right: 0px;

}

.funksubmit img {
	position: relative;
	left: -2px;
	z-index: 5;
}


#login .funksubmit {

	margin-top:4px;

}





/************************************************

 right

************************************************/



.contexttitle {

	padding-left:8px;

	padding-top:4px;

	border:2px solid #CCCCCC;

	background-image:url(images/context_title_back.gif);

	color:#ffffff;

	font-weight:bold;

	height:18px;

}

* html .contexttitle{

	height:18px;

}

.contextcontent {

	padding:8px;

	border-left:2px solid #CCCCCC;

	border-right:2px solid #CCCCCC;

	border-bottom:2px solid #CCCCCC;

}

.contextbox {

	margin-bottom:10px;

}

.contextborder {

	border-left:2px solid #CCCCCC;

	border-right:2px solid #CCCCCC;

	border-bottom:2px solid #CCCCCC;

	padding:7px;

	margin:0px;

}





/************************************************

 content (-box)

************************************************/











/************************************************

 content

************************************************/





#indexcontent{

	margin-left:212px;

	margin-right:20px;

}

#startteasers td{

	vertical-align:top;

}

#indexcontent #info{

	margin-left:10px;

}



#keyvisual, #introtext, #startteasers{

	padding-left:10px;

	border-left:1px solid #CCCCCC;

}



* html #startteasers {

	margin-top: -7px;

}



#keyvisual,#introtext{

	margin-bottom:20px;

}

* html #keyvisual img{

	margin-left:-2px;

	margin-right:-2px;

}



#startteasers hr, .hr, #content hr, #content_print hr, .contextborder hr {

	height:1px;

	color:#CCCCCC;

	background-color:#CCCCCC;

	border:0px solid #FFFFFF;

}



.hr {

	margin-top: -3px;

	margin-left: 10px;

}



* html .hr {

	margin-top: -10px;

}



#service hr {

	margin-top:15px;

	margin-bottom:10px;

}



#service{

	width:222px;

}



.serviceentry{

	position:relative;

}

.serviceimg{

	position:absolute;

	top:0px;

	left:-20px;

	z-index:10;

}

* html .serviceimg{

	left:-20px;

}

.servicetext{

	position:relative;

	z-index:50;

	margin-left:40px;

}



#smi, #navibanner {

	padding-top: 6px;

	padding-bottom: 14px;

}



* html #smi, * html #navibanner {

	padding-top: 9px;

	padding-bottom: 11px;

}



#smigraph {

	padding:5px 0px;

	text-align:center;

	border:1px solid #99569D;

	border-top-widht:0px;

}



/*

div{

	border:1px solid black;

}

*/

div.overviewteaser {

	height: 23px;

	width: 30px;

	background-image: url(images/teaseroverviewnr.gif);

	background-repeat: no-repeat;

	text-align: center;

	padding-top: 7px;

	font-size:11px;

	color: #FFF;

	font-weight:bold;

}



div.overviewteasertext {

	position:relative;

	top: -31px;

	z-index:10;

	margin-left: 35px;

}



* html div.overviewteasertext {

	margin-left: 35px;

}



.red {

	color: #F00;

}





/************************************************

 download

************************************************/

#content .downloadtext {

	display:block;

	float:left;

	margin-bottom:5px;

}

.contextborder .downloadtext {

	float:right;

	display:block;

	width:114px;

	margin-bottom:5px;

}

.downloadicon {

	float:left; display:block; width:20px;

}



#content hr, .contextborder hr  {

	margin-top: 5px;

}



/************************************************

 seitentitel

************************************************/



h1.pagetitle15 { /* Ihre Bank EEK */

	color: #AA050A;

	margin-top: 0px;

}



h1.pagetitle16 { /* Sparen & Vorsorge */

	color: #AA3D72;

	margin-top: 0px;

}



h1.pagetitle17 { /* Anlegen & Börse */

	color: #824785;

	margin-top: 0px;

}



h1.pagetitle18 { /* Finanzplanung */

	color: #587596;

	margin-top: 0px;

}



h1.pagetitle19 { /* Finanzieren */

	color: #0291A2;

	margin-top: 0px;

}



h1.pagetitle20 { /* Zahlungsverkehr */

	color: #467784;

	margin-top: 0px;

}



h1.pagetitle21 { /* eBanking */

	color: #457B6A;

	margin-top: 0px;

}





div.bottomline {

	border-top: 1px solid #CCC; margin: 37px -10px 7px -10px;

}



* html div.bottomline {

	border-top: 1px solid #CCC; margin: 37px -11px 7px -10px;

}



/************************************************

 formgen

************************************************/

.formgen {

	font-size:11px;

}



input.button {

	border: 1px solid #000000;

	background-color: #F5F5F5;

}



table.require label.require {

	color: red;

}

div.eek_content {
	display: block;
	float: none;
}

div.eek_download  {
	display: block;
}

/* -----------------------------------------------------------------------

	contens intern

----------------------------------------------------------------------- */

.remark				{ color: #009060; font-style: italic; font-weight: normal; }

.errortext			{ color: #FF0000; font-style: normal; font-weight: bold; }


#smigraph img {
	border: 0px;
}