@charset "utf-8";
/* CSS Document */



/*********************/

/**** Allgemeines ****/

/*********************/



body {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        padding:0px;
        margin:0px;
        width:100%;
        background-color:#222426;
}
h1 {
        font-size:2em;
        color:#222426;
        font-family:times;
}
h2 {
        font-size:1.7em;
        color:#222;
}
h3 {
        font-size:1em;
        color:#fff;
        font-family: Arial;
        font-weight: bold;
        padding-bottom:0px;
        text-align:left;
        line-height:1.1;
        background-color:#222426;
        width:94%;
}
h4 {
        font-size:1em;
        color:#ff9600;
        padding-top:0px;
        text-align:left;
        line-height:1.1;
        background-color:#222426;
        width:94%;
}
h5 {
        font-size:1.2em;
        color:#ff9600;
        line-height:0em;
}
h6 {
        font-size:1em;
        color:#66cc00;
        line-height:0em;
}
a:link {
        color:#66cc00;
        text-decoration:underline;
}
a:visited {
        color:#66cc00;
        font-weight:bold;
        text-decoration:none;
}
a:hover {
        color:#80ff00;
        text-decoration:none;
}
ul {
        background:#eaf9cf;
        width:100%;
}
p {
 margin 0.5em 0em;
}
a img {
        border:none;
        border-color:#bbb;
}
/*********************/

/******* Divs ********/

/*********************/



#pageContainer {
        border: solid 1px #000;
        border-width:0px 0px;
        margin:0px;
        min-width:75em;
        max-width:90em;
        width:90%;
}
* html #pageContainer {
        /* \*/

        word-wrap: break-word; /* verhindert float-Probleme beim IE/Win */
}
#header {
        color:#FFF;
        margin:0px;
        height:10em;
        border-right:0em solid;
        border-color:#222426;
        background-color:#222426;
}
#flashbanner {
        float: right;
}
#quadrat {
        width:4em;
        height:2.8em;
        float:left;
        padding:0px;
        margin:0px;
        background-color:#FFF;
}
#logo {
        text-align:left;
        height:64px;
        width:281px;
        position:absolute;
        top:3em;
        left:6.2em;
        background-image:url(../images/logo.png);
        background-repeat:no-repeat;
        z-index:10;
}
#banner {
        height:10em;
        position:relative;
        background-image:url(../images/flashbanner.png);
        background-position:right top;
        background-repeat:no-repeat;
        z-index:0;
}
#outerContainer {
        border-left:17em solid #222426;
        border-right:18.5em solid #222426;
        background-color:#fff;
        min-height:68em;
}
#innerContainer {
        border:solid 0px #222426;
        border-width:0px;
        background: #FFF;
        margin:0px -1px;
        width:100%;
        z-index:10;
}
#middle h2, #middle p {
        padding:0em 0.5em;
}
#left, #middle, #right, #SOWrap {
        overflow:visible;
        position:relative;
}
#SOWrap {
        float:left;
        margin:0px -1px 0px 0px;
        width:100%;
        z-index:30;
}
#middle {
        float: right;
        margin:0px 0px 0px -1px;
        width:100%;
        z-index:0;
        background-color:#FFF;
}
#content {
        margin:1.5em 2em;
        margin-right:1.5em;
        background-color:#FFF;
        width:90%;
}
body.publicViewing #content table.contentpaneopen, body.jobs #content table.contentpaneopen {
        width:100%;
        table-layout:fixed;
}
body.publicViewing #content table.contentpaneopen *, body.jobs #content table.contentpaneopen * {
        overflow-x:auto;
}
#left {
        float:left;
        margin:1em 0em 0em -17em;
        width:17em;
        min-height:75em;
        color:#FFF;
        background-color:#222426;
        z-index:50;
}
.naviElement {
        margin-top:3em;
        margin:0em;
}
table.blog{
         width:100%;
         }
.contentpaneopen{
         width:100%;
         }
.naviText {
        color:#FFF;
        text-align:left;
        padding:0em 0.5em;
        margin:0em;
        margin-bottom:1.5em;
}
#right {
        float:right;
        width:10em;
        margin:0px -20em 0px 1px;
        z-index:50;
}
#weather, #events, #facebook {
        position:relative;
        float:left;
}
#weather {
        color:#FFF;
        background-image:url(../images/wetter_bg.png);
        top:-2em;
        left:-9.95em;
        width:20em;
        height:6em;
        z-index:100;
        display:block;
        overflow:hidden;
}
#weather * {
        padding:0em;
        margin:0em;
}
#weatherImage {
        float:left;
        width:5em;
        height:6em;
        text-align:center;
        padding:0.3em;
        padding-top:0.55em;
}
#weatherContent {
        float:left;
        width:12em;
        height:5em;
}
#weatherContent * {
        padding:0em;
        margin:0em;
}
#weatherInfo {
        height:2em;
        font:Arial, sans-serif;
}
#weatherLocation {
        font-size:1.2em;
        color:#000;
        width:95px;
        height:1em;
        background-image:url(../images/heidelberg.png);
        background-repeat:no-repeat;
        position:absolute;
        top:0.5em;
        left:5em;
}
#weatherDate {
        font-size:1.2em;
        font-weight:bold;
        width:2em;
        padding:0em;
        margin:0em;
        position:absolute;
        top:0.25em;
        left:12.5em;
}
#weatherTemperature {
        width:3.5em;
        height:3em;
        padding-top:0.9em;
        text-align:center;
        font-weight:bold;
        font-size:1.3em;
        background-image:url(../images/temp_bg.png);
        background-repeat:no-repeat;
        background-position:0.5em 0.4em;
        color:#222426;
        position:absolute;
        top:1.5em;
        left:4.2em;
}
#weatherText {
        padding-top:0.25em;
        overflow:hidden;
        width:9em;
        height:4em;
        text-align:center;
        position:absolute;
        top:1.8em;
        left:10em;
}
#events {
        top:-2em;
        left:-9.95em;
        width:18em;
        height:45em;
        background-image:url(../images/shaddow_r.png);
        background-color:#EEE;
        background-repeat:repeat-y;
        z-index:90;
        overflow:visible;
        overflow-y:scroll;
}
#events * {
        padding-left:1em;
        padding-right:0.5em;
}
#events hr {
        margin:0em 1em;
}
.eventElement {
        margin-bottom:1em;
        margin-left:-1em;
}
.eventHeader {
        margin-bottom:0em;
}
#eventMainHeader {
        color:#222426;
        font-size:1.7em;
        text-align:left;
        margin-top:0em;
        margin-bottom:-0.5em;
        margin-left:-0.55em;
}
.eventDate {
        margin-bottom:0.5em;
        margin-top:0em;
}
.eventText {
        margin-left:1.3em;
        margin-top:0em;
        margin-bottom:1.5em;
}
#facebook {
        color:#000;
        background-color:#222426;
        top:0em;
        left:-8em;
        width:10em;
        height:23.93em;
        z-index:110;
        display:block;
        overflow:hidden;
        padding:0em;
        margin:0em;
}
#footer {
        margin:0em 18.7em 0em 17em;
        padding:0.5em 0em 0.5em 0em;
        min-height:5em;
        color:#999;
        background-color:#222426;
}
#footer-table {
        width:100%;
        height:5em;
        border:0px solid #555555;
        padding:0px;
        margin:0px;
        spacing:0px;
}
#footer-table tr {
        vertical-align:top;
}
#anschrift {
        color:#DDD;
        width:125px;
}
#footernavi {
        width:100px;
}
#cell-impressum {
        text-align:right;
        width:65px;
}
#trenner {
        width:20px;
}
.links a:link {
        color:#999;
        text-decoration:none;
}
.links a:visited {
        color:#999;
        text-decoration:none;
}
.links a:hover {
        color:#DDD;
        text-decoration:underline;
}
.links a:focus {
        color:#FFF;
        text-decoration:underline;
}
.sitemapElement {
        float:left;
        width:20%;
}
.clearfix:after {
        content:".";
        display:block;
        height:0px;
        clear:both;
        visibility:hidden;
}
.clearfix {
        zoom:1;
}
.contentheading {
        font-family: Arial;
        font-size:1em;
        color:#999;
        text-align:left;
        padding:0em;
}
.small, .createdate, .modifydate {
        font-family: Curier, Arial, sans-serif;
        font-size:1em;
        color:#AAA;
}
.componentheading {
        color:#fff;
        font-size:0.002em;
}
#partner img {
        padding:0.5em 1.5em;
}