/*================================================================
  globals 
================================================================*/
body,td,div,p,pre,li,ul,a,input,select,option,textarea {font-family: Arial, Helvetica, sans-serif;}
body,td,div,p,pre,ul,a,input,select,option,textarea {font-size:12px; color:#666666;}
body{     
	margin:0;
	padding:0;
	scrollbar-3d-light-color:#ffffff;
	scrollbar-arrow-color:#ffffff;
	scrollbar-base-color:#ffffff;
	scrollbar-dark-shadow-color:#ffffff;
	scrollbar-face-color:#cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-track-color:#ffffff;
}
h1{ font-size:14px; font-weight:bold; color:#666666 }

/*================================================================
  topnavi 
================================================================*/
td.bgcolorRot { background-color:#cc0000; font-size:10px; }
table.top ul{ margin:0; list-style-type: none; display:inline;  padding:1px 0px 2px 0px;}
table.top .bar > ul { display:inline; padding:1px 0px 0px 0px;}
table.top .bar ul li {  
  vertical-align:middle; 
  display:inline; 
  margin:0px; 
  padding:0px 0px 2px 0px; 
  font-size:11px;
  font-weight: bold;
  vertical-align:middle;
}
.bar li, table.top .bar, table.bottom .bar, table.top .bar a, table.top .bar a:visited, table.top .bar a:active, table.top .bar a:hover{
  background-color: #cc0000; 
  font-size:11px; 
  line-height:14px;
  color: white; 
  font-weight: bold;
  vertical-align:middle;
  text-decoration:none;
}
table.top .bar { padding:0px 0px 2px 5px; height:18px; }
table.top tr > .bar { padding:0px 0px 0px 5px;  height:18px; }
table.top .bar a{
  padding:0px 4px 0px 4px;
  margin:2px 0px 2px 0px;
  height:12px;
}
table.top .bar a:hover{
  padding:0px 4px 0px 4px;
  margin:2px 0px 2px 0px;
  background-color:white; 
  color: #cc0000; 
  vertical-align:middle;
  height:12px; 
}
table.top .bar ul li.mark a, table.top .bar ul li.mark a:link, table.top .bar ul li.mark a:active, table.top .bar ul li.mark a:visited, table.top .bar ul li.mark a:hover{ color:#cc0000; background-color:#ffffff; }
/* navigation */
table.top ul{  margin: 0px; list-style-type: none; display:inline;  padding:0px 0px 0px 0px;}
table.top .bar > ul { display:inline; padding:0px 0px 0px 0px;}

/*================================================================
		 erstkontakt linke spalte
================================================================*/
#leftcolumn td.erstkontaktcontent{
  background-color:#e9e9e9;
  background-repeat:no-repeat;
  background-image:url(/static/de/pics/canadalife_grafiken/vermittlersuche.gif);
	background-position:0px 0px;
  border-style:none;
  border-width:0px 0px 0px 0px;
  text-align:right;
  color:#666666;
  font-size: 10px;
  padding-right:10px;
  width:150px;
} 


#leftcolumn td.erstkontaktcontent input {
  padding:0px;
  width:80px;
  font-size: 10px;
  color:#000000;
  filter:alpha(opacity=50);
  -moz-opacity:.50;
  opacity:.50;
}
#leftcolumn td.erstkontaktcontent a.vsuche, #leftcolumn td.erstkontaktcontent a.vsuche:link, #leftcolumn td.erstkontaktcontent a.vsuche:visited, #leftcolumn td.erstkontaktcontent a.vsuche:active { background-image:none; background-position:10px 0px; font-size:10px; color:#666666; text-decoration:none; }
#leftcolumn td.erstkontaktcontent a.vsuche:hover { color:#666666; text-decoration:underline; }
/*================================================================
  anteilspreise
================================================================*/
table.fonds, table.fonds th, table.fonds td{
	font-size: 11px;
	padding: 2px 2px 0px 2px;
	border-width: 0px 0px 0px 0px;
	text-align: center;
	border-style: solid;
	border-color: #898989;
}
table.fonds th{
	padding-top: 10px;
	border-bottom-width: 1px;
	text-align: right;
}
table.fonds td.rightborder{
	border-right-width: 1px;
	text-align: left;
}
table.fonds td.subheadline{
	font-size: 11px;
	font-weight: bold;
	padding: 8px 0px 3px 2px;
	text-align: left;
}
table.fonds td.topborder{
	border-top-width: 1px;
	background-color: #e9e9e9;
}
table.fonds td.bottomborder{
	border-bottom-width: 1px;
}
table.fonds td.w{
	text-align: right;
	width: 60px;
}
table.fonds td.p{
	text-align: right;
	width: 60px;
}
table.fonds td.end{
	border-top-width: 1px;
}
table.fonds td.bottomspacer{
	padding-bottom: 3px;
	border-right-width: 1px;
	height: 7px;
}
table.courtage, table.courtage th, table.courtage td, table.storno, table.storno th, table.storno td{
	font-size: 11px;
	padding: 2px 2px 0px 2px;
	border-width: 0px 0px 0px 0px;
	text-align: left;
	vertical-align:top;
	border-style: solid;
	border-color: #898989;
}
table.courtage th, table.storno th{
	padding-top: 10px;
	border-bottom-width: 1px;
	text-align: left;
}
table.courtage td.gray, table.storno td.gray{
	background-color: #e9e9e9;
}
table.courtage td.white, table.storno td.white{
	background-color: #ffffff;
}
table.courtage td.left, table.storno td.left{
	border-top-width: 1px;
	border-right-width: 1px;
}
table.courtage td.right{
	border-top-width: 1px;
}
table.storno td.right{
	padding-right: 85px;
	text-align: right;
	border-top-width:1px;
}
img.grayborder{
	border-width:1px;
	border-color:#898989;
	border-style:solid;
}
caption{
	font-size:11px;
	font-weight: bold;
    padding: 5px 0px 0px 3px;
	text-align: left;
}
td.listRowHeadline{
	font-size:12px;
	font-weight:bold; 
	background-color:#cccccc;
}
td.listRowWhite{
	font-size:12px;
	background-color:#ffffff;
}
td.listRowGrau{
	font-size:12px;
	background-color:#e0e0e0;
}
td.catalogentry{
	padding-right:10px;
}
/*================================================================
 Formular icons
================================================================*/
a.closeIcon, a.closeIcon:link, a.closeIcon:active, a.closeIcon:visited, a.closeIcon:hover{
  padding-right: 14px;	
	padding-bottom: 2px;
  background-image:url(/static/de/pics/buttons/button_close.gif);
}
a.sendIcon, a.sendIcon:link, a.sendIcon:active, a.sendIcon:visited, a.sendIcon:hover{
  padding-right: 14px;
	padding-bottom: 2px;
  background-image:url(/static/de/pics/buttons/logout.gif);
}


/* rechter und linker Rand */
#leftcolumn{ background-color:#e9e9e9; width:150px; }
#rightcolumn{ width:150px; font-size:10px;}

/* leftnavi */
#leftcolumn ul, #leftcolumn li{
  margin: 0;
  padding: 0;
  list-style-type:none;
}
#leftcolumn ul{
  background-color:#f7f7f7;
}
#leftcolumn li.mark ul, #leftcolumn li.mark{
  background-color:#ffffff;
}
#leftcolumn li{ 
  display: block;
  border-width: 0px 0px 1px 0px;
 	border-style:solid;
	border-color:#cccccc; 
}
#leftcolumn li.first{ 
  border-width: 1px 0px 1px 0px;
}
#leftcolumn li.firstfast{ 
 	border-style:solid;
	border-color:#cccccc; 
  border-width:1px 0px 0px 0px;
  background-image:url(/static/de/pics/dotline_left.gif);
  background-repeat:no-repeat;
	background-position:5px 18px; 
  line-height:18px;
  width:100%;
}
#leftcolumn li.fast{ 
  border-width: 0px 0px 0px 0px;
  background-image:url(/static/de/pics/dotline_left.gif);
  background-repeat:no-repeat;
	background-position:5px 18px; 
  line-height:18px;
  border:0px;
  width:100%;
}
#leftcolumn ul ul{
  margin-left:19px;
  width:131px;
}
#leftcolumn li li{ 
  background-image:url(/static/de/pics/dotline_left.gif);
  background-repeat:repeat-x;
	background-position:0px 0px; 
  border:0px;
  width:100%;
}
#leftcolumn a, #leftcolumn a:link, #leftcolumn a:active, #leftcolumn a:hover, #leftcolumn a:visited { 
 display:block;
 font-size:10px;
 color:#333366; 
 text-decoration:none; 
 padding: 1px 2px 1px 15px;
 border:0px;
 background-image:url(/static/de/pics/pfeil.gif);
 background-position:5px 2px;  
 background-repeat:no-repeat;
}

#leftcolumn a.mark, #leftcolumn a.mark:link, #leftcolumn a.mark:hover, #leftcolumn a.mark:active, #leftcolumn a.mark:visited { 
 background-image:url(/static/de/pics/pfeil-rot.gif);
 background-position:5px 5px; 
 color:#cc0000; 
}
#leftcolumn a:hover, #leftcolumn a.mark:hover { 
  text-decoration:underline;
}
#leftcolumn ul ul li a, #leftcolumn ul ul li a:link, #leftcolumn ul ul li a:visited, #leftcolumn ul ul li a:hover, #leftcolumn ul ul li a:active, #leftcolumn ul ul li a.mark, #leftcolumn ul ul li a.mark:link, #leftcolumn ul ul li a.mark:active, #leftcolumn ul ul li a.mark:hover, #leftcolumn ul ul li a.mark:visited { 
  background-image:url(/static/de/pics/spacer.gif);
  padding-left:5px;
  border:0px;
}



/*================================================================
      eingabeelemente
================================================================*/
input, input.noborder, input.fixedwidth, textarea.fixedwidth, textarea, select, option { 
      background-color:White; 
  border: 1px #bbbbbb solid;
}
input.noborder{
  border: 1px #ffffff solid;
    margin-right:5px;
}
input.fixedwidth, textarea.fixedwidth{
    width: 290px;
}
input.img{
    border: 1px
}

a { color:#333366; text-decoration: underline; }
a:link                {}
a:visited         { color:#666666; }
a:active  {}
a:hover   {}

a.service, .history, .historyactive{ font-size:10px; color:#666666; text-decoration: none; }
a.service:link, a.service:visited, a.service:active {font-size:10px; color:#333366; }
a.service:hover { color:#333366; text-decoration: underline; }

a.arrowRight, a.arrowRight:visited, a.arrowRight:active, a.arrowRight:hover{
  background-image: none;
  background-repeat : no-repeat;
}

a.leftnavi { font-size: 10px; color:#333366; text-decoration: none; }
a.leftnavi:link { color:#333366; }
a.leftnavi:visited { color:#333366; }
a.leftnavi:active { color:#333366; }
a.leftnavi:hover { color:#333366; text-decoration: underline; }

a.leftnavi_hl { font-size: 10px; color:#cc0000; text-decoration: none; }
a.leftnavi_hl:link { color:#cc0000; }
a.leftnavi_hl:visited { color:#cc0000; }
a.leftnavi_hl:active { color:#cc0000; }
a.leftnavi_hl:hover { color:#cc0000; text-decoration: underline; }

td.hpsmall { font-size: 10px; color:#333366; text-decoration: none; }
td.hpsmall a { font-size: 10px; color:#333366; text-decoration: none; }
td.hpsmall a:link { color:#333366; }
td.hpsmall a:visited { color:#333366; }
td.hpsmall a:active { color:#333366; }
td.hpsmall a:hover { color:#333366; text-decoration: underline; }


/*================================================================
 design          
================================================================*/
.colorGrau { background-color:#e9e9e9; }
.colorDunkelGrau { background-color:#666666; }
.colorRot  { background-color:#cc0000; }

/*================================================================
      vermittlersuche (links unter navi)
================================================================*/
td.vsuche, div.vsuche, input.vsuche { color:#666666; font-size: 10px; }
a.vsuche { font-size: 10px; color:#666666; text-decoration: none; }
a.vsuche:link { color:#666666; }
a.vsuche:visited { color:#666666; }
a.vsuche:active { color:#666666; }
a.vsuche:hover { color:#666666; text-decoration: underline; }

/*================================================================
       Neues von Canadalife
================================================================*/
td.neues,span.neues,div.neues { font-size: 11px; }


a.neues                     { font-size: 11px; color:#333366; text-decoration: underline; }
a.neues:link {}
a.neues:visited   { color:#666666; }
a.neues:active      {}
a.neues:hover     {}


/*================================================================
    inhalt                            
================================================================*/
/*
div.abstract, abstractheadline { 
 font-size:14px;
       font-weight:bold; 
        color: #666666
}
*/
div.content { color: #666666; }
div.zurueck { color: #666666; text-align: right }

/*  */
.disclaimer { font-size:10px; }
.disclaimer a{ font-size:10px; }
div.abstractheadline { font-size:20; }
div.zwischenheadline{ font-size:12; font-weight:bold;}
td.catalogheadline {
        font-weight:bold; 
        color: #336633;
     font-size:14;
}
td.catalog, td.catalogentry{
    font-size:12;
}
td.catalogentry{
      font-weight:bold; 
        color: #336633;
}

td.listRowHeadline{
       font-size:12;
       font-weight:bold; 
        background-color:#cccccc;
}
td.listRowWhite{
  font-size:12;
 background-color:#ffffff;
}
td.listRowGrau{
   font-size:12;
       background-color:#e0e0e0;
}


div.bgweiss{ background-color:#ffffff;}

td.linkenavi { color: #333366; font-size: 10px; background-color:#ffffff; padding-left: 20px;}

a.copyright, a.copyright:link, a.copyright:active, a.copyrigh:visited, a.copyright:hover {
   font-size:10px; 
   color:#666666;
	 text-decoration: none; 
}
a.copyright:hover{
   color: #cc0000;
	 text-decoration:underline; 
}
.fussnote{
      font-size: 10px; 
   color: #666666;
     text-align: left;
}

div.quelle{
     font-size: 10px; 
   color: #666666;
}

td.bgcolorweiss { background-color:#ffffff;}



td.teaserHeadline         { font-size: 11px; font-weight: bold; text-decoration: none; }
.teaserBody             { 
  font-size: 11px; text-decoration: none; 
    cursor:hand; cursor:pointer;
        padding: 15px;
}

td.bgcolorGrau { background-color:#e9e9e9; }
.bgcolorcccccc { background-color:#cccccc;}

/* Formulare */
span.required { color:#cc0000; font-size: 10px; }
div.errormessage { color:#cc0000; }
textarea.hinweis { color:#666666; font-size: 10px; }
span.hinweis, span.hinweis a { color:#666666; font-size: 10px; }

/* right border */

a.teaser { font-size: 10px; color:#666666; text-decoration: none; }
a.teaser:link { color:#666666; }
a.teaser:visited { color:#666666; }
a.teaser:active { color:#666666; }
a.teaser:hover { color:#666666; text-decoration: underline; }

span.teaser { color:#cc0000; }

table.homepageprodukte tr td{
       font-size:11px;
       cursor:hand; cursor:pointer;
}
table.homepageteaser td{
       font-size:11px;
     cursor:hand; cursor:pointer;
}
  
/* Zusatz für die header und footer Datei*/
div.topnavi { 
     z-index:1;
  visibility:hidden;
  position:absolute;
  top:0px;
    left:0px;
   text-align:left;
}
table.topnavitabelle { 
      background-color:#FFFFFF;
   color:#666666;
      margin: 0px 0px 0px 0px;
}
span.inside{
       position:absolute;
    border-top-width:1px;
       border-bottom-width:1px;
    border-left-width:1px;
      border-right-width:1px;
     border-style:solid;
   border-color:#cc0000; 
      layer-background-color:#FFFFFF; 
    background-color:#FFFFFF; 
}

td.trenner { 
      background-repeat:repeat-x; 
      background-image:url(/pics/navigation/top/dots_menue.gif);
}
/*
a.topnavi {                color:#333366; text-decoration: none; font-size:10px; font-weight:bold; }
a.topnavi:link {     color:#333366; text-decoration: none; font-size:10px; font-weight:bold; }
a.topnavi:visited { color:#333366; text-decoration: none; font-size:10px; font-weight:bold; }
a.topnavi:active {  color:#cc0000; text-decoration: none; font-size:10px; font-weight:bold; }
a.topnavi:hover {    color:#cc0000; text-decoration: none; font-size:10px; font-weight:bold; }
*/
/*für die onlinebewerbung*/
span.obaktuell { font-size: 11px; color:#ffffff; text-decoration: none; }
span.obfuture { font-size: 11px; color:#cccccc; text-decoration: none; }
a.obhistory { font-size: 11px; color:#cccccc; text-decoration: underline; }
a.obhistory:link { font-size: 11px; color:#FFFFFF; text-decoration: underline; }
a.obhistory:visited { font-size: 11px; color:#FFFFFF; text-decoration: underline; }
a.obhistory:active { font-size: 11px; color:#cccccc; text-decoration: underline; }
a.obhistory:hover { font-size: 11px; color:#cccccc; text-decoration: underline; }



div.SmallTeaser{
        width: 133px;
       margin: 3px 0px 5px 0px;
    padding: 0px 7px 0px 7px;
     font-size: 10px; 
   text-decoration: none; 
}
div.SmallTeaser a{
  white-space:nowrap;
}


/*================================================================
      Besonderheiten
================================================================*/
table.fonds, table.fonds th, table.fonds td{
  font-size: 11;
      padding: 2 2 0 2;
   border-width: 0 0 0 0;
      text-align: center;
   border-style: solid;
        border-color: #898989;
}
table.fonds th{
      padding-top: 10;
    border-bottom-width: 1;
       text-align: right;
}
table.fonds td.rightborder{
      border-right-width: 1;
      text-align: left;
}
table.fonds td.subheadline{
 font-size: 11;
      font-weight: bold;
  padding: 8 0 3 2;
   text-align: left;
}
table.fonds td.topborder{
   border-top-width: 1;
        background-color: #e9e9e9;
}
table.fonds td.bottomborder{
     border-bottom-width: 1;
}
table.fonds td.w{
     text-align: right;
  width: 60;
}
table.fonds td.p{
        text-align: right;
  width: 60;
}
table.fonds td.end{
        border-top-width: 1;
}
table.fonds td.bottomspacer{
   padding-bottom: 3;
  border-right-width: 1;
height: 7;
}
caption{
 font-size: 11;
      font-weight: bold;
    padding: 5 0 0 3;
 text-align: left;
}
/*================================================================
  vorschaltseite
================================================================*/
table.splash{
  background-image: url(/pics/splashpage/pic.jpg); 
  background-position:295px 0px; 
  background-repeat:no-repeat;
}
table.splash td{
    text-align:left;
    vertical-align:top;
  padding:10px;
}
table.splash b.red{ color:#cc0000; }
table.splash b.blue{ color:#333366; }


td.sitemapheadline { color:#FFFFFF; font-weight: bold; background-color:#cc0000; font-size: 12px; }
#sitemap ul{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  background-color: white;
}
#sitemap ul ul{
  margin: 0px 0px 0px 50px;
  background-color: white;
}
#sitemap a, #sitemap a:visited,  #sitemap a:active,  #sitemap a:hover{
  width: 100%;
  font-size:12px;
  color: white;
  padding: 2px 0px 2px 10px;
  font-weight: bold;
  text-decoration: none;
  display:block;
  background-color: #cc0000;
  font-size: 12px;
  margin-top: 10px;
}
#sitemap ul ul a, #sitemap ul ul a:visited,  #sitemap ul ul a:active,  #sitemap ul ul a:hover{
  font-size:12px;  
  background-color: transparent;
  padding: 0px 0px 0px 10px;
  font-weight: normal;
  margin-top: 3px;
}
#sitemap {
	list-style-image:none;
	list-style-type:none;
	list-style : none none;
}
#sitemap li li a{
  background-color: transparent;
}
/* QS VIEW */
b.qsview, li.qsview ul, li.qsview, li.qsview a, li.qsview a:active, li.qsview a:link, li.qsview a:visited, li.qsview a:hover, a.qsview, a.qsview:link, a.qsview:active, a.qsview:visited, a.qsview:hover{
  color:#ffffff;
  background-color: yellow;
}
b.qsview{
  color:#666666;
}