* {margin: 0; padding: 0;}
html, body {height: 100%; /* wichtig */}
body {font: 12px arial; color: #333; background: #F4F7F8 url(images/body.gif) repeat-x 0 0;}


/* Absatz Links Bilder */
a {text-decoration: none; color: #0066CC; font-weight:bold;}
a:hover {text-decoration: underline; color: #0066CC;}

p {line-height:16px; margin-bottom: 10px;}

img {border:0;}
img.border {width:120px; padding: 3px; border: 1px solid #CFCFCF;}

/* Grundgerüst */
#wrapper {width: 990px; margin:auto auto;}


/* Header */
#header {color: #333; height: 160px;}
  #header a {color: #333; padding: 0 10px;}       
  #header .links {font-size:0.8em; line-height:26px; height:26px; color:#333; margin-bottom:16px; float:right;}
  
  #header .logo {clear: both; float: left; width:514px; height:125px;}
		
  #header p {font-size: 0.8em; text-transform: uppercase; padding: 5px 10px;}
  
  #header .about {float: left; width: 464px; height:125px;}
  
  #header ul {list-style-type: none; clear: both; }
  #header ul li {float: left; font-size: 0.9em; font-weight: bold;}				
  #header ul li a {display: block; color: #333; padding: 6px 15px 3px; border-right:1px solid #d1d1d1;}
  #header .first ul li a {padding: 6px 15px 3px 0;}
  #header ul li a:hover{color:#0066CC;}
  
  
/* Pfadnavigation */
.pfad {background: url(http://www.riester-rente-ratgeber.de/templates/altersvorsorge/images/pfad.gif) repeat-x 0 0; line-height:32px; font-size:0.9em; padding-left:15px; margin:15px 0; border:1px solid #CFCFCF; height:32px;}


/* Inhalte */
.ms {float:left; width:520px;}
  #content {width:520px; margin:auto auto;}

  .contentpaneopen {background:#ffffff; border:1px solid #CFCFCF;  }
	.contentpaneopen p {line-height:1.5em; margin:10px 10px;}			
  .contentpaneopen a {color:#0066CC; text-decoration:underline;}
  .contentpaneopen a:hover {color:#DD1818; text-decoration:underline;}

  .contentpaneopen h1 { padding:15px 0 10px; margin:10px 10px; line-height:16px; font-size: 14px; font-weight:bold;}

  .contentpaneopen h2 { padding:15px 0 10px; margin:10px 10px; line-height:16px; font-size: 14px; font-weight:bold;}
  .contentpaneopen h2 a {color:#0066CC; text-decoration:none;}
  .contentpaneopen h2 a:hover {color:#DD1818;}	
  					
  .contentpaneopen h3 { padding:15px 0 10px; margin:10px 10px; line-height:16px; font-size: 14px; font-weight:bold;}						
						
  .contentpaneopen h4 { padding:15px 0 10px; margin:10px 10px; line-height:16px; font-size: 14px; font-weight:bold;}
  
  .gk_is_text h4 {margin:0; padding:0; font-size: 14px; font-weight:bold;}  
  .gk_is_text h4 a {margin-left:0px; padding-left:0px; font-size: 14px; font-weight:bold;}
  .gk_is_text p {margin-left:0px; padding-left:0px;}
  
  
  
  .contentpaneopen h5 { padding:15px 0 10px; margin:10px 10px; line-height:16px; font-size: 14px; font-weight:bold;}
  .contentpaneopen h6 { padding:15px 0 10px; margin:10px 10px; line-height:16px; font-size: 14px; font-weight:bold;}

  .contentpaneopen ul { margin: 15px 0 15px 30px; padding:0; list-style-image:url(http://www.riester-rente-ratgeber.de/templates/altersvorsorge/images/arrow.png);
}
  .contentpaneopen ul li {line-height: 1.5em; margin-bottom:5px;}
          

/* Marginalspalte */

.marginal {float:left; width:252px; margin-left:15px;}

.marginal h3 {font-size: 0.8em; background: url(http://www.riester-rente-ratgeber.de/templates/altersvorsorge/images/zettel1.gif) repeat-x 0 0; padding: 8px 0 8px 15px; color:#333; border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF; border-top:1px solid #CFCFCF; text-transform:uppercase;}
 

.marginal ul {list-style-type:none;}
.marginal ul li {font-size: 0.9em; border-bottom: 1px dotted #CFCFCF; padding-top:5px;}

.marginal ul li a {color: #333; font-weight:normal;}
.marginal ul li a:hover {color: #0066CC; font-weight:normal;}

.marginal ul li ul li {font-size: 0.9em; border-bottom: 1px dotted #CFCFCF; margin-left:15px; padding-top:5px;}
.marginal ul li ul li a {color: #0066CC; font-weight:normal;}
.marginal ul li ul li a:hover {color: #0066CC; font-weight:normal;}


.marginale ul {list-style-type:none;}
.marginale ul li {font-size: 0.9em; border-bottom: 1px dotted #CFCFCF; padding-top:5px;}

.marginale ul li a {color: #333; font-weight:normal;}
.marginale ul li a:hover {color: #0066CC; font-weight:normal;}

.marginale ul li ul li {font-size: 0.9em; border-bottom: 1px dotted #CFCFCF; margin-left:15px; padding-top:5px;}
.marginale ul li ul li a {color: #0066CC; font-weight:normal;}
.marginale ul li ul li a:hover {color: #0066CC; font-weight:normal;}


#rspalte .moduletable h3{
            font-size: 0.8em;
            background: url(http://www.riester-rente-ratgeber.de/templates/altersvorsorge/images/zettel1.gif) repeat-x 0 0;
            padding: 8px 0 8px 15px;						
						color:#333;						
						border-right:1px solid #CFCFCF;
						border-left:1px solid #CFCFCF;
						border-top:1px solid #CFCFCF;
            text-transform:uppercase;
                }		

.box {background:#fff; border:1px solid #CFCFCF;  font-size:0.9em; margin-bottom: 15px;}		

.box2 {background:#fff;  border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF;  font-size:0.9em; margin-bottom: 15px; padding:10px; height:70px;}




/* Fussboxen */

.fbox {float:left; padding:5px; background:#fff; border:1px solid #CFCFCF; width:200px;}

.fbox ul { margin-bottom:15px; margin-top:15px; margin-left:30px; padding:0; list-style-image:url(http://www.riester-rente-ratgeber.de/templates/altersvorsorge/images/arrow.png);
}
.fbox ul li {line-height: 1.5em; margin-bottom:5px;}

.fbox h3{font-size: 0.8em; background: url(http://www.riester-rente-ratgeber.de/templates/altersvorsorge/images/zettel1.gif) repeat-x 0 0; padding: 8px 0 8px 15px; color:#333; border-right:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-top:1px solid #CFCFCF; text-transform:uppercase;}		






				
.search input {
                        border: 1px solid #CFCFCF;
                        font-family: Verdana;
                        color: #333333;
                        margin-right:10px;
						font-size:0.8em;
						vertical-align:middle;

                }
.search .button {border:0px; margin:0; padding:0;


                }


/* Menue */

.menu {background: #ffffff; border-width: 0 1px 1px; border-style: solid; border-color: #CFCFCF; margin-bottom: 15px; padding:10px 10px 10px 10px;}

.menu li {list-style:none; padding: 3px 0;}

.menu li a {color: #2A2A2A;text-decoration: none; background: url(http://www.riester-rente-ratgeber.de/templates/altersvorsorge/images/arrow.png) no-repeat left center; padding-left:15px;}

.menu li a:hover {color: #0066CC; text-decoration:underline;}                        
                        
.menu li ul {margin-top:5px; margin-bottom:5px;}                        
                        
.menu li ul li {list-style:none; padding: 3px 0;}		
        
    
        
               

/* Riester Blog */			

.createdate {float:right; font-size:0.8em; font-weight:bold; margin:15px 15px 0 0; color:#DD1717;}

.readon {margin:0 0 30px 10px; line-height:30px;}


		
		

		
		
		
.teaser {float:left; margin-bottom:15px; margin-left:10px; width:150px; font-size:0.8em;}




.pro ul {
                        list-style-type:none;
                        list-style-image:none;
                        margin-bottom: 10px;
                }
                .pro ul li {
                        list-style-type:none;
                        line-height: 1.5em;
                                                        background: url(http://www.riester-rente-ratgeber.de/templates/riester-rente/images/plus.png) no-repeat left center;

                                padding-left:18px;

                }
                
 .con ul {
                        list-style-type:none;
                        list-style-image:none;
                        margin-bottom: 10px;
                }
                .con ul li {
                        list-style-type:none;
                        line-height: 1.5em;
                                                        background: url(http://www.riester-rente-ratgeber.de/templates/riester-rente/images/minus.png) no-repeat left center;

                                padding-left:18px;

                }



				
table.infos {width:100%; margin-top:15px; margin-bottom:15px;}				
table.infos td {padding:10px; font-size:0.8em;  border:1px solid #dedede; line-height:22px; vertical-align:top;}
table.infos th {padding:5px; background: url(http://www.riester-rente-ratgeber.de/templates/altersvorsorge/images/zettel1.gif) repeat-x 0 0; color:#333; font-weight:bold; font-size:1em; line-height:22px;}

table.riestervergleich {width:100%; margin-top:15px; margin-bottom:15px;}				
table.riestervergleich td {padding:10px; font-size:0.8em;  border:1px solid #dedede; line-height:22px; vertical-align:top;}
table.riestervergleich th {font-size: 0.8em;  padding: 5px 0 5px 5px; color:#333; border:1px solid #CFCFCF; text-transform:uppercase;}
 




.nachoben {float:right; margin-right:15px;}

blockquote {padding:15px; background:#E3EBEE; margin:10px 10px; font-size:0.9em; border-top:1px solid #869181; border-bottom:1px solid #869181;}

#angebot {background:url(button.gif) repeat-x; text-align:center; line-height:26px; margin-top:15px; }

#angebot a {color:#fff; text-decoration:none; font-size:1.2em; width:160px;}
#angebot a:visited {color:#fff;}
#angebot a:hover {color:#fff;}

















#rrr_ausgabe1					{ display:none; position:absolute; left:265px; top:0px; }
.rrr1							{ border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; width: 573px; }
.rrr1 .label1					{ position:relative; display:inline-block; width:120px; height: 20px; margin-top: 5px; margin-bottom: 5px; }
.rrr1 .label1 small				{ position:absolute; top:0px; }
.rrr1 input[type='text'], 
.rrr1 select					{ border: 1px solid #cfcfcf; width:80px; }
.rrr1 input[type='text']		{ width:77px;}
.rrr_area						{ padding:20px; position:relative; }
#rrr1_stage1					{ min-height:245px; }
.rrr1 h4						{ padding-bottom:5px; }
.rrr1 .rrr_radiobar				{ padding-bottom:25px; }
td.rrr1_textAusgabe				{ padding-left:30px; }
.rrr1 h2						{ padding-top:20px; }
.rrr1 input[type="radio"]		{ margin:5px; }
.rrr1 .validationError			{ color:red; }
.rrr1 span						{ vertical-align:top; }
.rrr1 .ausgabe					{ vertical-align:top; text-align: right; }
.rrr1 #ausgabe04				{ font-weight: bolder; }
.rrr1 .rrr1_stage2_ausgabe td	{ vertical-align:top; }


.rrr_button { font-size: 13px; background-image:url(http://www.riester-rente-ratgeber.de/rechner/style/button.gif); color:#fff; padding:5px 20px; }

a.rrr_button {color:#fff; text-decoration:none; font-size:1.2em;}
a:hover.rrr_button {color:#fff;}
a:visited.rrr_button {color:#fff;}





#rrr_heading2_banner			{ display: none;}
#rrr_heading3_banner			{ display: none;}
form #radiobar_wohneigentum		{ padding-bottom: 0px;}
.rrr_stage3_beschreibung		{ padding-bottom: 15px; padding-top: 15px;}
.rrr_stage3_titel				{ font-size: 14px; font-weight: bolder; }
.rrr_stage3_sterne				{ padding-top: 4px;}
.rrr_stage3_hr					{ padding-bottom: 15px;}
.rrr_heading 
{
	font-size: 11px;
	padding:6px;
	padding-left:12px;
	color:#000;
	font-weight: lighter;
	display:block;
	background-image:url(http://www.riester-rente-ratgeber.de/rechner/style/heading.jpg);
	border-bottom: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
	position: relative;
}
img.rrr_minimieren						{ cursor:pointer; position:absolute; right:6px; background-image:url(http://www.riester-rente-ratgeber.de/rechner/style/minimieren.gif); width:16px; height:16px; }
img.rrr_erweitern						{ cursor:pointer; position:absolute; right:6px; background-image:url(http://www.riester-rente-ratgeber.de/rechner/style/erweitern.gif); width:16px; height:16px; }
img.rrr_info							{ cursor:pointer; }
#rrr_kinder_nach_2007					{ display:none; }
tr.rrr_row_ausgabe_gesamtfoerderung td	{ color:#c00; font-style:italic; padding-top:15px; }
#rrr_ausgabe_gesamtfoerderung			{ padding-left:15px; font-style:normal; }




.sense {width:490px; margin:10px; padding:5px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}






