html, body { height:100%; }

/* Allgemeine Definitionen */
body {
    padding:0;
    margin:0;
    text-align:left;
    min-width:780px;
    background-color:#FFFFFF;
    font-size:11px;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
    overflow-x:hidden;
    overflow:-moz-scrollbars-vertical;
}

.startseite {
        background-image: url(../upload/commonPic/wappen_essen.gif);
        background-repeat: no-repeat;
        background-position: 40px 10px;
}

td {
    font-size:11px;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(62,77,116);
    margin-bottom:8px;
}

h1 {
    padding-left:2px;
    font-weight:bold;
    font-size:13px;
    color:rgb(221,26,105);
    margin:0;
}

.input {
    font-size:11px;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
    width:240px;
    margin-bottom:8px;
    border-top:1px solid #999999;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    border-left:1px solid #999999;
}

.label {
    font-size:11px;
    font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
    color:rgb(0,0,0);
}

hr {
    color:rgb(210,210,210);
    background-color:rgb(210,210,210);
    height: 1px;
    border: 0; }

a { font-size:11px; color:rgb(190,190,190); text-decoration:none; }
a:hover { text-decoration:underline; }

strong, b {color: rgb(96,92,93); font-weight: bold;}

.hidden {
    display:none;
}
/* ================================= */

#outer{
    width:965px;
    color:#000000;
    text-align:left;
    position:relative;
}
 
html>body #outer{ height:auto; } 

/* ================================= */
/* Header */
#header{
    width:965px;
    height:145px;
    color:#000000;
    z-index:100;
}

#headerPics {
    position: absolute;
    left: 8px;
    top: 11px;
    width: 350px;
    height: 70px;
    overflow: hidden;
    color: #FFFFFF;
}

#headerString {
    position: absolute;
    left: 10px;
    top: 91px;
    font-size: 11px;
    font-weight: bold;
    color: rgb(96,92,93);
    letter-spacing: 1px;
}

#logo {
    position: absolute;
    top: 5px;
    right: 10px;
    width:316px;
    height:99;
}

#headNaviBG {
    position: absolute;
    top: 116px;
    width: 965px;
    height: 20px;
    background-color: rgb(96,92,93);
}

#headNavi {
    position: absolute;
    left: 210px;
    top: 116px;
    width: 755px;
    height: 20px;
    color: #FFFFFF;
}

#headNavi ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

#headNavi li {
    display: block;
    float: left;
    position: relative;
    top : 1px;
    height: 18px;
    margin: 0px 0px 0px 5px;
    padding: 0px 25px 0px 5px;
    font-weight: bold;
    line-height: 16px;
    font-size: 13px;
}

#headNavi li a {
    color: #FFFFFF;
}
#headNavi li strong, #headNavi li a em {
    color: #FFFFFF;
    font-style:normal;
}
#headNavi li a em {
        color: rgb(240,240,240);
}
#headNavi li a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
div.kopfBilder {
width: 100px;
height: 70px;
border: 0;
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
overflow: hidden;
}
div.kopfBilder a {
border: 0;
}
/* ================================= */

/* ================================= */
/* Definition des inneren Contentbereiches */
#innerwrap {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    float:left;
    background-image:url(../upload/commonPic/contentBG.gif);
    background-repeat:repeat-y;
    background-position:0px 0px;
    width:965px;
}
/* ================================= */

/* ================================= */
/* Linke Spalte mit seitliche Navigation */
#left {
    position:relative;
    width:200px;
    float:left;
    background-color: rgb(240,240,240);
}

#left p {
    padding-left:3px;
    padding-right:2px;
}

#left a {
    color: rgb(96,92,93);
    font-size: 12px;
    text-decoration:none;
}
#left a:hover {
    color: rgb(107,100,102);;
    text-decoration:underline;
}
#left ul {
    list-style: none;
    padding: 10px 0px 10px 10px;
    margin: 0;
}
#left ul li {
    padding: 4px 0px 14px 0px;
}

#left ul ul {
    padding: 0px 0px 0px 10px;
}
#left ul ul li {
    padding: 4px 0px 4px 0px;
}
#left li strong, #left li em {
    color:rgb(107,100,102);
    font-style:normal;
    font-weight: bold;
}

#navipath {
    padding: 0px 10px 0px 10px;
    background-color: rgb(249,200,219);
    color: rgb(107,100,102);
    width: <?php isIE(200,180)?>px;
    height: 30px;
    font-weight: bold;
    line-height: 30px;
    font-size: 12px;
}
#bottomNavi {
    clear: both;
    bottom: 0px;
    width: <?php isIE(200,180)?>px;
    height: 20px;
    padding: 0px 10px 0px 10px;
    margin: 0px 0xp 0px 0px;
    background-color:rgb(96,92,93);
}
#bottomNavi ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

#bottomNavi li {
    display: block;
    float: left;
    position: relative;
    top : 1px;
    height: 20px;
    margin: 0px 5px 0px 0px;
    padding: 0px 25px 0px 0px;
    font-weight: bold;
    line-height: 16px;
    font-size: 13px;
}

#bottomNavi li a {
    color: #FFFFFF;
}
#bottomNavi li strong, #headNavi li em {
    color: rgb(221,26,105);
    font-style:normal;
}
#bottomNavi li a:hover {
    color: rgb(221,26,105);
    text-decoration: none;
}
/* ================================= */

/* ================================= */
/* Webmail Box */
#webmailbox {
    background-color:#DFE0E5;
    border-top:1px solid #aeaeae;
    margin: 0;
        padding: 0 0 0 10px;
        height: 28px;*/
        font-size: 11px;
        line-height: 27px;
        vertical-align: middle;
        color: #9d9ea2;
        padding-top: <?php isIE(6,0)?>px;
        /*<h2><a href="http://webmail.hottis.de/rc/" target="_blank">*/
}
#webmailbox a {
        color:#9d9ea2;
        font-size: 11px;
}
/* ================================= */
/* Sucheingabe */
#searchbox {
    background-color:#DFE0E5;
    border-top:1px solid #aeaeae;
    border-bottom:1px solid #aeaeae;
    /*padding: 2px 0 0 0;
    margin: 0;*/
        height: 28px;
        font-size: 11px;
}
#searchbox a {
    font-size: 11px;
}
.label_searchbox {
    vertical-align:middle;
    color:#9d9ea2;
    position:relative;
    padding-left:10px;
    /*left:-65px;*/
}
.input_searchbox {
    width:65px;
    vertical-align:middle;
    font-size:11px;
    color: rgb(62,77,116);
}
/* ================================= */

div,p  { margin-top:0; }

/* ================================= */
/* Inhaltselemente */
#centrecontent {
    position: relative;
    width:555px;
    margin: 30px 0px 0px 220px;
    padding: 0 0 0 0;
    border-top: 1px solid rgb(96,92,93);
    color:rgb(62,77,116);
}

#centrecontent p { color:rgb(62,77,116); line-height: 1.6em; margin-left: 0px; padding-right: 20px;}
#centrecontent img {margin: 5px 5px 5px 5px; }
/*#centrecontent img {margin: 5px 5px 5px -170px; padding: 5px 5px 5px 5px;
    border: 1px solid rgb(210,210,210); float:left;
    max-width: 150px; width: expression(this.width > 150 ? 150: true);
    }*/
/*#centrecontent a img {margin: 0px 0px 0px 0px;}*/
#centrecontent td img {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: none; border: 0;}
#centrecontent h1 {
    color: rgb(221,26,105);
    margin: 22px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 2em;
    line-height: 1.6em;
}
#centrecontent h2 {
    margin: 22px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1.8em;
    line-height: 1.4em;
}

#centrecontent li {
    line-height: 1.6em;
}

#centrecontent a {color: rgb(221,26,105); font-weight: bold;}
#centrecontent a:hover {color: rgb(221,26,105); text-decoration: underline;}
#centrecontent fieldset {border: 0;}
#centrecontent hr {width: 500px;}
/* ================================= */

/* ================================= */
/* Teasers (rechte Spalte) */
#teasers {
    position:relative;
    float: right;
    margin-right: 0px;
    width:170px;
    color:rgb(62,77,116);
    background-color: rgb(240,240,240);
    text-align: center;
}
#teaserHead {
    padding: 0px 0px 0px 0px;
    background-color: rgb(249,200,219);
    color: #FFFFFF;
    width: 170px;
    height: 30px;
    font-weight: bold;
    line-height: 25px;
    font-size: 16px;
}
#teasers div.teaserLogos {
    width: 170px;
    margin-bottom: 10px;
    text-align: center;
}
#teasers hr {
    color:rgb(96,92,93);
    background-color:rgb(96,92,93);
    width: 150px;
    height: 1px;
    border: 0;
}
#teaserText {
    margin: 10px 10px 10px 10px;
    text-align: left;
}
#teaserText p {
    padding: 0px 0px 5px 0px;
}
/* ================================= */

/* ================================= */
/* NewsTeaser (News auf der Startseite) */
#newsTeaser {
    padding-top: 10px;
    padding-bottom: 10px;
}
#newsTeaerArtikellink {margin-left: 170px;}
#newsTeaser p { color:rgb(62,77,116); line-height: 1.6em; margin-left: 170px;}
#newsTeaser img {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#newsTeaser h1{
    color:rgb(62,77,116);
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 0px 0px 10px 170px;
    padding: 0px 0px 0px 0px;
}
#newsTeaserPicLeft, #newsTeaserPicRight {
    padding: 5px 5px 5px 5px;
    border: 1px solid rgb(210,210,210);
}
#newsTeaserPicLeft {
    float: left;
    margin: 0px 5px 5px 0px;
}
#newsTeaserPicRight {
    float: right;
    margin: 0px 0px 5px 5px;
}
#newsTeaserPicLeft img, #newsTeaserPicRight img {
    border: 0;
}
/* ================================= */

/* ================================= */
/* Fuß der Seite */
#footer {
    position:relative;
    top: 0px;
    width:965px;
    height:31px;
    clear:both;
    background-image:url(../upload/commonPic/footerBG.gif);
    background-repeat:repeat-x;
    z-index: 100;
}
/* ================================= */

/* ================================= */
/* Sitemap */
a.sitemap_level1 {
    display:block;
    border-bottom:1px solid #b4a8b4;
    color:rgb(217,104,28);
    font-weight:normal;
    padding-bottom:.4em;
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:right;
}

a.sitemap_level2 {
    color:rgb(62,77,116);
    background:url("../images/navi_pfeil_rechts.gif") no-repeat;
    background-position:170px 4px;
    display:block;
}

a.sitemap_level3 {
    color:rgb(190,190,190);
}

.sitemap_level2_container {
    float:left;
    width:50%;
    padding-top:.3em;
}

.sitemap_level3_container {
    float:right;
    width:50%;
    padding-top:.3em;
}
/* ================================= */

.gallery {
margin: 10px 0px 10px 0px;
}