/* Yahoo! reset.css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
/* Yahoo! fonts.css */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/* Yahoo! grids.css */
body{text-align:center;}#doc{width:69.69em;*width:69.3em;min-width:750px;margin:auto;text-align:left;}#hd,#bd{margin-bottom:1em;text-align:left;}#ft{font-size:77%;font-family:verdana;clear:both;}.yui-t1 #yui-main .yui-b, .yui-t2 #yui-main .yui-b, .yui-t3 #yui-main .yui-b, .yui-t4 .yui-b, .yui-t5 .yui-b, .yui-t6 .yui-b{float:right;}.yui-t1 .yui-b, .yui-t2 .yui-b, .yui-t3 .yui-b, .yui-t4 #yui-main .yui-b, .yui-t5 #yui-main .yui-b, .yui-t6 #yui-main .yui-b{float:left;}.yui-t1 #yui-main .yui-b{width:76%;min-width:570px;}.yui-t1 .yui-b{width:21.33%;min-width:160px;}.yui-t2 #yui-main .yui-b, .yui-t4 #yui-main .yui-b{width:73.4%;min-width:550px;}.yui-t2 .yui-b, .yui-t4 .yui-b{width:24%;min-width:180px;}.yui-t3 #yui-main .yui-b, .yui-t6 #yui-main .yui-b{width:57.6%;min-width:430px;}.yui-t3 .yui-b, .yui-t6 .yui-b{width:40%;min-width:300px;}.yui-t5 #yui-main .yui-b{width:65.4%;min-width:490px;}.yui-t5 .yui-b{width:32%;min-width:240px;}.yui-g .yui-u, .yui-g .yui-g, .yui-ge .yui-u, .yui-gf .yui-u{float:right;display:inline;}.yui-g .first, .yui-gd .first, .yui-ge .first, .yui-gf .first{float:left;}.yui-g .yui-u, .yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u, .yui-gc .yui-u, .yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb .first, .yui-gc .first, .yui-gd .first{margin-left:0;}.yui-gc .first, .yui-gd .yui-u{width:66%;}.yui-gd .first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge .first, .yui-gf .yui-u{width:74.2%;}.yui-gf .first{width:24%;}.yui-ge .first{width:74.2%;}#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf{zoom:1;}

/*
 * VoBa Plochingen - base.css
 */

@media screen {
  html, body {
    background:#ededed;
    color:#333; }
}

body { font-family:arial, helvetica, sans-serif; }

.accessibility { display:none !important; }

#yui-main .yui-u, .yui-b, #hd, #bd, #ft {
  margin-bottom:0;
  padding-bottom:0; }

#bd ul li {
  margin-left:15px;
  margin-bottom:0.5em; }

#bd p, #bd dd { margin-bottom:1em; }

#bd .sidebar { padding:1em; /* background:#f4f4f4; */ }

#container {
  position:relative;
  z-index:50;
  overflow:hidden;
  height:121px; }

#hd { height:auto; }

#hd, #helper01 { background:#32327a url(/gfx/header_bg.png) repeat-x bottom; }

#helper01 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:121px;
	z-index:10; }

#hd ul {
	position:absolute;
	bottom:90px;
	right:0;
	font-family:arial,helvetica,sans-serif; }

#hd li {
	display:inline;
  padding-left:1em;
  cursor:pointer;
	text-transform:uppercase;
  color:#ddd;
	font-size:0.7em;
  font-weight:bold; }

#hd li.datum {
  cursor:default;
  color:#b3d9ff; }

#hd li a {
	text-decoration:none;
  color:#ddd; }

/* #doc { width:100%; } */
/* #hd #topnav, #bd, .container { margin:0 10%; } */

#bd {
  overflow:hidden;
  background:#fff; }

#ft {
  position:relative;
  overflow:hidden;
  background:#e8e8e8 url(/gfx/footer_bg2.png) repeat-x; }

#ft p {
  margin-left:24%;
  padding:2em 0;
  padding-right:24%;
  /*height:52px;*/
  background:#f0f0f0 url(/gfx/footer_bg.png) repeat-x;
  text-align:center;
  color:#bbb;
  font-weight:bold;
  letter-spacing:0.1em;
  /*text-transform:uppercase;*/
  font-size:1.1em;
  font-variant:small-caps; }

#bd li {
	list-style-type:none;
	margin:0;
	padding:0; }

.pagetrail {
  /*background:url(/gfx/schaubild/presse.jpg) no-repeat bottom right;
  position:relative;
  width:100%;
  height:31px;*/
	margin-bottom:0.5em;
	color:#999;
	font-size:0.85em; }

.pagetrail>span { padding-right:4px; }

.pagetrail a {
	color:#999;
	text-decoration:none; }

.pagetrail a:hover { color:#333; }

/*
 * sidebar / sidenav
 */

#sidebox, #bd .sidebar { background:#f4f4f4; }

/* sidebar equal height columns */
#bd { position:relative; overflow:hidden; }
/* hide from mac ie5 \*/
#sidebox { padding-bottom:32767px; margin-bottom:-32767px; }
/* end hide from mac ie5 */
@media all and (min-width:0px) {
	
	#sidebox { padding-bottom:0; margin-bottom:0; }

	#sidebox:after {
		content:" ";
		display:block;
		background:inherit;
		padding-top:32767px;
		margin-bottom:-32767px;
		height:0; }
	
}

/*
 * VoBa logo
 */

#logo {
	position:relative;
	display:inline;
	float:left;
	width:24%;
	height:121px; }

#logo a {
	position:relative;
	top:50%;
	left:50%;
	width:151px;
	height:33px;
	margin:-27px 0 0 -75px;
	padding:33px 0 0 0;
	border:0;
	display:block;
	background:url(/gfx/logo_voba.png) no-repeat;
	overflow:hidden;
	height:0 !important;
	height /**/:33px; }

#logo a:active, #logo a:focus { outline:0; }

/*
 * topnav
 * gray: #dfdfdf
 */

.yui-t2 #hd {
  margin:0;
  padding:0; }

.yui-t2 #hd #topnav {
  position:relative;
  display:inline;
  overflow:hidden;
  float:right;
  width:76%; /*73.4%;*/
  height:121px;
  margin:0;
  padding:0;
  background:url(/gfx/header_gray_round.png) no-repeat bottom left; }

/*
 * schaubild
 */

#schaubild {
  /*position:absolute;
  bottom:0;
  right:0;
  overflow:hidden;*/
  float:right;
  width:99%;
  height:87px;
  margin:0;
  margin-top:34px;
  padding:0;
  /*margin-bottom:-1px;*/
  background:none; } /* #dfdfdf  */

#yui-main .yui-b {
  /*overflow:hidden;*/
  background:none; }

/*
 * header images
 */

#doc.none #schaubild { background-image:none; }
#doc.none #yui-main .yui-b { background-image:none; }

#doc.home #schaubild { background:url(/gfx/schaubild/impressum.jpg) no-repeat top right; }
#doc.home #yui-main .yui-b { background:url(/gfx/schaubild/impressum_fade.jpg) no-repeat top right; }

#doc.impressum #schaubild { background:url(/gfx/schaubild/impressum.jpg) no-repeat top right; }
#doc.impressum #yui-main .yui-b { background:url(/gfx/schaubild/impressum_fade.jpg) no-repeat top right; }

#doc.presse #schaubild { background:url(/gfx/schaubild/presse.jpg) no-repeat top right; }
#doc.presse #yui-main .yui-b { background:url(/gfx/schaubild/presse_fade.jpg) no-repeat top right; }

#doc.kontakt #schaubild { background:url(/gfx/schaubild/kontakt.jpg) no-repeat top right; }
#doc.kontakt #yui-main .yui-b { background:url(/gfx/schaubild/kontakt_fade.jpg) no-repeat top right; }

#doc.service #schaubild { background:url(/gfx/schaubild/service.jpg) no-repeat top right; }
#doc.service #yui-main .yui-b { background:url(/gfx/schaubild/service_fade.jpg) no-repeat top right; }

#doc.sitemap #schaubild { background:url(/gfx/schaubild/sitemap.jpg) no-repeat top right; }
#doc.sitemap #yui-main .yui-b { background:url(/gfx/schaubild/sitemap_fade.jpg) no-repeat top right; }

#doc.boerse #schaubild { background:url(/gfx/schaubild/boerse.jpg) no-repeat top right; }
#doc.boerse #yui-main .yui-b { background:url(/gfx/schaubild/boerse_fade.jpg) no-repeat top right; }

#doc.termine #schaubild { background:url(/gfx/schaubild/termine.jpg) no-repeat top right; }
#doc.termine #yui-main .yui-b { background:url(/gfx/schaubild/termine_fade.jpg) no-repeat top right; }

#doc.ueber-uns #schaubild { background:url(/gfx/schaubild/ueber-uns.jpg) no-repeat top right; }
#doc.ueber-uns #yui-main .yui-b { background:url(/gfx/schaubild/ueber-uns_fade.jpg) no-repeat top right; }

#doc.onlinebanking #schaubild { background:url(/gfx/schaubild/onlinebanking.jpg) no-repeat top right; }
#doc.onlinebanking #yui-main .yui-b { background:url(/gfx/schaubild/onlinebanking_fade.jpg) no-repeat top right; }

#doc.suche #schaubild,
#doc.suchergebnis #schaubild { background:url(/gfx/schaubild/suche.jpg) no-repeat top right; }
#doc.suche #yui-main .yui-b,
#doc.suchergebnis #yui-main .yui-b { background:url(/gfx/schaubild/suche_fade.jpg) no-repeat top right; }

#doc.immobilien #schaubild { background:url(/gfx/schaubild/immobilien.jpg) no-repeat top right; }
#doc.immobilien #yui-main .yui-b { background:url(/gfx/schaubild/immobilien_fade.jpg) no-repeat top right; }

#doc.versicherungen #schaubild { background:url(/gfx/schaubild/versicherung.jpg) no-repeat top right; }
#doc.versicherungen #yui-main .yui-b { background:url(/gfx/schaubild/versicherung_fade.jpg) no-repeat top right; }

#doc.privatkunden #schaubild { background:url(/gfx/schaubild/privatkunden.jpg) no-repeat top right; }
#doc.privatkunden #yui-main .yui-b { background:url(/gfx/schaubild/privatkunden_fade.jpg) no-repeat top right; }

#doc.firmenkunden #schaubild { background:url(/gfx/schaubild/firmenkunden.jpg) no-repeat top right; }
#doc.firmenkunden #yui-main .yui-b { background:url(/gfx/schaubild/firmenkunden_fade.jpg) no-repeat top right; }

#doc.sicherheitscheck #schaubild { background:url(/gfx/schaubild/service.jpg) no-repeat top right; }
#doc.sicherheitscheck #yui-main .yui-b { background:url(/gfx/schaubild/service_fade.jpg) no-repeat top right; }

#doc.xmas #schaubild { background:url(/gfx/schaubild/xmas.jpg) no-repeat top right; }
#doc.xmas #yui-main .yui-b { background:url(/gfx/schaubild/xmas_fade.jpg) no-repeat top right; }

#doc.newyear #schaubild { background:url(/gfx/schaubild/newyear.jpg) no-repeat top right; }
#doc.newyear #yui-main .yui-b { background:url(/gfx/schaubild/newyear_fade.jpg) no-repeat top right; }

/*
 * menu
 */

#menu {
  width:100%; /* without: IE small font bug * todo: test this one! */
	margin-top:24px;
  overflow:hidden; }

#menu ul li {
  list-style-type:none;
	margin:0;
	padding:0; }

#menu ul ul {
	display:none; }

#menu li.here ul {
	display:block;
	/*margin:0 0 0 12px;*/ }

#menu li.here ul li {
	color:#666; }

#menu ul li ul {
	display:none; }

#menu ul li ul li ul li {
	display:none; }

#menu li.here ul li.here ul li {
	display:block;
	margin:0; }

#menu ul li ul li {
	display:block; }

#menu ul li {
  font-size:14px;
  font-weight:bold;
  margin:2px 0;
  padding:0;
  padding-bottom:1px;
  border:0;
  border-bottom:1px solid #ccc;
  text-transform:uppercase; }

#menu ul li ul li {
  font-size:13px;
  font-weight:bold;
  margin:0;
  padding:2px 0;
  border-bottom:1px solid #e6e6e6;
  text-transform:none; }

/* todo: verify this one! */
/*#menu ul li ul li.here {
  padding-left:10px; }*/

#menu ul li ul li.last {
  border-bottom:0; }

#menu ul li ul li ul {
  margin-left:10px; }

#menu ul li ul li ul li {
  color:#eee;
  background:#fff;
  font-size:12px;
  font-weight:normal;
  margin:0;
  padding:1px 5px;
  border-bottom:1px solid #eaeaea; }

/*#menu ul li ul li ul+li {
  border-top:1px solid red; }*/

#menu ul li ul li.here ul {
  margin:2px 0; }

#menu ul li ul li ul li.last {
  border-bottom:0; }

/*#menu li.here {
  color:#fe6602; }*/

#menu ul li ul li { /* todo: check this!! */
/*#menu ul li ul li a:link,
#menu ul li ul li a:visited {*/
  padding-left:10px; }

#menu a:link,
#menu a:visited {
  display:block;
  color:#666;
  text-decoration:none; }

#menu ul li ul li a:link,
#menu ul li ul li a:visited {
  color:#888; }

#menu ul li ul li.here a:link,
#menu ul li ul li.here a:visited {
  color:#555; }

#menu ul li ul li a:hover,
#menu ul li ul li a:active,
#menu ul li ul li a:focus {
  outline:none;
  color:#fe6602; }

#menu ul li ul li.here ul li a:link,
#menu ul li ul li.here ul li a:visited {
  color:#666; }

#menu ul li ul li.here ul li a:hover,
#menu ul li ul li.here ul li a:active,
#menu ul li ul li.here ul li a:focus {
  outline:none;
  color:#fe6602; }

#menu a:hover, #menu a:active, #menu a:focus {
  outline:none;
  color:#fe6602; }

#menu ul li {
  padding-left:10px;
  background:url(/gfx/menu/menu_1_close.png) no-repeat 0 5px; }

#menu ul li.here,
#menu ul li ul li.here {
  background:url(/gfx/menu/menu_1_open.png) no-repeat 0 7px; }

#menu ul li ul li ul li.here {
  color:#fe6602;
  padding-left:15px;
  background:#fff url(/gfx/menu/menu_3_open.png) no-repeat 6px 5px; }

/*#menu ul li.here a,
#menu ul li ul li a {
  background-image:none; }*/ /* todo: check this!!! the source of IE disappearing-image-on-hover bug? */

/*
 * Konto-Direktlink
 */

div.sidebar a.konto-direkt {
    background:url(/gfx/konto-direkt.png) no-repeat 0 0;
    overflow:hidden;
    display:block;
    margin:0;
    padding:23px 0 0 0;
    width:153px;
    height:23px;
    height:0 !important;
    height /**/:23px; }

div.sidebar a.konto-direkt:hover,
div.sidebar a.konto-direkt:focus {
    outline:none;
    background:url(/gfx/konto-direkt.png) no-repeat 0 -23px; }

/*
 * Sidebar: Suche
 */

div.sidebar #search {
  width:153px;
  margin-top:6px;
  position:relative; }

div.sidebar #search input.FSF_input {
  width:118px !important;
  height:18px !important;
  margin:0;
  padding:3px 4px 0 4px;
  font-size:1em;
  line-height:1.1em;
  border:1px solid #999;
  background:#fff;
  display:inline;
  float:left; }

div.sidebar #search input.FSF_submit {
  position:absolute;
  top:0;
  /*right:0;*/
  left:128px;
  width:25px;
  height:23px;
  margin:0 !important;
  /*_margin-left:-3px;*/
  padding:0;
  overflow:hidden;
  line-height:1.1em;
  background:transparent url(/gfx/btn_search.png) no-repeat 0 0;
  border:0;
  display:inline;
  color:#fff;
  font-size:0.01em; }

div.sidebar #search legend {
  display:none; }

div.sidebar #search input.FSF_submit:hover,
div.sidebar #search input.FSF_submit:focus {
  outline:none;
  background:transparent url(/gfx/btn_search.png) no-repeat 0 -23px; }

/*
 * Junge Bank
 */

#doc.jungebank #schaubild { background:url(/gfx/schaubild/jungebank.jpg) no-repeat top right; }
#doc.jungebank #yui-main .yui-b { background:url(/gfx/schaubild/jungebank_fade.jpg) no-repeat top right; }
#doc.jungebank #hd, #doc.jungebank #helper01 { background:#f90 url(/gfx/junge_bank/header_bg.png) repeat-x bottom; }
#doc.jungebank #topnav { background:url(/gfx/junge_bank/header_gray_round.png) no-repeat bottom left; }
#doc.jungebank #logo a { background:url(/gfx/junge_bank/logo_voba.png) no-repeat; }