html, body {
  border: 0;
  margin: 0;
  padding: 8px;
  background-color:#ffffff;
  font-family:sans-serif;
}

h1 {
  font-size:x-large;
  color:#0c3775;
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-size:larger;
  color:#0c3775;
  margin-top: 0;
  margin-bottom: 0.3em;
}

caption {color:#FFFFFF;background-color:#0c3775;font-weight:bolder;}
a, strong {color:#0c3775;}
p.bodytext {margin:0 0 0.5em 0;}

#seals{z-index:0;border:none 1px green;margin:0;padding:0;height:96px;}
#siegel{border:none 1px yellow;margin:0;padding:0;width:179px;height:96px;}
#bar{z-index:1;border-top: solid 2px white;border-bottom: solid 2px white;background:#b5bad6;width:100%;height:2px;margin:0;padding:0;}
#clinic{z-index:2;margin:0;padding:0;}
#klinikum{margin:0;padding:0;}
#logo{z-index:3;position:relative;top:-125px;left:400px;margin:0;padding:0;width:584px;height:584px;background: url(../visuals/logo.png) no-repeat;}
#frame0{z-index:4;border: none 1px #696969;position:relative;top:-560px;width:950px;min-height:680px;}
#menuframe{border: none 1px blue;width:180px;float:left;margin:0 10px 0 0;}
#backdrop{background-color:#0c3775;}
#menu{color:#ffffff;background-color:#0c3775;min-height:340px;padding:5px;margin-bottom:150px;}
#event{color:#ffffff;background-color:#0c3775;text-align:center;font-weight:bold;min-height:70px;padding:5px;}
#contentframe0{border: none 1px red;float:left;width:400px;}
#contentframe1{border: none 1px red;float:left;width:750px;}
#main{border: solid 1px #adbace;color:#000;background: url(../visuals/veil.png) repeat;padding:5px;height:568px;overflow:auto;}
#subtitle{font-size:smaller;margin:0 0 0.9em 0;}

a.mainnav-inactive:link {
	color: #FFFFFF;
	font-size:larger;
	text-decoration: none;
}
a.mainnav-inactive:visited {
	color: #FFFFFF;
	font-size:larger;
	text-decoration: none;
}
a.mainnav-inactive:focus {
	color: #FFFFFF;
	font-size:larger;
	text-decoration: none;
}
a.mainnav-inactive:hover {
	color: #FFFFFF;
	font-size:larger;
	font-weight: bolder;
	text-decoration: none;
}
a.mainnav-inactive:active {
	color: #FFFFFF;
	font-size:larger;
	text-decoration: none;
}
a.mainnav-active:link {
	color: #adbace;
	font-size:larger;
	text-decoration: none;
}
a.mainnav-active:visited {
	color: #adbace;
	font-size:larger;
	text-decoration: none;
}
a.mainnav-active:focus {
	color: #adbace;
	font-size:larger;
	text-decoration: none;
}
a.mainnav-active:hover {
	color: #adbace;
	font-size:larger;
	font-weight: bolder;
	text-decoration: none;
}
a.mainnav-active:active {
	color: #adbace;
	font-size:larger;
	text-decoration: none;
}

a.teaserlink {
  color: rgb(255,250,250);
  background: #0c3775;
  text-decoration:none;
}

a.mail {
  color: #0c3775;
  text-decoration:underline;
}

/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/

html>body .outerpair1 {
background: url(../visuals/upperrightfade.png) right top no-repeat;
}
/* .outerpair1 must be given a width contraint, via either a width,
or by floating or absolute positioning. In this demo these are
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background: url(../visuals/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow
thickness, and also has one of the corner .png's */


html>body .shadowbox {
background: url(../visuals/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */


html>body .innerbox {
position: relative;
left: -8px;
top: -8px;
}
/* .innerbox is made "relative" and is "pulled" up and to
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 10px solid #fff;
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline
space under the images, because this may trigger IE background bugs.
Instead, use "vertical-align: bottom;" for this purpose. */


/*XXXXXXXXXXXXXXXXXX Slideshow XXXXXXXXXXXXXXX*/

#slideshow {
    position:relative;
    height:233px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}