/* CSS Document */

/* First the general styles */
body {
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFCCCC;
	width: 642pt;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
/*	border-style: solid;
	border-color: #000000;
	border-width: 1px; */
	padding: 10px;
}

a {
	text-decoration: none;
}

a:link {	
	color: #0000FF;
	cursor: pointer;
}

a:visited {
	color: #0000CC;
}

a > img {
	border: none;
}

h1 {
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 0pt;
	margin-top: 12pt;
}

h2 {
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: 0pt;
	margin-top: 12pt;
}

h3 {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0pt;
	margin-top: 12pt;
}


/* And now the styles */
/* Header */

.header {
	text-align: center;
	margin-top: 0pt;
	padding-top: 0pt;
	float: none;
	clear: both;
	height: 40pt;
}

.header > h1, h2, h3, p {
	margin: 0pt;
	padding: 0pt;
}

/* menu bar */

.menu {
	margin-left: 0pt;
	padding: 0pt;
	position: relative;
	margin-right: 2pt;
	width: 118pt;
	float: left;
}

.menu > p.level1 {
	margin: 0pt;
	margin-top: 10pt;
}

.menu > p.level2 {
	margin: 0pt;
	margin-left: 20pt;
	margin-top: 5pt;
	font-size: small;
}

.menu a {
	color: #000000;
}

.menu a:link {
	color: #000000;
}

/* main content window styles */
.content {
	margin: 0pt;
	padding: 10pt;
	width: 500pt;
	right: auto;
	position: relative;
	float: right;
	text-align: left;
	background-color: #E3E3E3;
}

.content img {
	margin-left: 2pt;
	margin-right: 2pt;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

.content li {
	padding-bottom: 6pt;
}

.content p, h1, h2, h3 {
	margin-bottom: 6pt;
}

.content h1, h2, h3 {
        margin-top: 12pt;
}

/* path info styles */
.pathinfo {
	font-size: 9pt;
	text-align: left;
        margin-bottom: 6pt;
}

/* footer style */
.footer {
	text-align: right;
	margin-top: 20pt;
	padding-top: 10pt; 
	float: none;
	clear: both;
	font-size: small;
}

/* Other styles */
/* desc is used for picture descriptions */
.desc {
	font-size: 10pt;
}

/* journalLink is used for the navigationbar in journals */
.journalLink {
	width: 490pt;
	margin: 0pt;
	padding-top: 10pt;
	padding-bottom: 10pt;
	padding-left: 5pt;
	padding-right: 5pt;
	text-align: center;
}

.journalLink td {
	text-align: center;
}

/* Link-sStyle, used for document links */
.links {
	background: inherit;
	width: 200pt;
	margin-left: auto;
	margin-right: auto;
}

.links > p {
	margin: 0pt;
	margin-top: 10pt;
}

/* Now the Dep-Styles
   Careful: the class name are the path names. So since there is already a 
   class named "menu" there should be no path with /#root#/menu.
   Otherwise the css would not function as expected 
   
   classname: should contain a main background color
   
   classname #now: the menu item will be highlighted with this color.
   
   classname * a:hover: hover color for links
   */

/* archives */
.archives {
	background-color: #CCFFCC;
}

.archives * a:hover {
	color: #006600;
}

.archives #now {
	background-color: #00FF00;
}

/* bulletin */
.bulletin {
	background-color: #CCCCFF;
}

.bulletin a:hover {
	color: #000066;
}

.bulletin #now {
	background-color: #3333FF;
}

/* contagion */
.contagion {
	background-color: #CCCCFF;
}

.contagion a:hover {
	color: #000066;
}

.contagion #now {
	background-color: #3333FF;
}

/* cover */
.aboutcover {
	background-color: #FFFF99;
}

.aboutcover a:hover {
	color: #CC6600;
}

.aboutcover #now {
	background-color: #FF6600;
}

/* events */
.events {
	background-color: #CCFFCC;
}

.events a:hover {
	color: #006600;
}

.events #now {
	background-color: #00FF00;
}

/* girard */

.girard {
	background-color: #FFCCCC;
}

.girard a:hover {
	color: #990000;
}

.girard #now {
	background-color: #FF0000;
}

/* link */
.link {
	background-color: #FFCCCC;
}

.link a:hover {
	color: #990000;
}

.link #now {
	background-color: #FF0000;
}

/* mimdok */
.mimdok {
	background-color:#99FFCC;
}

.mimdok a:hover {
	color:#0099CC;
}

.mimdok #now {
	background-color:#009999;
}

/* news */
.news {
	background-color: #FFFF99;
}

.news * a:hover {
	color: #CC6600;
}

.news #now {
	background-color: #FF6600;
}





/* special css for 1st page */
.startButton > p {
	text-align: center;
	font-size: 20px;
	color: #000000;
	padding-bottom: 10px;
}

.startButton > p > a {
	color: #000000;
	text-decoration: underline;
}

.startButton {
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 125px;
	vertical-align: middle;
	text-align: center;
}



/* special classes */

.photoDiv {
  width:150px; 
  text-align:center; 
  font-size: smaller;
}


/* photo gallery classes */

.photoGalleryTable{
margin-left:auto; 
margin-right:auto; 
width:510px; 
background-color:#000000;
	color: #CCCCCC;
}
.thumbCell {
	width: 170px;
	height: 170px;
	margin-left: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-top: auto;
	vertical-align: middle;
	text-align: center;
}

.thumbCell img, .thumbCell > img {
	margin:auto;
}

.thumbCell p {
font-size: small;
}

.captionLine {
	text-align: left;
	vertical-align: bottom;
}

.showPhotoTable {
	text-align: center;
	background-color: #000000;
	color: #CCCCCC;
	margin-left: auto;
	margin-right: auto;
	width: 590px;
}

.showPhotoCell {
	width: 590px;
	height: 590px;
	margin: auto;
	text-align: center;
	vertical-align: middle;
}

.showPhotoCopyright {
	font-size: small;
	margin-top: 6pt;
}