/* ----- Some general Styling*/

body {
  font: 62.5%/1.6em "Trebuchet MS", Verdana, sans-serif;
}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

.bodytext {
  font-size: 1.2em;
  margin: 10px 10px;
  line-height:21px;
  width:600px
}

div#leftcol p.bodytext {
  width:90%;
}

a {
  text-decoration: none;
  color: #E18214;
}

div#background {
background: url(../img/background-content.png) no-repeat 0 102px;
margin: 0 0 15px 0;
overflow:hidden;
}

div#background-start {

  margin: 0 0 15px 0;

}

.bodytext u.orangeunderline {

  background: url(../img/link-internal.jpg) no-repeat 0 3px;

  text-decoration: none;

  padding: 0 0 0 8px;

  color: #E18214;

}

.css-filelinks u.orangeunderline {

  background:none;

  text-decoration: none;

  padding: 0 0 0 20px;

  color: #E18214;

}



.bodytext u.orangeunderline span.orangeunderlineblack,

.css-filelinks u.orangeunderline span.orangeunderlineblack {

  text-decoration: none;

  color: #E18214;

}

div#maincontent div#maincontent-inner table.vergleichstabelle ul.tabletabs li a {

  background: none;

  color:white;

  border:none;

  padding-left:0;

}



div#maincontent-inner table.vergleichstabelle ul.tabletabs li a:hover {

  text-decoration:underline;

  color:white;

  padding-left:0;

}

div#maincontent-inner ul li a {

background:transparent url(../img/link-internal.jpg) no-repeat scroll 0 3px;

border-bottom:1px dotted #FF5600;

color:#282828;

font-size:1em;

text-decoration:none !important;

padding:0 0 0 8px;

}



div#maincontent-inner ul li a:hover {

  border-bottom:1px solid #FF5600;

}

div#subsubnav ul li a, div#subsubnav ul li a:hover, div#rightcolul li a, div#rightcolul li a:hover {

  border: none;

  background:none;

}

.bodytext a, .css-filelinks a {

  /*background: url(../img/linkprefix.png) no-repeat left;*/

  color: #E18214;

  padding:0 2px;

  text-decoration: underline;

  font-size: 1em;

}





.bodytext a:hover, css-filelinks a:hover {

  padding:0 2px;

  color: #ff5600;


}



/* orange underline links for the tables */

.vergleichstabelle u.orangeunderline {

  /*background: url(../img/link-internal.jpg) no-repeat 0 3px;*/

  text-decoration: none;

  padding: 0 0 0 0px;

  color: #282828;

}



.vergleichstabelle u.orangeunderline span.orangeunderlineblack,

.css-filelinks u.orangeunderline span.orangeunderlineblack {

  text-decoration: none;

  color: #282828;

}



.vergleichstabelle a {

  color: #282828;

  padding:0 2px;

  border-bottom: 1px dotted #ff5600;

  text-decoration: none !important;

  font-size: 1em;

}



.vergleichstabelle a:hover {

  padding:0 2px;

  color: #ff5600;


}





table {

  border-collapse: collapse;

  border-spacing: 0;

}



fieldset,img {

  border: 0;

  margin: 0;

  padding: 0;

}



address,caption,cite,code,dfn,em,strong,th,var {

  font-style: normal;

  font-weight: normal;

}



strong {

  font-weight: bold;

}



ol,ul {

  list-style: none;

}



caption,th {

  text-align: left;

}



h1,h2,h3,h4,h5,h6 {

  font-size: 100%;

  font-weight: normal;

}



q:before,q:after {

  content: '';

}



abbr,acronym {

  border: 0;

}



div#container {

  margin: 5px auto;
  border: 1px solid #ccc;
  width: 960px;

}



div#header {
  background: white;
  margin: 0px 0 20px 0;
  overflow: hidden;
}



div#teaserarea {

  margin: 0 0 15px 0;

}



img.logo {

  float: left;

  margin: 15px;

}



h1.teasertext {

  color: #68ac42;

  float: right;

  font-size: 1.4em;

  margin: 20px;

  width: 450px;

}



div#mainnav {
  clear: both;
  background: #E18214; /* #f85600; */
  height: 34px;
}

    /* ----- Some general Styling*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

  margin: 0;

  padding: 0;

}

div#leftcol p.bodytext {

  width:90%;

}

a {

  text-decoration: none;

}

div#background {

/*  background: url(../img/background-content.png) no-repeat 0 107px;*/
  background: url(../img/background-content.png) no-repeat 0 102px;

  margin: 0 0 15px 0;

  overflow:hidden;

}

div#background-start {

  margin: 0 0 15px 0;

}


.css-filelinks u.orangeunderline {

  background:none;

  text-decoration: none;

  padding: 0 0 0 20px;

  color: #282828;

}



div#maincontent div#maincontent-inner table.vergleichstabelle ul.tabletabs li a {

  background: none;

  color:white;

  border:none;

  padding-left:0;

}



div#maincontent-inner table.vergleichstabelle ul.tabletabs li a:hover {

  text-decoration:underline;

  color:white;

  padding-left:0;

}

div#maincontent-inner ul li a {

background:transparent url(../img/link-internal.jpg) no-repeat scroll 0 3px;

border-bottom:1px dotted #FF5600;

color:#282828;

font-size:1em;

text-decoration:none !important;

padding:0 0 0 8px;

}



div#maincontent-inner ul li a:hover {

  border-bottom:1px solid #FF5600;

}

div#subsubnav ul li a, div#subsubnav ul li a:hover, div#rightcolul li a, div#rightcolul li a:hover {

  border: none;

  background:none;

}


/* orange underline links for the tables */

.vergleichstabelle u.orangeunderline {

  /*background: url(../img/link-internal.jpg) no-repeat 0 3px;*/

  text-decoration: none;

  padding: 0 0 0 0px;

  color: #282828;

}



.vergleichstabelle u.orangeunderline span.orangeunderlineblack,

.css-filelinks u.orangeunderline span.orangeunderlineblack {

  text-decoration: none;

  color: #282828;

}



.vergleichstabelle a {

  color: #282828;

  padding:0 2px;

  border-bottom: 1px dotted #ff5600;

  text-decoration: none !important;

  font-size: 1em;

}



.vergleichstabelle a:hover {

  padding:0 2px;

  color: #ff5600;


}





table {

  border-collapse: collapse;

  border-spacing: 0;

}



fieldset,img {

  border: 0;

  margin: 0;

  padding: 0;

}



address,caption,cite,code,dfn,em,strong,th,var {

  font-style: normal;

  font-weight: normal;

}



strong {

  font-weight: bold;

}



ol,ul {

  list-style: none;

}



caption,th {

  text-align: left;

}



h1,h2,h3,h4,h5,h6 {

  font-size: 100%;

  font-weight: normal;

}



q:before,q:after {

  content: '';

}



abbr,acronym {

  border: 0;

}

div#teaserarea {

  margin: 0 0 15px 0;

}



img.logo {

  float: left;

  margin: 15px;

}



h1.teasertext {

  color: #68ac42;

  float: right;

  font-size: 1.4em;

  margin: 20px;

  width: 450px;

}


ul#navigation {
  margin: 0px 80px 0px 0px;
  overflow: hidden;
  display:inline;
}



ul#navigation li {

  border-right: 1px solid #ffffff;

  float: left;

  font-size: 1.6em;

  padding: 8px 0;

}



ul#navigation li a {

  color: #ffffff;

  padding: 9px 7px;

  font-size: 0.8em;
  text-decoration:underline;

}



ul#navigation li a.selected {

  background: url(../img/arrow-selected-left.png) no-repeat 0 5px;

}



ul#navigation li a:hover {

  background: #69ad43;

  color: white;

  text-decoration: underline;

}



div#maincontent {

  margin: 15px 0 15px 0;

  overflow: hidden;

}



div.bigbox {

  background: white;

  border: 1px solid #ccc;

  padding: 0 0 20px 0;

  float: left;

  margin: 0 11px 10px 11px;

  width: 300px;

  height:280px;

}



div#maincontent-inner div.bigbox {

  height:auto;

}



div.bigbox.right {

  margin: 0;

}





div.bigbox p {

  font-size: 1.2em;

  padding: 0 15px 10px 15px;

  margin: 0;

    width:90%;

}



div#linkbottom {

  background: #FFF url(../img/bildmarke.png) no-repeat 18px 10px;
  border-top: 1px solid #ccc;
  clear: both;
  margin: 0 0 15px 0;
  overflow: hidden;
  padding-left: 55px;
  width: 903px;
}



div#linkbottom a {

  color: #000;

  text-decoration: none;

}

div#linkbottom a:hover {

  color: #000;

  text-decoration: underline;

}

img.bildmarke {

  float: left;



  margin: 20px;

}



div#linkbottom ul {

  float: left;

  margin-left: 10px;

}



div#linkbottom ul li.block {

  float: left;

  padding: 15px;

}



div#footer {
  background: white;
  border-top: 1px solid #ccc;
  overflow: hidden;
}



div#footer p {

  float: left;

  font-size: 1.2em;

  margin: 10px;

  padding: 5px 0;

}



div#footer ul li {

  float: left;

  font-size: 1.2em;

  margin: 10px;

  padding: 5px 0;

}

div#banner {
  background: white;
  float: left;
  text-align: center;
  margin: 30px 0px 15px 0px;
  width: 182px;
}


/**

 * subnav first level

 */

div#subnav {

  background: white;

  float: left;

  margin: 0 10px 15px 0;

  width: 200px;
  padding: 0 0 50px 0;


}



div#subnav ul#subnav-list {

  background: white;

  padding: 0 15px;

  width: 170px;
  margin-bottom: 10px;

}



div#subnav ul#subnav-list li a {

  color: #000000;

  font-size: 1.4em;

  font-weight: bold;

  line-height: 1.6em;
  text-decoration: underline;

}



div#subnav ul#subnav-list li a.selected {

  color: #ff5600;

}



div#subnav ul#subnav-list li a:hover {

  text-decoration: underline;

}





div#subnav table.subtitle {

  background: #E18214;
  width: 169px;

}



div#subnav h1 {

  color: #FFF;

  font-size: 1.4em;

  padding: 3px 10px;

}



/**

 * subnav second level

 */

div#subnav ul#subnav-list-1 {

  background: white;

  padding: 0 15px;

  width: 142px;

}



div#subnav ul#subnav-list-1 li a {

  color: #000000;

  font-size: 1.2em;

  font-weight: bold;

  line-height: 1.6em;

}



div#subnav ul#subnav-list-1 li a.selected {

  color: #000000;

}



div#subnav ul#subnav-list-1 li a:hover {

  text-decoration: underline;

}



/**

 * subnav third level

 */

div#subnav ul#subnav-list-2 {

  background: white;

  padding: 0 15px;

  width: 140px;

}



div#subnav ul#subnav-list-2 li a {

  color: #000000;

  font-size: 1.1em;

  font-weight: normal;

  line-height: 1.6em;

}



div#subnav ul#subnav-list-2 li a.selected {

  color: #000;

}



div#subnav ul#subnav-list-2 li a:hover {

  text-decoration: underline;

}



div#eyecatcher-big {

  border: 1px solid #F7F4C5;

/*  border: 6px solid #88de59;*/

  float: left;

  height: 92px;

  margin: 0 3px 15px 0px;

  width: 517px;

}



div#eyecatcher-big h2 {

  color: #006f45;

  font-size: 3em;

  font-weight: bold;

  padding: 5px;

  padding-bottom:0px;

}



div#eyecatcher-big strong {

  color: #006f45;

  font-size: 1.4em;

  font-weight: bold;

  padding: 10px;

}



div#eyecatcher-big-inner {

  background: url(../img/arrow-green.png) no-repeat right;

  float: left;

  margin: 10px;

  overflow: hidden;

  padding: 0 70px 0 0;

  width: auto;

}



div#eyecatcher-small {

  border: 1px solid #F7F4C5;

/*  border: 6px solid white; */

  color: white;

  float: left;

  height: 92px;

  width: 223px;

}



div#eyecatcher-small h2 {

  color: white;

  font-size: 2.5em;

  font-weight: normal;

  line-height: 1em;

  padding: 0px;

}



div#eyecatcher-small-inner {

  background: url(../img/arrow-white.png) no-repeat right;

  margin: 15px;

  overflow: hidden;

  padding: 0 70px 0 0;

  width: auto;

}



div#maincontent-inner {

  float: right;

  width: 750px;

}



/* ##### body#tabelle #########*/

div#maincontent-tabelle {





















  background:white;

  width: 750px;

  float: right;

  margin: 0 0 15px 0;

}





div#maincontent-tabelle #maincontent {

  background: white;

  clear: both;

  float: left;

  width: 750px;

  margin-top: 0px;

}



div#maincontent-tabelle #maincontent-inner table.contentheaderh1,

div#maincontent #maincontent-inner-startpage table.contentheaderh1 {

  color: #ff5600;

  font-size: 1em;

  line-height: 2em;

  margin: 10px 0;

  padding: 5px 0;

}



div#maincontent-tabelle #maincontent-inner h1,

div#maincontent #maincontent-inner-startpage h1 {

  clear: both;

  /*  margin:        6px;*/

  color: #282828;

  font-size: 2em;

  /*  padding:      10px;*/

  padding-left: 10px;

  padding-right: 15px;

}



div#maincontent-tabelle .bigbox, div#maincontent-tabelle .bigbox.right {

  border: none;

  margin: 7px 7px 10px 7px;

  width: 223px;

}



div#maincontent-tabelle .bigbox.right {

  width: 240px;

  float:right;

}



div#maincontent-tabelle .bigbox h3 {

  color: #ff5600;

  font-size: 1.6em;

  font-weight: bold;

  margin: 0 0 5px 0;

}



div#maincontent-tabelle .bigbox a.anbieterlink {

background:transparent url(../img/arrow-orange-small.jpg) no-repeat scroll right center;

color:#ff5600;

display:block;

font-size:2em;

line-height:30px;

padding:0 40px 0 0;

text-align:right;

text-decoration:none;

width:155px;

}



div#maincontent-tabelle .bigbox a.anbieterlink:hover {

  /*background: url(../img/arrow-gray-small.jpg) no-repeat right;*/

  color: #ff5600;

  font-size: 2em;

  line-height: 30px;

  /*margin: 0 0 10px 0;*/

  padding: 0 40px 0px 0;

  text-decoration: underline !important;

}



div#maincontent-tabelle .bigbox a.detailslink {

background:transparent url(../img/arrow-gray-small.jpg) no-repeat scroll right center;

color:#282828;

display:block;

font-size:2em;

line-height:30px;

padding:0 40px 0 0;

text-align:right;

text-decoration:none;

width:155px;

}



div#maincontent-tabelle .bigbox a.detailslink:hover {

  /*background: url(../img/arrow-orange-small.jpg) no-repeat right;*/

  color: #282828;

  font-size: 2em;

  line-height: 30px;

/*  margin: 0 0 10px 0;*/

  padding: 0 40px 0px 0;

  text-decoration: underline !important;

}



/* ##### body#portrait#########*/

#maincontent div#subtemplate-portrait {

  background: url(../img/background-content.png) repeat-y top left;

  clear: both;

  float: left;

  width: 960px;

}



div#maincontent #maincontent-inner div#subtemplate-portrait h1 {

  background: none;

  clear: none;

  color: #282828;

  float: left;

  font-size: 2.5em;

  line-height: 1.2em;

  margin: 6px;

  padding: 10px;

  width: 500px;

}



#maincontent-inner div#subtemplate-portrait img.headerlogo {

  float: left;

  margin: 15px;

}



div#subtemplate-portrait #leftcol {

  clear: left;

  float: left;

  margin:0 15px 15px;

  width: 475px;

}



div#subtemplate-portrait ul.subsubnav {

  background:none;

  display: block;

  font-size: 1.2em;

  margin: 0 0 15px 0;

  overflow: hidden;

}



div#subtemplate-portrait ul.subsubnav li {

  background:none;

  float: left;

  margin: 0 20px 0 0;

}



div#subtemplate-portrait ul.subsubnav li a {

  background:none;

  color: #006f45;

  border:none;background:none;

  padding-left:0;

}



div#subtemplate-portrait ul.subsubnav li a.selected {

  color: #ff5600;

  border:none;background:none;padding-left:0;

}



div#subtemplate-portrait ul.subsubnav li a:hover {

  text-decoration: underline;

  border:none;background:none;padding-left:0;

}



div#subtemplate-portrait #rightcol {

  float: left;

  margin: 15px;

  width: 190px;

}



div#subtemplate-portrait #rightcol h3 {

  color: #ff5600;

  font-size: 1.8em;

  font-weight: bold;

  padding: 35px 0px 0px 15px;

}



div#subtemplate-portrait #rightcol ul li a {

  color: #282828;

  font-size: 1.2em;

  font-weight: normal;

  border:none;background:none;padding-left:0;

}



div#subtemplate-portrait #rightcol ul li a:hover {

  text-decoration: underline;

  border:none;background:none;padding-left:0;

}



div#left-col-inner-left {

  float: left;

  width: 310px;

}



div#leftcol-inner-right {

  text-align: center;

}



div#leftcol-inner-right img {

  margin: 15px 0px 0px 0px;

  float:right;

  clear:right;

}



/* ##### Vergleichstabelle #########################################################

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

table.vergleichstabelle {

  background: white;

  font-size: 1.1em;

  table-layout: auto;

  width: auto;

  margin: 0 0 25px 0;

}



table.vergleichstabelle img.tipp{

  display: block;

}



table.vergleichstabelle ul.tabletabs {

  float: left;

  width: 730px;

  margin: 0!important;

}



table.vergleichstabelle ul.tabletabs li {

  background: #747171 url(/konto_com/fileadmin/templates/ext/vsp_girokonto/corner-grey.png) no-repeat top right !important;

  float: left !important;

  margin: 0 !important;

  padding: 3px 10px !important;

}



table.vergleichstabelle ul.tabletabs li.selected {

  background: #F27100 url(/konto_com/fileadmin/templates/ext/vsp_girokonto/corner-orange.png) no-repeat top right !important;

}



table.vergleichstabelle ul.tabletabs li a {

  color: white;

  font-weight: bold;

}



table.vergleichstabelle ul.tabletabs li a:hover {

  color: white;

  font-weight: bold;

  text-decoration: underline;

}



table.vergleichstabelle thead.toprow {

  background: #F27100 !important;



}



table.vergleichstabelle thead.toprow th {

  color: white;

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

  font-weight: bold;

  padding: 10px 5px;

  text-align: left;

  vertical-align: top;

  width: auto;

}



table.vergleichstabelle thead.toprow th.header-product {

}



table.vergleichstabelle thead.toprow th.header-accountfee {

}



table.vergleichstabelle thead.toprow th.header-interest {

}



table.vergleichstabelle thead.toprow th.header-creditline {

}



table.vergleichstabelle thead.toprow th.header-creditcard {

}



table.vergleichstabelle thead.toprow th.header-withdrawal {

}



table.vergleichstabelle thead.toprow th.header-partnerlink {

}



table.vergleichstabelle tbody {

  width: 630px;

}



table.vergleichstabelle tbody tr {

  width: 630px;

}



table.vergleichstabelle tbody tr td {

  padding: 10px 5px;

  width: auto;

}



table.vergleichstabelle tbody tr.row.even {

  background: #eee;

}



div.tablecontainer {

  width: 730px;

}



table.vergleichstabelle div.depositlinks {

  color: #FFF;

  margin-left: 5px;

}



table.vergleichstabelle div.depositlinks a {

  color: #FFF;

  text-decoration: none;

}



table.vergleichstabelle div.depositlinks a:hover {

  color: #FFF;

  text-decoration: underline;

}



/**

 * footerlinks

 */

ul.footerlinks a {

  color: #000;

  text-decoration: none;

}



ul.footerlinks a:hover {

  text-decoration: underline;

}



/**

 * styles FinanceAds Rechner

 */

.tx-lumophpinclude-pi1 {

  margin: 8px;

}

.tx-lumophpinclude-pi1 td {

  padding: 8px;

}

.tx-lumophpinclude-pi1 td a.link {

  color: #000;

}



.tx-lumophpinclude-pi1 td a.link:hover {

  color: #000;

  text-decoration: underline;

}



.tx-lumophpinclude-pi1 tr.zeile2 {

  background-color: #EEEEEE;

}



.tx-lumophpinclude-pi1 td.footnotes {

  padding-bottom: 10px;

  padding-top: 15px;

}



.tx-lumophpinclude-pi1 tr.zeile th {

  background: #ff5600;

  color: #FFF;



}



.tx-lumophpinclude-pi1 th.rahmen {

  padding-bottom: 9px;

}



.info_body {

  background-color: #FFF;





  padding: 3px;

}



.info_header {

  background-color: #FF5600;

  color: #FFF;

  font-weight: bold;

  padding: 3px;

}



/**

 * white box for the maincontent on the startpage

 */

div#maincontent-inner-startpage {

  background-color: #FFF;

  clear: both;

  padding-bottom: 7px;

  padding-top: 1px;

}



/*

div#maincontent #maincontent-inner-startpage table.contentheaderh1 {

  background: url(../img/header-tabelle-startpage.png) no-repeat top left;

  height: 46px;

  margin: 6px;

  width: 100%;

}*/



/*

div#maincontent-tabelle #maincontent-inner table.contentheaderh1 {

  background: url(../img/header-tabelle.png) no-repeat bottom left;

  height: 46px;

  margin: 6px;

  width: 100%;

}*/



div#maincontent #maincontent-inner-startpage h1 {

 
  color: #000000;

  font-size: 2em;

  padding-top:3px;

  padding-left: 10px;

  padding-right: 15px;

  padding-top:3px;

}





/**

 * define icons for css_filelinks

 */



.css-filelinks a {

  background: url(/konto_com/typo3/gfx/fileicons/default.gif) no-repeat left top;

  /*color: #000;

  font-size: 1.1em;

  line-height: 1.8em;

  margin-left: 12px;

  padding-left: 25px;

  text-decoration: none;*/

}



/*

.css-filelinks a:hover {

  text-decoration: underline;

}*/



.css-filelinks a.doc {

  background: url(../img/fileicons/doc.gif) no-repeat left top;

}



.css-filelinks a.docx {

  background: url(../img/fileicons/docx.gif) no-repeat left top;

}



.css-filelinks a.xls {

  background: url(../img/fileicons/xls.gif) no-repeat left top;

}



.css-filelinks a.xlsx {

  background: url(../img/fileicons/xlsx.gif) no-repeat left top;

}



.css-filelinks a.pdf {

  background: url(../img/fileicons/pdf.gif) no-repeat left top;

}



/**

 * style definition breadcrumb

 */

div#breadcrumb {

  margin-left: 9px;

  margin-top: -15px;

  padding-bottom: 5px;

}



div#breadcrumb a {

  font-size: 1.1em;
  text-decoration: none;

}



div#breadcrumb a:hover {

  text-decoration: underline;

}



/**

 * styles for links in footenotes

 */

span.footnote span a {

  background: url(../img/linkprefix.png) no-repeat left;

  color: #000;

  padding-left: 16px;

  text-decoration: underline;

}



span.footnote span a:hover {

  color: #FF5000;

  text-decoration: underline;

}



table.imgtext-table {

  margin-left: 10px;

}



div#maincontent-tabelle .bigbox.right a {

border: none;

}

div#maincontent-inner ul{

  margin: 10px 15px;

}





div#maincontent-inner ul li {

  background: url(../img/list-item-orange.jpg) no-repeat 4px 2px;

  font-size:1.2em;

  padding: 0 0 5px 15px;

}



div.bigbox table.imgtext-table img {

margin:0;

}



table.imgtext-table img {

margin-left:10px;

}



/**

 * eyecatcher icons

 */

div#left7030-grid-content {

  margin: 6px 0px 0px 6px;
}

div#left7030-grid-content table.imgtext-table img {

  cursor:pointer;

}

div#left7030-grid-icon {

  margin-top:26px;

  float:left;

}

div#left7030-grid-content p.bodytext {

  margin-top:4px;

  margin-left:6px;

  font-size:14px;

  color:#006F45;

  font-weight:bold;

}

div#right7030-grid-content {

  float:left;

  cursor:pointer;

  margin: 6px 0px 0px 6px;

}

div#right7030-grid-content table.imgtext-table img {

  cursor:pointer;

}

div#right7030-grid-icon {

  margin-top:27px;

  float:left;

  margin-left:-10px;

}

div#right7030-grid-content p.bodytext {

  margin-top:4px;

  margin-left:6px;

  font-size:2.2em;

  color:#FFF;

  font-weight:normal;

  line-height:1.0em;

  width:113px;

}



.vergleichstabelle a.imagelink {

  border:0 none;

}

#search {
  float: right;
  margin: 0px 0px 0px 0px;
  border-left: 1px solid #282828;
  padding: 2px 0px 3px 15px;
  width: 220px;
  display:none;
}

/* A.G. Menu */
.bodytext a.orangebackground {
    border:0;
    color:#282828;
    font-size:1em;
    padding:0 8px 0 0;
    text-decoration:none !important;
    background:url("../img/orangeback-right.png") no-repeat scroll right 0 transparent;
}

.bodytext a.orangebackground u.orangeunderline {
    background:url("../img/orangeback-left.png") no-repeat scroll 0 -1px transparent;
    padding:0 0 0 25px;
}

.bodytext a.orangebackground u.orangeunderline span.orangeunderlineblack {
    background:url("../img/orangeback-middle.png") repeat scroll 0 0 transparent;
    color:#FFF;
}

#contentfooterbox {padding: 0px 15px 5px 10px;}

#contentfooterbox h3 { clear: both; color: #282828;  font-size: 2em; padding: 8px 0;}



div#maincontent {

  margin: 15px 0 15px 0;

  overflow: hidden;

}



div#maincontent-inner div.bigbox {

  height:auto;

}



div.bigbox.right {

  margin: 0;

}





div.bigbox p {

  font-size: 1.2em;

  padding: 0 15px 10px 15px;

  margin: 0;

    width:90%;

}



div.bigbox h1 {

  color: #000;

  font-size: 2em;

  margin: 4px;

  padding:3px 10px 10px;
  border-bottom: 1px solid #ccc;

}

div#banner {
  background: white;
  float: left;
  text-align: center;
  margin: 30px 0px 15px 0px;
  width: 182px;
}


/**

 * subnav first level

 */

div#subnav {

  background: white;

  float: left;

  margin: 0 10px 15px 0;

  width: 200px;

  /*position:absolute;*/

  padding: 0 0 50px 0;

}



div#maincontent-inner {

  float: right;

  width: 750px;

}



/* ##### body#tabelle #########*/

div#maincontent-tabelle {





















  background:white;

  width: 750px;

  float: right;

  margin: 0 0 15px 0;

}





div#maincontent-tabelle #maincontent {

  background: white;

  clear: both;

  float: left;

  width: 750px;

  margin-top: 0px;

}



div#maincontent-tabelle #maincontent-inner table.contentheaderh1,

div#maincontent #maincontent-inner-startpage table.contentheaderh1 {

  color: #ff5600;

  font-size: 1em;

  line-height: 2em;

  margin: 10px 0;

  padding: 5px 0;

}



div#maincontent-tabelle #maincontent-inner h1,

div#maincontent #maincontent-inner-startpage h1 {

  clear: both;

  /*  margin:        6px;*/

  color: #282828;

  font-size: 2em;

  /*  padding:      10px;*/

  padding-left: 10px;

  padding-right: 15px;

}



div#maincontent-tabelle #maincontent-inner h2,

div#maincontent #maincontent-inner-startpage h2 {

  clear: both;

  color: #282828;

  font-size: 2em;

  padding-left: 10px;
  padding-right: 15px;

  padding-top: 5px;

}



div#maincontent-tabelle .bigbox, div#maincontent-tabelle .bigbox.right {

  border: none;

  margin: 7px 7px 10px 7px;

  width: 223px;

}



div#maincontent-tabelle .bigbox.right {

  width: 240px;

  float:right;

}



div#maincontent-tabelle .bigbox h3 {

  color: #ff5600;

  font-size: 1.6em;

  font-weight: bold;

  margin: 0 0 5px 0;

}



div#maincontent-tabelle .bigbox a.anbieterlink {

background:transparent url(../img/arrow-orange-small.jpg) no-repeat scroll right center;

color:#ff5600;

display:block;

font-size:2em;

line-height:30px;

padding:0 40px 0 0;

text-align:right;

text-decoration:none;

width:155px;

}



div#maincontent-tabelle .bigbox a.anbieterlink:hover {

  /*background: url(../img/arrow-gray-small.jpg) no-repeat right;*/

  color: #ff5600;

  font-size: 2em;

  line-height: 30px;

  /*margin: 0 0 10px 0;*/

  padding: 0 40px 0px 0;

  text-decoration: underline !important;

}



div#maincontent-tabelle .bigbox a.detailslink {

background:transparent url(../img/arrow-gray-small.jpg) no-repeat scroll right center;

color:#282828;

display:block;

font-size:2em;

line-height:30px;

padding:0 40px 0 0;

text-align:right;

text-decoration:none;

width:155px;

}



div#maincontent-tabelle .bigbox a.detailslink:hover {

  /*background: url(../img/arrow-orange-small.jpg) no-repeat right;*/

  color: #282828;

  font-size: 2em;

  line-height: 30px;

/*  margin: 0 0 10px 0;*/

  padding: 0 40px 0px 0;

  text-decoration: underline !important;

}



/* ##### body#portrait#########*/

#maincontent div#subtemplate-portrait {

  background: url(../img/background-content.png) repeat-y top left;

  clear: both;

  float: left;

  width: 960px;

}



div#maincontent #maincontent-inner div#subtemplate-portrait h1 {

  background: none;

  clear: none;

  color: #282828;

  float: left;

  font-size: 2.5em;

  line-height: 1.2em;

  margin: 6px;

  padding: 10px;

  width: 500px;

}



#maincontent-inner div#subtemplate-portrait img.headerlogo {

  float: left;

  margin: 15px;

}



div#subtemplate-portrait #leftcol {

  clear: left;

  float: left;

  margin:0 15px 15px;

  width: 475px;

}



div#subtemplate-portrait ul.subsubnav {

  background:none;

  display: block;

  font-size: 1.2em;

  margin: 0 0 15px 0;

  overflow: hidden;

}



div#subtemplate-portrait ul.subsubnav li {

  background:none;

  float: left;

  margin: 0 20px 0 0;

}



div#subtemplate-portrait ul.subsubnav li a {

  background:none;

  color: #006f45;

  border:none;background:none;

  padding-left:0;

}



div#subtemplate-portrait ul.subsubnav li a.selected {

  color: #ff5600;

  border:none;background:none;padding-left:0;

}



div#subtemplate-portrait ul.subsubnav li a:hover {

  text-decoration: underline;

  border:none;background:none;padding-left:0;

}



div#subtemplate-portrait #rightcol {

  float: left;

  margin: 15px;

  width: 190px;

}



div#subtemplate-portrait #rightcol h3 {

  color: #ff5600;

  font-size: 1.8em;

  font-weight: bold;

  padding: 35px 0px 0px 15px;

}



div#subtemplate-portrait #rightcol ul li a {

  color: #282828;

  font-size: 1.2em;

  font-weight: normal;

  border:none;background:none;padding-left:0;

}



div#subtemplate-portrait #rightcol ul li a:hover {

  text-decoration: underline;

  border:none;background:none;padding-left:0;

}



div#left-col-inner-left {

  float: left;

  width: 310px;

}



div#leftcol-inner-right {

  text-align: center;

}



div#leftcol-inner-right img {

  margin: 15px 0px 0px 0px;

  float:right;

  clear:right;

}



/* ##### Vergleichstabelle #########################################################

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

table.vergleichstabelle {

  background: white;

  font-size: 1.1em;

  table-layout: auto;

  width: auto;

  margin: 0 0 25px 0;

}



table.vergleichstabelle img.tipp{

  display: block;

}



table.vergleichstabelle ul.tabletabs {

  float: left;

  width: 730px;

  margin: 0!important;

}



table.vergleichstabelle ul.tabletabs li {

  background: #747171 url(/konto_com/fileadmin/templates/ext/vsp_girokonto/corner-grey.png) no-repeat top right !important;

  float: left !important;

  margin: 0 !important;

  padding: 3px 10px !important;

}



table.vergleichstabelle ul.tabletabs li.selected {

  background: #F27100 url(/konto_com/fileadmin/templates/ext/vsp_girokonto/corner-orange.png) no-repeat top right !important;

}



table.vergleichstabelle ul.tabletabs li a {

  color: white;

  font-weight: bold;

}



table.vergleichstabelle ul.tabletabs li a:hover {

  color: white;

  font-weight: bold;

  text-decoration: underline;

}



table.vergleichstabelle thead.toprow {

  background: #F27100 !important;



}



table.vergleichstabelle thead.toprow th {

  color: white;

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

  font-weight: bold;

  padding: 10px 5px;

  text-align: left;

  vertical-align: top;

  width: auto;

}



table.vergleichstabelle thead.toprow th.header-product {

}



table.vergleichstabelle thead.toprow th.header-accountfee {

}



table.vergleichstabelle thead.toprow th.header-interest {

}



table.vergleichstabelle thead.toprow th.header-creditline {

}



table.vergleichstabelle thead.toprow th.header-creditcard {

}



table.vergleichstabelle thead.toprow th.header-withdrawal {

}



table.vergleichstabelle thead.toprow th.header-partnerlink {

}



table.vergleichstabelle tbody {

  width: 630px;

}



table.vergleichstabelle tbody tr {

  width: 630px;

}



table.vergleichstabelle tbody tr td {

  padding: 10px 5px;

  width: auto;

}



table.vergleichstabelle tbody tr.row.even {

  background: #eee;

}



div.tablecontainer {

  width: 730px;

}



table.vergleichstabelle div.depositlinks {

  color: #FFF;

  margin-left: 5px;

}



table.vergleichstabelle div.depositlinks a {

  color: #FFF;

  text-decoration: none;

}



table.vergleichstabelle div.depositlinks a:hover {

  color: #FFF;

  text-decoration: underline;

}



/**

 * footerlinks

 */

ul.footerlinks a {

  color: #000;

  text-decoration: none;

}



ul.footerlinks a:hover {

  text-decoration: underline;

}



/**

 * styles FinanceAds Rechner

 */

.tx-lumophpinclude-pi1 {

  margin: 8px;

}

.tx-lumophpinclude-pi1 td {

  padding: 8px;

}

.tx-lumophpinclude-pi1 td a.link {

  color: #000;

}



.tx-lumophpinclude-pi1 td a.link:hover {

  color: #000;

  text-decoration: underline;

}



.tx-lumophpinclude-pi1 tr.zeile2 {

  background-color: #EEEEEE;

}



.tx-lumophpinclude-pi1 td.footnotes {

  padding-bottom: 10px;

  padding-top: 15px;

}



.tx-lumophpinclude-pi1 tr.zeile th {

  background: #ff5600;

  color: #FFF;



}



.tx-lumophpinclude-pi1 th.rahmen {

  padding-bottom: 9px;

}



.info_body {

  background-color: #FFF;





  padding: 3px;

}



.info_header {

  background-color: #FF5600;

  color: #FFF;

  font-weight: bold;

  padding: 3px;

}



/**

 * white box for the maincontent on the startpage

 */

div#maincontent-inner-startpage {

  background-color: #FFF;

  clear: both;

  padding-bottom: 7px;

  padding-top: 1px;

}







/**

 * define icons for css_filelinks

 */



.css-filelinks a {

  background: url(/konto_com/typo3/gfx/fileicons/default.gif) no-repeat left top;

  /*color: #000;

  font-size: 1.1em;

  line-height: 1.8em;

  margin-left: 12px;

  padding-left: 25px;

  text-decoration: none;*/

}



/*

.css-filelinks a:hover {

  text-decoration: underline;

}*/



.css-filelinks a.doc {

  background: url(../img/fileicons/doc.gif) no-repeat left top;

}



.css-filelinks a.docx {

  background: url(../img/fileicons/docx.gif) no-repeat left top;

}



.css-filelinks a.xls {

  background: url(../img/fileicons/xls.gif) no-repeat left top;

}



.css-filelinks a.xlsx {

  background: url(../img/fileicons/xlsx.gif) no-repeat left top;

}



.css-filelinks a.pdf {

  background: url(../img/fileicons/pdf.gif) no-repeat left top;

}


/**

 * styles for links in footenotes

 */

span.footnote span a {

  background: url(../img/linkprefix.png) no-repeat left;

  color: #000;

  padding-left: 16px;

  text-decoration: underline;

}



span.footnote span a:hover {

  color: #FF5000;

  text-decoration: underline;

}



table.imgtext-table {

  margin-left: 10px;

}



div#maincontent-tabelle .bigbox.right a {

border: none;

}

div#maincontent-inner ul{

  margin: 10px 15px;

}





div#maincontent-inner ul li {

  background: url(../img/list-item-orange.jpg) no-repeat 4px 2px;

  font-size:1.2em;

  padding: 0 0 5px 15px;

}



div.bigbox table.imgtext-table img {

margin:0;

}



table.imgtext-table img {

margin-left:10px;

}



/**

 * eyecatcher icons

 */

div#left7030-grid-content {

  margin: 6px 0px 0px 6px;
}

div#left7030-grid-content table.imgtext-table img {

  cursor:pointer;

}

div#left7030-grid-icon {

  margin-top:26px;

  float:left;

}

div#left7030-grid-content p.bodytext {

  margin-top:4px;

  margin-left:6px;

  font-size:14px;

  color:#006F45;

  font-weight:bold;

}

div#right7030-grid-content {

  float:left;

  cursor:pointer;

  margin: 6px 0px 0px 6px;

}

div#right7030-grid-content table.imgtext-table img {

  cursor:pointer;

}

div#right7030-grid-icon {

  margin-top:27px;

  float:left;

  margin-left:-10px;

}

div#right7030-grid-content p.bodytext {

  margin-top:4px;

  margin-left:6px;

  font-size:2.2em;

  color:#FFF;

  font-weight:normal;

  line-height:1.0em;

  width:113px;

}



.vergleichstabelle a.imagelink {

  border:0 none;

}

#search {
  float: right;
  margin: 0px 0px 0px 0px;
  border-left: 1px solid #282828;
  padding: 2px 0px 3px 15px;
  width: 220px;
  display:none;
}

/* A.G. Menu */
div#subnav { padding:9px 9px 50px; width:182px; margin:0 10px 15px 0; }
div#subnav table.subtitle h1 #sIFR_replacement_1 { height: 28px!important;  }
div#subnav ul#subnav-list { width: 169px; -width: 174px; border:2px solid #E18214; background: #f2f2f2; float: left; min-height: 85px; height: auto!important; height: 85px; padding: 0 4px; }
div#subnav ul#subnav-list li { width: 100%; float: left; padding-bottom: 1px; font-size:12px; font-family:"Trebuchet MS",Verdana,sans-serif; font-weight: normal; }
div#subnav ul#subnav-list li:hover { background: none; }
div#subnav ul#subnav-list li a { background: url(../img/menu/bg_menu_list.gif) 3px 10px no-repeat ;width: 140px; float: left; padding:4px 2px 4px 12px; font-size:11px; font-weight: normal; }
div#subnav ul#subnav-list li a:hover {  text-decoration: none; }

.bodytext a.orangebackground {
    border:0;
    color:#282828;
    font-size:1em;
    padding:0 8px 0 0;
    text-decoration:none !important;
    background: url("../img/orangeback-right.png") no-repeat scroll right 0 transparent;
}

.bodytext a.orangebackground u.orangeunderline {
    background:url("../img/orangeback-left.png") no-repeat scroll 0 -1px transparent;
    padding:0 0 0 25px;
}

.bodytext a.orangebackground u.orangeunderline span.orangeunderlineblack {
    background:url("../img/orangeback-middle.png") repeat scroll 0 0 transparent;
    color:#FFF;
}

/* Google Search */
#googlesearch {float: right; margin: 4px 10px 0 0; }
#googlesearch input {height: 20px;}

/* Footermenu */
#footermenu { margin: 0 auto; bottom: 0;right:0;left:0;position: fixed; width: 960px;z-index: 900000; background: url("http://www.konto.com/fileadmin/templates/ext/imp_vsp_comparing_calculator/images/table_head.jpg") repeat-x scroll 0 50% transparent; border: 1px solid #E18214;}
#footermenu a {font-size: 12px; text-decoration: underline; color: #0000FF; font-weight:bold;}
#footermenu ul {float:right; margin: 8px;}
#footermenu li {display:inline; margin: 0 10px;}
#footermenu img.footermenulogo {width: 90px; border-right: 1px solid #E18214;}

/* Left Box */
.leftbox {border: 2px solid #E18214; clear: both; margin-top: 10px;}
.leftbox .leftboxcontent {padding: 10px 5px;}
.leftbox .leftboxcontent .leftboxcontentitem {padding: 4px 0;}
.leftbox h2 {display:box;color:#fff;background:#E18214;font-size:1.4em;padding: 3px 8px;}
.leftbox .link-gfx {margin-left: -7px; height:27px;}

/* Ads */
#sky {width: 160px; float:left;}

/* Qhub */
#qhub_header_wrapper #qhub_widget_topic { 20px "Trebuchet MS",Verdana,sans-serif !important;}

/* Homepage */
div#c72 {border-top: 1px solid #b9dca3;border-bottom: 1px solid #b9dca3;}