/**/
body {
  font-family: Tahoma, Arial, sans-serif;
  color: #505;
  background-image: url(noten-repeat.jpg);
  background-repeat: repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  overflow: visible
}


/*container contains all of the content*/
div#container {
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px
}

/*accent colour*/
span.accent {
  color: #F00;
}

/*class=clear to generate block content*/
div.clear {
  clear: both
}

div.center {
  text-align: center;
}

/*header: may contian title and description*/
div#header {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 35px;
  padding-top: 10px;
  margin-bottom: 10px;
  background-color: #505;
  color: #F60
}
div#header div.title {
  text-transform: uppercase;
  text-align: center;
  font-size: 200%;
  padding-right: 20px
}
div#header div.description {
  text-transform: capitalize;
  text-align: center;
  text-decoration: none;
  font-size: 110%;
  padding-right: 25px
}

/*content for text and sidebar (nav)*/
div#content {
  width: 100%;
  position: relative
}

/*normal text*/
div#text {
  float: right;
  width: 75%;
  padding-left: 1%;
  padding-right: 1%;
}
div#text p {
  margin-top: 0px;
  margin-bottom: 5px
}
div#text p.cd {
  font-size: 80%
}
div#text p.small {
  font-size: 60%;
}


div#text h2 {;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 100%;
  font-weight: normal;
  letter-spacing: 2px;
  color: #F60
}
div#text h1 {
  margin-bottom: 5px;
  margin-top: 5px;
  font-size: 100%;
  font-weight: bold;
  padding-bottom: 2px;
  border-bottom: 1px dotted #bbb;
  width: 50%;
  letter-spacing: 2px;
  color: #F60
}
div#text ul {
  margin-bottom: 8px;
  margin-top: 2px;
  list-style: square outside;
}
div#text ul ul {
  list-style: circle outside;
  font-size: 90%;
}
div#text a {
  text-decoration: none;
  color: #828
}
div#text a:hover {
  text-decoration: none;
  color: #505
}
div#text img.right {
  float: right;
  margin-left: 8px;
  margin-bottom: 10px
}
div#text img.left {
  float: left;
  margin-right: 8px;
  margin-bottom: 10px
}


/*navigational sidebar*/
div#nav {
  float: left;
  width: 20%;
  height: 390px;
  text-align: right;
  padding-right: 1%;
  padding-left: 0px;
}
div#nav a {
  text-decoration: none;
  border: 1px solid #505;
  border-right: 6px double #505;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  color: #505
}
div#nav a:hover {
  text-decoration: none;
  border: 1px solid #006;
  border-right: 6px double #F60;
  display: block;
  margin-left: 0px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  background-color: #505;
  color: #F60
}
div#nav a.select {
  text-decoration: none;
  border: 1px solid #505;
  border-right: 6px double #F60;
  display: block;
  margin-left: 0px;
  padding-right: 8px;
  background-color: #505;
  color: #F60
}



/*bottom of the page for extra footer info*/
div#footer {
  border-top: 1px dotted #ccc;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 60%;
  padding-top: 5px
}
div#footer span.center {
  text-align: center
}
div#footer a {
  text-decoration: none;
  color: #F60
}
div#footer a:hover {
  border-top: 1px dotted #ccc;
  color: #505
}

/*welcome page*/
a#row01 {
  background-image: url(w1h.jpg);
  display: block;
  width: 60px;
  height: 285px
}
a#row01:hover {
  background-image: url(w1d.jpg);
  display: block;
  width: 60px;
  height: 285px
}