/***  COMMON ***/
html, body, div, p, form {
	margin:0; padding:0;
}

body {
	font-family: arial,helvetica,verdana,geneva,sans-serif;
	font-size: 11px;
	padding: 0px;
}
div#maincontent, p#maincontent, li#maincontent, span#maincontent, table#maincontent, td#maincontent {
	font-family: arial,helvetica,verdana,geneva,sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #fff;
}
div#mehr_infos {
}


img {
  border:0;
}


div#maincontent a{
	text-decoration: none;
}

div#basic_top_internet {
  position:absolute;
  top:13px;
  left:15px;
  height:27px;
  width:238px;
  float:left;
}
div#basic_top_internet a.internet,
div#basic_top_internet a.internet:link,
div#basic_top_internet a.internet:visited,
div#basic_top_internet a.internet:focus,
div#basic_top_internet a.internet:active{
  background-image:url(../_img/reiter_internet_lo.gif);
  background-repeat:no-repeat;
  height:30px;
  border:0;
  text-decoration:none;
  outline:none;
  float:left;
  width:119px;
}

div#basic_top_internet a#internet.active,
div#basic_top_internet a.internet:hover{
  background-image:url(../_img/reiter_internet_hi.gif);
}


div#basic_top_internet a.festnetz,
div#basic_top_internet a.festnetz:link,
div#basic_top_internet a.festnetz:visited,
div#basic_top_internet a.festnetz:focus,
div#basic_top_internet a.festnetz:active{
  background-image:url(../_img/reiter_festnetz_lo.gif);
  background-repeat:no-repeat;
  display:block;
  height:30px;
  border:0;
  text-decoration:none;
  outline:none;
  float:left;
  width:119px;
}
div#basic_top_internet a#festnetz.active,
div#basic_top_internet a.festnetz:hover{
  background-image:url(../_img/reiter_festnetz_hi.gif);
}
div#outer {
  position:relative;
}
div#maincontent {
  position:relative;
  top:0;
  left:0;
}
div#maincontent .comfortplus {
  position:relative;
  background-image:url(../_img/hg_complus_det.jpg);
  background-repeat:no-repeat;
  width:856px;
  height:281px;
}
div#maincontent .basic {
  position:absolute;
  background-image:url(../_img/hg_com_det.jpg);
  background-repeat:no-repeat;
  width:855px;
  height:210px;
}
div#maincontent .comfort {
  position:relative;
  background-image:url(../_img/hg_com_det.jpg);
  background-repeat:no-repeat;
  width:856px;
  height:210px;
}

div#maincontent .contentcomfortplus {
  position:absolute;
  top:95px;
  left:40px;
  width:550px;
  height:150px;

}
div#maincontent .contentcomfortplus .header {
  position:absolute;
  top:-65px;
  left:0px;
  width:550px;
  height:25px;
  font-size:24px;
  font-weight:700;
  color:#fff;
  line-height:27px;
}
div#maincontent .contentcomfortplus .header .subhead {
  font-family:Helvetica, Arial, sans-serif;
  font-size:12px;
  font-weight:700;
  color:#fff;
  line-height:15px;
  margin-top:2px;
  padding:0;
}


div#maincontent .contentcomfort {
  position:absolute;
  top:30px;
  left:40px;
  width:550px;
  height:150px;
}
div#maincontent .contentbasic {
  position:absolute;
  top:38px;
  left:40px;
  width:550px;
  height:150px;
}
/***  Content Left ***/
div#left {
  position:absolute;
  top:0px;
  left:0px;
  /*background-color:#ff00ff;*/
  width:275px;
  height:150px;
  padding:0px;
}
div#left.left_comfortplus {
  position:absolute;
  top:0px;
  left:0px;
  width:325px;
  height:150px;
  padding:0px;
}
div#left .headline {
  font-family:Helvetica, Arial, sans-serif;
  font-size:24px;
  font-weight:700;
  color:#fff;
  line-height:27px;
}
div#left .subhead {
  font-family:Helvetica, Arial, sans-serif;
  font-size:12px;
  font-weight:700;
  color:#fff;
  line-height:17px;
  margin-top:2px;
  padding:0;
}
div#left .liste {
  color:#fff;
  margin-top:15px;
  width:275px;
  background-color:#000;
  vertical-align:middle;
}
div#left.left_comfortplus .liste {
  color:#fff;
  margin-top:15px;
  width:325px;
  background-color:#000;
  vertical-align:middle;
}
div#left .liste.cscp{
  color:#fff;
  margin-top:5px;
  width:275px;
  background-color:#000;
  vertical-align:middle;
}
div#left.left_comfortplus .liste.cscp{
  color:#fff;
  margin-top:5px;
  width:275px;
  background-color:#000;
  vertical-align:middle;
}

div#left .liste .info{
  margin-left:0px;
}

div#left .liste span, div#left .liste img {
  background-color:#000000;
  vertical-align:middle;
  margin-bottom:1px;

}

div#left .liste .two_down{
  position:relative;
  display:inline;
  top:-3px;
  left:2px;
  font-weight:700;
}
#left .liste .two_down a{
  padding-left:5px;
  outline:none;
}
div#left .liste.cscp .two_down{
  position:relative;
  display:inline;
  top:-4px;
  left:2px;
  font-size:11px;
  line-height:15px;
  font-weight:700;
}
div#left .liste.cscp .two_down ul {
  margin:0;
  padding:0;
  list-style:none;
}
div#left .liste.cscp .two_down div {
  position:absolute;
  width:270px;
  left:0px;
  top:13px;
  padding:.2em 0;

}

div#left .liste.cscp .two_down ul li {
  background-image:url(../_img/li_item_bullet_white.gif);
  background-repeat:no-repeat;
  background-position:.2em .6em;
  padding-left:10px;
  font-size:11px;
  font-weight:500;
  line-height:13px;
}

/***  Content Right ***/
div#right {
  position:absolute;
  top:30px;
  left:275px;
  width:275px;
  height:150px;
  padding:0px;
  font-weight:700;
}

.contentbasic #right{
  top: 78px;
}


div#maincontent .basic#right {
  position:absolute;
  top:0px;
  left:325px;
  width:225px;
  height:150px;
  padding:0px;
}
div#maincontent .comfort .contentcomfort .start{
  margin-left:50px;
  margin-top:12px;
}


div#right.right_comfortplus {
  position:absolute;
  top:0px;
  left:325px;
  width:225px;
  height:150px;
  padding:0px;
}

div#right .small {
  font-size: 11px;
  font-family:Helvetica, Arial, sans-serif;
}
div#right .order {
  margin-top:0px;
  text-align:center;
  width:150px;
  font-weight:500;
  font-size:16px;
  height:30px;
  line-height:30px;
  background-color:#e20074;
  display:none;
}
#right .order a,
#right .order a:link,
#right .order a:hover,
#right .order a:visited,
#right .order a:active{
  display:block;
  color:#fff;
  font-weight:500;
  font-size:16px;
  background-color:#e20074;
  height:30px;
}
div#right span.price {
  display:block;
  font-size: 47px;
  line-height:50px;
}
div#right span.price_old_chase {
  font-size: 10px;
  position:relative;
  line-height:15px;
  top:-55px;
  left:170px;
}

div#right div.price_old {
  font-size: 10px;
  line-height:15px;
}

div#right span.price span.sup {
  position:relative;
  font-size: 24px;
  top:-17px;
  left:-15px;
}
div#right span.price span.stern {
  position:relative;
  top:-35px;
  left:-10px;
}
div#showOrHide {
  display:none;
}
/*** Layer ***/
div.layer {
	display: none;
	width: 400px;
	color: #000;
	position: absolute;
  z-index:99;
	color: #000;
  margin:0;
}
div.layer .layerTop {
  margin:0;
}
div.layer .layerTop .topLeft {
  background:transparent url(../_img/corner_hi_top_left.png) no-repeat scroll 0px;
  height:30px;
  width:30px;
  float:left;
}
div.layer .layerTop .topLeftright {
  background:transparent url(../_img/corner_lo_top_left.png) no-repeat scroll 0px;
  height:30px;
  width:30px;
  float:left;
}
div.layer .layerTop .topMiddle {
  border-top:3px solid #e12c84;
  float:left;
  width:340px;
  text-align:right;
  background-color:#fff;
  font-size:8px;
  line-height:8px;
  padding:10px 0 8px;
}
div.layer .layerTop .topMiddle a {
  display:block;
  background-image:url(../_img/close.gif);
  background-repeat:no-repeat;
  float:right;
  width:60px;
  height:9px;
}
div.layer .layerTop .topRight {
  background:transparent url(../_img/corner_lo_top_right.png) no-repeat;
  background-position: top right;
  background-color: transparent;
  height:30px;
  width:30px;
  float:right;
}
div.layer .layerTop .topRightleft {
  background:transparent url(../_img/corner_hi_top_right.png) no-repeat;
  background-position: top right;
  background-color: transparent;
  height:30px;
  width:30px;
  float:right;
}
div.layer .layerMiddle {
  width:400px;

}
div.layer .layerMiddle .middleLeft{
  background-color:#e12c84;
  width:3px;
  float:left;
}
div.layer .layerMiddle .layerContent{
  border-left: 3px solid #e12c84;
  border-right: 3px solid #e12c84;
  background-color:#fff;
  width:394px;
  float:left;
}
div.layer .layerMiddle .layerContent h3{
  color:#000;
  font-size:13px;
  font-weight:700;
  padding:0 16px 6px;
  line-height:16px;
  margin-top:0;
}
div.layer .layerMiddle .layerContent p{
  color:#000;
  font-size:12px;
  font-weight:500;
  padding:0 16px 6px;
  line-height:16px;
  margin:0;
}

div.layer .layerMiddle .layerContent ul{
  margin:0;
  padding:0 16px 6px 17px;
  list-style:none;
}
div.layer .layerMiddle .layerContent ul li{
  color:#000;
  background-image:url(../_img/ul_dot_black.gif);
  background-repeat:no-repeat;
  background-position:.2em .5em;
  padding:0 0 6px 10px;
  font-size:12px;
  font-weight:500;
  line-height:14px;
}
div.layer .layerMiddle .middleRight{
  background-color:#e12c84;
  width:3px;
  float:right;
}
div.layer .layerBottom{
}
div.layer .layerBottom .bottomLeft{
  background:transparent  url(../_img/corner_lo_bottom_left.png) no-repeat;
  background-position: top left;
  background-color: transparent;
  height:30px;
  width:30px;
  float:left;
}
div.layer .layerBottom .bottomMiddle{
  border-bottom:3px solid #e12c84;
  float:left;
  width:340px;
  text-align:right;
  background-color:#fff;
  font-size:27px;
  line-height:27px;
  padding:0;

}
div.layer .layerBottom .bottomRight{
  background-image:url(../_img/corner_lo_bottom_right.png);
  background-repeat:no-repeat;
  background-position: top left;
  background-color: transparent;
  height:30px;
  width:30px;
  float:right;

}
/*** Layer END***/
/*** Infos ***/

div#details,
div#detailsInternet,
div#detailsFestnetz {
  position:relative;
}
div#details #Head,
div#detailsInternet #Head,
div#detailsFestnetz #Head {
  background-color:#999;
  height:30px;
  line-height:30px;
  margin:1px 0;
  width:100%;
}
div#details #Head div,
div#detailsInternet #Head div,
div#detailsFestnetz #Head div{
  font-size:12px;
  color:#fff;
  font-weight:700;
  float:left;
  height:30px;
  line-height:30px;
  margin:1px 0;
  padding:0 5px;
}
div#details #HeadLink,
div#detailsInternet #HeadLink,
div#detailsFestnetz #HeadLink {
  float:right !important;
}
div#details .detailsHead,
div#detailsInternet .detailsHead,
div#detailsFestnetz .detailsHead {
  clear:both;
}

div#details .detailsHeadlink,
div#detailsInternet .detailsHeadlink,
div#detailsFestnetz .detailsHeadlink {
  background-image:url(../_img/arrow_down.gif);
  background-repeat:no-repeat;
  background-position:10px 6px;
}


.detailsHead a.detailsHeadlink,
.detailsHead a.detailsHeadlink:link,
.detailsHead a.detailsHeadlink:hover,
.detailsHead a.detailsHeadlink:visited,
.detailsHead a.detailsHeadlink:active{
  display:block;
  height:25px;
  line-height:25px;
  font-size:12px;
  font-weight:500;
  background-color:#e6e6e6;
  color:#333;
  margin:1px 0;
  padding:0 30px;
  text-decoration:none;
}
.detailsHead .active{
  background-image:url(../_img/arrow_up.gif) !important;
  background-color:#fff !important;
}

.detailsOut {
  font-size:12px;
  color:#000;
  background-color:#fff;
  padding:10px 30px;
}
a#showAll,
a#showAllInternet,
a#showAllFestnetz,
a#showAll:link,
a#showAllInternet:link,
a#showAllFestnetz:link,
a#showAll:hover,
a#showAllInternet:hover,
a#showAllFestnetz:hover,
a#showAll:visited,
a#showAllInternet:visited,
a#showAllFestnetz:visited,
a#showAll:active,
a#showAllInternet:active,
a#showAllFestnetz:active{
  font-size:12px;
  font-weight:700;
  color:#E20074;
  text-decoration:none;
}
div#legende {
  position:relative;
  width:700px;
  font-size:10px;
  color:#000;
  margin-top:10px;
  line-height:14px;
  padding:1px 0 6px 19px;
  background: url(../_img/stern_legende.gif) no-repeat 0 1px;
}
div#legende_i {
  position:relative;
  width:800px;
  font-size:10px;
  color:#000;
  line-height:14px;
  padding:1px 0 6px 19px;
  background: url(../_img/icon_info.gif) no-repeat 0 1px;
}

.stoerer_50 {width:111px; height:111px; background-image:url('../_img/stoerer_50.png')}
.sternLinkGedreht {
  position:relative;
  display:block;
  text-decoration:none;
  padding:0 0 2px 4px;
  margin-top:5px;
  z-index:10;
  cursor: pointer;
  background:url(../_img/sternGedreht.png) no-repeat 0 0;
  width: 17px;
  height: 17px;
}
div.stern2 {
  top:120px;
  left:607px;
  position:relative;
  width:100px;
}
