
  body {
		font-family: verdana, areal, sans-serif;
		font-size: 12px;
		color: #333333;
		background: #333333;
		padding: 0px;
		margin: 0px;
	}
  
  table {
    width: 100%;
  }
  th {
    vertical-align: top;
    text-align: left;
  }
  h1 {
    color: #666666;
    font-size: 18px;
  }
  h2 {
    color: #666666;
    font-size: 16px;
  }
  h3 {
    color: #666666;
    font-size: 14px;
  }
  
  .error{
    color: #990000;
  }
  a {
    color: #888888; 
  }

	#login {
		width: 120px;
		padding: 10px 0;
	}
	
	#login .input {
	  width: 103px;
	  font-size: 10px;
	  padding-left: 2px;
	  font-family: tahoma, geneva, sans-serif;
	}
	
	form {
	  margin: 0;
	}
	#login .submit {
	  padding-top: 5px;
	  text-align: right;
	  padding-right: 0px;
	}

	#page {
    width: 790px;
    margin-top: 20px;
    /*height: 600px;*/
    padding: 5px;
    padding-bottom: 0px;
    text-align: left;
    background: #ffffff;
  
    border: 3px solid #666666;
    overflow: hidden;
    -moz-border-radius: 5px;
	}
	
	#top {
	  background: #99cc33 url(../graphics/johan2.jpg) no-repeat;
	  background-position: 620px 5px;
    height: 59px;
    width: 770px;
    border-bottom: 1px solid #999999;
		padding: 10px;
  }
	
  	#logo {
  	  margin-left: 205px;
      float: left;
      font-size: 22px;
    }
    
  	#login_box {
  	  border: 0px solid #999999;
      float: right;
    }
  
    #login_box a {
      color: #333333;
      text-decoration: none; 
    }
  
	#board {
	  background: #333333;
    width: 790px;
    height: 20px;
    margin-top: 5px;
  }

  #menu {
    position: absolute;
 	  border: 5px solid #ffffff;
    border-top: 0px;
    margin-left: 30px;
    padding: 10px;
    background: #f3f3f3;
    width: 140px;
    /*height: 570px;*/
    height: 400px;
    overflow: hidden;
	}

    #menu .menuelement {
  	  padding: 5px;
   	  border: 0px solid #99cc33;
  	  margin-right: 20px;
  	}
  	
      #menu #menuelement a {
        display: block;
      }
  	
    #menu a:link, #menu a:active, #menu a:visited {
  		text-decoration: none;
  		color: #333333;
  		font-weight: bold;
  		font-size:12px;
  	}
  
  	#menu a:hover, #menu a.active {
  	  color: #333333;
  		font-weight: bold;
  		font-size:12px;
  	}

  #submenu {
    padding-left: 15px;
  }
	
    #submenu .subelement {
      padding-bottom: 4px;
  	}

  	#submenu a:link, #submenu a:active, #submenu a:visited {
  		color: #333333;
  		font-weight: normal;
  		font-size:12px;
  	}
  
  	#submenu a:hover, #submenu a.active {
  	  color: #333333;
  	  font-weight: normal;
  		font-size:12px;
  	}
  #min_height {
    float: left;
    width: 0px;
    height: 350px;
    border: 0px dashed #999999;
    background: #eeee00;
  }
  #content {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
 	  padding: 20px;
    padding-left: 215px;
    background: #eeeecc;
    width: 555px;
    height: 100%;
		border: 0px dashed #999999;
		overflow: auto;
	}

	#footer {
		height: 130px;
		text-align: center;
	  padding-top: 80px;
		border: 0px dashed #999999;
	}
	
  .time_field
  {
	  width: 35px;
	  font-size: 10px;
	  padding-left: 2px;
	  font-family: tahoma, geneva, sans-serif;
  }

#pop {
  background: #f3f3f3;
  border: 5px solid #666666;
}

.red {
  line-height: 14px;
  background: #ff0000;
  border: 1px solid #000000;
  -moz-border-radius: 15px;
  width: 15px;
  height: 15px;
  font-weight: normal;
  text-align: center;
  font-size: 0.8em;
}
.yellow {
  line-height: 14px;
  background: #ffdd00;
  border: 1px solid #000000;
  -moz-border-radius: 15px;
  width: 15px;
  height: 15px;
  font-weight: normal;
  text-align: center;
  font-size: 0.8em;
}
.green {
  line-height: 14px;
  background: #00cc00;
  border: 1px solid #000000;
  -moz-border-radius: 15px;
  width: 15px;
  height: 15px;
  font-weight: normal;
  text-align: center;
  font-size: 0.8em;
}
.grey {
  line-height: 14px;
  background: #999999;
  border: 1px solid #000000;
  -moz-border-radius: 15px;
  width: 15px;
  height: 15px;
  font-weight: normal;
  text-align: center;
  font-size: 0.8em;
}
.white {
  line-height: 14px;
  background: #ffffff;
  border: 1px solid #000000;
  -moz-border-radius: 15px;
  width: 15px;
  height: 15px;
  font-weight: normal;
  text-align: center;
  font-size: 0.8em;
}
.black {
  line-height: 14px;
  background: #333333;
  color: #ffffff;
  border: 1px solid #000000;
  -moz-border-radius: 15px;
  width: 15px;
  height: 15px;
  font-weight: normal;
  text-align: center;
  font-size: 0.8em;
}
.pink {
  line-height: 14px;
  background: #ff9999;
  border: 1px solid #000000;
  -moz-border-radius: 15px;
  width: 15px;
  height: 15px;
  font-weight: normal;
  text-align: center;
  font-size: 0.8em;
}
.info {
  font-style: italic;
  color: #669900;
}
