* {margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
    background-position : 0px 0px;
    list-style-type: none;
    }
select, body, input, th, td, option{
    font-family: Verdana;
    font-size: 11px;
    color: #333;
    }
img {border: 0px solid red;}
html {height: 100%;}




body {
    line-height:135%;
    background-color: #eee;
    }

.body1 {background-color: transparent;} /*wallpaper backgroundfarbe*/

#leaderboard {
    width: 970px;
    text-align: center;
    }

#page {
    background-color:  #eee;
    margin: 7px 0px 0px 5px;
    width: 959px;
    }



/* - - - - - - - - - - - - - - - - - - - -
            H E A D E R
 - - - - - - - - - - - - - - - - - - - - */

#page_top {
    height: 135px;
    background: url(../_images/layout/header-bg.png) 0px 30px no-repeat;
    }

/* * * * * * * TOP NAVI * * * * * * */

#top-nav {
    background: url(../_images/layout/header-navleiste.gif) no-repeat;
    height: 22px;
    padding: 9px 15px 6px 15px;
    margin-bottom: 15px;
    font-size: 10px;
    }

    #top-nav, #top-nav a, #top-nav a:visited {
        color: #777777;
        }


    a#verviox-netzwerk  {
        display: block;
        width: 220px;
        margin: 0px 0px 0px 1px;
        text-align: center;
        float: right;
        }

/* * * * * * * Logo + Buttons * * * * * * */

#home {
    height:24px;
    width: 280px;
    margin: 5px 0px 0px 5px;
    padding: 36px 0px 0px 68px;
    display: block;
    float: left;
    color: #626262;
    font-size: 9px;
    background-image: url(../_images/layout/logo.png);
    }

    #home:hover {background-color: transparent;}
    #home_text {display:none;}


#headerbutton-strom, #headerbutton-gas {
    display: block;
    height: 62px;
    background: url(../_images/layout/header-buttons.png) no-repeat;
    float: right;
    }

#headerbutton-strom i, #headerbutton-gas i {
    display: none;
    }


#headerbutton-strom {
    width: 280px;
    background-position: 0px 0px ;
    }

    #headerbutton-strom:hover {
        background-position: 0px -64px ;
        }

#headerbutton-gas {
    width: 240px;
    background-position: -280px 0px ;
    margin-right: 10px;
    }

    #headerbutton-gas:hover {
        background-position: -280px -64px ;
        }



/*
        #page_top_right_info {
            float: left;
            height: 30px;
            width: 400px;
            color: #fff;
            text-align: right;
            border: 1px solid blue;
            }
            #page_top_right_info a {
                    color: #fff;
                }
                #page_top_right_info a:hover {
                    background-color: transparent;
                    color: #e1a9a9;
                    }

        #page_top_right a.nav-stromrechner,
        #page_top_right a.nav-gasrechner,
        #page_top_right a.nav-newsletter{
            float: left;
            display: block;
            margin: 0px;
            padding: 0px;
            height: 36px;
            background: url(/_images/layout/nav-gasanbieter.gif) transparent left top no-repeat;
            position: relative;
            }

            #page_top_right a:hover{background-position: left -40px ;}

            #page_top_right i{
                color:#fff;
                font-style:normal;
                padding: 17px 0px 4px 0px;
                text-align: center;
                display: block;
                display: none;
                }


        #page_top_right a.nav-stromrechner {background-image: url(/_images/layout/nav-stromanbieter.gif); width: 226px;}
        #page_top_right a.nav-gasrechner {background-image: url(/_images/layout/nav-gasanbieter.gif); width: 213px;}
        #page_top_right a.nav-newsletter {background-image: url(/_images/layout/nav-newsletter.gif); width: 110px;margin-right: 0px;}

*/





/* - - - - - - - - - - - - - - - - - - - -
            SIDEBAR / PAGE LEFT
 - - - - - - - - - - - - - - - - - - - - */

#page_middle_left {
   float: right;
   width: 236px;
   padding: 0px 5px;
   background: url(../_images/layout/page_left.gif) repeat-y;
   overflow: hidden;
   }

    #page_middle_left_top {
        height: 43px;
        width: 246px;
        margin: 0px -5px 0px;
        background-image: url(../_images/layout/page_middle_left_top.gif);
        }

    #page_middle_left_bottom {
        height: 25px;
        width: 246px;
        margin: 0px -5px;
        background-image: url(../_images/layout/page_middle_left_bottom.gif);
        }




    #volltextsuche {
        border: 1px solid #e7e7e7;
        float: left;
        background-color: transparent;
        margin: 14px 0px 0px 15px;
        padding:2px 3px;
        width:181px;
        font-size:13px;
        }

    #volltextsuche:hover {border: 1px solid #a6adba;}

    #volltextsuche_button {
        border: 0px solid red;
        background: url(../_images/layout/volltextsuche_button.gif);
        float: left;
        margin: 10px 15px 0px 0px;
        width:25px;
        height:28px;
        cursor: pointer;
        }

    #volltextsuche_button:hover {background-position: 0px -28px;}




/* - - - - - - - - - - - - - - - - - - - -
            NAVIGATION
 - - - - - - - - - - - - - - - - - - - - */

.navigation_head {
    font-weight: 100;
    padding: 8px 0px 3px 18px;
    color: #fff;
    border-top: 0px solid #ddd;
    margin: 20px 0px 0px 0px;
    background: url(../_images/layout/navi-header.gif) no-repeat left top;
    }

.navi_strom {background-position: 0px 0px;}
.navi_gas {background-position: -250px 0px; }
.navi_heizung {background-position: -500px 0px; }
.navi_xtras {background-position: -750px 0px; }



/* * * * * * * 1. Ebene * * * * * * */

ul.navigation {
    padding: 0px 12px 0px 13px;
    margin: 0px;
    }

    ul.navigation ul {
        padding: 0px;
        margin: 0px;
        }

    ul.navigation li {
        padding: 0px;
        margin: 0px;
        background: url(../_images/layout/navigation_li.gif)  left top #fefefe repeat-x ;
        border-bottom: 1px dotted #c6c6c6;
        border-top: 1px solid #fff;
        }

    ul.navigation li:hover {
        background-image: none;
        }

    ul.navigation.navi_heizung_ul>li:hover,
    ul.navigation.navi_xtras_ul>li:hover {
        background-image: none !important;
        }

        ul.navigation li a {
            display: block;
            padding: 5px 5px 5px 20px;
            margin: 0px;
            font-size: 11px;
            font-weight: normal;
            background: 6px 9px transparent no-repeat;
            color: #111;
            background-image: url(../_images/layout/navigation_li_icons.gif);
            background-repeat: no-repeat;
            }

        ul.navigation li:hover a {color: #fff; font-weight: bold;}

        ul.navigation li .more {
            background: url(../_images/layout/navigation_li_icons.gif) 0px -97px no-repeat;
            height: 15px;
            width: 5px;
            float: right;
            }

        /*
        ul.navigation.navi_strom_ul li:hover {background-color: #1c73c2;}
        ul.navigation.navi_gas_ul   li:hover {background-color: #db7f03;}
        ul.navigation.navi_heizung_ul li:hover {background-color: #7a9f15;}
        ul.navigation.navi_xtras_ul li:hover {background-color: #950b0b;}

        ul.navigation.navi_strom_ul li a {background-image: url(../_images/layout/navigation_li_a_blue.gif); }
        ul.navigation.navi_gas_ul li a   {background-image: url(../_images/layout/navigation_li_a_orange.gif); }
        ul.navigation.navi_heizung_ul li a {background-image: url(../_images/layout/navigation_li_a_green.gif); }
        ul.navigation.navi_xtras_ul li a {background-image: url(../_images/layout/navigation_li_a_red.gif); }
        */

        ul.navigation.navi_strom_ul li:hover {background-color: #1c73c2;}
        ul.navigation.navi_gas_ul   li:hover {background-color: #db7f03;}
        ul.navigation.navi_heizung_ul   li:hover {background-color: #7A9F15;}
        ul.navigation.navi_xtras_ul li:hover {background-color: #950b0b;}

        ul.navigation.navi_gas_ul li a   { background-position: 6px 9px; }
        ul.navigation.navi_strom_ul li a { background-position: 6px -16px; }
        ul.navigation.navi_heizung_ul li a { background-position: 6px -65px; }
        ul.navigation.navi_xtras_ul li a { background-position: 6px -41px; }



/* * * * * * * 2. Ebene * * * * * * */

    ul.navigation li ul {
        display: none;
        position: absolute;
        left: 200px;
        margin-top: -25px;
        width: 160px;
        padding: 2px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        }

    ul.navigation li:hover ul {
        display: block;
        }

    ul.navigation.navi_strom_ul li ul {background-color: #1c73c2}
    ul.navigation.navi_gas_ul li ul {background-color: #db7f03;}
    ul.navigation.navi_heizung_ul li ul {background-color: #7a9f15;}
    ul.navigation.navi_xtras_ul li ul {background-color: #950b0b;}

    ul.navigation ul li {
        padding: 0px;
        margin: 0px;
        border: 0px;
        background: url(../_images/layout/navigation_li_li_trenner.png) repeat-x bottom;
        }
    ul.navigation ul li:last-child {
        background: none;
        }


    ul.navigation ul li a {
        font-weight: normal;
        font-size: 11px;
        padding: 3px 6px 3px 6px;
        background-image: none !important;
        color: #fff;
        }
    ul.navigation li:hover li a  {font-weight: normal;}

    ul.navigation.navi_strom_ul li a:hover {background-color: #165c9b; }
    ul.navigation.navi_gas_ul   li a:hover {background-color: #af6602;}
    ul.navigation.navi_heizung_ul li a:hover {background-color: #627f11;}
    ul.navigation.navi_xtras_ul  li a:hover {background-color: #770909;}


                ul.navigation ul li.active a {background-color: #222; font-weight: 700; color:#fff !important;}
                ul.navigation>li.active>a { background-color: #222; font-weight: 700;color:#fff !important;}
                ul.navigation>li.active:hover>a { background-color: transparent !important; }










/* - - - - - - - - - - - - - - - - - - - -
            PAGE RIGHT
 - - - - - - - - - - - - - - - - - - - - */

#page_middle_right {
    float: right;
    width: 703px;
    padding: 0px 5px 0px;
    background: url(../_images/layout/page_right.gif) repeat-y;
    }

    #page_middle_right_top {
       height: 39px;
       overflow: hidden;
       width: 683px;
       padding: 5px 15px 0px;
       margin: 0px -5px 0px;
       background-image: url(../_images/layout/page_middle_right_top.gif);
       color: #d8e3ee;
       font-size:12px;
       }

        #page_middle_right_top span,
        #page_middle_right_top h2,
        #page_middle_right_top a {
            color: #7e9aa9;
            display: block;
            padding: 11px 15px 11px 0px;
            background: url(../_images/layout/brotkrumen-trenner.gif) no-repeat right top;
            float: left;
            font-size:11px;
            font-weight: 100;
            font-family: Verdana;
            outline: 0;
            }
        #page_middle_right_top span,
        #page_middle_right_top h2 { color: #777;}

            #page_middle_right_top a:hover {text-decoration: underline;}

    #page_middle_right_bottom {
        float: left;
        height: 25px;
        width: 713px;
        margin: 0px -5px 0px;
        background-image: url(../_images/layout/page_middle_right_bottom.gif);
        }




/* * * * * * * PAGEBOTTOM * * * * * * */

#page_bottom {
    padding: 3px 5px 5px;
    margin: 5px 5px 10px;
    background: #e3e3e3;
    color: #aaa;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }

    #page_bottom a{
        color: #888;
        }

/* footer box */
#page_bottom .box_s {
    text-align: left;
    color: #333;
    padding: 6px 10px;
    margin: 5px 0px;
    background-image: none !important;
    }

#page_bottom .abstand_r,
#page_bottom .abstand_l {
    border-color: #EEE;
    }

#page_bottom .box_s ul {
    margin-bottom: 0px;
}

#page_bottom .box_s ul li {
    margin-bottom: 2px;
    background: url("../_images/icons/arrow.gif") no-repeat 0px 6px;
    }

#page_bottom .box_s a {
    color: #0A70C2;
    }




.copyright {
    padding: 0px 10px 10px;
    color: #aaa;
    text-align: center;
    color: #aaa;
    font-family: arial;
    font-size: 10px;
    line-height: 11px;
    }
    .copyright a{
        color: #777;
        }


/* * * * * * * RIGHTSIDE * * * * * * */

#right_side {
    position: absolute;
    top: 0px;
    left: 965px;
    z-index: 20 !important;
    }


#skyscraper {
    padding: 85px 0px 10px;
    float: left;
    }