/**
 * @version $Id: template.css 10387 2009-04-29 10:59:16Z  $
 * @author Design Gabriele Buechner
 * @package Joomla
 * @subpackage Template-Transparente 
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #FFFFFF;
	color: #5D5D5D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	line-height:110%;
	padding: 0px;
	text-align: center;
height: 101%;
}
a img {
        border:none;
}
.clear {
	clear: both;
}
h1, .componentheading {
	font-size: 20px;
	padding-bottom: 14px;
	margin: 0px;
	font-weight: normal;
    color: #58708A;
	line-height: 12px;
}
.pageinfo, .iteminfo {
	font-size: 20px;
	padding-bottom: 14px;
	margin: 0px;
	font-weight: normal;
    color: #7E8F93;
	line-height: 12px;
}
h1.componentheading {
	margin-top: 10px;
}
h2 {
	font-size: 12px;
	padding-bottom: 0px;
	margin: 0px;
	font-weight: bold;
    color: #777777;
}
a {
	color: #58708A;
	text-decoration: none;

}
a:hover {
	/*color: #4A4A4A;*/
}
td {
    vertical-align: top;
	line-height:150%;
}


/* ################   Position ################  */
#all
{
	background: #EEF3F4;
	border: solid 1px #D2DBE5;
	color: #5D5D5D;
	font-size: 12px;
	margin: 0px auto 0px auto;
	width: 897px;
	padding: 8px 7px 0px 7px;
	text-align: left;
}

#page {
    margin-top: 0px;
}
#page a:hover {
    text-decoration:underline;
}
#header
{	
	position: relative;
	left: 0px;
	top: 0px;
	width: 897px;
	height: 98px;
	background: #EEF3F4 url(../images/header.jpg) no-repeat;
	margin: 0px;
	border-bottom: solid 1px #FFFFFF;
}
#logo {
	position: absolute;
	left: 34px;
	top: 17px;
	width: 210px;
	height: 56px;
}
#claim {
	position: absolute;
	left: 550px;
	top: 27px;
}

#contentarea
{
	margin: 0;
	padding: 0px 0px 6px 0px;
	position: relative;
	overflow: hidden;
}
#wrapper { margin: 0 }
#left
{
	background: #FFFFFF;
	border-right: solid 0px #EEEEEE;
	float: left;
	margin: 20px 0 0 0;
	width: 21%;
}

#right
{
	color: #000;
	float:left;
	width: 28%;
	padding-top:10px;
}

#layer1_balken, #layer2_balken, #layer3_balken {
	border-bottom: solid 1px #FFFFFF;
	height: 35px;
}
 #layer2, #layer3, #layer4 {
	height: 100%;
	width: 897px;
}

#right1, #right2, #right3, #right4 {
	float: left;
	width: 607px;
	height: 100%;
	min-height: 374px;
}
#rightmain {
	width: 607px;
}
#content1, #content2, #content3, #content4 {
	float: left;
	width: 408px;
	padding: 27px 0px 26px 37px;
}
#news2 {
	float: left;
	width: 120px;
	margin: 55px 0px 0px 20px;
}
#umenu1, #umenu2, #umenu3, #umenu4 {
	width: 570px;
	text-align: left;
	padding: 30px 0px 0px 37px;
}

.menu_umenu li {
	list-style-type: none;
	display: inline; 
	padding: 0px 10px 0px 0px;

}
.menu_umenu li a {
	font-size: 12px;
	color: #58708A;
	text-decoration: none;
}
.menu_umenu li.active a {
	color: #58708A;
    font-weight:bold;
}
.menu_umenu li a:hover {
	color: #58708A;
    text-decoration: underline;
}
#footer {
	position: relative;
	color: #898989;
	height: 21px;	
	width: 876px;
	padding-bottom: 2px;
	text-align: right;
}
#footer a {
	color: #898989;
	font-size: 11px;
	text-decoration: none;
}
#footer a:hover {
	color: #424242;
}
#footer a#active_menu {
	color: #424242;
}
#phone {
	position: absolute;
	left: 876px;
	top: 0px;
}
.bookmark img {
	padding-left: 10px;
}
.menu_infomenu li {
	list-style-type: none;
	display: inline; 
	padding: 0px 6px 0px 0px;
}
.menu_infomenu li a {
	font-size: 12px;
	color: #898989 !important;
	text-decoration: none;
}
.menu_infomenu li.active a span, .menu_infomenu li#current a, .menu_infomenu a:hover span {
	color: #4A4A4A;
}
ul {
	list-style-position: inside;

}
li.liste {
	color: #5D5D5D;
	margin-left: 14px;
}
.tarif-table { 
	border: 1px solid #d6dee7; 
	background-color: #58708a; 
	text-align: left; 
	font-size: 8pt;
}
.renten-table { 
	border-collapse: collapse;
	background-color: #58708a; 
	text-align: left; 
	font-size: 12px;
}
.renten-td { 
	border: 1px solid #d6dee7; 
	background-color: #eef3f4; 
	font-size: 12px; 
	padding: 4px;
}
.tarif-td { 
	border: 1px solid #d6dee7; 
	background-color: #eef3f4; 
	font-size: 8pt; 
	padding: 4px;
} 
.kopf-td { 
	background-color: #58708a; 
	border: 1px solid #d6dee7; 
	font-size: 12px; 
	color: #ffffff;
	padding: 4px;
}
.chronoform {
	display: none;
	color: #FFFFFF;
}

.cf_inputbox {
	width: 220px;
	border: none;
	color: #5D5D5D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#ChronoContact_Presseverteiler .cf_inputbox {
	width: 220px;
	border: 1px solid #7E8F93;
	color: #5D5D5D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#ChronoContact_Rueckruf .cf_inputbox, #ChronoContact_Riester-Rente .cf_inputbox, #ChronoContact_Direktversicherung .cf_inputbox, #ChronoContact_Privatrente_Ratenzahlung .cf_inputbox, #ChronoContact_Privatrente_Einmalzahlung .cf_inputbox, #ChronoContact_Privatrente_Sofortzahlung .cf_inputbox, #ChronoContact_Basisrente .cf_inputbox {
	width: 220px;
	border: 1px solid #CC9E17;
	color: #5D5D5D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#ChronoContact_Rechner_Riester .cf_inputbox, #ChronoContact_Rechner_BR .cf_inputbox, #ChronoContact_Rechner_DV .cf_inputbox, #ChronoContact_Rechner_PR_sofort .cf_inputbox, #ChronoContact_Rechner_PR_monat .cf_inputbox, #ChronoContact_Rechner_PR_einmal .cf_inputbox {
	width: 170px;
	border: 1px solid #58708A;
	color: #5D5D5D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#ChronoContact_Rechner_Riester .cf_label, #ChronoContact_Rechner_BR .cf_label, #ChronoContact_Rechner_DV .cf_label, #ChronoContact_Rechner_PR_sofort .cf_label, #ChronoContact_Rechner_PR_monat .cf_label, #ChronoContact_Rechner_PR_einmal .cf_label {
	float: left;
}
.php_page td.x171 {
	border: 1px solid #d6dee7 !important; 
	background-color: #eef3f4 !important; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important; 
	padding: 4px !important;
}

#info ul {
  margin:0 auto; 
  padding:0; 
  position:relative; 
  width:290px; 
  height:374px; 
  background:#fff url(../images/TR_Karte_Grundlage_110629_y.png); 
  z-index:1; 
  overflow:hidden;
  }
#info li.berlin {
  list-style-type:none; 
  width:20px; 
  height:16px;
  position:absolute;
  }
  #info li {
  list-style-type:none; 
  width:104px; 
  height:112px;
  position:absolute;
  }

#info a#berlin {
  position:absolute; 
  left:213px; 
  top:108px; 
  background:url(../TR_Karte_Berlin.html) no-repeat -112px 0;
	display:block;
	height:16px;
	overflow-x:hidden;
	overflow-y:hidden;
	text-decoration:none;
	width:20px;
	z-index:10;
  }
#info a#hamburg {
  position:absolute; 
  left:126px; 
  top:68px; 
  background:url(../TR_Karte_Hamburg.html) no-repeat -112px 0;
  display:block;
	height:17px;
	overflow-x:hidden;
	overflow-y:hidden;
	text-decoration:none;
	width:18px;
	z-index:10;
  }
#info a#badenw {
  position:absolute; 
  left:49px; 
  top:244px; 
  background:url(../TR_Karte_BadenWuerttemberg.html) no-repeat -112px 0;
    display:block;
	height:102px;
	overflow-x:hidden;
	overflow-y:hidden;
	text-decoration:none;
	width:92px;
	z-index:10;
  }
#info a#bremen {
  position:absolute; 
  left:91px; 
  top:71px; 
  background:url(../TR_Karte_Bremen.html) no-repeat -112px 0;
      display:block;
	height:27px;
	overflow-x:hidden;
	overflow-y:hidden;
	text-decoration:none;
	width:15px;
	z-index:10;
  }
#info a#nordrhein {
  position:absolute; 
  left:15px; 
  top:120px; 
  background:url(../TR_Karte_Nordrheinwest.html) no-repeat -112px 0;
    display:block;
	height:98px;
	overflow-x:hidden;
	overflow-y:hidden;
	text-decoration:none;
	width:103px;
	z-index:10;
  }
#info a#niedersachsen {
  position:absolute; 
  left:43px; 
  top:60px; 
  background:url(../TR_Karte_Niedersachsen.html) no-repeat -150px 0;
      display:block;
	height:119px;
	overflow-x:hidden;
	overflow-y:hidden;
	text-decoration:none;
	width:129px;
	z-index:10;
  }
#info a#bayern {
  position:absolute; 
  left:98px; 
  top:211px;
  background:url(../TR_Karte_Bayern.html) no-repeat -150px 0;
      display:block;
	height:149px;
	overflow-x:hidden;
	overflow-y:hidden;
	text-decoration:none;
	width:143px;
	z-index:10;
  }
  #info a#sachsen {
  position:absolute; 
  left:182px; 
  top:159px;
  background:url(../TR_Karte_Sachsen.html) no-repeat -150px 0;
      display:block;
	height:72px;
	overflow-x:hidden;
	overflow-y:hidden;
	text-decoration:none;
	width:95px;
	z-index:10;
  }
  #info a#hessen {
  position:absolute; 
  left:65px; 
  top:161px;
  background:url(../TR_Karte_Hessen.html) no-repeat -150px 0;
      display:block;
	height:103px;
	overflow-x:hidden;
	overflow-y:hidden;
	text-decoration:none;
	width:72px;
	z-index:10;
  }

  #info a#thueringen {
  position:absolute; 
  left:65px; 
  top:161px;
  background:url(../TR_Karte_Thueringen.html) no-repeat -150px 0;
      display:block;
	height:68px;
	overflow-x:hidden;
	overflow-y:hidden;
	text-decoration:none;
	width:78px;
	z-index:10;
  }

#info a#berlin:hover, 
#info a#hamburg:hover,
#info a#badenw:hover,
#info a#bremen:hover,
#info a#nordrhein:hover,
#info a#niedersachsen:hover,
#info a#sachsen:hover,
#info a#hessen:hover,
#info a#thueringen:hover,
#info a#bayern:hover {
  background-position: 0 0;
  }
#info a#berlin:hover b, 
#info a#hamburg:hover b,
#info a#badenw:hover b,
#info a#bremen:hover b,
#info a#nordrhein:hover b,
#info a#niedersachsen:hover b,
#info a#sachsen:hover b,
#info a#hessen:hover b,
#info a#thueringen:hover b,
#info a#bayern:hover b {
  display:none;
  }
  
  
  
  .complete {
	display: none;
  
  #complete_01, #complete_02, #complete_03, #complete_04, #complete_05, #complete_06, #complete_07, #complete_08, #complete_09, #complete_10 {
	display: none;
	}