/* ###  Layout  ########################################################################*/

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #393F44; margin: 0; background:#f5f6f8;}
#header { width: 745px; height: 70px; margin: 0 auto; background: url(../img/head_leipziger.gif) no-repeat; }
#header h1 {margin: 0 0 0 0px; padding: 10px 20px 5px 20px; font-size:18px; color: black; font-weight:normal;}
#header h2 {margin: 0 0 0 0px; padding: 5px 20px 10px 20px; font-size:16px; color: black; font-weight:normal;}
/* #header h3 {margin: 0 0 0 0px; padding: 5px 20px 10px 20px; font-size:11px; color: #393F44;; font-weight:bold;} */

#subHeader { padding: 6px 0 20px 0; }
#subHeader a { font-size: 12px; color: #777; background: url(../img/bt_pfeil_02.gif) no-repeat left; padding-left: 10px; }
#subHeader a:hover { color: #b11a3b; text-decoration: underline; background: url(../img/bt_pfeil_01.gif) no-repeat left; }
#subHeader a:active { color: #b11a3b; background: url(../img/bt_pfeil_01.gif) no-repeat left; }

#teaserRight { background: #c0d0de; padding: 20px 0 0px 20px; height: 130px;}
#teaserRight h1{ color: #000; }
#teaserRight p { width: 400px; margin-top: 20px;}

#content {
        width: 745px;
        margin: 0 auto;
        background: #fff;
        margin-top: 2px;
        padding: 0;
        }
#contentB {
        width: 745px;
        margin: 0 auto;
        background: #fff;
        margin-top: 0px;
        padding-top: 10px;
/*        background: #f4f7f9; */
        }
*html #contentB { padding-top: 0px; margin-top: 0px;}

#left {
        float: left;
        width: 250px;
        }
#leftB {
        float: left;
        width: 565px;
        }
*html #leftB {
        float: left;
        width: 545px;
        }
#left img { margin: 0 0 4px 0; }

#right {
        margin-left: 250px;
        }
#rightB {
        margin-left: 565px;
        padding: 0px 0 0 -0px;
        }
*html #rightB {
        margin-left: 540px;
        padding: 0px 0 0 -0px;
        }
#right_contentB {
                margin: -18px 0 0 0;
}
*html #right_contentB {
        margin: -6px -0px 0 -0px; padding: 0px 0px 0px -0px;
       }
*html #right_contentB img {padding: 0; margin: 0 0px 0 0;}

#right_contentB img { padding: 0 0 0 0px;  margin: 0;}
#left_contentB img { padding: 0 0 20px 0px;  margin: 0;}
#right_content.next { padding: 0 0 0 4px; }
*html #left_contentB img { padding: 0 0 0px 0px;  margin: 0;}

#right_content, div.contentWrapper { padding: 0 20px; }
#right_contentB div.contentWrapper { padding: 0 2px; }
*html #right_contentB div.contentWrapper { padding: 0 0 0 0px; }
*html #left_contentB div.contentWrapper { padding: 0 0 0 20px; }



#footer { margin: 0 auto; }

.clear { clear: both; margin: 0; padding: 0; }
.clear_right { clear: right; margin: 0; padding: 0; }
.clear_left { clear: left; margin: 0; padding: 0; }
.trans { background: url(../img/transe.gif); }

/* ###  Content  ########################################################################*/

td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #393F44;}
h1 {  font-family: "Times New Roman", Times, serif; font-size: 20px;margin-top:0px; color: #b11a3b; margin: 0 0 10px 0; padding: 0;}
h2 {  font-family: "Times New Roman", Times, serif; font-size: 16px; color: #000; margin: 0 0 10px 0; padding: 0 0 0 0;}
#left_content h2 { color: #000; font-size: 12px; margin-top: 10px; color: #888; }
#left_content h3 { font-size: 11px; color: #888; padding-top: 0px; margin-top: 0px; font-weight: normal;}


input {  font-family: Arial, Helvetica, sans-serif; font-size: 10px}
textarea {  font-family: Arial, Helvetica, sans-serif; font-size: 9px}
p {        margin: 10px 0; width: 400px; }
#left_content p { width: 215px; font-size: 8px !important; }

#left_contentB h2 { font-family: "Times New Roman", Times, serif; font-size: 16px; color: #b11a3b; margin: 10px 0 5px 0; padding: 0; }
#right_contentB h3 {font-size: 11px; color: #888; padding-top: 20px; font-weight: normal; }
#left_contentB h3 {margin: 0px 0 0px 0px; padding: 5px 20px 10px 0px; font-size:11px; color: #393F44; font-weight:bold;}

#subHeader span {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px ;
        color:#393F44;
        font-weight: bold;
        margin: 0 0 0 0;
        }
#subHeader span sup { font-size: 11px; }

a {  text-decoration:none; }
a:link { color: #393F44; text-decoration: none; }
a:visited {        text-decoration: none; color: #393F44; }
a:hover { text-decoration: none; color: #990000; }
a:active, .active { text-decoration: none; color: #990000; }

div.more { float: right; }
div.more a { background: url(../img/bt_pfeil_rot.gif) no-repeat right; padding-right: 15px; }

div.angebot a {background: url(../img/angebot_no.gif) no-repeat left; display: block; width: 100%; height: 100%; }
/*div.angebot a:hover { background-image: url(../img/angebot_ro.gif); }*/




/* copy from erstklassig-anlegen/css/basic.css - 09-2010 for blink button */
div.angebot a { 
/*	background: url(../img/angebot_no.jpg) no-repeat left; */
	display: block; 
/*	width: 100%; height: 100%; 	*/
	text-decoration: blink; 	
	}
div.angebot a:hover { 
/*	background: url(../img/angebot_ro.jpg) no-repeat left; 	*/
	text-decoration: blink; 
	}



div.angebot1, div.angebot2, div.angebot { height: 93px; width: 195px; padding: 2px 0; }
#right_contentB div.angebot a {background: url(../img/angebot_no_Smaller.gif) no-repeat left; height: 71px; width: 150px; padding: 0px 0; }

div.angebot1 a { background: url(../img/angebot_no_ALfonds.gif) no-repeat left; display: block; width: 100%; height: 100%; }
div.angebot2 a { background: url(../img/angebot_no_ALfonds-Basis.gif) no-repeat left; display: block; width: 100%; height: 100%; }
div.angebot1 a:hover { background: url(../img/angebot_ro_Alfonds.gif) no-repeat left; }
div.angebot2 a:hover { background: url(../img/angebot_ro_Alfonds-Basis.gif) no-repeat left; }
div.white { background:#ffffff; position:absolut; margin: -10px 0 0px -20px; padding: 20px 0 0px 20px; width:545px; height:100%;}

*html div.white {position:absolut; margin: -0px 0 0px -20px; padding: 10px 0 0px 20px;  width:540px; height:100%;}

div.blue { background:#e4f1f9; position:relative; margin: 8px -10px 0 0px; padding: 10px 10px 10px 10px; width:160px;}
*html div.blue { background:#e4f1f9; position:relative; margin: 6px -10px 0 -0px; padding: 10px 10px 10px 10px; width:160px;}

/* Listen */
#content ol{ margin: 0 0 10px 20px; padding: 0 0 0 0; }
#content ol li { font-weight: bold; font-size: 11px; color: #b11a3b; }

#content ul{ margin: 0 0 10px 35px; padding: 0 0 0 0; list-style-image: url(../img/listpoint3.gif); }
#content ul li { margin-bottom: 2px; }

#contentB ul{ margin: 10px 5px 20px 15px; padding: 0 0 0 -0px; list-style-image: url(../img/kasten1.gif); }
#contentB ul li { margin-bottom: 2px;  padding-left: -10px; }

p.list { margin-left: 20px; margin-bottom: 5px;  }

table#vergleich{
        background: #e4f1f9;
        border-collapse: collapse;
        }
table#vergleich th { background: #dce6eb; padding: 4px 10px; vertical-align: bottom; }
table#vergleich tr { border-bottom: 1px dashed #c0d0de; }
table#vergleich td { padding: 4px 10px; }


/* ###  Basics  ################################################################################# */
.Stil1 {color: #FF0000}

a.reiterHead {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:bold;
        text-decoration:none;
        color:#393F44;
        width:200px;
        height:20px;
        margin:0;
}
a.reiterHead:hover {
        color:#990000;
        textdecoration:none;
}
a.reiterHead2 {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:bold;
        text-decoration:none;
        color:#393F44;
        display:block;
        margin:0px 0px 5px 0px;
}
a.reiterHead2:hover, a.reiterHead2:active, a.reiterHead2active {
        color:#990000;
        textdecoration:none;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:bold;
        display:block;
        margin:0px 0px 5px 0px;
}

a.reiterHead2 img {
        border:0px;

}
.reiterTxt {
        margin:5px 0px 0px 0px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        color:#393F44;
        line-height:11px;
        width:160px;
}
.textColor {
        color:#A7A085;
        font-size:10px;
}
.textSmall10 {
        font-size:10px;
}
#flashcontent .boxNoFlash, #flashcontent2 .boxNoFlash {
        font-size:10px;border:5px solid #c0d0dd;background:#fff;display:block;width:220px;color:#8e8e8e;padding:5px;
}
