/* ------------------------------------------------------------------------------------------- */
/* otelo.global.css - VERSION 1.1.1 - 2010/03/15 */
/* ------------------------------------------------------------------------------------------- */
/* PUBLISHING DATE Freitag, 23. Juli 2010 13:28 */
/* ------------------------------------------------------------------------------------------- */
/* GLOBAL BASICS BEGIN */
* {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
body {
    font-size: 69%;
    line-height: 140%;
    background-color:#1A1A1A;
    color:#FFFFFF;
}
html, body {
    height:100%;    
}
a,
a:active,
a:focus,
a:hover,
a:link,
a:visited {
    cursor: pointer;
    text-decoration: underline;
    color:#e95d0f;
}

a .noStyleWhite,
a.noStyleWhite:active,
a.noStyleWhite:focus,
a.noStyleWhite:hover,
a.noStyleWhite:link,
a.noStyleWhite:visited {
    cursor: pointer;
    text-decoration: none;
    color:#FFFFFF;
}


a:active,
a:hover {
    text-decoration: none;
}
ul * {
    list-style-type:disc;
}
div.divTrackingIVW {
    height: 0px;
    width: 0px;
    display: none;
}
/* GLOBAL BASICS END */
/* ------------------------------------------------------------------------------------------- */
/* PRESETTINGS BEGIN */
.displayNone {
    display: none;
}
.noPadding {
    padding: 0;
}
.paddingContent {
    padding: 0 40px;
}
.hidden {
    visibility: hidden;
}
.formBasic input.hidden {
    display:none;
}
.visible {
    visibility: visible;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.floatNone {
    clear: both;
    float: none;
}
.ieBugFix {
    display: none;
}
br.clear {
    float:none;
    clear:both;
    height:0px;
    line-height:0px;
}
.oteloColorOrange {
    color:#e95d0f;
}
.oteloColorGray {
    color:#363636;
}
/* PRESETTINGS END */
/* LAYOUT */
div.divMatrix {
    position: relative;
    background-color:#000000;
    margin:0px auto;
    padding:0;
    width:960px;
    min-height: 100%;
    height:auto !important;
    height:100%;
}
/* Header */
div.divOteloHeader {
    position:relative;
    height:50px;
}
div.divOteloHeader img.imgOteloLogo {
    position:absolute;
    left:40px;
    bottom:0px;
}
/* content */
div.divContent {
    background-color:#000000;
    width:960px;
}
div.divContent5Col {
    width:880px;
    padding:40px 40px 20px 40px;
}
/* footer */
div.divFooter {
    background-color:#000000;
    width:880px;
    margin:0px 40px;
    border-top:1px solid #363636;
    height:40px;
}
/* Cheap image background illustrations */
.bgCheapQuestion {
    background:url(/images/otelo/css/bgCheapQuestion.gif) 680px bottom no-repeat;
    padding-bottom:300px;
}
/* LAYOUT END */
/* NAVIGATION */
/* NAVIGATION TOP */
ul.ulOteloNavigationTop {
    position:absolute;
    left: 196px;
    bottom: 0px;
    width: 672px;
    overflow: hidden;
}
ul.ulOteloNavigationTop li {
    float: left;
    display: inline;
    line-height: 12px;
    height: 12px;
    font-size: 12px;
    font-weight:bold;
    text-transform:uppercase;
    padding-left: 38px;
    background:url(/images/otelo/css/bgDotNavigationTop.gif) 17px 2px no-repeat;
}
ul.ulOteloNavigationTop li.liFirstItem {
    padding-left: 0px;
    background: none;
}
ul.ulOteloNavigationTop li a,
ul.ulOteloNavigationTop li a:link,
ul.ulOteloNavigationTop li a:visited {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
}
ul.ulOteloNavigationTop li a:hover {
    color:#e95d0f;
    text-decoration: none;
}
ul.ulOteloNavigationTop li a.aActive,
ul.ulOteloNavigationTop li a.aActive:link,
ul.ulOteloNavigationTop li a.aActive:visited {
    color:#e95d0f;
    font-weight: bold;
    text-decoration: none;
}
/* NAVIGATION FOOTER */
ul.ulNavigationFooter {
    width: 880px;
    overflow: hidden;
    margin:14px 0;
}
ul.ulNavigationFooter li {
    float: left;
    display: inline;
    line-height: 12px;
    height: 12px;
    font-size: 12px;
    font-weight:bold;
    padding-left: 32px;
    background:url(/images/otelo/css/bgDotNavigationFooter.gif) 14px 0px no-repeat;
}
ul.ulNavigationFooter li.liFirstItem {
    padding-left: 0px;
    background: none;
}
ul.ulNavigationFooter li a,
ul.ulNavigationFooter li a:link,
ul.ulNavigationFooter li a:visited {
    color: #878787;
    text-decoration: none;
}
ul.ulNavigationFooter li a:hover {
    color:#e95d0f;
    text-decoration: none;
}
ul.ulNavigationFooter li a.aActive,
ul.ulNavigationFooter li a.aActive:link,
ul.ulNavigationFooter li a.aActive:visited {
    color:#e95d0f;
    font-weight: bold;
    text-decoration: none;
}
/* NAVIGATION END */
/* CONTENT */
div.divContentBasic h1 {
    color:#FFFFFF;
    font-size:36px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:normal;
    padding:0 0 8px 0;
}
div.divContentBasic h2 {
    color:#e95d0f;
    font-size:18px;
    font-weight:bold;
    line-height:22px;
    padding:0 0 12px 0;
}
div.divContentBasic p {
    color:#FFFFFF;
    font-size:14px;
    line-height:17px;
    margin:0;
    padding:0 300px 17px 0;
}
div.divContentBasic div.divQuestion {
    margin:0;
    padding:0 300px 0 0;
}
div.divContentBasic div.divFreeText {
    margin:0;
    padding:0 300px 12px 0;
}
div.divContentBasic ul.ulContent,
div.divContentBasic ol.olContent {
    display:table;
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    line-height:18px;
    margin:0;
    padding:0;
    margin-left:16px;
    padding-right:300px;
}
div.divAnswer ul.ulContent,
div.divFreeText ul.ulContent,
div.divAnswer ol.olContent,
div.divFreeText ol.olContent {
    margin-top:12px;
    font-size:14px;
    line-height:16px;
    font-weight:normal;
    }
div.divFreeText ul.ulContent,
div.divFreeText ol.olContent {
    font-weight:normal;
    color:#000000;
}
div.divAnswer ul.ulContent,
div.divFreeText ul.ulContent,
div.divQuestion ul.ulContent,
dl.accordionMultiContent ul.ulContent,
div.floatLeft ul.ulContent,
div.divAnswer ol.olContent,
div.divFreeText ol.olContent,
div.divQueation ol.olContent,
dl.accordionMultiContent ol.olContent,
div.floatLeft ol.olContent,
div.divProductTeaser ul.ulContent {
    padding-right:0px;
}
div.divContentBasic ul.ulContent li {
    padding:0 0 12px 13px;
    list-style-image:url(/images/otelo/css/listDot.gif);
}
div.divContentBasic ol.olContent li {
    padding:0 0 12px 13px;
    margin-left:10px;
}
div.divContentBasic dl.accordionMultiContent ul.ulContent li,
div.divContentBasic dl.accordionMultiContent ol.olContent li {
    padding:0 0 12px 0px;
}
ol.olFootnote {
    margin: 0px 11px 11px 16px;
    padding: 7px 0px 11px 0px;
    list-style-type: decimal;
    font-size:11px;
    line-height:14px;
    color:#878787;
}
div.divFootnote,
div.divFootnote p,
span.spanFootnote {
    font-size:11px;
    line-height:14px;
    color:#878787;
    font-weight:normal;
}
div.divSeparator {
    border-bottom:1px solid #363636;
    margin: 0 0 12px 0;
    float:none;
    clear:both;
}
/* Links & Buttons */
a.aLink,
div.divProductTeaserSmall a.aLink
 {
    font-size:14px;
    line-height:22px;
}
a.aMiniLink {
    font-size:10px;
    line-height:18px;
}
a.iconDownload {
    background:url(/images/otelo/css/iconDownload.gif) left top no-repeat;
    padding-left: 30px;
}
a.aButton,
a.aButton:active,
a.aButton:focus,
a.aButton:hover,
a.aButton:link,
a.aButton:visited {
    float: right;
    display: inline-block;
    height: 37px;
    text-decoration: none;
    font-size:18px;
    color:#ffffff;
    line-height:37px;
    text-transform:uppercase;
    font-weight:bold;
    background-image: url(/images/otelo/css/bgButtonR.gif);
    background-repeat: no-repeat;
    background-position: right 0px;
}
a.aButton:hover {
    cursor: pointer;
    background-position: right -37px;
    color:#e95d0f;
}
a.aButton span,
a.aButton:active span,
a.aButton:focus span,
a.aButton:hover span,
a.aButton:link span,
a.aButton:visited span {
    display: block;
    height: 37px;
    background-image: url(/images/otelo/css/bgButtonL.gif);
    background-position: left 0px;
    background-repeat: no-repeat;
}
a.aButton:hover span {
    cursor: pointer;
    background-position: left -37px;
}
a.aButton span b,
a.aButton:active span b,
a.aButton:focus span b,
a.aButton:hover span b,
a.aButton:link span b,
a.aButton:visited span b {
    line-height: 37px;
    margin:  0px 35px 6px 35px;
}
/* Bestellen Button */
a.aButtonBestellen,
a.aButtonBestellen:active,
a.aButtonBestellen:focus,
a.aButtonBestellen:hover,
a.aButtonBestellen:link,
a.aButtonBestellen:visited {
    background: url(/images/otelo/css/bgButtonBestellen.gif) 0 0 no-repeat;
    float:none;
    width:172px;
    height:37px;
    display:block;
}
a.aButtonBestellen:hover {
    cursor: pointer;
    background-position: left -37px;
}
/* MultiAccordion add on (Klappboxen-Accordion) */
dl.accordionMultiContent {
    position: static;
    margin: 0 0 20px 0;
}
dl.accordionMultiContent  {
    position: static;
    margin: 0 0 20px 0;
}
dl.accordionMultiContent dt,
dl.accordionMultiContent dd {
    margin: 0;
    padding: 0;
}
dl.accordionMultiContent dt,
dl.accordionMultiContent dt.selected {
    padding: 0 0 0 12px;
    margin: 1px 0 1px 0px;
    cursor: pointer;
    color:#e95d0f;
    font-size:18px;
    font-weight:bold;
    line-height:42px;
    height:42px;
}
dl.accordionMultiContent dt {
    background: url(/images/otelo/css/bgAccordionArrow.gif) no-repeat;
    background-position: left top;
    font-weight:bold;
    border-bottom:1px solid #363636;
}
dl.accordionMultiContent dt:hover,
dl.accordionMultiContent dt.selected:hover {
}
dl.accordionMultiContent dt.selected {
    background-position: left -42px;
    border-bottom:0px none;
}
dl.accordionMultiContent dd {
    background-color:#e95d0f;
    padding:20px 20px 0;
    display:inline-block;
}
dl.accordionMultiContent dd,
dl.accordionMultiContent dd p {
    font-size:14px;
    line-height:19px;
    color:#000000;
}
dl.accordionMultiContent dd a,
dl.accordionMultiContent dd a:active,
dl.accordionMultiContent dd a:focus,
dl.accordionMultiContent dd a:hover,
dl.accordionMultiContent dd a:link,
dl.accordionMultiContent dd a:visited {
    color:#000000;
}
dl.accordionMultiContent dd div.divQuestion,
dl.accordionMultiContent dd div.divQuestion p {
    color:#000000;
    font-weight:bold;
}
dl.accordionMultiContent dd div.divAnswer,
dl.accordionMultiContent dd div.divAnswer * {
    color:#ffffff;
}
dl.accordionMultiContent dd div.divQuestion a,
dl.accordionMultiContent dd div.divQuestion a:active,
dl.accordionMultiContent dd div.divQuestion a:focus,
dl.accordionMultiContent dd div.divQuestion a:hover,
dl.accordionMultiContent dd div.divQuestion a:link,
dl.accordionMultiContent dd div.divQuestion a:visited {
    color:#000000;
}
dl.accordionMultiContent dd div.divAnswer a,
dl.accordionMultiContent dd div.divAnswer a:active,
dl.accordionMultiContent dd div.divAnswer a:focus,
dl.accordionMultiContent dd div.divAnswer a:hover,
dl.accordionMultiContent dd div.divAnswer a:link,
dl.accordionMultiContent dd div.divAnswer a:visited {
    color:#ffffff;
}
dl.accordionMultiContent dd ul.ulContent li {
    list-style-image:none;
}
/* FORMS */
form.formBasic input {
    height:16px;
    font-size:14px;
    padding:2px 4px;
    margin:0 5px;
}
form.formBasic select {
    height:20px;
    font-size:14px;
    margin:0 5px;
}
form.formBasic textarea {
    font-size:14px;
    margin:0 5px;
}
form.formBasic select option {
    padding:2px 4px;
}
form.formBasic input.inputSmall {
    width:77px;
}
form.formBasic input.inputMedium {
    width:230px;
}
form.formBasic input.inputBig {
    width:325px;
}
form.formBasic select.selectSmall {
    width:85px;
}
form.formBasic select.selectSmallMedium {
    width: 142px;
}
form.formBasic select.selectMedium {
    width:230px;
}
form.formBasic select.selectBig {
    width:325px;
}
form.formBasic img.imgCaptcha {
    margin:5px;
}
/* Form-Table */
table.formTable {
    width:730px;
}
table.formTable td {
    padding: 6px;
    color:#FFFFFF;
    font-size:14px;
    line-height:19px;
    text-align:left;
}
table.formTable td.label {
    width:192px;
    text-align:right;
    padding-right:30px;
}
div.errorText,
div#errorText {
    background-color:#FFFFCC;
    color:#E95D0F;
    font-size:14px;
    font-weight:bold;
    margin:0 0 20px;
    padding:10px 10px 10px 33px;
}
div.warningBlock {
    background-color:#FFFFCC;
    color:#E95D0F;
    font-size:14px;
    font-weight:bold;
    margin:0 0 20px;
    padding:10px 20px;
}
/* new Startpage */
div.divContentBasic div.divOrderButton {
     float:left;
     padding-top:20px;
     width:380px;
}
div.divContentBasic div.divProductTeaser {
     margin:25px 0 0;
     width:485px;
}
div.divContentBasic div.divProductTeaserSmall {
     border-top:1px solid #363636;
     float:left;
     height:200px;
     margin-right:40px;
     margin-top:40px;
     width:344px;
}
div.divContentBasic div.divProductTeaserSmall h2 {
     color:#FFFFFF;
     font-size:28px;
     font-weight:bold;
     line-height:normal;
     padding:20px 0;
     text-transform:uppercase;
}
div.divProductTeaserSmall ul.ulContent {
     font-size:13px;
     font-weight:bold;
     line-height:13px;
     margin:0 0 0 16px;
     padding:0 0 10px;
}
div.divContentBasic ul.ulContent li {
     padding:0 0 8px 3px;
}

/* Hotline */

.divHeaderHotline {
    position: absolute;
    width: 187px;
    height: 50px;
    left: 730px;
    top:12px;
    background: url(/images/otelo/css/100318_otelo_hotline.gif) no-repeat scroll right top;
    display:none;
}

/* Hotline END */

/* SpecialOfferTeaser */

.imgSpecialOfferTeaser {
    position: absolute; 
    top: 81px; 
    left:61px;
}

/* BILD */
.divContentBILD {
    background: url(/images/otelo/css/100315_BILD_preise_teaser.gif) no-repeat scroll right top;
    background-position: 635px 40px;
}


/* Tooltip Aktivierung*/

.toolTipContainer{
    position:absolute;
    height:20px; 
    width:20px; 
    margin: -12px 0 0 -8px;
}
.hoverStyle {
    color:#E95D0F;
    text-decoration:underline;
    padding-top:-5px;
    float:left;
    height:20px;
    width:30px;
    text-align:center;
    cursor:help;
    position:absolute;
}
.floatingNote {
    color:#fff;
    display:none;
    border:1px solid #9f9f9f;
    position:relative;
    width:250px;
    height: 90px;
    padding:6px;
    overflow:hidden;
    position:relative; 
    left:50px; 
    top:0px;
}
.floatingNoteText {
    padding:10px; 
    width:250px; 
    height:100px;
}
.floatingNoteImageOnly {
    display:none;
    border:1px solid #9f9f9f;
    position:relative;
    left:50px; 
    top:-5px;
    width:300px;
}
/* Tooltip Aktivierung END */
/* Style Cleanup Enners BEGINN */

div.divContent5Col.divContent5Col_OFF{
   width:880px;
   padding:40px 0px 20px 0px;
} 

/* Style Cleanup Enners END*/

/* END otelo.global.css */