/* NOTE: many definitions are repeated, preceeded by "* html " - this is the override for MSIE */
/* within the MSIE override is often the property "w\idth" or "padd\ing" - this deactivates   */
/* the override for the new MSIE                                                             */

/*	background-image:url(./image/background.jpg); */
/*	background-image: none; */

/* ----------------body ------------------------------------------------------------------------------- */

body 	
	{ 
	background-image:url(./image/background.jpg);
      	background-color: #aacd7c;  /* dark part of image */
	color: navy;
	}

html, body
	{ 
    	top: 0; 
    	left: 0; 
    	right: 0;
    	min-height: 100%;
    	margin: 0;
    	padding: 0;
    	width: 100%;
	}

* html, * html body
	{
    	overflow:hidden;
    	bottom:0;
    	height:100%;
	}


/* ----------------logo ------------------------------------------------------------------------------- */

#logo 
	{
  position: fixed;
	top: 10px;
	left: 10px;
	border: none;
  padding: 0;
	margin: 0;
	}

* html #logo
	{
	position:absolute;
  }

div#logo img
	{
	border: none;
	height: 6em;  
	width: 8em;    /* ratio height:width of logo = 3:4 */
	}

/* ----------------menu ------------------------------------------------------------------------------- */

#menu
	{
  position: fixed;
  top: 7em;
  left: 10px;
  width: 8em;
	margin: 0; 
	padding: 0; 
	border: none;
	}

* html #menu
	{
	position:absolute;
	}
ul#menu a, ul#menu span
	{
  display: block;
  text-decoration: none;
	padding: 0.2em;
  }
ul#menu a, ul#menu span.selected 
  { 
 	font: normal normal normal 100% 'georgia','sylfaen','palatno linotype','times new roman','times',serif;
  border: 1px solid black;
  border-right-color: gray;
  border-left-color: white; 
  border-top-color: white;
	color: #004F4F;
  background-color: #9aa9a4;
  background-image:url(./image/background_head.jpg);
  }
  	
* html ul#menu a, * html ul#menu span
	{
    	width: 100%;  /* Breitenangabe fuer IE 5.x */
    	w\idth: 8em;  /* Breitenangabe fuer IE 6 */
  	}
* html ul#menu span.info_link
	{
    	w\idth: 7.5em;  /* keep it same with for IE 6 */
	} 
ul#menu a:hover, ul#menu span.selected
	{
    	border-color: white;
    	border-left-color: black; 
    	border-top-color: black;
    	color: yellow; 
    	background-color: #9aa9a4;
    	background-image:url(./image/background_foot.jpg);
  	}
ul#menu a:hover
	{
   	color: #ff0000; 
   	background-color: #9aa9a4;
   	background-image:url(./image/background_foot.jpg);
  	}
  	

ul#menu li
	{
    	list-style: none;
    	margin: 0;
    	margin-top: 0.1em;
    	padding: 0; 
	}


/*---------------content -------------------------------------------------------------------------------------*/

#content
	{
    	margin:0;
    	padding-top:0;
    	padding-left:10em;
    	padding-bottom:3em;
	margin-top: 10px;
    	z-index:2;
	}


* html #content
	{
    	position:absolute;
    	top:0; 
    	bottom:0; 
    	left:0; 
    	right:0;
    	height:100%;
    	width:100%;
    	overflow:auto;
	}

/*----------------footer-------------------------------------------------------------------------------------*/
.info_link 
	{
    	font-size: small; /* IE doesn't like "smaller" */
    	font-weight: lighter;
    	color: black;
    	background: #9aa9a4;
    	border: 1px solid black;
    	border-right-color: gray;
    	border-left-color: white;
    	border-top-color: white;
    	background-image:url(./image/background_foot.jpg);
    	}
ul#footer
	{
	clear: left;
	list-style: none;
	padding: 0.4em;
	text-align:center;
	}
* html ul#footer
	{
    	margin-left: 0;  /* kill left indent on IE */
  	}
ul#footer li
	{
	display: inline;
	padding: 1em;
	}
/*----------------stuff only on first page (index) ------------------------------------------------------------*/
table.index
	{
	border: none;
	}
table.index th
	{
    	text-align: center;
 	vertical-align: top;
    	padding: 0.5em;
    	border-right: 1px solid silver; 
	}
table.index td
	{
    	text-align: left; 
    	vertical-align: top;
    	padding: 0.5em;
        	border-right: 1px solid silver; 
	}
table.index img
	{
	text-align: center; 
	border: none;
	}


/*----------------stuff on all pages------------------------------------------------------------------*/
a 	{
	font-weight: bold;
	color: #003060;
    	text-decoration: none;
	}
a:hover	{
    	text-decoration: underline;
	}
a:visited	{
    	color: #0050A0;
	}
.highlight_red 	
	{ 
	background-color: red;
	color: navy;
	}
.highlight_yellow 	
	{ 
	background-color: yellow;
	color: navy;
	}
.highlight_black 	
	{ 
	background-color: black;
	color: white;
	}
.highlight_white 	
	{ 
	background-image:none;
	background-color: white;
	color: navy;
	}

p
	{
	font-family: "Verdana", "Lucida Sans Unicode", "Arial", sans-serif;
	text-align: justify;
	width: 95%;
	}
div#content img
  {
    	border: 1px solid black;
    	border-right-color: gray;
      border-left-color: white; 
    	border-top-color: white;
	}
div#external_links img, div.announcement img
	{
	border: 0;
	}
h1, h2, h3, h4, p.logo, p.loud
	{
	clear: left;
	font: normal normal normal 100% 'georgia','sylfaen','palatno linotype','times new roman','times',serif;
	margin: 0.1em;
	padding: 0.1em;
  text-align: center;
	}
h1
	{
	background-image:url(./image/background_head.jpg);
	font-size: 2em;
    	border: 1px solid black;
    	border-right-color: gray;
    	border-left-color: white; 
    	border-top-color: white;
	font-size: 2em;
	}
h2	{
	font-size: 1.5em;
	}
h3
	{
	font-size: 1.2em;
	}
h1, p.logo
	{
	color: #004F4F;
	}
h3      
	{
	width: 90%;
	}
h3, em
	{
	color: #be0000;  /* slightly darker red to improve readability */
	}
h4
	{
	font-weight: bold;
    	text-align: left;
	}
p.logo
	{
	font-size: 70%;
	margin: 1px;
	font-style: italic;
	}
p.loud 
	{
	font-size: 1.1em;
	}
strong
	{
	font-style: normal;
	font-weight: bold;
	color: blue;
	}
em
	{
	font-weight: bold;
	}

table.agegroups td, table.time td, h3
	{
	border: 2px solid silver;
    	text-align: center;
    	vertical-align: top;
    	padding: 0.5em;
	}
table.agegroups
	{
	margin-bottom: 1em;
	}
table.time th
	{
        	border: 0;
        	font-weight: bold; 
    	text-align: center;
    	vertical-align: middle;
    	padding: 0.5em;
	}
blockquote, cite
	{
	font-style: italic; 
	margin-left: 20%;
	}
.filmstrip
	{
	width: 60%;
    	margin-left: 20%;
    	background-color: #a5bab3;
    	border: 1px solid black;
                      border-left-color: white; 
    	border-top-color: white;
    	text-align:center;
    	}
ul.filmstrip 
	{
	background-image:url(./image/background_dark.jpg);
	list-style: none;
	padding: 0;
	padding-top: 4px;
    	}
ul.filmstrip li
	{
	display: inline;
	padding: 0;
	padding-left: 1px;	
	padding-right: 1px;
	}
ul.filmstrip img
	{
	border: 0;
	}
div.announcement
	{
	background-image:url(./image/background_light.jpg);
  border: 1px solid black;
  border-left-color: white; 
  border-top-color: white;
	margin: 2em;
	padding: 1em;
  text-align:center;

	}
.announcement p
	{
	font: normal normal normal 100% 'georgia','sylfaen','palatno linotype','times new roman','times',serif;
    	text-align:center;
	}
.announcement p.loud
	{
	font-weight: bold;
	}
div.announcement ul
	{
	text-align: left;
	margin-left: 15%;
	font-size: 115%;
	/*font-weight: bold;*/	
	}

img.fortext
	{
	border: 0;
	float:left; 
	margin: 0.5em; 
	}
img.forlist
	{
	border: 0;
	float:left;
	margin: 0.5em;  
	margin-right: 1.5em; 
	}