body {
  background: white none;
  background-image: url(bilder/background-dunkel.gif);
  color:      black;
}

th,td,div,caption,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl {
  font-family: Arial, Helvetica, sans-serif;
}
a {text-decoration: none; color: #666666;}
a.visited {text-decoration: none; color: #999999;}
a.active {text-decoration: none; color: #000000;}
a.hover {text-decoration: none; color: #999999;}

img {
	border: none;
	 vertical-align: middle;
	}
/* Titel */
#title {
  color:       white;
  background-image: url(bilder/background.gif);
  border:      none;
  /* Rest ist fuer NS 4.x */
  margin: 20px 5px 10px 5px;
  padding: 20px 5px 10px 5px;
}
#title div {
  width: 110%; /* fuer NS 4.x */
}


/* ******************  menu  *************** */
.dot    { display : none }

#Menu {

   width:10em;

   float:left;

   background: #fff;
   color: #000;
   border:0px solid #000;
   line-height:1.2em;
   padding:     0.2em 0.1em 0.1em 0.4em;
   border: none;

	}

#Menu p {
	padding:0;
	}

#Menu a {
	text-decoration: none; color: #000000;
	}
#Menu a.visited {text-decoration: none; color: #000000;}
#Menu a.active {text-decoration: none; color: #000000;}
#Menu a.hover {text-decoration: none; color: #666666;}
/* but removing them is not enough. *sigh* */


#Menu hr {display:none;}

#xhtmlvalid {
	float:bottom;

}


#inhalt {
   margin: 0 2em 0 2em;
	padding-left: 10em;
	padding-bottom: 2em;
	}

#problems {
    text-align: center;
    font-size: 10px;
	padding-bottom: 2em;
	}

/* Der Rest diese Style Sheets wird vor
   Netscape 4.x versteckt */
@media all {

  ul, ol, dd {
    margin-left:  0;
    padding-left: 2.5em;
  }

  p, ul, ol, dl, address {
    padding-top:   0;
    margin-top:    0;
    margin-bottom: 1em;
  }

  dd>ul,dd>ol,dd>dl,li>ul,li>ol,li>dl {
    margin-bottom: 0;
  }

  #body {
    margin-top: 1em;
  }

  #center {
  	overflow:auto;
  	min-height: 600px;
    max-width:    900px;
    margin-left:  auto;
    margin-right: auto;
    background: #fff;
  }

  img.introphoto {
     margin-top:    0;
     margin-right:  1em;
     margin-bottom: 1em;
  }

  .netscape-hack {
    display: none;
  }

  /* Titel */
  #title {
    width:   auto;
    margin: 0px 0px 10px 0px;
  	padding: 20px 5px 10px 5px;
  }
  #title div {
    width:      auto;
    text-align: right;
  }
  #title img {
    color: white;
  }

}


@media print {

  body {
    font-family: serif;
    font-size:   80%;
  }

  table {
    font-size: 100%;
  }

  div, th, td, h1, h2, h3, h4, h5, h6,
  p, ul, ol, caption {
    font-family: serif;
  }

  #center {
    width: 100%;
  }

  #title {
    font-family: sans-serif;
    font-size:   130%;
    padding:     0.3em 0.2em 0.2em 0.3em;
  }

  .nav {
    font-family: sans-serif;
    font-size:   90%;
  }

  #colloq-center {
    font-size: 100%;
    width:     100%;
  }
}