/* CSS Document */
html, body {
        margin:0px 0px;;
        padding:0px 0px;;
        background-color:#FDFDFD;
        font-family: Arial, Helvetica;
        font-size: 11pt;
        color: #444444;
        border-top: 15px solid #3973AD ; /* eigentlich #018BE4; */
        }
h1 {
         font-weight: bold;
         font-size: 1.5em;
         }
h2 {
         font-weight: bold;
         font-size: 1.2em;
         }

table, tr, td {
         font-family: Arial, Helvetica;
         color: #222222;
         font-size: 11pt;
}

.aufz li {
         font-family: Arial, Helvetica;
         font-size:12pt;
         line-height: 1.8em;
         list-style-type: circle;
}

a, a:link, a:active{
        color: #3388AA;
        text-decoration: none;
}
a:visited {
        color: #3388AA;
         text-decoration: none;
}
a:hover {
        text-decoration: underline;
}

}
a.anker:hover {
        text-decoration: none;

}


/*Zentrierende, alles umfassende div*/
#centerAll {
         position: absolute;
         width: 1105px;
         left: 50%;
         margin-top: 90px;
         margin-left: -550px;
         }


#greyb {
         float:left;
         width: 1105px;
         height: 15px;
         background-color: #F2F2F2;
         margin-left:0px;
         margin-top: 50px;
         margin-bottom: 20px;
         /*left: 50%;
         margin-left:-550px;
         margin-top:60px;*/

}
#naviContainer {
         float: left;
         width: 160px;
         margin-right: 5px;

}

/*Element für das Siegel der Universität Heidelberg*/
#bild {  float: left;
         height:148px;
         width:160px;
         margin-left: 0px;
         /*background-image: url('WVT_TMT.JPG');
         background-repeat: no-repeat;*/
        }
/*Element für die Überschriften*/
#kopf {  float: left;
         height:55px;
         width:660px;
         border-bottom: 1px dashed #999;
         margin-top: 10px;
         margin-left: 35px;

         padding: 5px 5px;
         font-size:35pt;
         color: #017AD3;
         text-align: center;
        }
#bread {
         float:left;
         height:15px;
         width: 740px;
         margin-top:5px;
         font-size: 12px;
         color: #444444;


}
#sprachhead {
         float: left;
         width: 160px;
         border-bottom:1px dashed #555555;
         font-weight: bold;
         font-size: 13px;
         margin-bottom: 5px;
         /*display: none;*/
}
#sprach {
         float: left;
         width: 160px;
         background-color: #EFEFEF;
         padding: 5px 0px;
         font-size: 12px;
         text-align: center;
         /*display:none;*/


}

/*Element für die Navigationsleiste*/
#navi { float: left;

        width:155px;
        padding-top:30px;
        padding-left:5px;
        margin-right: 5px;
        align: center;
        }

/*Element für die Eigenschaften der unnummerierten
Liste der Navigationsleiste*/
#menu {
        float: left;
        list-style: none;
        margin: 0px 0px;
        padding: 0px 0px;
        width: 155px;
        border-bottom: 1px solid #AAD8FC;
        }
/*Eigenschaften der einzelnen Listenpunkte*/
#menu li {
        margin: 0px 0px;
        font-size: 14px;
        border-top: 1px solid #AAD8FC;
        }

/*Eigenschaften für die Verweise (Links)*/
#menu a {
        display:block;
        width: 155px;
        margin: 0px 0px;
        padding: 6px 0px;
        text-decoration: none;
        color: black;
        }
/*Eigenschaften für das hovern über die Menüpunkte*/
#menu a:hover {
        width: 155px;
        background-color: #EFEFEF;
        padding: 6px 0px;
        }
#menu #active, #active a:hover {
         background-color: #EFEFEF;
         font-weight: bold;
         cursor: default;
}
#menu .sub{
        padding-left:10px;
        font-size:.8em;
        margin-top:0px;
        line-height:1em;
        border-top: 1px solid #FFFFFF;
}

#menu .sub a{
        width:145px;
        padding-top:3px;
        padding-bottom:5px;
        margin-left:-10px;
        padding-left: 10px;
}

#menu .sub a:hover{
        width:145px;
        padding-top:3px;
        padding-bottom:5px;
        margin-left:-10px;
        padding-left: 10px;
}
#menu .sub2{
        padding-left:15px;
        font-size:.8em;
        margin-top:0px;
        line-height:1em;
        border-top: 1px solid #FFFFFF;
}

#menu .sub2 a{
        width:145px;
        padding-top:3px;
        padding-bottom:5px;
        margin-left:-15px;
        padding-left: 15px;
}

#menu .sub2 a:hover{
        width:145px;
        padding-top:3px;
        padding-bottom:5px;
        margin-left:-15px;
        padding-left: 15px;
}



#content {
         float:left;
         width:755px;
         padding-left: 10px;
         padding-right: 5px;
         padding-top:-5px;
         border-left: 2px solid #018BE4;
         border-right: 1px dashed #8DBBF0;
         margin-right: 5px;


         }
#Zusatz {
         float: left;
         width:100px;
         height:84px;
         padding: 5px;
         padding-top:12px;
         margin-left: 5px;
         margin-top: 100px;
         background-image:url('zusatzback.jpg');
         background-repeat: no-repeat;

}

#footer {
        /*margin-left: 130px;*/
         margin-top: 10px;
         padding:20 10px;
         width: 1100px;
         height:30px;
         text-align: center;
         border-top: 25px solid #8DBBF0;  /* eigentlich: #AAD8FC*/
         font-size:11px;
}

/*Für die Bilder*/

/* Thumbnail Index */
div#index {
        *margin: 1ex 0 1ex 0;*
        text-align: center;
}

div#index table {
        text-align: center;
        margin: 0 auto 0 auto;
}

div#index td.thumbcell {
        width: 100px;
        border-style: solid;
        border-color: #D7D7D7;
        border-width: 1px;
        text-align: center;
        vertical-align: middle;
        padding: 10px;
}

div#index td.thumbcell img {
        border-style: none;
}

div#index div.pages {
        font-family: tahoma, arial, helvetica, sans-serif;
        font-size: 0.8em;
        text-align: right;
}

/* Photo Navigation */
div#navigation {
        text-align: center;
        font-family: arial, helvetica, sans-serif;
        font-size: 0.8em;
        margin: 1ex 0 1ex 0;
}

div#navigation table {
        text-align: center;
        margin: 0 auto 0 auto;
}

div#navigation td.previous {
        text-align: left;
        width: 100px;
}

div#navigation td.index {
        text-align: center;
}

div#navigation td.next {
        text-align: right;
        width: 100px;
}

div#navigation td.thumbcell {
        width: 100px;
        border-style: solid;
        border-color: #D7D7D7;
        border-width: 1px;
        text-align: center;
        vertical-align: middle;
        padding: 10px;
}

div#navigation td.thumbcell img {
        border-style: none;
}

div#navigation td.selected {
        border-style: outset;
        border-width: 2px;
}

div#navigation span.home {
        display: block;
        padding-bottom: 1em;
}

/* Photograph */
div#photograph {
        text-align: center;
        margin: 1ex 0 1ex 0;
}

div#photograph img {
        margin: 0 auto 0 auto;
        border-style: solid;
        border-color: #000000;
        border-width: 1px;
}

/* Photograph Title */
h1.title {
        text-align: center;
        font-family: tahoma, arial, helvetica, sans-serif;
        font-size: 0.8em;
        font-weight: bold;
        margin: 0px;
}

/* Photograph Caption */
p.caption, p.description {
        font-family: tahoma, arial, helvetica, sans-serif;
        text-align: center;
        font-size: 0.8em;
        display: block;
        width: 640px;
        margin: auto;
}

/* Formatting for terminology */
table.db {
         width:99%;
		 border:1px double #000000;
         border-spacing:0px;
         border-collapse:collapse
}

table.db tr,td{
         padding:5px;
}

table.db tr{
         height:20px
}

table.db th{
         font-size:12px;
         border:1px solid #A4A4A4;
         font-weight:bold
}

table.db td{
         font-size:12px;
         border:1px solid #A4A4A4;
         empty-cells:show;
}

img.db {
  vertical-align:text-top;
  max-width: 300px;
  /* IE6 Exception */
  width: expression(this.width > 300 ? 300: true);
}

div.cLbl{
  font-size: 0.5em;
  color:grey;
  text-align: right;
  padding-top:5px;
}