﻿        /*
        ------------------------------
        BASE PARTS
        ------------------------------
        */
        body {
            background-color: #616161;
            margin: 3px;
            font-family: Tahoma,Helvetica,Sans-Serif;
            font-size: 14px;
        }
        div.pageContainer {
            width: 770px;
            background-color: white;
            border: 3px solid white;
        }
        
        img {
			border:0px;
        }
        A {
            color: #000000;
            text-decoration: none;
        }
        A:hover {
            color: #FE0602;
            text-decoration: underline;
        }        /*
        ------------------------------
        LOGO HEADER
        ------------------------------
        */
        div.logoHeader {
            position: relative;
            overflow: hidden;
            width: 269px;
            height: 68px;
            background-color: #616161;
            padding: 9px;
        }
        /*
        ------------------------------
        HUGGER DIREKT
        ------------------------------
        */
        div.huggerDirekt {
            position: absolute;
            top: 6px;
            left: 293px;
            width: 462px;
            height: 68px;
            background-color: #2CA774;
            background-image:url(/_Media/direkt_bg.png);
            padding: 9px;
            border-left: 3px solid white;
        }
        /*
        ------------------------------
        SHOW MUST GO ON
        ------------------------------
        */
        div.showContainer {
            background-color: #E1E1E1;
            width: 287px;
            height: 270px;
            border-top: 3px solid white;
            border-bottom: 3px solid white;
        }
        /*
        ------------------------------
        MEDIA PANEL
        ------------------------------
        */
        div.mediaPanel {
            position: absolute;
            left: 293px;
            top: 95px;
            width: 480px;
            height: 270px;
            background-color: black;
            border: 3px solid white;
            border-top: 0;
	    overflow:hidden;
        }
        /*
        ------------------------------
        NAVIGATION
        ------------------------------
        */
        div.navigationFirstRow {
            height: 22px;
        }
        div.navigationSecondRow {
            height: 25px;
        }
        div.navigationThirdRow {
            height: 28px;
        }
        div.stepOne {
            float: left;
            width: 287px;
        }
        div.stepTwo {
            float: left;
            margin-left: 3px;
            width: 239px;
        }
        div.stepThree {
            float: left;
            margin-left: 3px;
            width: 238px;
        }
        a.menuitem {
            display: block;
            font-size: 13px;
            font-weight: bold;
            color: white;
            padding: 3px;
            heigh: 16px;
            text-decoration: none;
            background-color: #616161;
            float: left;
        }
        a:hover.menuitem {
            color: white;
            text-align: right;
            background-color: #FE0602;
            text-decoration: none;
            cursor: pointer;
        }
        a.menuitemActive {
            display: block;
            font-size: 13px;
            font-weight: bold;
            color: white;
            padding: 3px;
            heigh: 16px;
            text-decoration: none;
            text-align: right;
            background-color: #FE0602;
            float: left;
        }
        a:hover.menuitemActive {
            text-align: left;
            color: white;
            background-color: #A5A5A5;
            text-decoration: none;
            cursor: pointer;
        }
        div.disabled {
            margin-top: 3px;
            background-color: #A5A5A5;
            height: 22px;
        }
        /*
        ------------------------------
        CONTENT AREA
        ------------------------------
        */
        div.contentArea {
            height: 800px;
            margin-left: 287px;
            padding-left: 20px;
            padding-right: 20px;
        }
        div.contentPoint {
            width: 25px;
            float: left;
            margin-right: 10px;
            padding-top: 20px;
        }
        div.contentHeading {
            font-size: 16px;
            padding-top: 22px;
            font-weight: bold;
        }
        /*
        ------------------------------
        INFO PANEL
        ------------------------------
        */
        div.infoPanel
        {
            width: 287px;
            float: left;
            height: 800px;
        }
        /*
        ------------------------------
        WE ARE!
        ------------------------------
        */
        div.weAreContainer {
            height: 150px;
            margin-bottom: 3px;
            background-color: #2CA774;
        }
        /*
        ------------------------------
        ANY QUESTIONS?
        ------------------------------
        */
        div.questionContainer {
            height: 25px;
        }
        div.questionIcon {
            float: left;
            background-color: #FE0602;
            height: 22px;
            width: 25px;
        }
        div.question {
            float: left;
            width: 256px;
            height: 16px;
            font-size: 13px;
            font-weight: bold;
            color: white;
            background-color: #A5A5A5;
            margin-bottom: 3px;
            padding: 3px;
        }
        /*
        ------------------------------
        QUESTIONS CONTACT
        ------------------------------
        */
        div.questionContactContainer {
            width: 261px;
            height: 115px;
            padding: 10px;
            border: 3px solid #A5A5A5;
            margin-bottom: 3px;
        }
        div.questionContactImage {
            float: left;
            margin-right: 10px;
        }
        span.questionContactExpert {
            font-size: 10px;
        }
        div.questionContactPhone {
            font-size: 10px;
            margin-top: 10px;
            font-weight: bold;
        }
        div.questionContactMail {
            font-size: 10px;
            margin-top: 10px;
        }
        a.questionContact {
            color: #000000;
            text-decoration: none;
        }
        a:hover.questionContact {
            color: #FE0602;
            text-decoration: underline;
        }
        /*
        ------------------------------
        FAQ
        ------------------------------
        */
        div.faqContainer {
            padding: 20px;
            font-size: 11px;
        }
        p.faqOpener {
            font-size: 13px;
            font-weight: bold;
        }
        /*
        ------------------------------
        FOOTER
        ------------------------------
        */
        div.footerBar {
            width: 100%;
            height: 25px; 
        }
        div.footerImprintContainer {
            width: 287px;
            float: left;
            height: 25px;
        }
        a.footerImprint {
            display: block;
            width: 281px;
            heigh: 16px;
            font-size: 13px;
            font-weight: bold;
            color: white;
            background-color: #2CA774;
            padding: 3px;
            margin-top: 3px;
            text-decoration:none;
        }
        a:hover.footerImprint {
            margin-top: 3px;
            text-align: right;
            color: white;
            background-color: #FE0602;
        }
        div.footerCopyContainer {
            float: left;
            width: 474px;
            height: 16px;
            font-size: 13px;
            font-weight: bold;
            color: white;
            background-color: #2CA774;
            margin-left: 3px;
            margin-top: 3px; 
            padding: 3px;
        }
        /*
        ------------------------------
        CONTACT
        ------------------------------
        */
        div.contactHolder {
            border: 1px solid #A5A5A5;
            height: 115px;
            padding: 10px;
            margin-top: 10px;
        }