body, html
{
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-size: 0.9em;
    font-family: Arial;
}

#header
{
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 23;
    background-image: url(images/design/header.jpg);
    background-repeat: no-repeat;
    background-position: 230px;
    width: 100%;
    background-color: #32547A;
    display: block;
    border-bottom: 2px #CCCCCC solid;
    color: #FFFFFF;
    font-size: 28px;
    height: 110px;
    padding-top: 10px;
    font-weight: bold;
    font-family: Verdana;
    font-style: italic;
}

#header span
{
    font-size: 16px;
}

#header img
{
    display: block;
}

#navigation
{
    position: fixed;
    border-right: 1px #CCCCCC solid;
    width: 229px;
    height: 100%;
    padding: 0px;
    margin: 0px;
    z-index: 30;
    float: left;
    background-color: #EBEBEB;
    overflow: auto;
    text-align: center;
}

/* Navigationsliste */
#navigation ul
{
    list-style: none;
    margin: 0px auto;
    padding: 0px;
    margin-top: 17px;
    width: 211px;
    text-align: left;
}

/* Punkte in der Navigationsliste */
#navigation ul li
{
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #D8D8D8;
}

/* Sub-Navigationsliste */
#navigation ul li ul
{
    padding: 0px;
    margin: 0px;
}

/* Link in der Sub-Navigationsliste */
#navigation ul li ul li a
{
    color: #FFFFFF;
    padding: 4px 7px 6px 15px;
    margin: 0px;
    display: block;
    background-color: #4ABF0B;
    font-size: 100%;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    width: 189px;
}

#navigation ul a
{
    width: 197px;
    color: #FFFFFF;
    padding: 6px 7px;
    margin: 0px;
    display: block;
    background-color: #3B9809;
    font-size: 100%;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
}

#navigation img
{
    border: none;
    display: block;
}

#navigation ul a:hover
{
    background-color: #4DD34D;
    overflow: visible;
}

#navigation ul a.selected
{
    background-color: #4DD34D;
    color: #222222;
}

#navigation a
{
    background-color: transparent;
    display: inline;
    border: none;
    padding: 0px;
}


h2
{
    font-size: 100%;
    color: #333333;
    padding: 0px;
    margin: 14px 0px 8px 0px;
}

strong
{
    font-weight: bold;
    color: #111111;
}
#content div
{
    padding: 20px;
    margin: 0px;
}
#content
{
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    padding-left: 230px;
    padding-top: 110px;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}                                             

#tarifrechner
{
    padding: 0px !important;
}

#content p
{
    padding: 0px;
    margin: 0px;
    font-family: Arial;
    font-size: 100%;
    padding: 4px 0px;
}


#content h1
{
    font-size: 120%;
    color: #3B9809;
    margin: 0px;
    padding: 20px 0px 5px 0px;
    width: 100%;
}

#content li
{
    margin: 6px 0px;  
}
#content ul
{
    list-style-type: square;
}
#content ol
{
    list-style-type: decimal;
    padding-left: 8px;
}
#content a
{
    color: #00A400;
    text-decoration: none;
    font-family: Arial;
}
#content img
{
    padding: 7px;
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-right-width: 2px;
    border-bottom-width: 2px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    float: left;
    display: inline;
    margin-right: 10px;
}
#content a:hover
{
    color: #373737;
}

#content table
{
    border: 2px solid #DDD;
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0px;
}

#content td
{
    border: 2px solid #DDD;
    border-bottom-width: 1px;    
    padding: 0px;
    background-color: #F1F1F1;
}

#content th
{
    border: 2px solid #DDD;
    border-bottom: 2px solid #DDD;
    background-color: #EBEBEB;
    padding: 4px;
}

#content tr.zusaetzlich td
{
    border-width: 1px 2px;
    background-color: #F8F8F8;
}
#content tr.zusaetzlich th {
    border-width: 1px 2px;
    font-weight: normal;
    font-style: italic;
    text-align: left;
    background-color: #F8F8F8;
}

#content td p
{
    font-size: 95%;
    font-style: italic;
    font-weight: normal;
}

#content table a
{
    text-decoration: none;
}

#content table img
{
    border: none;
    padding: 0px;
}

#content table a:hover
{
    background-color: #F8FFF8;
    color: #353535;
}

#content td
{
    padding: 4px 8px;
}

#logos {
    background-color: lightgreen;
    border: 1px solid #CCCCCC;
    width: 209px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#logos a {
    display: block;
    width: 100%;
    background-color: white;
    border-top: 2px solid #CCCCCC;
    margin: 0px;
    padding: 7px 0px;
}

#logos a:hover
{
        -moz-opacity: 0.75;
	-webkit-opacity: 0.75;
	opacity: 0.75;
	filter: Alpha(opacity=75);
}

#logos img
{
    display: block;
    margin: 0px auto;
    background-color: #FFFFFF;
    background-color: white;
}

#navigation h2 {
    font-size: 11px;    
    width: 100%;
    margin: 0 auto;
    padding: 4px 0px;
    background-color: #DADADA;
    color: black;
    font-weight: bold;
}

p.printversion {
    margin-top: 20px !important;
    font-size: 12px;
    font-style: italic;
    color: #CCCCCC !important;
}


#anbieter td:first-line
{
    font-weight: bold;
}

#anbieter td
{
    width: 33%;
}

#anbieter td strong
{
    margin-top: 12px;
    font-weight: bold;
    display: block;
}

#organigramm
{
    width: 470px;
    position: relative;
    padding: 0px;
    display: block;
    height: 280px;
    margin: 40px auto !important;
    margin-bottom: 0px;
}

#organigramm a, #organigramm p
{
    float: left; display: block;
    background-color: #EFEFEF;
    width: 138px;
    padding: 5px;
    text-align: center;
    height: 100%;
    margin: 0px;
    border: 1px solid #ADADAD;
}

#organigramm div
{
    padding: 0px;
    margin: 0px;
}

#organigramm div.center
{
    border: 2px solid #CCCCCC; position: absolute; top: 30px; height:200px; left: 75px; right: 75px;
    background-image: url(images/logos/energievision.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px;
}

#organigramm a
{
    text-decoration: none;
    font-weight: bold;
    padding: 15px 5px;
}

#organigramm a:hover
{
    background-color: #F3F3F3;
    color: #383838;
}

#organigramm p:first-line
{
    font-weight: bold;
}

* html #navigation {
    position: absolute;
}


* html #header {
    position: absolute;
    margin-left: -16px;
    background-position: 246px;
}

* html #content {
    position: absolute;
    height: 100%;
    overflow: auto;
    margin-left: -16px;
    padding: 0px;
}

* html #content div {
    padding: 130px 20px 20px 270px;
}