@media only screen and
(min-device-width:320px) and
(max-device-width:640px){


	/* phone change START */
	body {
		border: 0px solid #ffffff; 
		/*font: 1.0em Arial, Helvetica, sans-serif;*/
		background-color: #ffffff;
		padding:0px;
		margin:0px;
	}

	h1 {
		font: 1.3em Arial, Helvetica, sans-serif;
		border:0px solid #111;
	}
	
	.logo img {
		width:100%;
		border:0px solid #efefef;
		
	}
	
	.logo {
		margin-top:0px;
	}
	
	#haupt_container_mit_ad {
		width:100%;
		margin: 0px;
		max-width:100%;
	}
	
	#haupt_container, #haupt_container_ersatz {
		/* 630px anstatt 640px wegen margin 5px rechts und links */
		width:100%;
		margin: 0px 0px 0px 0px;
		height:auto;
		border:0px solid #efefef;
		padding:0px;
	}
	
	#main-nav {
		/* nochmal 20px weniger wegen border 10px rechts und links */
		width:100%;
		margin-top: 2px;
		font: 0.9em Arial, Helvetica, sans-serif;
		background-color:#efefef;
		padding:0px 0px 0px 0px;
		border-top: 12px #BEBEBE solid;
		border-right:0px #BEBEBE solid;
		border-left:0px #BEBEBE solid;
		border-bottom:6px #BEBEBE solid;
	}
	
	#main-nav li a {
		padding: 0em 0.4em 0em 0.4em;
	}
	
	#main-nav li ul {
		margin: 0.55em 0 0 0; /* abgestimmt auf main-nav font: 1.12em */
		font: 1.2em Arial, Helvetica, sans-serif;
		
	}
	
	#main-nav li li a {
		line-height: 2.2em; /* IE 6 Bugfix */
	}
	
	#wide_content_small {
		margin: 0px;
		border:0px solid #999;
		width:100%;
	}
	
	.wide_content_teaser_container{
		padding-left:6px;
		padding-right:6px;
		text-align:left;
		line-height:2.2em;
		margin:0px;
		padding-bottom:0px;
	}
	
	.header_container{
		height:auto;
		background:#ffffff;
		
	}
	
	#partner_rechner_nav {
		margin-top:0px;
		width:0px;
	}
	
	#top_ads {
		height:20px;
		margin: 0px 0px 0px 0px;
		border: 1px solid #111111;
		width:100%;
		display:none;	
	}
	
	#content_container {
		margin-top: 0px;
		padding-top:0px;
		border:0px solid #444;
	}
	
	.calculator_area {
		margin:0px 0px 17px 0px;
		padding:15px 4px 15px 4px;
	}
	
	.adarea  {
		padding:0em;
		margin:0px 0px 10px 0px;
		border:0px #ddd solid;
	}
	
	.adarea_bottom  {
		margin:0px 0px 10px 0px;
		padding:0.0em;
		border:0px #ddd solid;
	}
	
	td.bnr_adarea_mobile_bottom {
		padding:1.0em;
	}
	
	.adarea_bottom_mobile {
		display:none;
		/* display:block; */
		height:auto;
		margin:0px 0px 0px 0px;
		background: #ffffff;
		padding:1.0em;
		border-top:22px #ddd solid;
		border-right:10px #ddd solid;
		border-left:10px #ddd solid;
		border-bottom:10px #ddd solid;
	}
	
	.adarea_top_mobile {
		display:none;
		/* display:block; */
		height:auto;
		padding:1.0em;
		margin:0px 0px 20px 0px;
		background: #ffffff;
		border-top:22px #ddd solid;
		border-right:10px #ddd solid;
		border-left:10px #ddd solid;
		border-bottom:10px #ddd solid;
	}
	
	.glossar {
		margin:30px 0px 17px 0px;
	}
	
	.glossar p, .glossar h2, .glossar span.headline {
		font: 1.2em Arial, Helvetica, sans-serif;
		line-height: 1.2em; 
	}
	
	.glossar span.headline {
		font: 1.3em Arial, Helvetica, sans-serif;
		line-height: 2.0em; 
		font-weight:bold;
	}
	
	p  , .footer_links , .bottom_links {
		font: 1.2em Arial, Helvetica, sans-serif;
		line-height: 1.2em; 
	}
	
	.pkv, .riester {
		font: 1.4em Arial, Helvetica, sans-serif;
		padding: 0.3em;
		line-height: 1.45em; 
	}
	
	.pkv_betrag {
		font: 1.2em Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	.riester a {
		font: 1.18em Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	
	
	
	
	
	
	/*----- narrow content -----*/
	
	#narrow_content {
		clear: both;
		margin: 0px 0px 0px 0px;
		float:left;
		width:auto;
	}
	
	#narrow_content_214 {
		clear: both;
		margin: 0px 0px 0px 0px;
		float:left;
		width:auto;
	}
	
	.right_teaser_box {
		width:auto;
		float:left;
	}
	
	.right_teaser_box p{
		line-height: 1.2em; 
	}
	
	#super_banner, #sky_vertical-advertise_com {
		 display:none;
	}
	
	.skyscraper_ad {
		display:none;
	}
	
	.right_teaser_job_ad_box {
		display:none;
	}
	
	
	/*----- alles was in der table zu finden ist -----*/
	
	span.hide_text {
		display:none;
	}
	
	td {
		height: 3.4em;
		border-top: 2px solid #999999;
		vertical-align: middle;
		padding:0px;
		margin:0px;
	}
	
	th {
		height: 2.0em;
		font: 1.3em Arial, Helvetica, sans-serif;
	}
	
	.left_column , .left_column.orange.big, .center.orange.big {
		font: 1.2em Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	.right_column , .right_column.orange.big{
		font: 1.2em Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

	td.column_font {
		font: 1.2em Arial, Helvetica, sans-serif;
		font-weight: normal;
	}

	input.radio, input.checkbox {
		width: 3.4em;
		height: 3.4em;
		border: 0.14em solid #D95700;
	/*	margin-bottom:7.0em; */
	}
	
	.radio_text {
		font: 0.65em Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

		input.inputbox, input.inputbox_rente {
        /* RJ Anpassung für JQuery CSS*/
		width: 7.0em;
		height: 1.6em;
		padding-right:6px;
		margin:0.0em;
		font: 1.5em Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #555;
		border: 0.18em solid #D95700;
		text-align:left;
	}
	
	input.inputbox_witwenrente {
		width: 5.0em;
	}
	
	select.inputlist, select.inputlist_rente {
        width: 9.0em;
        /* height: auto; */
		height: 2.6em;
        /* line-height:10px; */
        background:#f4f4f4;
		margin: 0.0em;
		font: 1.3em Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #555;
		border: 0.2em solid #D95700;
		text-align:right;
	    -webkit-user-select: 24.0em;
        border-radius: 0px;
	}
	
	
	select.inputlist_witwenrente {
		width: 5.7em;
	}
	
	
	.currency {
		font: 1.5em Arial, Helvetica, sans-serif;
		margin-left: 0.15em;
	}
	
	input.button {
		width: 7.5em;
		height: 2.2em;
		font: 1.5em Arial, Helvetica, sans-serif;
		font-weight: bold;
		border: 0.14em solid #666666;
		margin-top: 0.8em;
		margin-bottom:0.8em;
	}
	
	
	
	.umbruch_display_none {
		display:inline;
	}
	
	a.classic_link_hide {
		display:none;
	}
	
	a.mobile_link_hide {
		display:inline;
	}
	
	table {
	   /*border-collapse:collapse;*/
	   border: 0px solid #222;
	}
	
	td.no_border {
		border-top: 0px solid #999999;
	}
	
	td.grey_bg {
		background-color: #efefef;
	}
	
	.right_column_align_left {
		background-color: #efefef;
		/*padding-left:0.2em;*/
	}
	
	.bg_punkt {
		display:none;
	}
	
	tr.row_hide {
		display:none;
	}
	
	.highlight_image {
		display:none;
		line-height: 0.0em;
	}
	
	.bottom_links {
	
	}
	
	.footer_links {
	
	}
	
	/* phone change END */

} /* @media end */





