#head {
  height: 368px;
}


#sketchRight {
  width: 289px;
  height: 238px;
  position: absolute;
  right: -12px;
  top: 312px;
  background: url(../images/sketchRight.gif) no-repeat scroll left top;  
}
#bookRight {
  width: 110px;
  height: 73px;
  position: absolute;
  right: 5px;
  top: 540px;
  background: url(../images/book.gif) no-repeat scroll left top;  
}
#witte {
  width: 152px;
  height: 65px;
  position: absolute;
  right: 160px;
  top: 735px;
  background: url(../images/witte.gif) no-repeat scroll left bottom;  
}


#skolaFoto {
  display: block;
  padding-top: 68px;
}

#infoBox {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 560px;
  background: #fff;
}
#infoBoxIn {
  padding: 25px 20px;
}
#infoBox h1 {
  font-size: 1.6em;
  line-height: 1.8em;
  color: #353636;
}
#closeInfoBox {
  width: 18px;
  height: 18px;
  background: url(../images/closeBtn.gif) repeat scroll right top;
  display: block;
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
}

/* content */
#content {
  padding-top: 5px;
}
#textWrap {
  width: 560px;
}
#textContent {
 
  border: 8px #e5e4e0 solid;
 background: url(../images/mainPageBg.png);
  padding: 10px;
}

/* index content */
#newsWrap {
  float: left;
  width: 240px;
  
}
#newsWrap h2, #importantDateWrap h2 {
  color: #0A467C;
  font-size: 1.1em;
  line-height: 1.4em;
  padding-bottom: 5px;
}

#newsWrap p {
  padding: 2px 0 8px 0;
}

#newsWrap p {
  text-align: left;
}
#newsWrap a{
  padding-right: 10px;
  color: #2A2A2A;
  background: url(../images/arrowOff.gif) no-repeat scroll right 4px;
}
#newsWrap a:hover{
  background: url(../images/arrowOn.gif) no-repeat scroll right 3px;
  text-decoration: none;
}
#newsWrap a span {
  color: #09467C;
}

#importantDateWrap {
  margin-left: 270px;
  width: 250px;
}
#importantDateWrap h2 {
  color: #0a467c;
}

#importantDateWrap dt {
  color: #0a467c;
  font-size: 0.9em;
  font-weight: normal;
  float: left;
  width: 65px;
}
#importantDateWrap dd {
  margin-left: 65px;
  padding-bottom: 10px;
}

#importantDateWrap dd.dateExtended {

  padding-bottom: 20px;
}

#importantDateLink {
  padding-left: 60px;
}
#importantDateLink a{
  padding-right: 10px;
  background: url(../images/arrowOff.gif) no-repeat scroll right 4px;
}
#importantDateLink a:hover{
  background: url(../images/arrowOn.gif) no-repeat scroll right 3px;
  text-decoration: none;
}


/* index content - END */

/* content - END */

#player {
  position: absolute;
  left: 571px;
  top: 564px;
  width:384px;
  height:240px;
  cursor: pointer;  
}