/*
In this CSS file you can define custom styles without touching the regular stylesheet.
So if you want to change fonts, colors etc. then you just need to change and uncomment
the prepared lines below or add new lines.

In the example I have just switched some colors from dark red to blue.
This feature is experimental and I guarantee for nothing ;-)
*/


/******************************************
*   Twitter Tool
******************************************/

#sidelist .twitter li{
        margin-bottom:5px;
        padding-left:25px;
        background:url(../images/twitter_2.png) no-repeat;
        }

#sidelist .twitter li:hover{
        background-color:#f4f4ec;
        }

#sidelist .twitter-item a:link, a:active, a:visited, a:hover {
        color:#003399;
        }

#sidelist .feed li:hover{
        background-color:#f4f4ec;
        }

/******************************************
*   Tabelle Kreditvergleich und Table Header
******************************************/

.kreditvergleich{
         background-color:#fff;
         border:2px;
         border-style:solid;
         border-collapse:collapse;
         font-size:1em;
         width:100%;
         border-spacing:2px;
/*         padding:10px;*/
/*         margin:5px;*/
         }

.kreditvergleich tr.change:hover{
         background-color:#f4f4ec;
         }

.kreditvergleich td{
         padding:6px 3px;
         border-bottom:1px solid;
         vertical-align:middle;
         height:50px;
         }

.kreditvergleich th{
         padding:6px 11px;
         vertical-align:middle;
         text-align:center;
         margin-left:15px;
         margin-right:15px;
         background-color:#666666;
         color:#d9eeee;
         font-size:1.3em;
         font-weight:bold;
         border-right:2px solid #fff;
         height:60px;
         }

th.kredit-beantragen{
         border-right:1px solid #000;
         }

/******************************************
*   Zellen innerhalb Tabelle Kreditvergleich
******************************************/

td.kreditinstitut {
         background-color:#fff;
         width:125px;
         }

.kreditinstitut img {
         margin-left:10px;
         margin-right:10px;
         margin-top:20px;
         margin-bottom:20px;
         border:0px;
         }

td.zins {
         text-align:center;
         font-size:1.4em;
         font-weight:bold;
         width:90px;
         }

td.kreditsumme{
         text-align:center;
         font-size:1.5em;
         width:120px;
         line-height:1.2;
 /*      font-weight:bold; */
         }
  /*
td.kreditbewertung{
         padding:10px -2px 10px -10px;
         }
*/
td.kreditbewertung ul{
         text-align:left;
         font-size:1.2em;
         margin-left:-20px;
         margin-right:5px;
         }

td.kredit-beantragen {
         text-align:center;
         font-size:1.4em;
         font-weight:bold;
         padding: 5px 10px;
         line-height:1.4;
         }

/******************************************
*   MouseOver-Beschreibungen repräsentative Beispiele
******************************************/

.weitere-informationen td{
         text-align:center;
         }

.weitere-informationen img{
         border: 0px;
         }

.weitere-informationen span{
         display: block;
         position: absolute;
         z-index: 99;
         width: 300px;
         text-align: left;

         padding: 15px 15px 0px 15px;
         margin: 5px 0px 0px -99px;
         border: 1px solid #333;
         background-color: #fff;
         color: #333;

         display: none;
}

.weitere-informationen:hover span {
         display: block;
         }

.weitere-informationen:hover span ul li {
        margin: 0 0 0 1em;
        padding: 0;
}

/*.emphasize{background-color:#cdd5d8;font-weight:bold}*/
/*.tabelle tr.alt{background-color:#dfe2e7}*/


/******************************************
*   HTML Elements
******************************************/
/*
body {
        background: #eee;
        color: #666;
        }
*/

/******* Hyperlinks ********************/

/* standard link behaviour */
/*
a:link, a:active, a:visited {
        color:#003399;
        }
a:hover        {
        color:#003399;
        }
*/

/* Title area links */
/*
.title:link, .title:active, .title:visited {
        color: #003399;
        }
.title:hover {
        color: #003399;
        }
*/

/* Links in the sidebar */
/*
#sidelist .children li a, #sidelist .children li a:visited {
        color: #003399;
        }
*/

/******************************************
*   Headlines
******************************************/
/*
.blogtitle, .blogtitle a {
        color: #000;
        }

h1 {
        color: #003399;
        }

h2 {
        color: #003399;
        }

h3 {
        color:#003399;
        }

#sidebar h2, #sidebar h3 a {
        color:#003399;
        }

#sidebar h3, #sidebar h2 {
        color:#003399;
        }
*/
/******************************************
*   Content
******************************************/

/* Formating of the Leadstory stuff in the tabbed section */
/*
#leadpic {
        float:left;
        margin: 0 18px 8px 0;
        padding:1px;
        border: 1px solid #999;
        }

.title, a.title  {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size:1.1em;
        font-weight:bold;
        color: #003399;
        letter-spacing:normal;
        }
*/
/* for the headlines in the tabbed section */
/*
.ui-tabs-panel .title {
        color: #003399!important;
}
*/
/* This can be used to format the "[...]" link in the lead story */
/*
.read-on a {
        color:#003399!important;
        text-decoration:none;
        }
*/