body {
background:url(../upload/images/hintergrund.jpg);
font-family:Tahoma,Arial,SansSerif;
text-align: center;  /* Zentrierung im Internet Explorer */
margin:0;
padding:0;
font-size:95%;
}

/* min-width Definition für alle Browser, die das verstehen */
.width {width:100%; min-width:980px;text-align:left;}

/* min-width für IE6 */
* html .minwidth {border-left:980px solid #eeeeee; position:relative; float:left; z-index:1;}
* html .wrapper {margin-left:-980px; position:relative; float:left; z-index:2; text-align:left;}

/**************************************************/
/* Definition der 3 Container für das Grundgerüst */
/**************************************************/

#leftcol, #rightcol {
width:2%;
background-color:transparent;
}

#centercol {
background:transparent;
width:94%;
}

#leftcol {
background:url(../upload/images/hintergrund.jpg);
float:left;
}

#rightcol {
background:url(../upload/images/hintergrund.jpg);
float:left;
}

#centercol {
background:url(../upload/images/white.jpg);
float:left;
}

/************************************/
/* weiterer Aufbau linker Container */
/************************************/

.header { /*wird in allen Containern verwendet */
background:url(../upload/images/hintergrund.jpg);
width:100%;
clear:both;
height:2em;
}

.header2 { /*wird in linkem und rechtem Container verwendet */
width:1%;
clear:both;
height:117px;
background-color:#cccccc;
padding:0;
margin:0;
}

/*************************************/
/* weiterer Aufbau rechter Container */
/*************************************/


/***************************************/
/* weiterer Aufbau zentraler Container */
/***************************************/

#hospiz {
width:90%;
height:2em;
background:url(../upload/images/hintergrund.jpg);
letter-spacing:0.1em;
}

#hospiz h1 {
font-family:Tahoma,Arial,SansSerif;
font-weight:100;
font-size:120%;
line-height:0.9em;
margin:0;
padding:15px 0 5px 0;
}

#hospiz p {
font-family:Tahoma,Arial,SansSerif;
font-weight:100;
font-size:80%;
line-height:1.1em;
margin:0;
padding:10px 0 0 10px;
}

#navigation {
float:left;
width:20%;
margin:0;
padding:0;
background:white;
}

#logo {
background-color:#ffcc66;
background-image:url(../upload/images/hospiz-logo.jpg);
background-position:right;
background-repeat:no-repeat;
height:117px;
margin:0;
padding:0;
}

#menu {
width:100%;
margin:0;
padding:0;
}

#page {
float:left;
width:80%;
background-image:url(../upload/images/balken1.gif);
background-repeat:repeat-y;
padding:0 0 40px 0;
min-height: 780px;
height: auto !important;
height: 780px;
    }

div#page div.header2 {
background-image:url(../upload/images/balken1.gif);
background-repeat:repeat-y;
width:100%;
}

#contents {
padding:0;
margin:0;
}

#contentsframe {
    width:90%;
    margin:20px 0 0 60px;
    padding:0;
    }
    
#contentsframe img {
padding:0;
}
    
/* html #contentsframe {
    margin:130px 30px 0 60px;
    }
*/    
#themeimage {
background-color:#cccccc;
position:absolute;
top:2em;
right:-20px;
}

.wrap1, .wrap2, .wrap3 {
display:inline-table;
/*\*/display:block;/**/
}

.wrap1 {
float:left;
background:url(../upload/images/shadow.gif) right bottom no-repeat;
background-color:#cccccc;
}
.wrap2 {
background:url(../upload/images/corner_bl.gif) left bottom no-repeat;
}
.wrap3 {
padding:0 8px 8px 0;
background:url(../upload/images/corner_tr.gif) right top no-repeat;
}

/****************************/
/* Formatierung der Inhalte */
/****************************/

a {
text-decoration:none;
color:#666666;
}

a:hover {
text-decoration:underline;
}

.header2 h1 {
font-family:Tahoma,Arial,SansSerif;
font-weight:200;
font-size:160%;
line-height:0.9em;
margin:0;
padding:20px 0 0 60px;
color:#cc6600;
text-transform:uppercase;
width:40%;
}
#contents h1 {
font-family:Tahoma,Arial,SansSerif;
font-weight:200;
font-size:200%;
line-height:1.2em;
color:#cc6600;
}

#contents h2 {
font-family:Tahoma,Arial,SansSerif;
font-weight:100;
font-size:140%;
line-height:1.2em;
color:#cc6600;
margin:10px 0 10px 0;
}

h4 {
color:black;
font-family:Tahoma,Arial,SansSerif;
font-weight:200;
font-size:90%;
line-height:1em;
margin:0;
padding:0;
}

#menu ul {
list-style-type:none;
margin:0;
padding:0;
}

#menu ul li.navmainStandardLevel_1 {



margin:5px 0 0 0.3em;
padding:5px 0 0 0;
}

#menu ul li.navmainStandardLevel_1 a {
display:block;
width:100%;
color:black;
text-decoration:none;
font-weight:400;
}

#menu ul li.navmainStandardLevel_1 a:hover, #menu ul li.navmainStandardLevel_1 a.active {
background:url(../upload/images/marker.gif) right center no-repeat;
color:#cc6600;
}

#menu ul li.navmainStandardLevel_2 {
margin:5px 0 0 1.5em;
padding:5px 0 0 0;
}

#menu ul li.navmainStandardLevel_2 a {
display:block;
width:100%;
color:black;
text-decoration:none;
font-weight:400;
padding:0 0 0 10px;
}

#menu ul li.navmainStandardLevel_2 a:hover, #menu ul li.navmainStandardLevel_2 a.active {
color:#cc6600;
background:url(../upload/images/marker2.gif) left center no-repeat;
padding:0 0 0 10px;
}

/* Lightbox */
    #lightbox {
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        /*z-index: 100;*/
        z-index: 990;
        text-align: center;
        line-height: 0;
    }
    #lightbox a img {
    border: none;
    border-color:#cccccc;
    }
    div.ligallery a img {
    border:2px solid;
    border-color:#cccccc;
    }
    #outerImageContainer {
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }
    #imageContainer {
        padding: 10px;
    }
    #loading {
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
    }
    #hoverNav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        /*z-index: 10;*/
        z-index: 970;
    }
    #imageContainer>#hoverNav { left: 0;}
    #hoverNav a { outline: none;}
    #prevLink, #nextLink {
        width: 49%;
        height: 100%;
        background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
    }
    #prevLink { left: 0; float: left;}
    #nextLink { right: 0; float: right;}
    #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
    #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
    #imageDataContainer {
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
    }
    #imageData {
        padding:0 10px;
    }
    #imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
    #imageData #caption{ font-weight: bold; }
    #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
    #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }   
    #overlay {
        position: absolute;
        top: 0;
        left: 0;
        /*z-index: 90;*/
        z-index: 980;
        width: 100%;
        height: 500px;
        background-color: #000;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
    }
    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    * html>body .clearfix {
        display: inline-block; 
        width: 100%;
    }
    * html .clearfix {
        /* Hides from IE-mac \*/
        height: 1%;
        /* End hide from IE-mac */
    }
/* << */

div#abstract {
    width:280px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    margin:25px 0 0 60px;
    }
    
#abstract h4 {
color:black;
font-family:Tahoma,Arial,SansSerif;
font-weight:200;
font-size:90%;
line-height:1.2em;
margin:0;
padding:0;
}

table.vorstand {
    font-size:80%;
    valign:top;
    }