html, body, h2, h3, h4, div, p, ul, li, a {
	color: black;
/*  color: #9BD1EB; */
/* background-color: #226B8C;*/
/*  background-color: #1246CE; med ultiwave test4 */
}


html, body {
	/* background-color: #EEEEDD; */
   background-color: #FFFFFF; 
}



h3 {
  margin-top: 5ex;
}

button {
  color: #000000;
}

body {
  margin: 0;
  padding: 0;
}

/* --------- Results page ------------ */

span.results-title {
	font-weight: bold;
	font-size: 2.5ex;
	display: block;
}

span.results-season {
	font-weight: bold;
	font-size: 2ex;
	display: block;
	margin-top: 2.5ex;
}

span.results-event-title {
	font-weight: bold;
	font-size: 1.5ex;
	display: block;
	margin-bottom:1ex;
}

p.season-matches-title {
	font-weight: bold;
	font-size: 1.5ex;
	display: block;
	font-style:italic;
	margin-bottom: 0;
	margin-top: 2ex;
	margin-left: 4ex;
}

span.season-matches-headtitle {
	font: Arial, Helvetica, sans-serif;
	font-size: 1.9ex;
	display: block;
	margin-top: 4ex;
	text-decoration:underline;
}

p.season-matches-text {
	font-style: normal;
	font:Arial, Helvetica, sans-serif;
	font-size: 1.5ex;
	margin-top: 0;
	margin-left: 4ex;
}

p.results-event-text {
	font-weight: normal;
	font-size: 1.5ex;
	margin-top:0ex;
}

p.results-season-text {
	font-style: italic;
	font-size: 1.5ex;
	margin-bottom:4ex;
}

p.division-link {
	font-size: 1.4ex;
	text-align:right;
	margin-bottom:0ex;
	margin-top:0ex;
}




/* -------- Header/footer properties -------- */

div.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2ex;

  z-index: 10;
  background-color: black;
  /*
  background: blue url(../images/ultiwave2.jpg);
  background-repeat: repeat-x;
  */
}

div.footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2ex;

  z-index: 10;
  background-color: black;
  /*
  background: blue url(../images/ultiwave2.jpg);
  background-repeat: repeat-x;
  */
}




/* -------- Login properties -------- */

div.login {
  position: absolute;
  right: 3ex;
  top: 2.8ex;
  height: 1.5ex;
  
  z-index: 50;
  font-size: small;
  text-align: right;
}

div.edit {
  margin-bottom: 1.5ex;
  margin-right: 1.5ex;
  height: 1.5ex;
  
  font-size: small;
  text-align: right;
}

/*
a.cmdlink:link {
  color: #E0E3FE;
  text-decoration: none;
}

a.cmdlink:visited {
  color: #E0E3FE;
  text-decoration: none;
}

a.cmdlink:hover {
  text-decoration: underline;
}
*/

span.username {
  font-style: italic;
}




/* -------- Menu properties -------- */

img.logo {
  margin-top: 2ex;
}

div.menu {
  position: absolute;
  left: 0;
  top: 25%;
  bottom: 25%;
  width: 22ex;
  
  z-index: 75;
  padding-top: 1.5ex;
  padding-left: 1.5ex;
}

div.menu h1 {
  margin-bottom: 0.8ex;
  font-size: medium;
}

div.menu h2 {
  margin-top: 0;
  margin-bottom: 11ex;
  font-size: medium;
  text-indent: 2.8ex;
}

div.menu ul {
  margin-left: 0;
  list-style: none;
  text-align: center;
}

div.menu ul li {
  margin-bottom: 1ex;
}

div.menu span.selecteditem {
  color: #0A497E;
  background-color: #9BD1EB;
}



/* -------- Page menu properties -------- */


ul.menu {
  border-bottom: 2px solid black;
  padding-bottom: 0.5ex;
  margin-left: 0;
}

ul.menu li {
  display: inline;
  overflow: hidden;
  list-style-type: none;
  border: 2px solid black;
  padding: 0.5ex 1ex;
  margin-right: 1ex;
}

ul.menu li.current {
  border-bottom: 2px solid #0A497E;
}

ul.menu a {
  text-decoration: none;
}

ul.menu a:hover {
  text-decoration: underline;
}



/* -------- Content properties -------- */

div.content {
 /* background-color: #EEEEDD; */
  background-color: #FFFFFF; 
 
	
  width: 90ex;

  margin-bottom: 5ex;

  padding-top: 20ex;
  padding-bottom: 10ex;
  
  z-index: 1;
}



/* -------- Frontpage properties -------- */

table.frontpage {
  width: 100%;
}

table.frontpage td {
  text-align: center;
}

h1.title {

}


/* -------- Login page properties -------- */


/* -------- Come and try page properties -------- */

div.equipmentlist {
  margin-left: 4ex;
}


/* -------- News page properties --------- */

div.newsitem {
  margin-bottom: 8.5ex;
}

div.newsitem table.titleline {
  width: 100%;
}

div.newsitem td.title {
  font-weight: bold;
}

div.newsitem td.date {
  font-weight: bold;
  text-align: right;
}

div.newsitem p {
  text-indent: 4ex;
}

div.newsitem div.memberlink {
  margin-right: 3em;
  text-align: right;
}

/* -------- Om klubben page properties -------- */

p.struktur {
  text-indent: 4em;
}

p.struktur2 {
  text-indent: 6em;
}


h4.struktur {
  text-indent: 2em;
}


/* -------- Taktik -------- */

h4.taktik {
  margin-top: 3em;
}

/* -------- Member page properties -------- */

div.member {
  border: 1px solid black;
}

div.member td.photo {
  width: 20ex;
}

div.member td.photo img {
  height: 38ex;
  width: 32.9ex;
}

div.member td.info {
  padding: 1ex;

  vertical-align: top;
}

div.member td.info div {
  margin-bottom: 0.5ex;
}

div.member div.description {
  padding: 1ex;
}

div.spacer {
  height: 10ex;
}

table.memberlist {
  width: 60%;
}

td.numeric {
  text-align: center;
}


/* -------- Edit member page properties -------- */

div.editmember {
  border: thin solid black;
  padding: 5ex;
  margin-bottom: 10ex;
}

table.editmember td.label {
  width: 27ex;
  text-align: right;
}

table.editmember td.innerlabel {
  text-align: right;
}

table.editmember td.toplabel {
  text-align: right;
  vertical-align: top;
}

div.editmember div.buttons {
  margin-top: 2ex;
  text-align: right;
}

input.text {
  width: 100%;
}

input.date {
  width: 11ex;
}

input.time {
  width: 7ex;
}

input.phonenumber {
  width: 10ex;
}

input.zipcode {
  width: 6ex;
}

input.height, input.weight {
  width: 6ex;
}

input.capnumber {
  width: 6ex;
}

textarea.description {
  width: 100%;
  height: 18ex;
}

select {
  z-index: -1;
}




/* -------- Boedekasse properties -------*/


table.penalties {
  border-collapse: collapse;
  width: 60ex;
}

table.penalties_totalsum {
  border-collapse: collapse;
  width: 60ex;
  margin-bottom: 3ex;
}

table.penalties td {
  border: 1px solid black;
  padding-left: 4px;
}

/* -------- Photoalbums properties -------*/

table.photos {
	margin-bottom: 5ex;
}

p.photo {
	margin-bottom: 1ex;
}


/* -------- Photoalbum properties -------*/


table.photoalbum {
  width: 100%;
}

table.photoalbum td.album {
  vertical-align: top;
  padding-bottom: 15ex;
}

table.photoalbum td.image {
  padding-bottom: 10ex;
}

table.photoalbum td table {
  width: 25ex;
}

table.photoalbum img {
  width: 25ex;
}

table.photo {
  width: 100%;
}

table.photo img {
  width: 100%;
}



/* -------------- Kalender properties -----------------*/

div.eventDay {
  margin-bottom: 2ex;  
}

div.event {
  margin-top: 1.5ex;
  margin-bottom: 4ex;
  margin-left: 3ex;
}

h1.event {
  font-size: medium;
  font-weight: normal;
  margin: 0;
}

p.event {
  margin-top: 1ex;
  margin-bottom: 1ex;
  margin-right: 2ex;
  margin-left: 2ex;
  /* text-indent: 2ex; */
}

div.eventmenu {
  font-size: small;
  text-align: right;
}

table.calendar {
  background-color: #9999cc;
  color: #000000;
  border: 1px solid black;
  margin: 4ex;
  margin-left: 0;
}

table.calendar tr.month {
  background-color: #666699;
  color: #000000;
  text-align: center;
  font-weight: bold;
}

table.calendar tr.month td {
  width: auto;
}

table.calendar tr.weekdays {
  font-weight: bold;
}

table.calendar tr td {
  width: 4ex;
  text-align: center;
}

table.calendar a:link {
  color: #000000;
  text-decoration: none;
}

table.calendar a:visited {
  color: #000000;
  text-decoration: none;
}

table.calendar a:hover {
  text-decoration: underline;
}

table.calendar td.selected {
  background-color: #666699;
}

table.calendar span.event {
  font-weight: bold;
  /*background-color: #7575cc;*/
}

table.calendar span.current {
  font-style: italic;
}


/* -------- Non-IE properties -------- */

body>div.header, body>div.footer, body>div.login, body>div.menu {
  position: fixed;
}

body>div.content {
  position: absolute;
  left: 28%;
/*  margin-left: -34ex;*/
}




/* -------- (Op)ret begivenhed -------- */

td.labels.opretBegivenhed {
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;
	background-position: left center;
	visibility: visible;
	padding: 0.5ex;
}

div.opretBegivenhed {
	font-family: Arial, Helvetica, sans-serif;
	border: thin #000000;
	border-style: solid;
	visibility: visible;
/*	height: 100%;
	width: 100%;*/
	padding: 4ex;
	margin: 4ex;
	align: center;
}

input.inputFieldOpretBegivenhed {
	font-family: Arial, Helvetica, sans-serif;
	visibility: visible;
	width: 90%;
	text-align:right;
}




/* -------- Misc. properties -------- */



@media print {
   h1, h2, h3,
   h4, h5, h6    { page-break-after: avoid; page-break-inside: avoid }
   blockquote,
   pre           { page-break-inside: avoid }
   ul, ol, dl    { page-break-before: avoid }
   td.top       { background-color: #fff; color: #000; border-color: #000; 
border-width: 1px; }
   td.menu       { background-color: #fff; color: #000; border-color: #000; 
border-width: 1px; }
   td.bottom       { background-color: #fff; color: #000; border-color: #000; 
border-width: 1px; }
}


@media aural {
   h1, h2, h3,
   h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
   h1            { pitch: x-low; pitch-range: 90 }
   h2            { pitch: x-low; pitch-range: 80 }
   h3            { pitch: low; pitch-range: 70 }
   h4            { pitch: medium; pitch-range: 60 }
   h5            { pitch: medium; pitch-range: 50 }
   h6            { pitch: medium; pitch-range: 40 }
   li, dt, dd    { pitch: medium; richness: 60 }
   dt            { stress: 80 }
   pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
   em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
   strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
   dfn           { pitch: high; pitch-range: 60; stress: 60 }
   s, strike     { richness: 0 }
   i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
   b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
   u             { richness: 0 }
   a:link        { voice-family: harry, male }
   a:visited     { voice-family: betty, female }
   a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}