html {
  margin: 0px;
  border: 0px;
  padding: 0px;
}

body {
  font-family: sans-serif;
  font-style: normal;
  font-variant: normal;
  font-size: 10pt;
  font-weight: normal;
  color: #000;
  background-color: #c0c0c0;
  margin: 0px;
  border: 0px;
  padding: 10px;
}

h1 {
  font-style: normal;
  font-variant: normal;
  font-size: 16pt;
  font-weight: bold;
}

h2 {
  font-style: normal;
  font-variant: normal;
  font-size: 14pt;
  font-weight: bold;
}

h3 {
  font-style: normal;
  font-variant: normal;
  font-size: 12pt;
  font-weight: bold;
}

h4 {
  font-style: normal;
  font-variant: normal;
  font-size: 10pt;
  font-weight: bold;
}

ul {
  padding: 0 0 0 20px;
}

a {
  text-decoration: none;
}

a:link,a:active,a:visited {
  font-style: normal;
  font-variant: normal;
  color: #204090;
}

img {
  border: 0px;
}

th.dark {
  text-align: left;
  background: #ccc;
}

td.light {
  background: #eee;
  text-align: left;
}

div.dark {
  background: #ccc;
}

div.light {
  background: #eee;
}

#outerbox {
  position: relative;
  margin: 0px;
  border: 0px;
  padding: 1px;
  min-width: 1024px;
  min-height: 850px;
  background-color: #f0f0ff;
}

#header {
  position: relative;
  height: 80px;
  margin: 1px;
  border: 0px;
  padding: 10px;
  background-color: #90a0d0;
}

#headerleft {
  position: absolute;
  width: 180px;
  height: 80px;
  background-color: #25a;
}

#headerleft a {
  /* For all BUT IE 6 */
  background: url(../images/dfg_transparent.png) no-repeat center;
  display: block;
  margin: 0px;
  width: 180px;
  height: 80px;
}

#headerleft a span {
  visibility: hidden;
  display: none;
}

#headercenter {
  position: absolute;
  text-align: left;
  margin: 0px 195px 0px 195px;
  height: 80px;
}

#headerright {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0px;
  width: 180px;
  height: 80px;
}

#headerright a {
  /* For all BUT IE 6 */
  background: url(../images/PhUniMa_Logo_weiss_160i.png) no-repeat center;
  display: block;
  margin: 0px;
  width: 180px;
  height: 80px;
}

#headerright a span {
  visibility: hidden;
  display: none;
}

#headertitle {
  position: relative;
  margin: 0px;
  padding: 0px;
  top: 20px;
  font-size: 15pt;
  color: #fff;
}

#headersubtitle {
  position: relative;
  top: 20px;
  margin: 0px;
  padding: 0px;
  font-size: 10pt;
  font-style: italic;
  color: #fff;
}

#logo {
  position: absolute;
  top: 10px;
  left: 10px;
}

#languagebox {
  position: absolute;
  padding: 5px;
  top: 115px;
  right: 210px;
  z-index: 1;
}

#logo a {
  /* For all BUT IE 6 */
  background: url(../images/DFGSPP1324_thickblackp_180.png) no-repeat center;
  display: block;
  width: 180px;
  height: 100px;
}

#logo a span {
  visibility: hidden;
  display: none;
}

#centeredstuff {
  position: relative;
  width: 100%;
  margin: 0px;
  border: 0px;
  padding-top: 10px;
}

#leftbox {
  position: absolute;
  padding: 5px;
  top: 130px;
  left: 10px;
  width: 170px;
  font-size: 10pt;
/*  background-color: #fea;*/
/*  background-color: #fff4c0;*/
  background-color: #fef0d0;
}

#rightbox {
  position: absolute;
  padding: 5px;
  top: 10px;
  right: 10px;
  width: 170px;
  font-size: 8pt;
  text-align: justify;
/*  background-color: #fc0;*/
/*  background-color: #fea;*/
  background-color: #e0e0e0;
}

#contentbox {
  position: relative;
  text-align: justify;
  margin: 0px 200px 40px 200px;
  min-height: 680px;
  background-color: #fff;
  padding: 10px;
}

#validators {
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-align: right;
}

#footer {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-size: 8pt;
  color: gray;
}

#footer a {
  font-size: 8pt;
  color: gray;
}

#leftmenu {
  margin: 0px;
  padding: 5px 5px 0 5px;
  font-weight: bold;
}

#leftmenu a {
  display: block;
  color: #333;
  font-weight: bold;
}

#leftmenu li {
  margin: 0px 0px 5px 0px;
  list-style: none;
  color: #333;
  font-weight: bold;
}

#leftmenu li a {
/* width: 100%;*/
  display: block;
  padding: 0 0 0 5px;
}

#leftmenu li span {
  display: block;
  padding: 0 0 0 5px;
}

#leftmenu li a:hover {
/*  color: #febe00;*/
  color: white;
  background-color: gray;
}

#leftmenu li ul {
  margin: 0 0 0 10px;
  padding: 0;
}

#leftmenu li ul li {
  margin: 0;
  list-style: none;
  font-weight: normal;
}

#leftmenu li ul li a {
/* width: 100%;*/
  display: block;
  font-weight: normal;
}

#newsbox {
  position: absolute;
  padding: 5px;
  top: 10px;
  right: 10px;
  width: 170px;
  font-size: 8pt;
  text-align: left;
  background-color: #e0e0e0;
}

#newsbox div.news {
  padding: 10px 5px 5px 5px;
  font-size: 11px;
  text-align: left;
  line-height: 14px;
  /*margin-top: 1px;*/
  border-bottom-style: dashed;
  border-width: 1px; 
  border-color: #cccc99;
  background-color: #f0f0ff;
  
  height: 50px;
  overflow: hidden;
  clear: both;
}

#calendarbox{
  position: absolute;
  padding: 5px;
  top: 440px;
  right: 10px;
  width: 170px;
  font-size: 8pt;
  text-align: left;
  background-color: #e0e0e0;
}

#calframe{
  width: 100%; 
  height: 180px;
}

#shopframe{
  width: 100%; 
  height: 600px;
}

#calender{
  width: 100%;
  font-size: 11px;
  text-align: center;
  color: #333;
  background-color: #f0f0ff;
  border:0;
  margin:0;
  border-collapse:collapse;
}

#calender td{
  padding:2px 0px;
}

#calender a{
  display: block;
}

#calender a:hover{
  color: white;
  background-color: gray;
}

#calender a.active{
  background-color: #bf2f31;
}

#calender div.inactive a{
  color: #e0e0e0;
}

#calender td.weekend{
  background-color: #fef0d0;
}

#mapbox {
  position: relative;
  float: right;
  width: 290px; 
  height: 415px;
  z-index: 40;
  padding: 25px 5px 5px 5px;
}

#mapbox #googlemap {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

#mapbox div.dragbox {
  position: absolute;
  visibility: hidden;
}

#mapbox:hover div.dragbox {
  background-color: #f0f0ff;
  visibility: visible;
}

#mapbox div.title {
  top: 5px;
  left: 0px;
  height: 20px;
  width: 100%;
  cursor: move;
}

#mapbox div.northwest {
  top: 0px;
  left: 0px;
  height: 5px;
  width: 5px;
  cursor: nw-resize;
}
#mapbox div.north {
  top: 0px;
  left: 0px;
  height: 5px;
  width: 100%;
  cursor: n-resize;
}
#mapbox div.northeast {
  top: 0px;
  right: 0px;
  height: 5px;
  width: 5px;
  cursor: ne-resize;
}

#mapbox div.west {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 5px;
  cursor: w-resize;
}
#mapbox div.east {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 5px;
  cursor: e-resize;
}

#mapbox div.southwest {
  bottom: 0px;
  left: 0px;
  height: 5px;
  width: 5px;
  cursor: sw-resize;
}
#mapbox div.south {
  bottom: 0px;
  left: 0px;
  height: 5px;
  width: 100%;
  cursor: s-resize;
}
#mapbox div.southeast {
  bottom: 0px;
  right: 0px;
  height: 5px;
  width: 5px;
  cursor: se-resize;
}