#iframe-wrapper {
 width: 620px;
 padding:0;
 margin:0;
}

#iframe-iframe-wrapper {
 width: 500px;
 padding:0;
 margin:0;
}

#iframe-wrapper h3 {  display: inline; font: bold 12px arial; }

div.hr {
 height: 1px;
 border-bottom: 1px solid #ccc;
 margin: 0;
 padding: 0;
}

div.hrb {
 height: 1px;
 border-bottom: 1px solid #000;
 margin: 0;
 padding: 0;
}

div.pt { margin-top: 10px; }
div.pb { margin-bottom: 10px; }
div.pl { margin-left: 10px; }
div.pr { margin-right: 10px; }

div.pt2 { margin-top: 5px; }
div.pb2 { margin-bottom: 5px; }
div.pl2 { margin-left: 5px; }
div.pr2 { margin-right: 5px; }

h4 { font-size: 13px; display: inline; }

span.notes { 
 display: block;
 font: normal 10px arial;
 color: #999999;
 margin: 0;
 padding: 0;
} 

div.content {
 position: absolute;
 width:600px;
 left: 50%;
 margin-left: -300px;
}

div.content div {
 padding: 10px;
}

div.content div.head {
 background-color: #e9e9e9;
 margin: 0;
 padding: 4px 9px 5px 10px;
}

/**
* Angebot Liste
*/
div.angebot {
 float: left;
 width: 301px;
 height: 291px;
 border: 1px solid #d4d4d4;
 color: #000;
 padding: 0;
 background: url(/img/weitere-details.jpg) bottom right no-repeat;
}

div.angebot-left {
 margin: 0 10px 10px 0;
}

div.angebot-right {
 margin: 0 0 10px 0;
}

div.angebot div.head {
 height: 26px;
 background-color: #e9e9e9;
 margin: 0;
 padding: 4px 9px 5px 9px;
}

div.angebot div.head h1 {
 color: #000000;
 display: inline; 
 font: bold 12px arial;
 line-height: 13px;
}

div.angebot div.image {
 float: left;
 width: 132px;
 height: 188px;
 margin: 3px 0 0 0;
}

div.angebot div.description {
 float: left;
 width: 169px;
 height: 181px;
 margin: 10px 0 0 0;
}

div.angebot div.description h2 {
 display: block;
 height: 26px;
 margin: 3px 0 3px 0;
 font: bold 11px arial;
}

div.angebot div.description div.block {
 height: 116px;
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 font: normal 10px arial;
 overflow: hidden;
}

div.angebot div.description div.block p {
 margin-top: 10px;
}


div.angebot div.bottom {
 clear: both;
 height: 55px;
 margin: 0;
}

div.angebot div.bottom div.left {
 float: left;
 width: 156px;
 height: 55px;
 font: normal 10px arial;
 margin: 0;
 padding: 0;
 text-align: center;
}

div.angebot div.bottom div.left span.notes { 
 clear: both;
 display: block;
 font: normal 10px arial;
 color: #999999;
 margin: 0;
 padding: 0;
} 

div.angebot div.bottom div.left img {
 margin: 0 0 0 10px;
}

div.angebot div.bottom div.left div.netze {
 margin: 0 15px 0 5px;
}

div.angebot div.bottom div.right {
 float: left;
 width: 145px;
 height: 55px;
 margin: 0;
}

div.angebot div.bottom div.right div.price {
 height: 31px;
 font: bold 12px arial;
 text-align: center;
 padding: 0;
 margin: 5px 0 0 0;
}

div.angebot div.bottom div.right div.price span.price {
 color: #ff0000;
 font-size: 30px;
}

div.angebot div.bottom div.right div.price span.price sup {
 font-size: 12px;
 font-weight: normal;
 color: #000;
}

div.angebot div.bottom div.right a.details {
 display: block;
 width: 95px;
 margin: 9px 0 0 37px;
 color: #fff;
 font: bold 12px arial;
 text-decoration: none;
 background: url(/img/arrow-br.gif) 90px 5px no-repeat;
}

/**
* Angebot Detail
*/
div.angebot-detail {
 width: 616px;
 border-top: 1px solid #d4d4d4;
 border-right: 1px solid #d4d4d4;
 border-left: 1px solid #d4d4d4;
 color: #000;
 padding: 0;
}

div.angebot-detail div.head {
 float: right;
 width: 423px;
 height: 28px;
 background-color: #e9e9e9;
 color: #000000;
 margin: 0;
 padding: 4px 9px 5px 9px;
 font: bold 12px arial;
 line-height: 13px;
 overflow: hidden;
}

div.angebot-detail div.image {
 float: left;
 width: 175px;
 height: 250px;
 margin: 3px 0 0 0;
}

div.angebot-detail div.description {
 float: left;
 width: 433px;
 height: 181px;
 margin: 10px 0 0 0;
}


div.netze-tarife {
 margin: 6px 0 0 0;
}

div.netze-tarife div.netz-item {  
 clear: both;
 margin: 0 5px 0 0;
}

div.netze-tarife div.netz-item input {
 width: 15px;
 height: 15px;
 float: left;
 margin: 7px 0 0 10px;
}

div.netze-tarife div.netz-item img {
 float: left;
 width: 50px;
 margin: 0 10px 10px 10px;
}


div.netze-tarife div.netz-item div.tarif {  
 display: block;
 float: left;
 width: 330px;
 margin: 8px 0 0 0;
}

div.netze-tarife div.netz-item div.tarif a {  
 color: #000;
}

div.netze-tarife div.netz-item div.tarif h2 {  
 font: bold 12px arial;
}

div.angebot-detail div.description div.block {
 height: 92px;
 font: normal 10px arial;
 padding: 0 0 0 10px;
 overflow: hidden;
}


div.angebot-detail div.description div.block h2 {
 display: block;
 margin: 3px 0 3px 10px;
 font: bold 12px arial;
}
div.angebot-detail div.description div.block p {
 margin-top: 10px;
}

div.angebot-detail-price {
 width: 616px;
 height: 82px;
 border-right: 1px solid #d4d4d4;
 border-left: 1px solid #d4d4d4;
 border-bottom: 2px solid #d4d4d4;
 color: #000;
 padding: 0;
 background: url(/img/weitere-details.jpg) bottom right no-repeat;
}


div.angebot-detail-price div.bottom {
 float: right;
 width: 450px;
 height: 60px;
 margin: 0;
}

div.angebot-detail-price div.bottom div.left {
 float: left;
 width: 270px;
 height: 50px;
 font: normal 10px arial;
 margin: 0;
 padding: 0;
 overflow: hidden;
}

div.angebot-detail-price div.bottom div.notes { 
 float: left;
 width: 270px;
 height: 10px;
 display: block;
 font: normal 10px arial;
 color: #999999;
 margin: 0;
 padding: 0;
} 

div.angebot-detail-price div.bottom div.right {
 float: left;
 width: 155px;
 height: 60px;
 margin: 6px 0 0 15px;
 padding: 0;
}

div.angebot-detail-price div.bottom div.right div.price {
 height: 35px;
 font: bold 12px arial;
 text-align: center;
 padding: 0;
 margin: 0 0 0 0;
 text-align: right;
}

div.angebot-detail-price div.bottom div.right div.price span.price {
 color: #ff0000;
 font-size: 33px;
 font-weight: bold;
}

div.angebot-detail-price div.bottom div.right div.price span.price sup {
 font-size: 12px;
 font-weight: normal;
 color: #000;
}

div.angebot-detail-price div.bottom div.right a.details {
 display: block;
 width: 95px;
 margin: 8px 0 0 52px;
 color: #fff;
 font: bold 12px arial;
 text-decoration: none;
 background: url(/img/arrow-br.gif) 90px 5px no-repeat;
}


div.angebot-detail-price div.bottom span.gueltig {
 float: left;
 margin: -15px 0 0 10px;
}


div.pagination {
 text-align: center;
 margin: 10px 0 10px 0;
}

div.pagination a {
 color: #000;
}

div.angebote-bottom {
 color: #bbb;
}
div.angebote-bottom a {
 color: #aaa;
}

/**
* Artikel
*/
div.art div.image {
 float: left;
 width: 185px;
 height: 250x;
 margin: 3px 0 0 0;
}

div.art div.description {
 float: left;
 width: 435px;
}

div.art div.images {
 float: left;
 min-width: 236px;
}

div.art div.images img {
 float: left;
 width: 58px;
 margin: 3px 1px 0 0;
}

div.art div.price {
 float: left;
 width: 170px;
 font: bold 11px arial;
 margin: 20px 0 0 30px;
}

div.art div.description a {
 float: right;
 width: 170px;
 display: block;
 color: #000;
 margin: 20px 0 0 10px;
 font-weight: bold;
 text-decoration: none;
}

/**
* Vertrag
*/
div.vt div.description {
 margin: 0 0 0 175px;
 width: 430px;
}

div.vt div.description div.col {
 float: left;
 width: 205px;
 padding: 0 10px 0 0;
}

div.vt div.description a.pdf {
 float: right;
 width: 170px;
 display: block;
 color: #000;
 margin: 20px 0 0 10px;
 font-weight: bold;
 text-decoration: none;
}

/**
* Detail-Layer
*/
div#lay-detail {
 width: 520px;
 height: 500px;
 border: 1px solid #ccc;
 background-color: #fff;
 position: absolute;
 left:50%;
 margin-left:-260px;
 z-index:5001;
 top: 100px;
 padding: 0;
 overflow: scroll;
}

div#lay-detail div.close {
 cursor: pointer;
 width: 70px;
 float: right;
 height: 20px;
 padding: 3px 3px 0 20px;
 background-color: #9999a9;
 color: #ffffff;
}

iframe#lay-detail-inner {
 background-color: #fff;
 width: 520px;
 height: 475px;
 padding: 0;
 margin: 0;
}