/*--------------------------------------------------------------------*/
/* <GENERAL SETUPü> */

html, body {
	height: 100%;
	
}

body, div, span, p, tr, td, .avtext ,textarea{
	color: #333333; 
	font-family: Arial, Verdana, Helvetica; 	
}


body {
	background-color: #ABBDC0; 
	margin: 0px; 
	padding: 0px; 
}

div, h1, h2, h3 {
	overflow: visible; 
	position: static;
	margin: 0px; 
	padding: 0px; 
}

h1.avtext, h2.avtext, h3.avtext, h4.avtext, h5.avtext {	
	margin: 0px; padding: 0px;
} 

.avtext img {
	vertical-align: -2px;	
}

.teaser_headline img {
	vertical-align: -2px;
}

img {
	border: none;
}

a, a:hover, a:active {
	font-family: Arial, Verdana, Helvetica;  
	color: #CC0000; 
	text-decoration: none;
}

a.avtext, a.avtext:hover, a.avtext:active{
	color: #CC0000; 
	text-decoration: underline;
}

.content-spalte-links-container a, .content-spalte-links-container a:hover, .content-spalte-links-container a:active{
	color: #CC0000; 
	text-decoration: underline;
}

a span.avtext{
	color: #CC0000; 
}

a.link-box, a.link-box:hover, a.link-box:active, .link-box {
	color: white; 
	
}

h1, h1 span{
	background-color: transparent; 
	color: #C7191E;  
	font-weight: normal; 
	padding: 0px; 
	margin: 0px;
}

h2, h2 span{
	background-color: transparent; 
	color: #C7191E; 
	font-weight: normal; 
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

.text-spalten h2 {
	font-weight: normal;
	font-size: 11pt;	
}

h3, h3 span {
	background-color: transparent; 
	color: #C7191E; 
	font-weight: bold; 
	padding: 0px; 
	margin: 0px;
}

h1 span.avtext, h2 span.avtext, h3 span.avtext {
	color: #C7191E; 	
}

p, span, td p.avtext{
	margin: 0px; 
	padding: 0px;
	background-color: transparent; 
}


strong, b, table, td p, p  p, p p p, p p p p {
	background-color: transparent; 

}

.text-und-bild-LEFT{
	float: left; padding-right: 10px; 
}


/* </GENERAL SETUP> */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* <TABELLEN UND BILDER> */

.table-zeile1, .table-spalte1{
	background-color: #DDE5E6 !important; 
	padding: 4px 0px 4px 10px;
}

.table-zeile-ungerade{
	background-color: #EEEEEE; padding: 4px 0px 4px 10px;
}

.table-zeile-gerade{
	background-color: #FFFFFF; padding: 4px 0px 4px 10px;
	
}
	
.image-left{
	text-align: left;
	margin: 10px 0px 10px 0px;
}

.image-right{
	text-align: right;
	margin: 10px 0px 10px 0px;
}

.image-none{
	margin: 10px 0px 10px 0px;
}

.image-center{
	text-align: center;
	margin: 10px 0px 10px 0px;
}



/* </TABELLEN UND BILDER> */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/*  <ROTE BOX> */

.link-box-container{
	margin-top: 0; 
	margin-left: 20px; 
	padding-top: 20px;
}

.link-box-container ul{
	margin: 0px; 
	padding: 0px; 
	list-style: none;
	list-style-image: none;
	
}
.link-box-container ul li{
	margin: 0px; 
	padding-left: 20px; 
	background-image: url("../images/arrow_red_bg.gif" ); 
	background-repeat: no-repeat; 
	background-position: 0px 6px;
}

.link-box-box{
	padding-left: 20px; 
	background-image: url("../images/arrow_red_bg.gif" ); 
	background-repeat: no-repeat; 
	background-position: 0px 8px;

}

/*  </ROTE BOX> */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* <LISTEN> */

ol.list-style-type{
	color: red;
}



li{
	border: none; 
	padding: 0px; 
	margin: 0px;
}

ul{
	list-style-image: url( "../images/li_grey.gif" ); 
	padding: 0px;
	margin: 0px;
	padding-left: 10px;	
}
ul li.none {
    list-style-image: none;
    list-style-type: none;
}

/* </LISTEN> */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* <DOWNLOADS & MORE LINKS> */

.more_links {
	margin-bottom: 10px;
	margin-left: 20px;	
}

.more_links ul{
 	margin: 10px 0px 10px 0px;
}

.more_links .avtext {
	margin: 0 0 10px 0;	
}

.more_links .title{
	font-weight: bold;
}

.more_links .title_red{
	font-weight: bold; 
	color: #C7191E;
}

.more_links_left ul{
 	margin: 10px 0px 10px 0px;
}

.more_links_left p{
	padding-bottom: 2px;	
}

.more_links_left .title{
	font-weight: normal;
	font-size: 11pt; 
	color: #C7191E;
}

.arrow_link_white{
	margin: 0px; 
	padding-left: 9px; 
	background-image: url("../images/arrow_white_bg.gif" ); 
	background-repeat: no-repeat; 
	background-position: 0px 4px;
}

.arrow_link_grey{
	margin: 0px; 
	padding-left: 10px; 
	background-image: url("../images/arrow_grey_bg.gif" ); 
	background-repeat: no-repeat; 
	background-position: 0px 4px;
}

.downloads1{
	margin: 10px 0px 10px 0px;
}

.downloads2{
	margin-bottom: 20px;
}


.downloads2 .div1{
	float: left; margin-right: 50px;
}

.downloads2 .div2{
	position: relative; top: 2.5em;
}

.downloads .div3{
	
}

.downloads3{
	margin: 10px 0px 10px 0px;
}
.downloads3 a{
	text-decoration: none;
}

/* </DOWNLOADS & MORE LINKS> */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* <SERVICE NAVIGATION> */



#serv-nav {
	height: 60px; 
	padding: 0px 0px 0px 0px;
}

#serv-nav div{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	position: relative;
}

#serv-nav div ul {
	margin: 0px; 
	padding: 0px;
}
	
#serv-nav div ul li {
	margin: 0px; 
	display: inline; 
	margin-left: 10px;
}


/* </SERVICE NAVIGATION> */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* <HAUPT NAVIGATION> */

#main-nav {
	background-color: #DDE5E6; 
	height: 50px;
	padding: 5px 0px 0px 0px;
	
}

#main-nav ul {
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 0px 10px;
}
	
#main-nav ul li {
	margin: 0px 0px 0px 15px; 
	display: inline; 
}

#main-nav ul li a span{ 
	text-indent: -20px;
}

/* </HAUPT NAVIGATION> */
/*--------------------------------------------------------------------*/


/*--------------------------------------------------------------------*/
/* <SUB NAVIGATION> */

.sub_menu_1_n {
	color: #333333; 
	font-weight: bold;
}
.sub_menu_1_a {
	color: #C7191E; 
	font-weight: bold;
}

.sub_menu_2_n, .sub_menu_3_n, .sub_menu_4_n {
	color: #333333; 
}
.sub_menu_2_a .sub_menu_3_a, .sub_menu_4_a {	
	color: #C7191E; 
}


#sub-nav {
	margin: 0 0 0px 20px;
	overflow: hidden;
	/*border: 1px dotted red;*/
}
#sub-nav div{
	margin: 15px 0 5px 0;
	/*border: 1px dotted green;*/
}

#sub-nav ul {
	margin: 0 0 0 0; 
	padding: 0px;
	list-style: none;
	list-style-image: none;
	/*border: 1px dotted blue;*/
}

#sub-nav .ul_start {
	margin: 0 0 40px 0; 
	padding: 0px;
	list-style: none;
	list-style-image: none;
	/*border: 1px dotted pink;*/
}

#sub-nav ul li {
	background-position: 0px 5px; 
	background-repeat: no-repeat; 
	margin: 0px; 
	padding: 0px 0px 0px 10px; 
	background-image: url("../images/arrow_white_bg.gif" );
}



#sub-nav ul li ul {
	list-style: none;
	
}

#sub-nav ul li ul li {
	background-position: 0px 5px; 
	background-repeat: no-repeat; 
	margin: 0px; 
	padding: 0px 0px 0px 10px; 
	background-image: url("../images/stripe_white_bg.gif" );
}
	
#sub-nav ul li ul li ul li ul {
	list-style: none;
}

#sub-nav ul li ul li ul li ul li {
	background-position: 0px 5px; 
	background-repeat: no-repeat; 
	margin: 0px; 
	padding: 0px 0px 0px 10px; 
}


/* </SUB NAVIGATION> */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* <BREADCRUMB TRAIL> */

.breadcrumb_container {
	height: 20px; 
	color: #818D8F;
	background-color: #DDE5E6; 
	width: 715px;
	padding: 5px 0px 0px 0px;
}
.breadcrumb_container ul {
	display: inline; 
	margin: 0px 0px 0px 10px; 
	padding: 0px;
}

.breadcrumb_container li{
	display: inline; margin:0; padding:0;
}

.breadcrumb, a.breadcrumb, a.breadcrumb:hover, a.breadcrumb:active, #tx {
	color: #818D8F; 
}


/* </BREADCRUMB TRAIL> */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* <CONTENT AREA> */


.news_date{
 	font-weight: bold;
}

.bildunterschrift{
	color: #999999;
}

.adressblock{
 	margin: 10px 0px 10px 0px;
}

.block{
	float: left;
	width: 240px;
}

.block .head{
	padding: 3px 5px 0px 5px;
	background-color: #DDE5E6;
}

.block .head h2{
	color: black; font-weight: bold;
}

.block .foot{
 	background-color: white;
	padding: 3px 5px 5px 5px;
}




/* </CONTENT AREA> */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* <FORMULARE> */

.form-container table{
	width: 460px;
	border: 0px solid green;
}

.form-container table div{
	position: static;
}

form {
	margin: 0px 0px 0px 0px; padding: 0px;
}

input, option, textarea{
	padding: 0px 0px 0px 3px;
	margin: 0px; 
	color: #738082;
}
.type_button{
	background-color: #e0dfe3;
}

li input {
	border: none;	
}

textarea{
	height: 150px;
}

input{
	border: 1px solid #ABBDC0; 
}

input#queries{
	border: 2px solid #CC0000; 
}

input.multi-formular {
	text-decoration: none; 
} 

div.multi-formular-field-container {	
	padding-top: 5px; padding-bottom: 3px;
} 

div.multi-formular-one-row-container, div.multi-formular-two-row-container {
	padding-top: 5px; padding-bottom: 3px;
} 



.multi-formular-one-row-container{
	border: 0px solid red;
	width: 150px;
}

div.multi-formular-button {
	text-decoration: none; 
} 

div.multi-formular-error {
	padding-bottom: 5px; color: #BB0000;
}

.form-container input, .form-container textarea, .form-container select{
	width: 300px;
}

.form-container select{

	width: 307px;
}
input.checkbox {
	border: 0px solid red;
	width: 20px;
}

input.multi-formular-button{
	width: 100px;
}

/* </FORMULARE> */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* <SPRACHAUSWAHL> */


#fontgroesse {
	margin: 0px; 
	padding: 0px;
}

.searchcontainer {
	z-index: 10; 
	margin: 0px;
	float: left;
}


.searchcontainer form {
	padding: 0em; 
	margin: 0px 0px 0px 10px;
}

.searchcontainer input {
	font-size: 8pt; 
	width: 60px;
}

#search_go {
	padding-top: 0px;
	width: 13px; 
	height: 13px; 
	border: none;
}
.search_go{
	padding-top: 0px;
	width: 13px; 
	height: 13px; 
	border: none;
}

#sprachauswahl {

	border: 0px solid red; 
	text-align: right;
}

#sprachauswahl #animate {
	margin-right: 10px; 
}

#sprachauswahl #go {
	margin-right: 10px; 
}

#sprachauswahl #lang_switch {
	visibility: visible; 
	z-index: 5; 
	border: 0px solid green; 
	margin-top: 5px;
	float: right;
	width: 150px;
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: transparent; 

}

#lang_switch ul { 
	padding: 0; 
	margin: 0;
}

#lang_switch img {
	display: inline;  
	padding: 0; 
	margin: 0;
}

img.lang_trenner {
	margin: 0px 0px 30px 0px;
}





/* </SPRACHAUSWAHL> */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* <NICHT SICHTBARE ELEMENTE> */

ul.invisible {
	padding: 0px; 
	margin: 0px; 
	list-style-image: none; 
	list-style: none;	
}


li.invisible{
	margin: 0px; 
	padding: 0px;
	list-style-image: none; 
	list-style: none;	
}

.hide {
	height:1px;
	left: 0px;
	overflow:hidden;
	position:absolute;
	top:-9990px;
	width:1px;
}

/* </NICHT SICHTBARE ELEMENTE> */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/*  <SPECIAL> */

#logo {
	margin-left: 20px;
	margin-top: 20px;
}

#logo ul{
	padding: 0; margin: 0; list-style-image: none; list-style: none;
}


.job_item{
	
}

.job_item_number{
	font-weight: bold;
}

.job_item_link{
	font-weight: bold; 
	text-decoration: underline;
}


#root{
	position: absolute; z-index: 7; top: 0; left: 0;
}

.clear {
	clear: both;
}

#tx {
	color: #333333; 
	font-weight: normal;
	
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.blb {
	background-color:#FCAA58; 
	border:1px solid #145b9f; 
	font-weight:bold; 
	
}

nobr a img {
	width: 18px;
	height: 17px;
}

.trennlinie {
	height: 1px; 
	border-top: 1px solid #D3DDDE; 
	margin: 20px 0px 20px 0px;

}

#print_button {
	margin: 0px 0px 3px 20px; 
	padding: 0px 0px 0px 0px; 
	border: none;
}

#link_button{
	margin: 0px 0px 3px 20px; 
	padding: 0px 0px 0px 0px; 
	border: none;
}

#favorite_button{
	margin: 0px 0px 3px 20px; 
	padding: 0px 0px 0px 0px; 
	border: none;
}

#rss_button{
	margin: 0px 0px 3px 20px; 
	padding: 0px 0px 0px 0px; 
	border: none;
}

.left-text {
	text-align: left;
}
.center-text {
	text-align: center;
}
.right-text {
	text-align: right;
}

/*  </SPECIAL> */


p.avtext {
	margin: 0px; padding: 0px;
} 

a.avtext, a.avtext:hover, a.avtext:active{
	color: #CC0000; 
	text-decoration: underline;
}

a span.avtext{
	color: #CC0000; 
}
.flag_img{
	width:80px;
    height: 50px;
}
/* Allgemeine Definition fuer leere Tabelle (+def fuer eShops) */
table.emptyTable, table.emptyTable td, table.styletable, table.styletable td, table.styletable_small, table.styletable_small td, table.footer, table.footer td, table.checkBoxAndRadio, table.checkBoxAndRadio td{
	background-color:transparent;
	border-bottom:none;
	padding:0;
	border-spacing:0;	
}

/* Definition fuer Tabellen mit 36.5em Breite  (wie bei eShops) */
table.styletable{ /*, table.styletable td, table.styletable tr {*/
	width:36.5em;
	padding-bottom:0.1em;
}

	
/* Definition fuer Tabellen mit 32.5em Breite  (wie bei meisten Formularen) 
     Dieser Style wird benötigt da die große Schriftart ansonsten Probleme macht
*/
table.styletable_small{ /*, table.styletable td, table.styletable tr {*/
	width:32.5em;
	padding-bottom:0.1em;
}

/* Definition fuer Tabellen die im Content liegen */
table.contenttable {
	width:100%;
}

.checkBoxAndRadio {
	border: none;
}


/*news*/
table#newsliste {
 
}
table#newsliste tr:hover {
	background-color: #dde5e6 !important;
}
table#newsliste  a {
	color: #000000;
}
table#newsliste  a:hover {
	color: #CC0000;
}
table#newsliste  td.head_row{
	background-color: #DDE5E6 !important; 
	padding: 1px 4px 1px 3px;
}
/*übersichts seite KursInfo & Zinsen*/
.div_out{
	width:100%;
	position:relative;
	float:left;
}
.div_in_left{
	width:48%;
	float:left;
	margin-right:10px;
}
.div_in_right{
	width:48%;
	position:relative;
	float:right;
}
.div_in_wide{
	width:100%;
}
/*GALERIE*/
table.galerie{
	background-color:transparent;
	border-bottom:none;
	padding:0;
	border-spacing:0;	
}

table.galerie td{
	text-align: center; 
	background-color:transparent;
	vertical-align: middle;
	height:100%;
}
table.galerie div{
	min-height:96px;
	vertical-align: middle;
	text-align:center;
	margin:10px 10px 0px 0px;
}
.umfliessen{
	padding-right: 7px; 
	float: left;
}

table.diashow{
	width:460px;
	height=30px;
	cellpadding:0; 
	cellspacing:0;
	height:30px;
}
table.diashow td{
	text-align:right;
	vertical-align:middle; 
}
/*kursInfo Suche*/
#searchDetail{
	width: 100%; 
	position: relative; 
	float: left;
}
#searchNavTop{
	position: relative; 
	float: left; 
	width: 100%;
}
#searchRes{
	position: relative; 
	float: left; 
	width: 100%;
}

table.common_table{
	border-collapse: collapse;
	background-color: transparent; 
}

table.common_table td{
	background-color: #FFFFFF; 
	padding: 4px 5px 4px 10px;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	border-bottom: 1px solid #CCCCCC;
}

table.common_table  td.head_row{
	background-color: #DDE5E6 !important; 
	/*padding: 4px 0px 4px 10px;*/
	padding: 4px 0px 4px 10px;
}
table.common_table  a,table.common_table  a:hover,table.common_table  a:active {}

.hotword  a,.hotword  a:hover,.hotword  a:active,  .hotword  a:visited{
	text-decoration: none;
	color: #000000;
	cursor:default;
}

p.sitemap{
	margin-top:20px;
    margin-bottom:10px;
}
ul.sitemap_ul{
	list-style-image: url("../images/arrow_grey_bg.gif" ) !important;
	margin: 0px;
	padding-left: 18px;	
}

a.sitemap_level1, a.sitemap_level1:active {
	font-family: Arial, Verdana, Helvetica;  
	color: #000000; 
	text-decoration: none !important;
	font-weight:bold;

}
a.sitemap_level1:hover{
	font-family: Arial, Verdana, Helvetica;  
	color: #CC0000; 
	text-decoration: none !important;
	font-weight:bold;

}
a.sitemap_level2, a.sitemap_level2:hover, a.sitemap_level2:active {
	font-family: Arial, Verdana, Helvetica;  
	color: #CC0000; 
	text-decoration: none !important;
	font-weight:bold;
	
}
a.sitemap_level3, a.sitemap_level3:hover, a.sitemap_level3:active {
	font-family: Arial, Verdana, Helvetica;  
	color: #CC0000; 
	text-decoration: none !important;
	
	
}
a.sitemap_level4, a.sitemap_level4:hover, a.sitemap_level4:active {
	font-family: Arial, Verdana, Helvetica;  
	color: #CC0000; 
	text-decoration: none !important;
	

}
a.sitemap_level5, a.sitemap_level5:hover, a.sitemap_level5:active {
	font-family: Arial, Verdana, Helvetica;  
	color: #CC0000; 
	text-decoration: none !important;
}

/* Konditionen */
.viertel {
	width: 25%;
}

.siebtel {
	width: 14.25%;
}