/* call image with java script menu */
#main .yui-skin-sam img {
   margin: 3px 0 -3px 0;
   cursor: pointer;
}

/* light gray information text */
.info {
   color: #8B949A;
}

/* disable margin-bottom */
.no_margin_bottom {
	margin-bottom: 0 !important;
}

/* display ngcp logo bottom right */
#footer .ngcp {
   position: absolute;
   top: 75px;
   right: 12px;
   height: 35px;
}

/* display sipwise logo bottom right */
#footer .sipwise {
   position: absolute;
   top: 75px;
   right: 162px;
}

/* error and success messages at the top of the page */
#topmsg {
   width: auto;
   float: left;
   margin: 0;
   padding: 0 0 10px 0;
}
#topmsg p {
   font-size: 14px;
   line-height: 15px;
   font-weight: bold;
   color: #10BB40;
}
#toperr {
   width: auto;
   float: left;
   margin: 0;
   padding: 0 0 10px 0;
}
#toperr p {
   font-size: 14px;
   line-height: 15px;
   font-weight: bold;
   color: #FF1010;
}

/* error messages around input fields */
#errormsg {
   width: auto;
   float: left;
   margin: 0;
   padding: 0;
   font-size: 12px;
   font-weight: bold;
   color: #FF1010;
}

#menusmall li.language {
   padding: 0 0 0 10px;
}

/* alignment for call list on desktop */
#main .anruflistesymbole {
   margin: 0px;
   padding: 4px 0;
   background: url(/grafik/bg_set.gif) left bottom repeat-x;
}
.anruflistesymbole img {
   vertical-align: middle;
   padding: 0 0 2px 0;
}

/* some more alignments for call lists */
.anrufliste .anrufanruf {
   text-align: center;
}
.anrufliste .anrufdauer {
   text-align: right;
}
.anrufliste .anrufkosten {
   text-align: right;
   white-space: nowrap;
}

/* spacing for small calllist and voicemaillist search forms */
.search_container {
    width: auto;
    margin-bottom: 40px;
}

#anrufsuchereset .save label {
    margin-top: 4px !important;
}

/* center alignment for contact list */
.kontaktliste td {
   vertical-align: middle;
}

/* caller detail text color in call lists */
.voicemaillistebig .anrufperson span {
   color: #B9CCD7;
}

/* device registration message on desktop */
#main .reginfonoreg {
   border: 1px solid #FFCCBB;
   background: #FFEEEE;
   padding: 5px 8px 6px 8px;
   color: #EE6655;
}

#main .reginforeg {
   border: 1px solid #AAEEBB;
   background: #EEFFEE;
   padding: 5px 8px 6px 8px;
   color: #10BB40;
}

/* search fields for call list */
#main .anrufsuchemonate .save label {
   margin: 2px 10px;
   padding: 0px 0px;
}
#main #anrufsuche .save label {
   margin: 5px 0px 0px 10px;
   padding: 0;
}
#main .anruffilter {
   margin: 0 0 0 5px;
   font-weight: bold;
   color: #FF1010;
}

/* padding for contact list */
#main .kontaktliste .anrufperson {
   padding-left: 5px;
}

/* contact entry creation */
#main .kontaktneu {
   font-weight: bold;
   margin: -10px 0 -28px 0;
   padding: 8px 0;
   text-align: right;
}
#main .kontaktneu label {
   font-size: 12px;
   font-weight: bold;
   white-space: nowrap;
   color: #2D91DF;
   background: url(/grafik/dot_blue.gif) left bottom repeat-x;
   text-decoration: none;
   cursor: pointer;
}
#main .kontaktneu label:hover {
   color: #FF8A00;
   background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}

/* href style post labels */
#main .save label {
   font-size: 12px;
   font-weight: bold;
   white-space: nowrap;
   color: #2D91DF;
   margin: 10px 10px;
   padding: 0;
   width: auto;
   float: left;
   background: url(/grafik/dot_blue.gif) left bottom repeat-x;
   text-decoration: none;
   cursor: pointer;
}
#main .save label:hover {
   color: #FF8A00;
   background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}

/* hidden post label images */
.hidden {
   position: relative;
   left: -90000px;
}

/* position for Login post link */
#main #anmelden .save label {
   margin: 10px 0 10px 67px;
}

/* alignment for contact entry save label */
#main .kontaktlistebig .save {
   text-align: right;
}
#main .kontaktlistebig .save label {
   margin: 0;
}

/* call forward spec alignment */
#main .umleitung .wohinp {
   margin-bottom: 8px;
   margin-left: 5px;
   white-space: nowrap;
}
#main .umleitung .wanncp {
   margin-bottom: 8px;
   margin-left: 55px;
   white-space: nowrap;
}

/* mark block entry as disabled */
.blockentry_inactive {
   text-decoration: line-through;
}

/* call block save alignment */
.sperre .sperresave {
   width: 90px;
   text-align: right;
}

/* override padding for block{in|out}{del|act} */
#main .fsperre .fieldblockmode .save label {
   margin: 5px 0 20px 20px;
   padding: 0px 0px;
}
/* override padding for block{in|out}{del|act} */
#main .fsperre .sperresave .save label {
   margin: 0px 0px;
   padding: 0px 0px;
}
/* override padding for block{in|out}add error */
#main .fsperre .sperreadd #errormsg {
   padding: 5px 0 0 0;
}
/* suppress border around hidden image */
#main .fsperre .sperreadd #save_blockinadd {
   border: none;
}
#main .fsperre .sperreadd #save_blockoutadd {
   border: none;
}

/* alignment and text color for sperre info text */
#main .fsperre .sperreadd .info {
   color: #8B949A;
   margin: 0;
   float: left;
   line-height: 13px;
}

/* add line to white background fieldset at bottom */
.anmelden fieldset.last {
   border-bottom: 1px solid #D0DCDF;
}

/* alignment for newsletter checkbox text */
#main .anmelden .newslettertext {
   width: 480px;
   text-align: left;
   margin: 0 0 20px 0;
}

/* highlight required input fields */
.anmelden .required {
   border: 1px solid #EE6655;
}

/* small input textfield, used during registration */
.anmelden .input5 {
   padding-left: 3px;
   padding-right: 0px;
   float: left;
   width: 35px; /* falsch für ie */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 30px; /* richtig */
}

/* adjust width for save textbutton automatically */
#main .anmelden .save label {
   width: auto;
   margin: 30px 0 0 10px;
}
/* suppress border around hidden image */
#main .anmelden .save #create_account {
   border: none;
}

/* suppress border around hidden image */
#main .feinstellungen .save input {
   border: none;
}

#main .feinstellungen label.loose {
   width: auto;
   float: none;
   padding: 0;
   margin: 0;
}
#main .feinstellungen input.loose {
   width: 35px !important;
   float: none;
   margin: 0;
}
#main .feinstellungen #damount {
   margin-top: 8px;
}
#main .feinstellungen #amount {
   margin-top: -1px;
}

#main .feinstellungen #auto_reload {
   margin: 12px 0 1px 23px;
}

/* alignment and text color for demo info text */
#main .feinstellungen .demoinfo {
   color: #8B949A;
   margin: 0 20px 20px 140px;
   float: left;
   line-height: 13px;
}

/* alt fieldset for subscriber list */
#main .anmelden .alt_sub {
   background: #F4FBFC;
   border-top: 1px solid #D0DCDF;
}

/* subscriber list table */
#main .feinstellungen .subscriberliste {
   border-top: none;
}
#main .feinstellungen .subscriberlisteheader td {
   padding: 7px 0 3px 0;
   border-top: none;
   border-bottom: 3px solid #D0DCDF;
   background: #F4FBFC;
   background: url(/grafik/bg_set_inv.gif) left bottom repeat-x;
}
#main .feinstellungen .subscriberlisteheader h3 {
   margin: 0px;
   padding: 0px;
   letter-spacing: 1px;
}




/* subscriber creation form */
#main .feinstellungen .subscribernew {
   margin: -10px 0 10px 0;
   padding: 0 5px 0 0;
   text-align: right;
   width: 625px;
}
#main .feinstellungen .subscribernew label {
   margin: 0;
   padding: 0;
   width: auto;
   font-size: 12px;
   font-weight: bold;
   white-space: nowrap;
   color: #2D91DF;
   background: url(/grafik/dot_blue.gif) left bottom repeat-x;
   text-decoration: none;
   cursor: pointer;
   float: right;
}
#main .feinstellungen .subscribernew label:hover {
   color: #FF8A00;
   background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}
#main .feinstellungen .extensionadd {
   width: 40px;
   text-align: center;
}
#main .feinstellungen .extensionadd input {
   margin: 0 0 -2px 0;
}

/* autoconf pseudo links */
#main .aconflink label {
   margin: 0;
   padding: 0;
   width: auto;
   white-space: nowrap;
   color: #2D91DF;
   background: url(/grafik/dot_blue.gif) left bottom repeat-x;
   text-decoration: none;
   cursor: pointer;
}
#main .aconflink label:hover {
   color: #FF8A00;
   background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}

#main .aconflinkright label {
   margin: 0;
   padding: 0;
   float: right;
   width: auto;
   white-space: nowrap;
   color: #2D91DF;
   background: url(/grafik/dot_blue.gif) left bottom repeat-x;
   text-decoration: none;
   cursor: pointer;
}
#main .aconflinkright label:hover {
   color: #FF8A00;
   background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}

#main .aconflinkbold label {
   margin: 0;
   padding: 0;
   width: auto;
   white-space: nowrap;
   color: #2D91DF;
   background: url(/grafik/dot_blue.gif) left bottom repeat-x;
   text-decoration: none;
   font-weight: bold;
   cursor: pointer;
}
#main .aconflinkbold label:hover {
   color: #FF8A00;
   background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}

/* device configuration forms */
.devlist li { display:inline; }
#main .devimg {
    display: block;
    margin-left: auto;
    margin-right: auto
}
#main .devnext {
   font-weight: bold;
   /* margin: -10px 0 -28px 0; */
   margin: 0 0 0 0;
   padding: 8px 0;
   text-align: right;
}
#main .devnext label {
   font-size: 12px;
   font-weight: bold;
   white-space: nowrap;
   color: #2D91DF;
   background: url(/grafik/dot_blue.gif) left bottom repeat-x;
   text-decoration: none;
   cursor: pointer;
}
#main .devwin_active {
   width: 100%;
   background-color: #cfcfcf;
   margin: 0;
   margin-top: 15px;
   margin-bottom: 15px;
   padding: 5px;
}
#main .devwin_inactive {
   width: 100%;
   background-color: #efefef;
   margin: 0;
   margin-bottom: 5px;
   padding: 5px;
}

/* payment form */
#main .xdslcheck {
   width: 100%;
   height: 600px;
   border: none;
}
#main .selectpayment {
   width: auto;
   font-weight: bold;
   margin-bottom: 10px;
}
#main .agb_ack {
   width: auto;
}
#main .agb_ack input {
   margin-bottom: 0px;
}
#main .agb_text {
   margin: 8px 0 8px 10px;
   padding: 2px 4px;
   background: #EEEEEE;
}
#main .payment .save label {
   margin: 0px 10px;
}

/* override spacing for order link */
#main .prodtable .save label {
   margin: 0 -20px 0 20px;
   padding: 0;
}

/* make order table fill width */
#main table.bestelltable {
   width: 100%;
}
.bestelltable .image_items .tdright {
   padding-top: 6px !important;
}
.bestelltable .image_items .smallpreis {
   margin-top: 6px;
}

/* hide or show business data form elements per default */
#main .data_business_hidden {
   display: none;
   margin: 20px 0 -18px 0;
}
#main .contact_business_hidden {
   display: none;
}
#main .data_business_show {
   display: block;
   margin: 20px 0 -18px 0;
}
#main .contact_business_show {
   display: block;
}

/* suppress border around checkboxes */
#main .no_border input {
   border: none;
}

/* suppress border if requested */
.no_border {
   border: none !important;
}

/* override label width and spacing from default "anmelden" labels */
#main .anmelden label.as_above {
   width: auto;
   margin: 0 0 5px 0;
}
/* override border and margin for "as above" checkboxes */
#main .anmelden .as_above input {
   border: none;
   margin: 0 3px 1px 0;
}

#main .anmelden .gender_space {
   margin: 20px 0 0 0;
}

#anmelden span {
   width: auto;
}

#anmelden #lbenutzer {
   width: auto;
}

#anmelden #lpasswort {
   width: auto;
}

#spalten31 #anmelden .benutzer,
#spalten31 #anmelden .passwort {
  width: 120px;
  float: right;
  margin: 0 0 5px 5px;
  padding: 0px;
  border: 1px solid #C5CDD2;
}

/* left align order link and draw line below it */
#main .order_now {
  float: left;
  margin: -30px 0 0 0;
}
#main .order_border {
  border-bottom: 1px solid #D0DCDF;
}

/* no padding for tarif buttons */
#main .anmelden .tarifbuttons .save label {
  float: right;
  margin: 0;
  padding: 0;
}

#main .showhide_hide {
  display: none;
}

#main .showhide_explanation {
  width: 250px;
}

#main .intro_image {
  float: right;
  padding: 5px 10px;
}

/* indentation for AGB checkbox and text */
#main .agbconfirm {
  margin-left: 140px;
}

/* display function info layer */
.prodinfo_left {
  position: relative !important;
  top: -360px !important;
  left: 50px !important;
  margin-bottom: -312px;
  margin-right: -611px;
}
.prodinfo_center {
  position: relative !important;
  top: -360px !important;
  left: -150px !important;
  margin-bottom: -312px;
  margin-right: -611px;
}
.prodinfo_right {
  position: relative !important;
  top: -360px !important;
  left: -350px !important;
  margin-bottom: -312px;
  margin-right: -611px;
}

.anrufnummer {
   white-space: nowrap;
}

.devlist {
  border-collapse: collapse; 
  border: 0px;
}

.devlist td {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
}

.devlist tr {
    border-bottom: 1px dotted #999999;
}

.devlist tr.active {
   border: 1px solid #A4DBF3;
   background: #CDF0FC;
}

/* FAQ */
.freqfragen h4 {
   margin-bottom: 5px;
}
.freqfragen .vorteile {
   float: left;
   padding: 0 0 15px 0;
}
.freqfragen .vorteile li {
   float: left;
   background: url(../grafik/vorteile.gif) 0px 3px no-repeat;
   margin: 0 0 5px 0;
   padding: 0 0 0 20px;
   width: 630px;
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 570px;
}
.freqfragen {
   margin: 0px;
   padding: 0px;
}

/* text fields for voicebox config */
#voicesettings input,
#voicesettings textarea,
#voicesettings select {
   margin: 3px 0 0px 0;
   border: 1px solid #8D9FAA;
}

/* text fields for reminder config */
#reminder input,
#reminder textarea,
#reminder select {
   margin: 3px 0 0px 0;
   border: 1px solid #8D9FAA;
}

#reminder .input5 {
   padding-left: 3px;
   padding-right: 0px;
   margin-top: -1px;
   width: 50px; /* falsch für ie */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 45px; /* richtig */
}

#reminder p {
   margin-top: 8px;
}

#reminder .recur {
   margin-left: 100px;
}

#reminder .lleft {
   float: left;
   width: 100px !important;
}

#reminder_save {
   float: left;
}

/* add to cart link next to product images */
#main .produktwahlshop .produktwahl span.add_to_cart {
   float: left;
   text-align: left;
   margin: -37px 0 5px 43px;
   padding: 0;
}
#main .produktwahlshop .produktwahl span.add_to_cart label.add_to_cart {
   width: auto;
   padding: 0;
   font-weight: bold;
   color: #2D91DF;
   background: url(/grafik/dot_blue.gif) left bottom repeat-x;
   text-decoration: none;
   cursor: pointer;
}
#main .produktwahlshop .produktwahl span.add_to_cart:hover label.add_to_cart {
   color: #FF8A00;
   background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}

/* settings for small cart table on top in right column */
#main .cart_small_container {
   margin-left: -3px;
   width: 185px;
   padding: 4px;
   border: 1px solid #D0DCDF;
   background: url(../grafik/cartsmallbg.gif) left top repeat-y #fff;
}
#main table.cart_small {
   width: 100%;
   border-spacing: 0;
   border-collapse: collapse;
   margin: 20px 0 15px 0;
   border-top: 1px solid #D0DCDF;
}
#main .cart_small .tr_alt {
   background: url(../grafik/cartsmalltdalt.gif) left top repeat #fff;
}
#main .cart_small td {
   padding: 1px 4px;
   border-bottom: 1px solid #D0DCDF;
}
#main #cart_header {
   margin-left: 5px;
   margin-top: 3px;
}
#main #delete_cart {
   float: left;
   margin: 10px 0 5px 5px;
}
#main #show_cart {
   float: right;
   margin: 10px 5px 5px 0;
}

#main table.cart_small_tt {
   width: 100%;
   table-layout:fixed;
   border: none;
   border-spacing: 0;
}

#main .cart_small .cart_small_tt td {
   padding: 0;
   margin: 0;
   border: none;
}
#main .cart_small .cart_small_tt td.cart_small_count {
   width: 25%;
}

#main .money {
   white-space: nowrap;
   text-align: right;
}
#main span.money {
   float: right;
   margin-top: -18px;
}

/* settings for cart template */
#main table.carttable {
   width: 100%;
   border-spacing: 0;
   border-collapse: collapse;
   margin-bottom: 30px;
}
#main .carttable th {
   padding: 1px 4px;
   border-bottom: 1px solid #D0DCDF;
   background: url(/grafik/bg_set.gif) left bottom repeat-x;
}
#main .carttable th.cart_image {
   width: 20px;
}
#main .carttable th.cart_price {
   width: 70px;
   padding-right: 34px;
}
#main .carttable th.cart_update {
   width: 80px;
}
#main .carttable th.cart_price_sum {
   width: 100px;
}
#main .carttable td {
   padding: 1px 4px;
   border-bottom: 1px solid #D0DCDF;
}
#main .carttable td.cart_price {
   padding-right: 40px;
}
#main .carttable td.cart_price_sum {
   padding-right: 10px;
}
#main .carttable input {
   margin-top: 2px;
   margin-bottom: 2px;
}
#main .carttable input.ci_reload {
   margin-top: 4px;
   margin-left: 5px;
}

/* display hardware info layer */
.prodinfo_shop {
   position: relative !important;
   top: -360px !important;
   left: 100px !important;
   margin-bottom: -312px;
   margin-right: -611px;
}

/* make buttons look like ordinary links for consistency */
#main .link_button label  {
   background: url("/grafik/dot_blue.gif") repeat-x scroll left bottom transparent;
   font-size: 12px;
   font-weight: bold;
   white-space: nowrap;
   color: #2D91DF;
   padding: 0;
   width: auto;
   float: left;
   cursor: pointer;
   text-decoration: none;
}

#main .link_button label:hover  {
   background: url("/grafik/dot_orange.gif") repeat-x scroll left bottom transparent;
   color: #FF8A00;
}

/* text only button */
.astext {
    background:none;
    border:none;
    margin:0;
    padding:0;
    font-size: 12px;
    white-space: nowrap;
    color: #2D91DF;
    padding: 0;
    width: auto;
    float: left;
    cursor: pointer;
    text-decoration: none;
}

/* callforwads */
div.set-container {
    padding: 2px;
}
div.set-item {
    padding: 10px;
    background-color: #c3dae8;
}
div.sub-container {
    margin: 2px;
    padding: 2px;
}
div.ui-widget-header {
    font-size: x-small;
    text-align: center;
    font-weight: normal;
    height: 12px;
    margin: 0;
}

select.dateform-elem {
    font-size: x-small;
    text-align: center;
    font-weight: normal;
    margin: 0;
}

div.dateform-elem {
    width: 60px;
    height: 60px;
    border: 1px solid #c3dae8;
    margin: 5px 0px 5px 0px;
    padding: 7px;
    text-align: center;
}

div.dateform-errormsg {
    width: auto;
    height: 20px;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #FF1010;
    font-weight: bold;
    text-align: center;
}

a {
    font-size: 12px;
}

/* basic grid-layout */
.span-05, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
.last {margin-right:0;}
.span-05 {width:15px;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;margin-right:0;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}