/* Specific Style for version 1CB */

/* Top Tabbar */

#c_tabs {
  background: transparent url(c_full_top.gif) no-repeat 20px 38px;
}
#c_tabs li.tarif_tab{
  margin-right: 42px;
  float: right;
}
  #c_tabs li a strong {
    background: transparent url(c_elements_02.gif) no-repeat 0 -279px;
    text-indent: -10000px;
    overflow: hidden;
    height: 18px;
    display: block;
  }
  #c_tabs li a.sms strong {
    width: 68px;
    margin: 0 60px;
  }
    #c_tabs li.a a.sms strong {
      width: 74px;
      margin: 0 57px;
      background-position: 0 -296px;
    }
  #c_tabs li a.mix strong {
    width: 162px;
    background-position: -87px -279px;
    margin: 0 13px;
  }
    #c_tabs li.a a.mix strong {
      width: 164px;
      margin: 0 12px;
      background-position: -84px -298px;
    }
  #c_tabs li a.flat strong {
    width: 108px;
    background-position: -266px -279px;
    margin: 0 40px;
  }
    #c_tabs li.a a.flat strong {
      width: 108px;
      margin: 0 40px;
      background-position: -266px -298px;
    }
  #c_tabs li a.cold strong {
    width: 158px;
    background-position: -258px -737px;
    margin: 0 15px;
  }
    #c_tabs li.a a.cold strong {
      width: 158px;
      margin: 0 15px;
      background-position: 0px -737px;
    }
  #c_tabs li a.priceless strong {
    width: 164px;
    margin: 0 32px;
	background-position: 0 -787px;
  }
    #c_tabs li.a a.priceless strong {
      width: 164px;
      margin: 0 32px;
      background-position: 0 -761px;
    }	
  #c_tabs li a.tariff_large strong {
    width: 94px;
    margin: 0 67px;
	background-position: -258px -787px;
  }
    #c_tabs li.a a.tariff_large strong {
      width: 94px;
      margin: 0 67px;
      background-position: -258px -761px;
    }	
  #c_tabs li a.charge strong {
    width: 190px;
    margin: 0 19px;
	background-position: -439px -787px;
  }
    #c_tabs li.a a.charge strong {
      width: 190px;
      margin: 0 19px;
      background-position: -439px -761px;
    }		
  #c_tabs li a.tarif,
  #c_tabs li a.tarif:link,
  #c_tabs li a.tarif:visited,
  #c_tabs li a.tarif:hover,
  #c_tabs li a.tarif:active {
    height: 35px;
    width: 108px;
    display: block;
    padding:0;
    text-align: center;
    font-size: 1.1em;
    line-height: 35px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    background: transparent url(c_tabbar_t_details.png) no-repeat left top;
    text-indent: 0;
    margin: 0;
  }
  #c_tabs li.a a.tarif,
  #c_tabs li.a a.tarif:link,
  #c_tabs li.a a.tarif:visited,
  #c_tabs li.a a.tarif:hover,
  #c_tabs li.a a.tarif:active {
    font-size: 1.1em;
    line-height: 39px;
    height: 39px;
    color: #005896;
    text-decoration: none;
    background: transparent url(c_tabbar_left.png) no-repeat left top;
  }
  #c_tabs li a.tarif strong,
  #c_tabs li.a a.tarif strong { background: none; text-indent: 0; display: inline; }
 
  #c_tabs li.a a em, 
  #c_tabs li a em{
	background: transparent url("tab_stoerer_neu.png") no-repeat scroll left top;
	display: block;
	height: 32px;
	left: auto;
	margin: 0 40px;
	overflow: hidden;
	position: relative;
	right: -135px;
	text-indent: -10000px;
	top: -40px;
	width: 31px;
  }

/* Content */

#c {
  margin: 0 20px;
  border: 1px solid #e6e6e6;
  border-top: none;
  border-bottom: none;
  background: #ffffff url(c_bg_gradient.gif) repeat-x 0 bottom;
  padding: 12px 0 0 22px;
  min-height: 424px;
}
  #c .t_b {
    width: 204px;
    position: relative;
    height: 157px;
    float: left;
    margin-right: 12px;
    padding: 10px 12px 12px 12px;
    background: transparent url(c_t_b.png) no-repeat left top;
  }
    #c .t_b h2 {
      /* Ganz einfach */
      background: transparent url(c_elements_02.gif) no-repeat left -76px;
      height: 18px;
      overflow: hidden;
      margin-bottom: 7px;
      text-indent: -1000px;
    }
    #c .t_b h2.first {
      /* Aufladen & Profitieren */
      background-position: -408px -76px;
    }
    #c .t_b h2.second {
      /* Immer günstig */
      background-position: -204px -76px;
    }
	#c .t_b h2.third {
      /* Immer günstig */
      background-position: 0px -856px;
    }
    #c .t_b p,
    #c .t_b ul li {
      line-height: 1.4em;
      padding-bottom: 2px;
    }
    #c .t_b p.dfn {
      line-height: 1.65em;
    }
      #c .t_b p.dfn img {
        position: relative;
        top: 2px;
      }
	#c .t_b p.cbox_hl_d4{
		font-weight: bold;
		margin-bottom: 5px;
	}
		#c .t_b p.cbox_hl_d4 strong{
			font-weight: bold;
			color: #990000;
		}
	#c .t_b p.gf {
      margin-top: 7px;
    }
    #c .t_b ul {
      list-style: none none outside;
    }
      #c .t_b ul li {
        padding: 0 0 3px 11px;
        background: transparent url(c_t_b_dot.gif) no-repeat 3px 7px;
      }
    #c .t_b a,
    #c .t_b a:link,
    #c .t_b a:visited {
      display: block;
      height: 17px;
      text-align: center;
      width: 204px;
      font-weight: bold;
      text-decoration: none;
      padding: 5px 0;
      color: #ffffff;
      background: transparent url(c_blue_button.png) no-repeat left top;
      position: absolute;
      font-size: 1.1em;
      left: 12px;
      top: auto;
      bottom: 12px;
    }
    #c .t_b a:hover,
    #c .t_b a:active {
      background-position: left -27px;
      cursor: pointer;
    }

/* Formular */

  #c form {
    clear: both;
    padding: 52px 0 0 240px;
    background: transparent url(c_hr_dotted.gif) repeat-x left 25px;
    position: relative;
  }
	#c form.nobg {
		background-image: none;
	}  
    #c form h2 {
      height: 40px;
      overflow: hidden;
      text-indent: -10000px;
      background: transparent url(c_elements_02.gif) no-repeat 0px -338px;
      margin-bottom: 25px;
    }
    #c form h2#mixed {
      background-position: -1px -405px;
    }
    #c form h2#flat {
      /* please insert picture first */
      background-position: 0px -406px;
    }
    #c form #limitation {
      position: absolute;
      width: 199px;
      height: 208px;
      left: 0;
      top: 52px;
    }
    #c form h2#generic {
      height: 45px;
      overflow: hidden;
      text-indent: -10000px;
      background: transparent url(c_elements_02.gif) no-repeat 0px -808px;
      margin-bottom: 25px;
    }	
      #c form fieldset ul li input.f {
        width: 246px;
      }
      #c form fieldset ul li input.m {
        width: 163px;
      }
      #c form fieldset ul li input.s {
        width: 73px;
      }
      #c form fieldset ul li input#sCaptchaCode {
        width: 121px;
      }
      #c form fieldset ul li label {
        width: 188px;
      }
      #c form fieldset ul li.cbox {
        padding-left: 188px;
      }
      #c form fieldset ul li.cbox label {
        width: 252px;
      }
      #c form fieldset ul li p {
        padding-left: 188px;
        font-size: 0.9em;
        padding-top: 5px;
      }
      #c form fieldset ul li.submit p {
        width: 260px;
      }

	#c form fieldset ul li.hr label#prod1.sProduct input,
	#c form fieldset ul li.hr label#prod2.sProduct2 input{
		position:relative;
		top: 2px;
	}
/* thankyou page */

  #c .two_third #headline_thankyou {
    background: transparent url("c_elements_02.gif") no-repeat left -491px;
    height: 20px;
    margin: 10px 0 10px 0;
    overflow: hidden;
    text-indent: -10000px;
  }
  #c .two_third #headline_fourwins {
    background: transparent url("c_elements_02.gif") no-repeat left -511px;
    height: 20px;
    margin: 15px 0 10px 0;
    overflow: hidden;
    text-indent: -10000px;
  }
  #c .two_third p{
    margin: 0;
    padding: 0;
  }
  #c .two_third a.button_blue_204,
  #c .two_third a.button_blue_204:link,
  #c .two_third a.button_blue_204:visited {
    background: transparent url("c_blue_button.png") no-repeat scroll left top;
    color: #FFFFFF;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    height: 17px;
    width: 204px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
  }
  #c .two_third a.button_blue_204:hover,
  #c .two_third a.button_blue_204:active,
  #c .two_third a.button_blue_204:focus {
    background: transparent url("c_blue_button.png") no-repeat scroll left -27px;
    color: #FFFFFF;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    height: 17px;
    width: 204px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
  }
  #c .two_third a.button_red_375,
  #c .two_third a.button_red_375:link,
  #c .two_third a.button_red_375:visited {
    background: transparent url("c_button_wide.png") no-repeat scroll left top;
    color: #FFFFFF;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    height: 17px;
    width: 345px;
    padding: 5px 0 5px 30px;
    text-align: center;
    text-decoration: none;
  }
  #c .two_third a.button_red_375:hover,
  #c .two_third a.button_red_375:active,
  #c .two_third a.button_red_375:focus {
    background: transparent url("c_button_wide.png") no-repeat scroll left -27px;
    color: #FFFFFF;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    height: 17px;
    width: 345px;
    padding: 5px 0 5px 30px;
    text-align: center;
    text-decoration: none;
  }
  #c .two_third a.button_blue_375,
  #c .two_third a.button_blue_375:link,
  #c .two_third a.button_blue_375:visited {
    background: transparent url("c_button_wide.png") no-repeat scroll left -54px;
    color: #FFFFFF;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    height: 17px;
    width: 375px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
  }
  #c .two_third a.button_blue_375:hover,
  #c .two_third a.button_blue_375:active,
  #c .two_third a.button_blue_375:focus {
    background: transparent url("c_button_wide.png") no-repeat scroll left -81px;
    color: #FFFFFF;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    height: 17px;
    width: 375px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
  }
  #c .two_third a.button_middle,
  #c .two_third a.button_middle:link,
  #c .two_third a.button_middle:visited,
  #c .two_third a.button_middle:hover,
  #c .two_third a.button_middle:active,
  #c .two_third a.button_middle:focus {
    margin-left: 45px;
  }
  .space_after{
    margin-bottom: 10px;
  }
  .space_before{
    margin-top: 10px;
  }

  #errorValidation ul,
  #errorValidation h3 {
    background: #990000;
    color: #ffffff;
    font-size: 1em;
    line-height: 1.3em;
  }
  #errorValidation h3 {
    background: #990000 url(c_validation_lt.gif) no-repeat left top;
    height: 45px;
  }
  #errorValidation h3 strong {
    display: block;
    padding: 10px 12px 0 50px;
    background: transparent url(c_validation_rt.gif) no-repeat right top;
  }
  #errorValidation ul {
    padding-top: 0;
    background: #990000 url(c_validation_rb.gif) no-repeat right bottom;
  }
    #errorValidation ul li {
      padding: 0 10px 8px 50px;
  }
  #errorValidation ul li.last {
    background: transparent url(c_validation_lb.gif) no-repeat left bottom;
    padding-bottom: 15px;
  }

  #c .order_confirmation{

  }



	#c a.order_confirmation:link,
	#c a.order_confirmation:visited,
	#c a.order_confirmation:hover,
	#c a.order_confirmation:active,
	#c a.order_confirmation:focus {
		color:#0086C3;
		text-decoration:none;
		font: bold 11px/24px Verdana, sans-serif;
	}
	#c a.order_confirmation:hover,
	#c a.order_confirmation:active{
		color:#0086C3;
		text-decoration:underline;
	}

  #c #thankyou p{
	margin-bottom: 10px;
  }
  #c #thankyou p.hr{
	background: transparent url(c_hr_dotted.gif) repeat-x left bottom;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
  }  
  
  #c #thankyou_form{
	background: transparent none;
	margin: 20px 0 0 0 !important;
	padding: 0 !important;
  }
  #thankyou_form fieldset ul li{
	background: transparent none;
  }
  #thankyou_form fieldset ul li.hrow{
	background: transparent url(c_hr_dotted.gif) repeat-x left top;
	clear: both;
	padding: 10px 0 0 0 !important;
	margin: 10px 0 0 0;
  }
  #thankyou_form fieldset ul li label{
	float: left;
	width: 185px;
	height: 20px;
  }
  #thankyou_form fieldset ul li div.sBenefit{
	float: left;
  }
  #thankyou_form fieldset ul li div.sBenefit label{
	clear: both;
  }
  br.c{
  	clear: both;
  	width: 1px;
  	height: 1px;
  	line-height: 0;
  	visibility: hidden;
  }
  #thankyou_form fieldset ul li.top_hr{
    background:url("c_hr_dotted.gif") repeat-x scroll left 24px transparent;
    padding-top: 0;  
  }
  #thankyou_form div.top_hr{
    background:url("c_hr_dotted.gif") repeat-x scroll left 24px transparent;
    padding-top: 10px;  
  }
  #thankyou_form fieldset ul li input.thankyou_submit{
	float: right;
	background: transparent url("c_submit_thankyou.png") no-repeat scroll left top;
	width: 242px;
	height: 27px;
	border: medium none;
	color: #ffffff;
	cursor: pointer;
	display: block;
	float: right;
	font: 12px/14px Verdana, sans-serif;
	font-weight: bold;
	padding: 5px 0 8px 25px;
	margin: 42px 0 0 0;
  }
  a#lottery_teaser_top,
  a#lottery_teaser_top:link,
  a#lottery_teaser_top:visited,
  a#lottery_teaser_top:hover,
  a#lottery_teaser_top:active,
  a#lottery_teaser_top:focus {
    display: block;
    width: 202px;
    height: 412px;
    overflow: hidden;
    text-indent: -10000px;
    background: transparent url("lottery_teaser_left.jpg") no-repeat left top;
  }
  a#lottery_teaser_bottom,
  a#lottery_teaser_bottom:link,
  a#lottery_teaser_bottom:visited,
  a#lottery_teaser_bottom:hover,
  a#lottery_teaser_bottom:active,
  a#lottery_teaser_bottom:focus {
    display: block;
    width: 202px;
    height: 104px;
    overflow: hidden;
    text-indent: -10000px;
    background: transparent url("lottery_teaser_left.jpg") no-repeat left -413px;
  }  
  a#lottery_teaser_top_flight25,
  a#lottery_teaser_top_flight25:link,
  a#lottery_teaser_top_flight25:visited,
  a#lottery_teaser_top_flight25:hover,
  a#lottery_teaser_top_flight25:active,
  a#lottery_teaser_top_flight25:focus {
    display: block;
    width: 202px;
    height: 412px;
    overflow: hidden;
    text-indent: -10000px;
    background: transparent url("lottery_teaser_left_01.jpg") no-repeat left top;
  }
  a#lottery_teaser_bottom_flight25,
  a#lottery_teaser_bottom_flight25:link,
  a#lottery_teaser_bottom_flight25:visited,
  a#lottery_teaser_bottom_flight25:hover,
  a#lottery_teaser_bottom_flight25:active,
  a#lottery_teaser_bottom_flight25:focus {
    display: block;
    width: 202px;
    height: 104px;
    overflow: hidden;
    text-indent: -10000px;
    background: transparent url("lottery_teaser_left_01.jpg") no-repeat left -413px;
  }  
  a#lottery_teaser_top_flight26,
  a#lottery_teaser_top_flight26:link,
  a#lottery_teaser_top_flight26:visited,
  a#lottery_teaser_top_flight26:hover,
  a#lottery_teaser_top_flight26:active,
  a#lottery_teaser_top_flight26:focus {
    display: block;
    width: 202px;
    height: 412px;
    overflow: hidden;
    text-indent: -10000px;
    background: transparent url("lottery_teaser_left_flight26.jpg") no-repeat left top;
  }
  a#lottery_teaser_bottom_flight26,
  a#lottery_teaser_bottom_flight26:link,
  a#lottery_teaser_bottom_flight26:visited,
  a#lottery_teaser_bottom_flight26:hover,
  a#lottery_teaser_bottom_flight26:active,
  a#lottery_teaser_bottom_flight26:focus {
    display: block;
    width: 202px;
    height: 104px;
    overflow: hidden;
    text-indent: -10000px;
    background: transparent url("lottery_teaser_left_flight26.jpg") no-repeat left -413px;
  }  
  a#lottery_link,
  a#lottery_link:link,
  a#lottery_link:visited,
  a#lottery_link:hover,
  a#lottery_link:active,
  a#lottery_link:focus{
	float: right;
	background: transparent url("c_submit_01.png") no-repeat left -324px;
	width: 243px;
	height: 14px;
	display: block;
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
	font: bold 12px/14px Verdana, sans-serif;
	padding: 5px 0 8px 0;
	margin: 10px 0 15px 0;
	text-align: center;
  }
  a#lottery_link:hover,
  a#lottery_link:active{
	background: transparent url("c_submit_01.png") no-repeat left -351px;
  } 
#reminder_form p,
#c #reminder p{
	margin-bottom: 10px; 
}  
#reminder_form p.hr{
    background:url("c_hr_dotted.gif") repeat-x scroll left bottom transparent;
    padding-bottom: 15px;
	margin-bottom: 15px;
}
#reminder_form h2#cold{
	background-position: 0px -712px;
	height: 20px;
}
#c #reminder h2#thankyou{
	height: 20px;
    background: transparent url(c_elements_02.gif) no-repeat 0 -237px;
    text-indent: -10000px;
    overflow: hidden;
	display: block;
	margin-bottom: 25px;
}
#reminder_form p a,
#reminder_form p a:link,
#reminder_form p a:visited,
#reminder_form p a:hover,
#reminder_form p a:active,
#reminder_form p a:focus,
#c #reminder p a,
#c #reminder p a:link,
#c #reminder p a:visited,
#c #reminder p a:hover,
#c #reminder p a:active,
#c #reminder p a:focus{
	display: inline;
	font: bold 11px/15px Verdana, Helvetica, sans-serif;
	color: 	#0086c3;
	background: transparent url("c_blue_arrow.gif") no-repeat left 3px;
	padding: 0 0 0 15px;
	text-decoration: none;
}
#reminder_form p a:hover,
#reminder_form p a:active,
#c #reminder p a:hover,
#c #reminder p a:active{
	border-bottom: 1px solid #0086c3;
}  

#c form#reminder_form fieldset ul li input.b76,
#c form#reminder_form fieldset ul li input.b151,
#c form#reminder_form fieldset ul li input.r76,
#c form#reminder_form fieldset ul li input.r151,
#c form#reminder_form fieldset ul li input.r184{
	display: block;
	float: right;
	background: transparent url("c_submit_01.png") no-repeat scroll left -108px;
	width: 76px;
	height: 27px;
	overflow: hidden;
	border: medium none;
	color: #ffffff;
	cursor: pointer;
	font: bold 12px/14px Verdana, sans-serif;
	padding: 5px 0 8px 0;
	text-align: center;
}
#c form#reminder_form fieldset ul li input.b76:hover{
	background-position: left -134px;
}
#c form#reminder_form fieldset ul li input.b151{
	background-position: left -162px;
	width: 151px;
}
#c form#reminder_form fieldset ul li input.b151:hover{
	background-position: left -189px;
}
#c form#reminder_form fieldset ul li input.r76{
	background-position: left top;
}
#c form#reminder_form fieldset ul li input.r76:hover{
	background-position: left -27px;
}
#c form#reminder_form fieldset ul li input.r151{
	background-position: left -54px;
	width: 151px;
}
#c form#reminder_form fieldset ul li input.r151:hover{
	background-position: left -81px;
} 
#c form#reminder_form fieldset ul li input.r184{
	background-position: left -216px;
	width: 184px;
}
#c form#reminder_form fieldset ul li input.r184:hover{
	background-position: left -243px;
} 
#c form#reminder_form fieldset ul li.submit p span {
	color:#990000;
	display:block;
	padding-right:16px;
	text-align:right;
}
.one_third.reminder,
.two_third.reminder{
	margin-top: 20px;
}  
  
  
/* Footer */
#f {
  background: transparent url(c_full_bottom.gif) no-repeat 20px 0;
}