body {height:100%; font:100.1% arial; line-height:1em; font-size:0.7em; }
body.background1 {background:#fff;}
body.background2 {background:#fff;}
h1 {font-size: 1.5em; line-height:1.6em;}
h2 {font-size: 1.4em; line-height:1.5em;}
h3 {font-size: 1.3em; line-height:1.4em;}
a {color:#E96B10; text-decoration:none;}
input[readonly=readonly], input[disabled=disabled] {color:#c5c5c5; border-color:#c5c5c5;}

/*Spezifisch*/

.border1 {border:1px solid #ababab;}
.border2 {border:1px solid #7f9db9;}
.borderNone {border:0}
.line {height:0px; border:0; border-top:1px solid #ababab; margin-top:5px;}
.textSpecial {color:#76af14;}
.textOrdinary {color:#0F429D;}
.textLight {color:#7a7a7a;}
.boxDefault {width:689px; margin:0 0 0 14px; padding:10px; border:1px solid #ababab; vertical-align:middle;}
.boxDefault2 {width:687px; margin:0 0 0 14px; padding:10px; border:2px solid #ababab; border-top-width:0; vertical-align:middle;}
.colorWhite {color:#fff}
.hint {color:#7A7A7A; font:0.8em/1em arial; width:130px;display:inline-block}
          
/*CSS Tooltip*/

.tooltip {background:url(../img/sprite_vertical_gradient.png) -240px 0; border:3px solid #c9e2ff; color:555 !important;}
.tooltipInfo, .tooltipLegend, .tooltipQuestion {left:20px;}
.tooltipCalculation {top:30px; left:-100px; width:170px;}
.tooltipContract {top:-90px; left:-260px;}
.tooltipError {top:-5px; left:30px; width:auto; border-width:1px; white-space:nowrap;}
.tooltipNavigation {left:220px; top:-40px;}
.tooltipLegend {top:-5px; width:auto; white-space:nowrap;}
.tooltipQuestion {top:-10px;}
.tooltipChange {left:-198px;top:22px;width:165px;}
.tooltipSteps {top:20px; left:0px}

.tooltipNavigation {left:-265px !important;}

/*Buttons Allgemein*/

.buttonPosition1 {margin:30px 0 0 40px}
.buttonPosition2 {margin:0 0 0 245px}
.buttonPosition3 {margin:30px 0 0 180px}
.buttonPosition4 {margin:0 0 0 130px}


.slidingButton {max-width:230px; color:#fff !important; font-weight:bold;}
.slidingButton span {background:url(../img/sprite.png);}

.buttonDefault span, .buttonBlue span, .buttonGreen span, .buttonOrange span {padding:0 0 0 40px;}
.buttonDefault span span, .buttonBlue span span, .buttonGreen span span, .buttonOrange span span {padding:0 25px 0 0; line-height:32px;}

.buttonSmallDefault span, .buttonSmallBlue span, .buttonSmallGreen span, .buttonSmallOrange span {padding:0 0 0 35px; font-size:12px;}
.buttonSmallDefault span span, .buttonSmallBlue span span, .buttonSmallGreen span span, .buttonSmallOrange span span {padding:0 15px 0 0; line-height:24px;}

/*Buttons für PVG*/

.buttonDefault span, .buttonBlue span {background-position:0 -378px !important;}
.buttonDefault span span, .buttonBlue span span {background-position:right -378px !important;}
.buttonDefault:hover  span, .buttonDefaultHover  span, .buttonBlue:hover  span, .buttonBlueHover  span {background-position:0 -410px !important;}
.buttonDefault:hover  span span, .buttonDefaultHover  span span, .buttonBlue:hover  span span, .buttonBlueHover  span span {background-position:right -410px !important;}

.buttonSmallBlue span {background-position:0 -570px !important;}
.buttonSmallBlue span span {background-position:right -570px !important;}
.buttonSmallBlue:hover  span, .buttonSmallBlueHover  span {background-position:0 -594px !important;}
.buttonSmallBlue:hover  span span, .buttonSmallBlueHover  span span {background-position:right -594px !important;}

.buttonGreen span {background-position:0 -442px !important;}
.buttonGreen span span {background-position:right -442px !important;}
.buttonGreen:hover  span, .buttonGreenHover  span {background-position:0 -474px !important;}
.buttonGreen:hover  span span, .buttonGreenHover  span span {background-position:right -474px !important;}

.buttonSmallDefault span, .buttonSmallGreen span {background-position:0 -618px !important;}
.buttonSmallDefault span span, .buttonSmallGreen span span {background-position:right -618px !important;}
.buttonSmallDefault:hover  span, .buttonSmallDefaultHover  span, .buttonSmallGreen:hover  span, .buttonSmallGreenHover  span {background-position:0 -642px !important;}
.buttonSmallDefault:hover  span span, .buttonSmallDefaultHover  span span, .buttonSmallGreen:hover  span span, .buttonSmallGreenHover  span span {background-position:right -642px !important;}

.buttonOrange span {background-position:0 -506px !important;}
.buttonOrange span span {background-position:right -506px !important;}
.buttonOrange:hover  span, .buttonOrangeHover  span {background-position:0 -538px !important;}
.buttonOrange:hover  span span, .buttonOrangeHover  span span {background-position:right -538px !important;}

.buttonSmallOrange span {background-position:0 -666px !important;}
.buttonSmallOrange span span {background-position:right -666px !important;}
.buttonSmallOrange:hover  span, .buttonSmallOrangeHover  span {background-position:0 -690px !important;}
.buttonSmallOrange:hover  span span, .buttonSmallOrangeHover  span span {background-position:right -690px !important;}

/*Buttons zurück*/

.buttonBack {color:#7a7a7a !important;}

/*Pagination Block*/

ul.paginationBlock {margin:20px 0 0;padding:20px;width:671px;}
ul.paginationBlock a {font-weight:bold;color:#4680DA; text-decoration:none; background:url(../img/sprite.png) -450px -79px;border:1px solid #A9CFF3;display:inline-block !important;height:19px;line-height:19px;margin:10px 10px;padding:0 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
ul.paginationBlock a:hover {color:#2353AD;background-position:-450px -98px;border-color:#3D71CC}
ul.paginationBlock li.current a {color:#5E5E5E;background-position:-450px -60px;border-color:#C6C6C6;}
ul.paginationBlock {text-align:center;}
ul.paginationBlock li {display:inline-block !important;} 

/*datePicker*/

.ui-datepicker {background:#eee;}
.ui-datepicker a {color:#000;}
.ui-datepicker table {border:1px solid #a8a8a8; border-top:0; width:100%; border-collapse:collapse;}
.ui-datepicker tbody {border:1px solid #a8a8a8; border-width:1px 0 0 0;}
.ui-datepicker tr {margin:0 20px;}
.ui-datepicker th {line-height:30px;}
.ui-datepicker td {padding:4px;}
.ui-datepicker td a {line-height:20px; text-align:center; display:inline-block; width:20px; border:1px solid #eee; -moz-border-radius:4px; border-radius:4px;}
.ui-datepicker td a:hover {background-color:#e5e5e5; border:1px solid #aaa;}

.ui-datepicker-header , .ui-state-highlight, .ui-datepicker-prev, .ui-datepicker-next {background:url(../img/sprite.png) repeat-x;}
.ui-datepicker-header {font:bold 12px arial; text-align:center; border:1px solid #1b4ca8; border-bottom:0; line-height:27px;}

.ui-datepicker-header, .ui-state-highlight, .ui-state-highlight:hover  {background-position: 0 -281px; color:#fff !important;}
.ui-state-highlight {border:1px solid #1c4fab !important;}

.ui-datepicker-prev, .ui-datepicker-next {text-indent:-10000px !important;height:27px; width:23px;}
.ui-datepicker-prev {background-position: -44px -63px; float:left; margin-left:10px;}
.ui-datepicker-next {background-position: -72px -63px; float:right; margin-right:10px;}

/*Layout */

#wrapper {margin-bottom:10px; width:100%; float:left; -moz-border-radius:15px !important;}
#navigation {margin:0 12px 0 0; width:230px; float:right;}
#main, #footer {background:#fff;}
#content input, #content select {font:1em arial}
#content input[type="radio"] {margin:0 5px 2px 0}
#footer {overflow:hidden; padding-top:20px; background:none; }

/*Navigation*/

#navigation {color:#444;}
#navigation div.box {margin:14px 0 0 0; padding:0 3px 3px 4px; background:url(../img/sprite_vertical_gradient.png);}
#navigation div.box h1 {font-size:1em; padding:5px 0 5px 10px;}
#navigation ul.innerBox, #navigation dl.innerBox {background:#fff; padding:10px;}

#nav li:hover {
    background-color: #9b9b9b;
}

#helpChange ul.innerBox li {border-bottom:1px solid #ABABAB; margin-bottom:5px;padding-bottom:5px;}
#helpChange ul.innerBox li.last {border-bottom:0; margin-bottom:0; padding-bottom:0}
#recommendation div {background:#fff; text-align:center;padding:10px 0}
#recommendation  img {float:left; margin:0 15px 0 5px}
#recommendation  ul {margin:8px 0 0; text-align:left; font:0.9em/1em arial;}
#helpCenter dt {float:left}
#helpCenter dd {margin-left:50px}

/*---Content---*/

#selector a, #checker a, #success a {text-decoration:underline}

#introduction h1 {font-size:1.5em; margin:25px 0 0 20px;}
#introduction .columnLeft {background:url(../img/girl.jpg) no-repeat; width:257px; height:190px; margin:40px 0 0 30px;}
#introduction .columnRight{width:410px; margin:0 0 0 30px;}
#introduction .badget {background:url(../img/sprite_badgets.png) 0 -86px; width:115px; height:116px;}
#introduction .awards {background:url(../img/awards.png) no-repeat; width:367px; height:88px; margin:10px 0 0 0;}
#introduction .checkList {padding:50px 0 0 5px;}

#calculator select.width80 {width:82px;}
#calculator select.width100 {width:102px;}
#calculator label {display:inline-block;}
#calculator ul.single {width:320px; margin:auto;}
#calculator ul.single button {margin-left: 55px !important;}

#criteria {margin-left:20px;}
#options {border:1px solid #ddd; border-width:0 1px; padding:0 20px; margin:0 20px;}

#partner {margin:30px 0 0 14px; width:709px;}
#partner h1 {font-size:1.5em;}

#results {margin:10px 0 0 14px;}
#results, #results table {width:711px;}
#results thead th {border-top:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1; background:url(../img/sprite.png) 0 -308px;;}
#results thead th.first {border-left:1px solid #b1b1b1; width:3%;}
#results thead th.second {width:30%;}
#results thead th.third {width:29%;}
#results thead th.fourth {width:19%;}
#results thead th.fifth {border-right:1px solid #b1b1b1; width:19%;}
#results tbody td {border-bottom:1px solid #b1b1b1; padding-bottom:2px;}
#results table .textSpecial {font-size:1.4em;}
#results table td {vertical-align:middle; padding:10px 0;}
#results .widthTweak {width:160px;}
#results div.icoTweak  {vertical-align:top !important; margin-top:1px;}

#results ol.details li.first, #results ol.details li.second, #results ol.details li.third, #results ol.details li.fourth, #results ol.details li.fifth {float:left;width:57%;margin:5px 0;}
#results ol.details li.first {}
#results ol.details li.first .smallprint {color:#777; font-size:0.8em; margin-left:0px; display:block}
#results ol.details li.second {width:41%;}
#results ol.details li.second .costs {line-height:18px; font-size:1.3em; font-weight:bold;}
#results ol.details li.third {width:100%; color:#4f7c27; font-size:1.2em; font-weight:bold; border-top:1px dotted #CCC;}
#results ol.details li.fourth {font-size:0.9em; line-height:1.2em;}
#results ol.details li.fourth .smallprint {width:120px; float:right; display:block}
#results ol.details li.fifth {width:41%;}

#selector h2 {font-size:1.4em; margin:0 0 10px;}
#selector h2 a {color:#000; text-decoration:none;}
#selector div.teaser {background:url(../img/teaser_offer.jpg) no-repeat; float:left; height:290px; margin:30px 20px 0 0; width:250px;}
#selector .widthTweak725 form {width:725px;}
#selector .marginTweakLeft1 {margin-left:32px;}
#selector .marginTweakLeft2 {margin-left:52px;}

#selector .bottom li, #checker .bottom li {float:left}
#selector .bottom li.first, #checker .bottom li.first  {margin-top:17px;}

#selector .bottom li.first {width:270px; margin-top:17px;}
#selector .step1TweakDownload li.first {width:250px}
#selector .step1TweakDownload li.second {width:230px}
#selector .step1TweakDownload li.third {width:200px}
#selector .step3Tweak li.first {width:65px}
#selector .step3Tweak li.second {line-height:1em;padding:1px 10px 0 0;width:200px;}
#selector .step3Tweak li.third {width:210px}
#selector .step3Tweak li.fourth {width:200px}

#formDetailsChange li.paddingTweakLeft {padding-left:240px;}

#checker h2 {font-size:1.5em;}
#checker ul.section {border-bottom:1px solid #b1b1b1;}
#checker ul.section li {padding:0 0 5px; margin-left:130px;}
#checker ul.section .line {margin-left:75px; width:160px;}
#checker ul.borderNone {border:0}
#checker ul.borderTop {border-top:1px solid #b1b1b1 !important;}
#checker li.marginTweakLeft {margin-left:150px;}
#checker .tariffNameTweak {font:italic bold 1em/1 arial; margin:0 0 0 112px}

#checker .bottomTweak li.first {width:270px}
#checker .bottomTweak li.second {width:210px}
#checker .bottomTweak li.third {width:200px}

#formComparison select {width:200px;}

.bar {border:1px solid #76AF14; height:10px; display:inline-block; background:url("../img/sprite.png") repeat scroll -282px -620px #76AF14;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 2px;-webkit-border-bottom-right-radius: 2px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomright: 2px;-moz-border-radius-bottomleft: 0px;border-top-left-radius: 0px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0px; }

/*Gewählter Tarif */

.selectedTariff {position:relative;border:2px solid #daf0af;margin-left:14px;width:707px;}
.selectedTariffInner {line-height:1.7em; border:1px solid #97BF11;}
.selectedTariff h2 {background:#97BF11; font:bold 1em/20px arial; padding:0 10px; color:#fff;}
.selectedTariff dl {overflow:hidden;}
.selectedTariff dl.first {margin:5px 0 0 10px;}
.selectedTariff dl.second {float:left;width:25%; margin:0 0 5px 10px;}
.selectedTariff dl.third {float:right;width:70%; margin:0 !important;}
.selectedTariff dl.first dd, .selectedTariff dl.second dd {margin-left:60px;}
.selectedTariff dl.third dd {margin-left:70px;}
.selectedTariff dt {float:left; color:#7A7A7A; margin:0 10px 0 0;}
.selectedTariff  img {right:0; top:0; position:absolute; margin:26px 6px 0 0;}
.selectedTariff dd.tweakWidth {max-width:280px;}
.selectedTariff .tweakSmallText {position:absolute; z-index:2; margin-left:5px; font-size:0.8em;}

/*Seo*/

#seoContent p {margin:10px 0;}
#seoContent  h2 {font-size:1.5em; margin:10px 0;}

#breadcrumb {margin:0 0 20px 0;}
#breadcrumb li {display:inline;}

/*Einfache Such-Box*/

#inlineSearch {width:650px; margin:20px 0 20px 0; padding:10px; border:1px solid #ababab; vertical-align:middle;}
#inlineSearch .columnLeft {background:url(../img/girl.jpg) no-repeat; width:257px; height:190px; margin:0px 0 0 30px;}
#inlineSearch .columnRight {position:relative; left:50px; top:20px;}

/*Success*/

#success p {margin:0 0 10px 0;}
#success ol {list-style:decimal; font-style:bold !important;}
.pvgAdressTweak {margin:7px 0 10px 0;}
.pvgAdressTweak a {display:block;margin:0 0 50px;text-decoration:none !important;}

/*---Teaser am ende der Strecke--*/

#teaser {margin:30px 0 0 14px;}
#teaser h2 {font-size:1.5em;}
#teaser a {width:213px; text-align:center; font:bold 1.2em arial; display:inline-block;}
#teaser img{margin-top:15px; float:left;}
#teaser .box {padding:0 0 10px; position:relative; border:1px solid #ababab; width:215px; height:145px; margin:20px 30px 0 0; float:left;}
#teaser .badgetInsurance, #teaser .badgetDsl, #teaser .badgetFinance {text-indent:-9999px; background-image:url(../img/sprite_badgets.png); position:absolute;width:76px;height:76px;top:-15px;right:-15px}
#teaser .badgetInsurance {background-position:-172px 0}
#teaser .badgetDsl {background-position:-86px 0}
#teaser p {padding:10px; height:62px;}
#teaser .last {margin-right:0}
#teaser .headline {border-bottom:1px solid #ababab; padding:0 10px; background:url(../img/sprite.png) repeat-x 0 -340px; line-height:2.2em; font-weight:bold}

/*---Tabs--*/

#tabs {font-size: 1.2em; font-weight:bold; padding:11px 0 10px 11px}
#tabs a {color:#000; text-decoration:none !important; width:100%;}
#tabs li.active a {color:#fff;}
#tabs li {float:left; background:url(../img/sprite.png) repeat-x; line-height:34px;}
#tabs li.first, #tabs li.second, #tabs li.third {background-position:0 -128px; padding:0 20px; width:176px; text-align:center}
#tabs li.active {background-position:0 -162px; color:#fff}
#tabs li.cornerLeftActive {background-position:-135px -60px; width:10px}
#tabs li.cornerLeftInactive {background-position:-168px -60px; width:10px}
#tabs li.activeInactive {background-position:-198px -60px; width:20px}
#tabs li.inactiveInactive {background-position:-218px -60px; width:20px}
#tabs li.inactiveActive {background-position:-178px -60px; width:20px}
#tabs li.cornerRightActive {background-position:-145px -60px; width:19px}
#tabs li.cornerRightInactive {background-position:-238px -60px; width:19px}

/*---Errors--*/

#errorStatus {width:699px; margin:0 0 0 14px; padding:5px; background: #fed1d1 !important; border: 1px solid #d8000c; color: #d8000c;}
.errorField {background: #ff0000; border-color:#ff0000;}
/*---Steps--*/

#stepsEnd, #steps {width:709px; margin:0 0 0 14px; border-bottom:0;}
#stepsEnd, #steps li {text-align:center; line-height:2.2;}
#steps a {color:#000;}
#steps li {float:left; width:235px; background:url(../img/sprite.png) 0 -340px;}
#steps li.first, #steps li.second {border-right:1px solid #ababab;}
#steps li.second {width:237px;}
#steps li.active {color:#fff; background:url(../img/sprite.png) 0 -281px;}
#steps li.offline {width:354px;}

#stepsEnd {margin-top:14px; display:inline-block; background:url(../img/sprite.png) 0 -308px;}

.steps {margin:20px 0 0 14px;}
.steps li {line-height:25px; font-weight:bold; text-align:center; float:left; width:233px; border-bottom:2px solid #ababab}
.steps li.space {line-height:25px; padding-bottom:6px; width:4px;}
.steps li span {background:url(../img/sprite.png) repeat-x 0 -340px; border:1px solid #ababab; display:block; margin-bottom:4px;}
.steps li.active {width:233px; border:2px solid #ababab; background:#fff; border-bottom-width:0; margin-bottom:0px; padding:0 0 6px;}
.steps a {color:#000}
.steps a:hover {color:#0F429D}

.listHorizontalTweak1 li {float:left;padding-right:10px;}
.listHorizontalTweak1 li.first {padding:5px 35px 0 0}
.listHorizontalTweak1 li.second {font:0.8em/1.2em arial; color:#7A7A7A; text-align:right}
.listHorizontalTweak1 li.fourth {padding-right:0}

.listHorizontalTweak2 {margin:20px 0 0 0}
.listHorizontalTweak2 li {float:left;padding-right:10px;}
.listHorizontalTweak2 li.first {padding:5px 190px 0 0}
.listHorizontalTweak2 li.third {padding-right:0}

.listHorizontalTweak3 {margin:20px 0 0 0}
.listHorizontalTweak3 li {float:left;padding-right:10px;}
.listHorizontalTweak3 li.first {padding:5px 190px 0 0}
.listHorizontalTweak3 li.third {padding-right:0}

/*---Forms--*/

#formAddressDelivery, #formAddressInvoice {margin:30px 0 20px 40px;}
#formBankData  {margin:30px 0 20px 45px}
#formSecurityQuestions {margin:20px 0 0 100px;}
#divAddressInvoice, .elementDisplayNone {display:none;}
.formGroup {margin:20px auto;width:625px;line-height:1.1em;}
#deliverySameAsInvoice-1 {margin-left:20px !important}

#newsletter, #contact, #advice {float:left;}

/*--- tariffmanagement / upselling ---*/

.disabledCheck[type=checkbox] + .disabledElement,
.disabledCheck[type=checkbox] + * + .disabledElement {
    pointer-events: none;
    opacity: 0.6;
}
.disabledCheck[type=checkbox]:checked + .disabledElement,
.disabledCheck[type=checkbox]:checked + * + .disabledElement {
    pointer-events: auto;
    opacity: 1;
}

/*---Popups--*/

#popup iframe {padding:20px 10px; border:3px solid #4c83de;}
#popupWrapper {width:100%; float:left;}
#popupContent h1 {font-size: 1.0em;}
#providerBox {background:#eee; margin:10px; border:1px solid #ddd;}

#buttonPopup {background:url(../img/close.png); height:30px; width:30px;}
#buttonPopup:hover {cursor:pointer;}

/*Icons*/

.icoLeaf, .icoHome, .icoTipp, .icoShield, .icoError, .icoInfo, .icoQuestion, .icoWarning, .icoCursor, .icoTick, .icoLargeTipp, .icoLock , .icoCalendar, .icoPdf , .icoBack {background:url(../img/sprite.png) no-repeat; display:inline-block; width:14px; height:14px; vertical-align:middle; margin-right:5px;}
.icoLeaf {background-position:-255px -8px; height:13px;}
.icoHome {background-position:-284px -7px; height:16px; width:16px;}
.icoTipp {background-position:-315px -8px; height:15px; width:15px;}
.icoShield {background-position:-345px -7px; height:16px; width:14px;}
.icoError {background-position:-375px -8px;}
.icoInfo {background-position:-405px -8px;}
.icoQuestion {background-position:-435px -8px;}
.icoWarning {background-position:-468px -8px; width:16px;}
.icoCursor {background-position:-498px -12px; height:7px; width:8px; margin-right:2px;}
.icoTick {background-position:-525px -9px; height:12px;}
.icoLock {background-position:-225px -8px;}
.icoCalendar {background-position:-159px -5px; height:21px; width:26px; cursor:pointer;margin-right:0;}

.icoLargeTipp {background-position:-262px -60px; height:35px; width:35px}
.icoPdf {background-position:-100px -60px; height:33px; width:25px}
.icoBack {background-position: -198px -9px; margin-right:0;}

/*Ads*/

#FlexTop, #FlexSky {position:absolute;}
#FlexTop {top:0; left:145px; width:728px;}
#FlexSky {top:130px; left:1015px; width:120px;}

/*---Formdatastep1---*/
.formGivenName {width:110px;}
.formSurname {width:110px;}
.formStreet {width:170px;}
.formNumber {width:50px;}
.formZipcode {width:50px;}
.formCity {width:170px;}
.formPhonePrefix {width:50px;}
.formPhone {width:170px;}
.formMail {width:225px;}
.formMailRepeat {width:225px;}

/*---Formdatacheck---*/
.optionalFieldWidth {width:655px;}

/*---Automailingübersicht---*/
.automailer th {width:110px;text-align:left;}

/*---Felder in Vertragsabwicklung ausgrauen mit readonly ---*/
input[readonly="readonly"] {color:#000000; background-color:#cccccc;}

/*---Specialcustomer---*/
.specialCustomer {
    padding: 15px;
}
.specialCustomer strong {
    display: block;
    margin-bottom: 10px;
}
.specialCustomer p {
    margin: 10px 0;
}
.specialCustomer label {
    display: inline-block;
    width: 130px;
}
.specialCustomer .boxContent li {
    margin-bottom: 5px;
}
.specialCustomer .boxContent span.textBold {
    margin: 10px 0;
}
.specialCustomer .slidingButton {
    margin: 10px 0 0 130px;
}

.specialCustomer ul {
    list-style: none outside none;
}

span.warning1 { color:orange}
span.warning2 { color:red}

.textBold { font-weight: bold;}
td.exportQuantity {width:60px;}

a.set { background: url("../img/icons/icon_pfeil_grun_small.gif") no-repeat scroll center center transparent; display: inline-table; height: 16px; width: 16px;}

#contractCommentLabel {font-weight: normal; color: black; display:inline}
#contractCommentLabelMandatory {font-weight:bold; color:red; display:none}
#contractCommentLabelOtherError {font-weight:bold; color:red; display:none}
#otherErrorAlert {font-weight:bold; color:red; display:none;}
.fakeCheck {font-weight:bold; color:red;}
.split {border-top: 1px solid black; padding:2px}

input.readonly {color:#a9a9a9}

/*---Vertragsabwicklung---*/
.comments li {padding:5px;list-style-type:none;margin-left: -40px;margin-bottom:3px;border: 1px solid black}
.commentTitle {text-decoration: underline; font-weight: bold}
.commentSystem {background-color:#C1C1C1}

.formerProvider tr:hover {
    background-color: #9b9b9b;
}
.providermanagerList a:hover {
    background-color: #9b9b9b;
    color: white;
}

a.active {
    font-weight: bold;
}


/*---Tarifverwaltungs---*/
a.button {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:none repeat scroll 0 0 #eee;
    border:1px solid #999;
    cursor:pointer;
    padding:5px;
    color:#000;
    text-decoration:none;
}
a.button:hover {
    text-decoration:none;
}
table.tariffmanagement {
    text-align: center;
    border-collapse: collapse;
}
table.tariffmanagement td {
    border: 1px solid grey;
    padding: 5px;
}
table.tariffmanagement thead {
    font-weight: bold;
}
table.tariffmanagement thead td {
    font-weight: bold;
    border-bottom: 2px solid black;
}

.full-width {
    width: 100%;
}

table.tariffmanagementform td.label {
    width: 250px;
}

table.tariffmanagementform td.label2 {
    width: 150px;
}

table.tariffmanagementform td.text {
    width: 600px;
}

img.campaignLogo{
    width: 120px;
}
table thead.tableHead {
    border-color: #000000;
}
table thead.tableHead th{
    text-align: center;
    font-weight: bold;
    background-color: #eee;
}
table tbody.tableBody{
    
}
table tbody.tableBody tr:hover{
    background-color: #9b9b9b;
}
table tbody.tableBody td{
    
}
table tbody.tableBody td.middle{
    text-align: center;
}
table tbody.tableBody td.right{
    text-align: right;
}
ul.nostylelist {
    list-style-type: none;
    padding-left: 0px;
}

table .bottomCaption {
    caption-side: bottom;
    padding: 4px 0;
    text-align: left;
}

.providerLeadsLimitDeleteButton {
    margin-bottom: -4px;
    margin-left: 5px;
    height: 17px;
}
.providerLeadsLimitAddButton {
    margin-bottom: -3px;
}