/* --- TARIFE --- */

.tarifContent,
.tarifContent b,
.tarifContent strong
{ color:Black; } 

#contentBox.tarifContent .right { margin-top:0px; } 

#tarifInfoBox h1 {
    margin-bottom:10px;
}
 
.produktMerkmale { width:551px; }
.produktMerkmale h3 { margin-bottom:15px; }
.produktMerkmale table { float:left; width:210px  }

.produktMerkmale .merkmale { float:right; width:310px; }
.produktMerkmale .merkmale .row  { clear:both; height:17px; }
.produktMerkmale .merkmale .row *  { }
.produktMerkmale .merkmale .row .label { float:left; margin-right:2px; }

.produktMerkmale .merkmale .Reiter {
    background-image:URL(Grafiken/rb_off.gif);
     background-position:left;
     background-repeat:no-repeat;
     padding-left:5px;
     margin-left:5px;
}

.produktMerkmale .merkmale .Reiter:hover {
    background-image:URL(Grafiken/rb_hover.gif);
}

.produktMerkmale .merkmale .Reiter.aktiv {
    background-image:URL(Grafiken/rb_on.gif);
}

/* --- Tarifbox Details mit Frosch --- */
.tarifbox_details {
    position:relative;
    display:block;
    width:560px;
    height:147px;
    margin-left:-9px;
    background-image:URL(cms/pages/tarife/tarifbox_details.gif);
    background-repeat:no-repeat;
    margin-top:15px;
    font-size:11px;
}

.tarifbox_details h1 {
    position:absolute;
    left:85px;
    top:18px;
    font-size:16px;
    color:Black;
    font-weight:bold;
}    

.tarifbox_details h2 {
    position:absolute;
    left:85px;
    top:41px;
    font-size:11px;
    font-weight:normal;
    color:Black;
}        
.tarifbox_details .preis {
    position:absolute;
    top:88px;
    left:25px;
    color:#FF6600;
    font-size:25px;
    font-weight:bold;
    line-height:normal;
    z-index:1000;
}
.tarifbox_details .preis span { font-size:11px; font-weight:lighter;  }

.tarifbox_details .preisgarantie {
    position:absolute;
    left:23px;
    top:123px;  
}           
.tarifbox_details ul {
    position:absolute;
    left:321px;
    top:22px;
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.tarifbox_details ul li {
    font-size:12px;
    line-height:normal;
    background: url(Grafiken/bullet_okhaken.png) no-repeat 0 0;
    padding: 2px 0px 10px 26px;
    margin-bottom:3px;
}    
    
#tarifInfoRight .preis {
    font-size:30px;
    display:block;
    margin:0px;
}

#tarifInfoRight .fieldLabel {
    width:75px;
}

#infoBoxBonus h1.preis {
    font-size:25px;
    font-weight:bold;
    color:#FF6600;
    margin-bottom:10px;
}    


/* --- HOME --- */
.divLandkreise div {
    float:left;
    width:175px;
    margin-right:15px;
    text-align:left;
}
    
#homeTarifbox {
    position:relative; 
    width:798px;
    height:300px;
}        

#homeTarifbox .headline {
    display:block;
    position:absolute;
    left:11px;
    top:15px;
    color:White;
    text-transform:uppercase; 
    font-size:16px;
    font-weight:bold; 
}
    
#homeTarifbox .more {
    display:block;
    position:absolute;
    left:11px;
    top:37px;
    color:White !important;
}
    
#homeTarifbox .stoerer {
    position:absolute;
    bottom:-10px;
    left:15px;
    width:110px;
    height:110px;
}
    
#homeWidgets { margin-top:32px; }
#homeWidgets * { color:black; }
#homeWidgets a { color:#FF6600; }

#homeWidgets .more {
    display:block;
    position:absolute;
    bottom:33px;
    left:20px;
    color:#FF6600;
}
    
#homeWidgets .quicklinks * { color:Black; }

#homeWidgets div { margin-left:-10px; }
#homeWidgets div {
    position:relative;
    float:left;
    margin-right:9px; 
}    
#widgetBox #homeWidgets h2 {
    top:18px;
    left:19px;
}


#homeWidgets h5 {
    position:absolute; 
    top:93px;
    .top:118px;
    left:20px;
    color:#ff6600;
    font-size:13px;
    font-weight:bolder;
}

#homeWidgets h6 {
    position:absolute;
    top:105px;
    .top:133px;
    left:20px;
    color:#ff6600;
    font-size:11px;
    font-weight:normal;

}

#homeWidgets .icon {
    position:absolute;
    bottom:20px;
    right:20px;
}   
        
#homeWidgets ul,
#homeWidgets ol {
    position:absolute;
    top:50px;
    left:20px;
    font-weight:normal;
    margin:0px;
}    
#homeWidgets ul.raw,
#homeWidgets ol.raw {
    left:0px;
}    

#homeWidgets li { margin-bottom:4px; }  

#homeBottomInfo,
#homeBottomInfo h1,
#homeBottomInfo h2,
#homeBottomInfo a
 { color:#aaaaaa; }
#homeBottomInfo h2 { font-size:13px; padding-bottom:5px; }

/* Home: MicroTarif Rechner */
#homeTarifrechnerHeadline {
     text-transform:uppercase;
     font-size:13px;
     font-weight:bold;
     color:white;
     position:absolute;
     top:102px;
     left:427px;
         
}

#HomeTarifrechner  { position:absolute; left:423px; top:70px; }
#HomeTarifrechner input { border:solid 0px transparent; }
#HomeTarifrechner .divInner { position:relative; width:350px; padding-left:5px; padding-top:40px; .padding-top:37px; color:White; }
#HomeTarifrechner .horizontal { width:215px; left:-5px; }
#HomeTarifrechner #txtPlz { width:195px; margin-bottom:13px; padding:2px; }
#HomeTarifrechner #txtVerbrauch { width:195px; margin-bottom:7px; padding:2px;  }
#HomeTarifrechner #divQmSlider { position:relative; width:160px; top:5px; left:-2px; }
#HomeTarifrechner #txtQm { width:30px; position:absolute; top:121px; padding:2px; }
#HomeTarifrechner .icon.first { left:12px; } 
#HomeTarifrechner .icon { position:relative; top:3px; left:42px; } 
#HomeTarifrechner .icon.last { left:70px; }
#HomeTarifrechner .butTarifrechner { background-color:Transparent; position:absolute; top:183px; left:215px; font-size:13px; color:White; font-weight:bold; padding:0px; margin:0px; }
#HomeTarifrechner .butTarifrechner:hover { color:black !important; }
#HomeTarifrechner img,
.slider * { cursor:pointer; }

/* MicroTarifwahl */
.microTarifwahl { }
.microTarifwahl .preisInfo {  }
.microTarifwahl .preisInfo * {  }
.microTarifwahl .preisInfo tr { }
.microTarifwahl .preisInfo td { }

/* Default: MicroTarif Rechner */
#MicroTarifrechner {
    background-image:URL(cms/pages/_common/bg_microTarifrechner.gif);
    background-repeat:no-repeat;
    width:200px; 
    height:215px;
    margin-bottom:-15px;
    margin-top:10px;
}
#MicroTarifrechner input { border:solid 0px transparent; }
#MicroTarifrechner .divInner { position:absolute; top:50px; width:165px; left:20px; position:relative; color:White; }
#MicroTarifrechner .horizontal { width:176px; }
#MicroTarifrechner #txtPlz { width:158px; margin-bottom:3px; }
#MicroTarifrechner #txtVerbrauch { width:158px; margin-bottom:3px; }
#MicroTarifrechner #divQmSlider { z-index:400; position:relative; top:-14px; left:-8px; background-color:Transparent; background:none; }
#MicroTarifrechner #txtQm { z-index:500; width:30px; position:relative; top:4px; }
#MicroTarifrechner .icon.first { left:10px; } 
#MicroTarifrechner .icon { position:relative; top:3px; left:28px; } 
#MicroTarifrechner .icon.last { left:40px; }
#MicroTarifrechner .butTarifrechner { 
    background-color:Transparent; font-size:13px; color:White; font-weight:bold; 
    margin:0px; padding:0px; 
    position:absolute;
    left:-2px;
    top:132px;
    text-align:left;
    width:100%;
}
#MicroTarifrechner .butTarifrechner:hover { color:Black !important; }
#MicroTarifrechner img,
.slider * { cursor:pointer; }

/* -- Auftrag-- */
   
.helpTooltip {
	background-image:url(cms/pages/auftrag/icon_hilfe_pfeil.gif);
	background-repeat:no-repeat;
	background-color:#FF6600; 
	color:white;
	
	position:absolute; 
    top:265px;
	right:35px;
	width:330px; 
	padding:5px; 
	padding-left:30px;
	
	visibility:hidden; 
	z-index:999; 
}

.helpTooltip b, 
.helpTooltip strong
 { color:white; }	
.helpTooltip .close {
    position:absolute;
    right:5px;
    top:5px;
}
    
.rowBorderTop { 
    padding:5px 2px 5px 2px;
    font-weight:bold; 
    color:white !important; 
    font-size:14px; 
}

#auftrag table { width:100%; }
#auftrag table table { width:auto; }
#auftrag table table td { width:auto; }
#auftrag td { width:50%; vertical-align:top; padding-right:25px; }
#auftrag * b, 
#auftrag * strong { color:#FF6600; }