/* ---------------------------------------------- */
/* zhk_styles.css  for the new website            */
/* Docu + Design Daube, Zürich, 2009-01-29        */
/* Attention: blanks around braces are relevant   */
/* ---------------------------------------------- */
/* stuff checked in IE 6, IE 7, FF 3, Opera 9, Safari 3.2, Safari 4.0 */

/* Global appearance */
body { 
  background-color:#FFFFFF; 
	margin-left:3px;
	font-family:Verdana,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
	text-align:left;
	font-size:9pt;
}

/* links
The order must be a:link,  a:visited; a:hover; a:active
*/
a:link {
  color: #006699;
  text-decoration: none;
}
a:visited {
/* color: #998066; */
  color: #006699;
  text-decoration: none;
}
a:hover {
  color: #006699;
  background: #dddddd;
}
a:active {
  color: #0000FF
}
/* --------------------- layout-areas -------------------- */
div.clocks {
/* t, l, w, h = 0, 200, 850, 100 */ 
	position: absolute;
   overflow: hidden;
	top: 0px;
	left: 200px;
	width: 850px;
	height: 100px;
	text-align: center;
/*	background-color: #AFEEEE; */
}
div.welcome {
/* t, l, w, h = 100, 200, 850, 275 */ 
	position: absolute;
	top: 100px;
	left: 200px;
	width: 850px;
	height: 275px;
	overflow: hidden;
/*	background-color: #EE82EE;  */
}
div.banner1 {
/* t, l, w, h = 378, 0, 1250, 37 */ 
	position: absolute;
	top: 378px;
	left: 0px;
	width: 1250px;
	height: 37px;
	background-color: Silver;
	overflow: hidden;
	z-index: 2
}
div.banner2 {
/* t, l, w, h = 418, 0, 1250, 37 */ 
	position: absolute;
	top: 418px;
	left: 0px;
	width: 1250px;
	height: 37px;
	background-color: #4994c8;
	z-index: 2;
}
div.news {
/* t, l, w, h = 465, 200, 850, 185 */ 
	position: absolute;
	top: 465px;
	left: 200px;
	width: 850px;
	height: 183px;
/*	background-color: #FFFACD; */
}
div.bottom {
/* t, l, w, h = 655, 200, 850, 185 */ 
	position: absolute;
	top: 655px;
	left: 200px;
	width: 850px;
	height: 185px;
/*  background-color: #E6E6FA; */
}
div.menu-left {
/* t, l, w, h = 0, 0, 190, 840 */ 
  position: absolute;
  top: 0px;
  left: 0px;
  width: 190px;
  height: 840px;
  text-align: left;
  padding-left: 5px;
  /* background-color: #F5DEB3; */
  }
div.menu-right {
/* t, l, w, h = 0, 1052, 195, 850 */ 
  position: absolute;
  top: 0px;
  left: 1052px;
  width: 195px;
  height: 850px;
  text-align: right;
  padding-right: 5px;
  /* background-color: #F5DEB3; */
}
div.content {
/* t, l, w, h = 146, 400, 644, 690 */ 
  position: absolute;
  overflow: auto;
  top: 145px;  /* 150 - 4 for correct alingment of UPPERCASE without accents */
  left: 400px;
  width: 644px;
  height: 690px;
  padding: 0px;
/* background-color: #FFC0CB; */
}
div.event {
/* t, l, w, h = 100, 200, 850, 835 */ 
  position: absolute;
  overflow: auto;
  top: 100px;
  left: 200px;
  width: 850px;
  height: 835px;
  padding: 0px;
  overflow: hidden;
/* background-color: #FFC0CB; */
}
div.sidebar {
/* t, l, w, h = 148, 200, 195, 570 */ 
  position: absolute;
  overflow: hidden;
  top: 148px; /* 150 - 2 for correct alingment of button - don't know where the space above the image comes from */
  left: 200px;
  width: 195px;
  height: 570px;
  padding: 0px;
  /* background-color: #F4A460; */
}
div.printit {
/* t, l, w, h = 715, 200, 195, 63 */ 
  position: absolute;
  overflow: hidden;
  top: 715px;
  left: 200px;
  width: 195px;
  height: 63px;
  padding: 0px;
  /* background-color: #FFC0CB; */
}
div.comment {
/* t, l, w, h = 0, 0, 650, 840 */ 
  position: absolute;
  overflow: auto;
  top: 0px;
  left: 0px;
  width: 650px;
  height: 840px;
  padding: 3px;
/*  background-color: #FFC0CB; */
}
div.ie-homepage {
/* t, l, w, h = 0, 0, 100, 50 */ 
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100px;
	height: 50px;
	z-index: 3;
/*  background-color: #FFC0CB; */
}
div.search {
/* t, l, w, h = -, -, 150, - */ 
	width: 150px;
	overflow:hidden;
}
div.info {
/* t, l, w, h = 200, 0, 1250, 500 */ 
  display: none;
  position: absolute;
  top: 150px;
  left: 0px;
  width: 126ss0px;
  height: 550px;
  z-index: 3;
}

/* Headings --------------------------------------- */
h1 {
  margin-left:0px;
  color: #4994c8;
  text-align:left;
  font-size:18pt;
  font-weight:bold;
  letter-spacing: 3px;
	}
h1.event {
	text-align: center;
	font-size: 32pt;
	font-weight: 100;
	color=#4994c8;
}
h2 {
  margin-top:9pt;
  text-indent: 0px;
  color: #4994c8;
  text-align: left;
  font-size: 14pt;
  font-weight: bold;
  letter-spacing: 2px;
  }
	
h3 {
  margin-top: 9pt;
  margin-bottom: 0.25em;
  text-indent: 0px;
  text-align: left;
  font-size: 11pt;
  font-weight: bold;
  letter-spacing: 2px;
  }

h4 {
  margin-top: 5px;
  margin-bottom:0.25em;
  text-align:left;
  font-size:9pt;
  font-weight:bold;
  letter-spacing: 1px;
  color: #4994c8;
  }
	
h5 {
  margin-left: 0px;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  font-size: 7pt;
  line-height: 8.5pt;
  font-weight:bold;
  font-style: normal;
  color: #4994c8;
}

p {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
ul, ol, dl {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
li {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
ul {
	margin-left: 1em;
	padding-left: 0em;
	text-indent: 0em;
	list-style: disc; 
	list-style-position: outside;
}
ul.triangle {
  list-style-position: inside;
  list-style-image: url(graphics/pointing-right.png);
}
ol {
  margin-left: 2em;
  padding-left: 0em;
  text-indent: 0em;
  list-style-position: outside;
  list-style: decimal;
}

/* Tables ---------------------------------------*/
table {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  padding: 2px;
}

th,td {
	font-size:9pt;
	text-align:left;
}
caption {
  font-weight: bold;
}
th {
  padding: 2px;
  background-color:#dddddd;
  font-weight:bold;
}
td {
  vertical-align:top;
  padding: 2px;
}

/* Quotations */
blockquote {
	background-color:#DDDDDD;
}          /* light grey background*/
	

/* forms ------------------------------------------- */
form {
  margin-top: 0.5em;
}

input, select, textarea {
  font-size: 8pt;
}
.textinput {
  font-size: 8pt;
}
/* hight=image hight necessary for IE to avoid excess hight */
.button {
  background-color: #cccccc;
  font-size: 8pt;
  font-weight: bold;
/*  background-image: url(graphics/corner-topleft.png);
  background-repeat: no-repeat; */
  padding-left: 5px;
  text-align: left;
/*  width: 15em;      necessary/handled for/by IE only */
}

/* --- menus left and right */
#list-menu1 p {
	line-height: 16px;
}
#list-menu1 a {
  display: block;
  text-decoration: none;
}

#list-menu2 p {
	line-height: 16px;
}
#list-menu2 a {
  display: block;
  text-decoration: none;
}

#list-menu3 p {
	line-height: 16px;
}
#list-menu3 a {
  display: block;
  text-decoration: none;
}

/* various highlights ---------------------------- */
.shaded {
	background-color:#dddddd;
}
.red {
  color: Red;
}
.runtext1 {
	color: Black;
	font-size: 14pt; /* large in IE is larger than in other browsers */
	font-weight: normal;
	vertical-align: middle;
	padding-top: 3px;
}
.runtext2 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color: White;
	font-size: 14pt; /* large in IE is larger than in other browsers */
	vertical-align: middle;
	padding-top: 3px;
}
/* Small print for meta information etc */
.small {
	font-size:7pt;
	padding-top: 0px
}

/* iframe zooming is done locally because different values may be needed */
.subframes {
  border: 0px;
}