@charset "utf-8";
/*------------------------------------------------------------------
Project:		Hypo OÖ
Layout:			hypo.at (frontdoor19)
Directory:		/eBusiness/hypoooe/css/
Last change:	12/01/10 
Edit:			lrcukig

Imports:
-------------------------------------------------------------------*/
@import url("clear.css");
@import url("layout.css");
@import url("newsletter.css");
@import url("alert.css");
@import url("styleswitch.css");

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

body{
	background:url(../images/body.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5% ;
	color:#323232;
	line-height:normal;
}

input,
select,
textarea{font:11px Arial, Helvetica, sans-serif;}

#case{
	background:url(../images/page-holder.gif) repeat-y;
}


.background{
	background:url(../images/bg.gif) no-repeat;
}

div.close {
	background-color:#4170AB !important;
	color: #FFF !important;
	border-top: 1px solid #FFF;
}



/* Metanavigation
********************************************************************************************/
#meta{
	background:url(../images/top-row.gif) repeat-x left bottom;
}

#metanav  li{
	background:url(../images/main-navig-separator.gif) no-repeat 0 50%;

}

#metanav  a{
	font-size:12px;
	color:#20579c;
	text-decoration:none;
}

#metanav li:hover a,
#metanav li.hover a,
#metanav a:focus,
#metanav .active{
	background:url(../images/main-navig-a.gif) repeat-x 0 100%;
}

#metanav .sub  ul{
	background:url(../images/meta-drop.png) no-repeat;
	list-style:none;
}

#metanav .sub span{
	background:url(../images/drop-empty.png) no-repeat;
}

#metanav .sub ul li{
	background:url(../images/drop-bullet.gif) no-repeat 17px 50%;
}

#metanav .sub ul li a{
	background:none;
	font-size:11px;
	color:#20579c;
	cursor:pointer;
}

#metanav .sub ul a:hover,
#metanav .sub ul a:focus{text-decoration:underline;}


.search label{
	font-size:12px;
	color:#20579c;
}

.search span{
	background:url(../images/search-string.gif) no-repeat;
}

.search span input{
	background:none;
}

.search .submit{
	background:url(../images/search-submit.gif) no-repeat;
	border:0;
	text-indent:-9999px;
	cursor:pointer;
}


/* Zielgruppennavigtion 
********************************************************************************************/

#targetgroup {
	background:url(../images/add-navig.gif) repeat-x;
}

#tgnav{
	list-style:none;
}

#tgnav li{
	background:url(../images/add-navig-separator.gif) no-repeat 0 50%;
}

#tgnav a{
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

#tgnav li:hover a,
#tgnav li.hover a,
#tgnav a:focus,
#tgnav .active{
	background:url(../images/add-navig-a.gif) no-repeat;
}

#tgnav .sub ul{
	background:url(../images/tg-drop.png) no-repeat;
	list-style:none;
}

#tgnav .sub span{
	background:url(../images/drop-empty.png) no-repeat;
}

#tgnav .sub ul li{
	background:url(../images/drop-bullet.gif) no-repeat 17px 50%;
	line-height:normal;
}

#tgnav .sub ul a{
	background:none;
	font-size:11px;
	color:#20579c;
	cursor:pointer;
}

#tgnav .sub ul a:hover,
#tgnav .sub ul a:focus{text-decoration:underline;}

.calculator label{
	background:url(../images/calc-icon.gif) no-repeat 0 50%;
	font-size:12px;
	line-height:18px;
	color:#C39D11;
}

/* Content
********************************************************************************************/

#content{
	background:url(../images/content.gif) repeat-x;
}

/* Pfadanzeige
************************************************************/
.navpath{
	font-size:10px;
	line-height:18px;
	color:#20579c;
}

.navpath ul{
	line-height:18px;
	list-style:none;
}

.navpath ul li{
	background:url(../images/navpath-bullet.gif) no-repeat 0 60%;
}

.navpath ul a{
	color:#20579c;
	text-decoration:none;
}

.navpath ul a:hover,
.navpath ul a:focus{
	text-decoration:underline;
}

/* leftnav
************************************************************/
.left{
	background:url(../images/left-shadow.gif) no-repeat;
}

.fin{
	background:url(../images/dashed-x.gif) repeat-x 0 100%;
}

.fin h3{
	background:url(../images/fin-icon.gif) no-repeat 10px 3px;
	font-size:16px;
	line-height:21px;
	color:#20579c;
	font-weight: bold;
}

.left-nav ul{
	list-style:none;
}

.left-nav ul li{
	font-size:12px;
}

.left-nav ul a{
	background:url(../images/arrow-bullet.gif) no-repeat 14px 10px;
	color:#20579c;
	text-decoration:none;
}

.left-nav ul a:hover,
.left-nav ul a:focus,
.left-nav ul .active a{
	background:#4673ad url(../images/left-nav-rollover.gif) no-repeat 14px 10px;
	color:#fff;
}

.left-nav .active ul a{
	background:url(../images/left-nav-drop-bullet.gif) no-repeat 35px 10px;
	color:#323232;
}

.left-nav ul ul{
	background:#e2e9f2;
	list-style:none;
}

.left-nav ul ul li:first-child{border:0;}

.left-nav ul ul li{
	border-top:1px solid #d1dceb;
	font-size:11px;
}

.left-nav ul ul a,
.left-nav ul ul .active a,
.left-nav ul ul a:hover,
.left-nav ul ul a:focus{
	background:url(../images/left-nav-drop-rollover.gif) no-repeat 35px 11px !important;
	color:#20579c;
}

.left-nav ul ul .active ul a{
	background:none !important;
	color:#323232;
}

.left-nav ul ul ul{
	background:#d1dceb;
}

.left-nav ul ul ul li{
	font-size:11px;
}

.left-nav ul ul ul a{
	background:none !important;
}

.left-nav ul ul ul .active a,
.left-nav ul ul ul a:hover,
.left-nav ul ul ul a:focus{
	color:#20579c;
	background:url(../images/left-nav-drop-rollover.gif) no-repeat 51px 10px !important;
}

.left-banner{
	background:transparent url(../images/dashed-x.gif) repeat-x scroll 0 0;
}

.left-banner h3{
	background:url(../images/icon_info.gif) no-repeat 8px 1px;
	font-size:16px;
	line-height:21px;
	color:#20579c;
	font-weight: bold;
}
/* Middle
************************************************************/
.middle a,
.middle-large a{
	text-decoration:none;
	color: #20579C;
}

/* Teaser Boxen
************************************************************/
.teaser-box{
	list-style:none;
}

.teaser-box li{
	/*background:url(../images/teaser-list-bg.png) no-repeat;*/
}

.teaser-box div{
	background-color:#4170AB;
}

.teaser-box .more{
	background:url(../images/teaser-more.gif) no-repeat;
}

.teaser-box strong{
	color: #FFF;
	font-size: 14px;
	text-indent:-9999px;
}

.dashed-border {
	background:transparent url(../images/dashed-x.gif) repeat-x scroll 0 0;
}

/* Teaser News
************************************************************/

.news-teaser .icon-bauen-wohnen{
	background:url(../images/teaser/bauen_wohnen.gif) no-repeat 0px 3px;
}

.news-teaser .icon-immobilien{
	background:url(../images/teaser/immobilien.gif)  no-repeat 0px 3px;
}

.news-teaser .icon-konto-karten{
	background:url(../images/teaser/konto_karten.gif) no-repeat 0px 3px;
}

.news-teaser .icon-leasing-kredit{
	background:url(../images/teaser/leasing_kredit.gif)  no-repeat 0px 3px;
}

.news-teaser .icon-news{
	background:url(../images/teaser/news.gif)  no-repeat 0px 3px;
}

.news-teaser .icon-sparen{
	background:url(../images/teaser/sparen.gif)  no-repeat 0px 3px;
}

.news-teaser .icon-versicherung{
	background:url(../images/teaser/versicherung.gif)  no-repeat 0px 3px;
}

.news-teaser .icon-wertpapiere{
	background:url(../images/teaser/wertpapiere.gif)  no-repeat 0px 3px;
}

.news-teaser .news{
	font-size:11px;
	list-style:none;
}

.news-teaser .heading strong{font-weight:bold;}

.news-teaser .heading a{
	color:#20579c;
	text-decoration:none;
}

.news-teaser .heading a:hover,
.news-teaser .heading a:focus{
	text-decoration:underline;
}

.news-teaser .more{
	background:url(../images/arrow-bullet.gif) no-repeat 0 50%;
	color:#20579c;
	text-decoration:none;
}

.news-teaser .more:hover,
.news-teaser .more:focus{
	text-decoration:underline;
}

/* Rechter Servicebereich
**************************************************************************************/

.sub-box{
	background:#bccce1;
}

.elba{
	background:url(../images/elba.gif) no-repeat;
	font-size:12px;
	line-height:14px;
	color:#20579c;
}

.elba a{
	color:#20579c;
	text-decoration:none;
}

.service-box{
	color:#20579c;
}

.service-box .icon-about{
	background:url(../images/icon-quest.gif) no-repeat 8px 10px;
}

.service-box .icon-calc{
	background:url(../images/icon-calculator.gif) no-repeat 8px 10px;
}

.service-box .icon-service{
	background:url(../images/icon-service.gif) no-repeat 8px 10px;
}

.service-box .icon-download{
	background:url(../images/icon-download.gif) no-repeat 8px 10px;
}

.service-box .icon-link{
	background:url(../images/icon-link.gif) no-repeat 8px 10px;
}

.service-box .icon-contact{
	background:url(../images/icon-contact.gif) no-repeat 8px 10px;
}

.service-box .headline{
	background-color:#3E6EAA;
}

.service-box .headline h3{
	font-weight: bold;
	font-size:12px;
	color:#FFF;
}

.service-box .contact{
	background:#BCCCE1;
	font-size:12px;
	line-height: 16px;
}
.service-box .contact a{
	background:none;
	text-decoration:underline;
}

.service-box .contact a:hover,
.service-box .contact a:focus,
.service-box .contact .active a{
	background:none;
	color:#20579c;
	text-decoration:underline;
}

.service-box a{
	background:url(../images/arrow-bullet.gif) no-repeat 14px 6px;
	color:#20579c;
	text-decoration:none;
}

.service-box a:hover,
.service-box a:focus,
.service-box .active a{
	background:#4673ad url(../images/left-nav-rollover.gif) no-repeat 14px 6px;
	color:#fff;
}

.service-box .active ul a{
	background:url(../images/left-nav-drop-bullet.gif) no-repeat 35px 6px;
	color:#323232;
}

.service-box ul{
	background:#BCCCE1;
	list-style:none;
	border-bottom: 1px solid #d1dceb;
}

.service-box ul li:first-child{border:0;}

.service-box ul li{
	border-top:1px solid #d1dceb;
	font-size:11px;
}

.service-box ul a{padding:0 5px 0 40px;}

.service-box ul a,
.service-box ul .active a,
.service-box ul a:hover,
.service-box ul a:focus{
	background:url(../images/left-nav-drop-rollover.gif) no-repeat 25px 6px !important;
	color:#20579c;
}

.service-box ul .active ul a{
	background:none !important;
	color:#323232;
}

.banners .icon-banner{
	background:url(../images/icon-banner.gif) no-repeat 8px 10px;
}

.banners .headline{
	background-color:#3E6EAA;
}

.banners .headline h3{
	font-weight: bold;
	font-size:12px;
	color:#FFF;
}

.banners ul{
	list-style:none;
}

/* Inhalt Textformatierung
************************************************************/


.txt{
	font-size:12px;
}

.txt a:link, 
.txt a:visited, 
.txt a:active, 
.txt a:hover, 
.txt a:focus {
	color: #20579C;
	text-decoration: underline;
}

.txt .txt_header h1{
	font-size:18px;
	line-height:26px;
	color:#20579C;
	font-weight: bold;
}

.txt .txt_header h2{
	font-size:14px;
	color:#20579c;
}

.txt img {
	/*float:left;*/
	margin: 0px 10px 10px 0;
}

.txt strong{
	font-size:12px;
	font-weight:bold;
}

.txt p{
	font-size:12px;
}

.txt .blue-box{
	background:#20579c;
	height:1%;
	font-size:12px;
	color:#fff;
	overflow:hidden;
	padding:10px 162px 11px 21px;
	margin:18px 0 0;
}

.txt .blue-box span{display:block;}

.txt .blue-box strong{
	display:block;
	color:#e4af1e;
	border-top:1px solid #fff;
	padding:9px 0 0;
	margin:10px 0 0;
}

.txt ul{
	font-size:12px;
	list-style:none;
}

.txt ul li{
	background:url(../images/txt-bullet.gif) no-repeat 15px 9px;
}

.txt ol{
	font-size:12px;
	list-style-type:decimal !important;
}

.txt ol li{
	list-style-image:none;
}

.txt .disclaimer {
	font-size: 9px;
	color: #323232;
}

.txt .disclaimer strong{
	font-size: 9px;
	font-weight: bold;
}

.txt .disclaimer h1,
.txt .disclaimer .article-subheadline{
	font-size: 11px;
	font-weight: bold;
	margin:0px;
	color: #20579C;
}

.txt td{
	vertical-align:top;
	font-size:12px;
}

.txt .formular label{
	line-height: 19px;
	font-size:12px;
}

.txt .button{
	background-image:url(/eBusiness/hypoooe.at/images/button_bg.gif);
	background-repeat:repeat-x;
}

.txt a.button:link, 
.txt a.button:visited, 
.txt a.button:hover, 
.txt a.button:active,
.txt a.button:focus {
	color:#FFFFFF;
	font-size:11px;
	line-height:16px;
	text-align:center;
	text-decoration:none !important;
	white-space:nowrap;
}

.moreinfo .heading{
	background:url(../images/dashed-x.gif) repeat-x 0 100%;
}

.moreinfo h3{
	background:url(../images/icon_info.gif) no-repeat 0px 50%;
	font-size:16px;
	line-height:21px;
	color:#20579c;
	font-weight: bold;
}

.moreinfo ul{
	font-size:12px;
	line-height:20px;
	list-style:none;
}

.moreinfo ul li{
	background:url(../images/txt-bullet.gif) no-repeat 5px 9px;
}

.moreinfo a:link, .moreinfo a:visited, .moreinfo a:active{
	color: #323232;
	text-decoration:none;
}

.moreinfo a:hover,
.moreinfo a:focus {
	color: #323232;
	text-decoration: underline;
}

/* Fusszeile
********************************************************************************************/
#footer{
	border-top:1px solid #828282;
}

/* Werkzeuge - Schriftgröße ändern / Kontrast
************************************************************/
#decrease a{background:url(../images/decrease.gif) no-repeat;}

#reset a{background:url(../images/reset.gif) no-repeat;}

#increase a{background:url(../images/increase.gif) no-repeat;}

#contrast_button a{background:url(../images/contrast.gif) no-repeat;}

#textchanger ul a:hover,
#textchanger ul a:focus{background-position:0 -17px;}

.print{background:url(../images/print.gif) no-repeat;}

.tellafriend{background:url(../images/logout.gif) no-repeat;}

/* AGB ....
************************************************************/

.foot-navig li{
	background:url(../images/footer-separator.gif) no-repeat 0 55%;
	font-size:11px;
	line-height:20px;
}

.foot-navig a{
	color:#20579c;
	text-decoration:none;
}

.foot-navig a:hover, 
.foot-navig a:focus{text-decoration:underline;}


/* Copyright
************************************************************/
.copyright{
	font-size:10px;
	line-height:18px;
}

.copyright address{
	font-style:normal;
}

.copyright a{
	color:#323232;
	text-decoration:none;
}

.copyright a:hover, 
.copyright a:focus{text-decoration:underline;}

/* Styles fuer Suche */

.searchheadline {
	font-size:18px;
	line-height:26px;
	color:#20579c;
}	

#searchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #20579C;
	background-color: #E2E9F2;	
	border: 1px solid #4673AD;
}

.box3 {
	text-align: center;
}

.searchfieldresult {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #4673AD;
	font-size: 12px;
	font-weight: normal;
	text-indent: 3px;
}

.searchsubheadline {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #20579C;  
}

.searchsubheadline a:link, 
.searchsubheadline a:visited {
	color: #20579C;
	text-decoration: none;
}

.searchsubheadline a:hover,
.searchsubheadline a:focus,
.searchsubheadline a:active {
	color: #20579C; 
	text-decoration: underline;
}

.searchhits {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #20579C;
	text-decoration: none;
}

.searchcontact {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #323232;  
	text-decoration: none;
}

.searchcontact  a:link, 
.searchcontact a:visited,
.searchcontact a:hover,
.searchcontact a:focus,
.searchcontact  a:active {
	color: #20579C;
	text-decoration: underline;
}


.searchtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.searchshorttext {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.pages {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	color: #323232; 
	text-decoration: none;
}

a.pages:link, 
a.pages:visited{
	color: #323232; 
	text-decoration: none;
}

a.pages:hover,
a.pages:focus {
	color: #20579C; 
	text-decoration: underline;
}


a.pagesselected:link, 
a.pagesselected:visited, 
a.pagesselected:hover, 
a.pagesselected:focus,  
a.pagesselected:active {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #20579C; 
	text-decoration: none;
}

/* Pop Up
************************************************************/
#popup_bg {
	background: #FFF;
}

#printpreview {
	background-color: #FFF !important;
	font-size: 12px;	
}

.printpreview_print .print {
	text-indent:20px !important;
}

.printpreview_print a {
	font-size: 12px;
	color: #20579C;
	text-decoration: none;
}

#printpreview .navpath{
	font-size:10px;
	line-height:18px;
	color:#20579c;
}

.popup {
	background: #FFF;
}

.popup h1 {
	color:#20579C;
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	margin:0 0 10px;
}
.popup_content {
	color: #20579C;
	min-width: 350px;
	max-width: 450px;
}
.popup_text {
	font-weight: bold;
}

/* alte Klassen 
************************************************************/

.textsmallbold {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #323232; 
	text-decoration: none;
}
.textsmall {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; font-weight: normal; 
 	color:#323232;
	text-decoration: none;
}

a.textsmall:link, 
a.textsmall:visited{
	font-family: Arial, Helvetica, sans-serif; 
	color: #20579C; 
	text-decoration: none;
}

a.textsmall:hover,
a.textsmall:focus, 
a.textsmall:active{
	text-decoration: underline;
}

.calcHeadline{
	font-size:18px;
	line-height:26px;
	color:#20579c;
}

.article-subheadline, 
.subheadline {
	font-size:14px;
	font-weight:normal;
	color:#20579c;
}

.article-subheadline a, 
.subheadline a{
	font-size:13px;
	font-weight:normal;
	color:#20579c;
	text-decoration:underline;
}

.T11ARTyp06 { 
	font-size: 13px; 
	font-weight: bold;
}

.td-blue, .odd {
	font-size: 112px;
	color: #323232; 
	background-color: #E2E9F2; 
	border-top: 1px solid #20579c;
}

.td-white {
	font-size: 12px;
	color: #323232; 
	background-color: #FFF; 
	border-top: 1px solid #20579c;
}

.td-header, .trcolor th {
	font-size: 12px;
	font-weight: bold;
	color: #FFF; 
	background-color: #20579c; 
	border-bottom: 1px solid #20579c;
}

.bgDark {
	background-color: #4673AD;
}

.bgDark .textRegularWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.contenttext {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	color: #323232;
}

.contentformtext {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	color: #323232; 
	text-decoration: none;
}

contentnormal{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	color: #323232; 
	text-decoration: none;
}

.welcome {
	color: #20579C;
	font-size: 20px;
	font-weight: bold;
}

a.aktionsbutton  {
	color: #FFF;
}

.error {
	font-size: 12px;
	color: #990000;
    font-weight: bold;
}

.input-radio, .radio {
	border: 0;
	background: none;
}

/* Ende alte Klassen 
************************************************************/

/* Fotoalbum
************************************************************/

div.holder{
	background-color: #BCCCE1 !important;
}
div.highslide-gallery a.highslide {
	border: 8px solid #BCCCE1 !important;
}
h1.headline {
	color:#20579C !important;
}
h2.subheadline{
	color:#20579C !important;
}