/* BODY */

body {
  background: #5D2E12 url(back.png) 0 repeat; 
  color: #330606; 
  text-align: center; 
  font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:0px;  
  padding:0;
  margin:0; 
  scrollbar-arrow-color: #FF8F29;
  scrollbar-3dlight-color: #51240D;
  scrollbar-highlight-color: #C19A64;
  scrollbar-face-color: #391401;
  scrollbar-shadow-color: #8A5C35;
  scrollbar-darkshadow-color: #6B4729;
  scrollbar-track-color: #411701;
}



/* NAVIGATION */

#navi {
  position: absolute;
  left: 10px;
  top: 80px;
}

#time {
 position: absolute;
 left:10px;
 top: 300px;
}

/* HEADER */

#header {
  margin: 0;
  height: 356px;
  background: url(header.png) 0 no-repeat;
  text-indent: -1234em; 
}

#headerpast {
  margin: 0;
  height: 356px;
  background: url(pics/headerpast.png) 0 no-repeat;
}


/* BACKGROUNDS */

#bgindex {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 400px;
  width: 824px;
}

#bgme {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 650px;
  width: 824px;
}

#bggb {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 2000px;
  width: 824px;
}

#bgnews {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 1100px;
  width: 824px;
}

#bgpast {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 2600px;
  width: 824px;
}

#bgstudium {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 3000px;
  width: 824px;
}

#bginterests {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 1020px;
  width: 824px;
}

#bgjob {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 1950px;
  width: 824px;
}

#bggallery {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 680px;
  width: 824px;
}


#bggalleryshow {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 700px;
  width: 824px;
}

#bgfriends {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 1900px;
  width: 824px;
}

#bgoliver {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 1200px;
  width: 824px;
}

#bgfamily {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 2400px;
  width: 824px;
}

#bglinks {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 1700px;
  width: 824px;
}

#bgcis {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 1000px;
  width: 824px;
}

#bgpets {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 1000px;
  width: 824px;
}


#bgschedule {
  background: url(repeat.png) repeat-y;
  position: absolute;
  left: 0px;
  top: 350px;
  height: 2500px;
  width: 824px;
}
/* TEXT */

#text {
 position: absolute;
 left: 250px;
 top: 370px;
 width: 520px;
 text-align: left;
}

#textbanner {
 position: absolute;
 left: 240px;
 top: 205px;
 width: 300;
 text-align: left;
 font-size: 10px;
 color: #744B28;
}

#banner2 {
 position: absolute;
 left: 250px;
 top: 220px;
 width: 500;
 text-align: left;
 font-size: 12px;
 color: #744B28;
}



/* MENU MITTE */

#menu1 {
 position: absolute;
 left: 250px;
 top: 182px;
 color: #C9A778;
 font-family: Trebuchet;
 font-size: 12px;
 font-weight: bold;
 text-transform: lowercase;
} 

#menu2 {
 position: absolute;
 left: 370px;
 top: 182px;
 color: #C9A778;
 font-family: Trebuchet;
 font-size: 12px;
 font-weight: none;
 text-transform: lowercase;
} 

#menu3 {
 position: absolute;
 left: 410px;
 top: 182px;
 color: #FF8F29;
 font-family: Trebuchet;
 font-size: 12px;
 font-weight: none;
 text-transform: lowercase;
} 

#menu4 {
 position: absolute;
 left: 450px;
 top: 182px;
 color: #FF8F29;
 font-family: Trebuchet;
 font-size: 12px;
 font-weight: none;
 text-transform: lowercase;
} 

#menu5 {
 position: absolute;
 left: 520px;
 top: 182px;
 color: #FF8F29;
 font-family: Trebuchet;
 font-size: 12px;
 font-weight: none;
 text-transform: lowercase;
} 

#menu6 {
 position: absolute;
 left: 582px;
 top: 182px;
 color: #FF8F29;
 font-family: Trebuchet;
 font-size: 12px;
 font-weight: none;
 text-transform: lowercase;
} 

#menu7 {
 position: absolute;
 left: 615px;
 top: 182px;
 color: #FF8F29;
 font-family: Trebuchet;
 font-size: 12px;
 font-weight: none;
 text-transform: lowercase;
} 

#menu8 {
 position: absolute;
 left: 650px;
 top: 182px;
 color: #FF8F29;
 font-family: Trebuchet;
 font-size: 12px;
 font-weight: none;
 text-transform: lowercase;
} 

/* LAST UPDATE */

#update {
 position: absolute;
 left: 20px;
 top: 5px;
 color: #B58748;
 font-family: Trebuchet;
 font-size: 10px;
 font-style: italic;
}



/* LINKS */

a:link {
  color: #76572E;
  font-family: Trebuchet;
  font-size: 12px;
  font-weight: bold;
  text-transform: lowercase;
  text-decoration: none;
}

a:visited {
  color: #7E5F34;
  font-family: Trebuchet;
  font-size: 12px;
  font-weight: bold;
  text-transform: lowercase;
  text-decoration: none;
}

a:hover {
  color: #ff8f29;
  font-family: Trebuchet;
  font-size: 12px;
  font-weight: bold;
  text-transform: lowercase;
  text-decoration: none;
}

a:active {
  color: #76572E;
  font-family: Trebuchet;
  font-size: 12px;
  font-weight: bold;
  text-transform: lowercase;
  text-decoration: none;
}

a { 
  text-decoration: none;
}


/* GUESTBOOK */

#gb {
  position: absolute;
  left: 260px;
  top: 350px;
}


hr {
  color: #ff8f29;
}



/* NEWS */

#date {
  color: #c19a64;
  background: url(bgnews.png) no repeat;
  width: 500px;
  height: 40px;
  padding-left: 32px;
  padding-top: 12px;
}
  


/* GALLERY */

#gallery {
 background-color: #51240D;
 color: #c19a64;
 position: absolute;
 left: 265px;
 top: 370px;
 width: 500px;
 text-align: center;
}

#gallery1 {
 background-color: #51240D;
 color: #c19a64;
 position: absolute;
 left: 265px;
 top: 370px;
 width: 150px;
 text-align: center;
}

#gallery2 {
 background-color: #51240D;
 color: #c19a64;
 position: absolute;
 left: 435px;
 top: 370px;
 width: 150px;
 text-align: center;
}

#gallery3 {
 background-color: #51240D;
 color: #c19a64;
 position: absolute;
 left: 605px;
 top: 370px;
 width: 150px;
 text-align: center;
}

#gallery4 {
 background-color: #51240D;
 color: #c19a64;
 position: absolute;
 left: 265px;
 top: 580px;
 width: 150px;
 text-align: center;
}

#gallery5 {
 background-color: #51240D;
 color: #c19a64;
 position: absolute;
 left: 435px;
 top: 580px;
 width: 150px;
 text-align: center;
}

#gallery6 {
 background-color: #51240D;
 color: #c19a64;
 position: absolute;
 left: 605px;
 top: 580px;
 width: 150px;
 text-align: center;
}

#gallery7 {
 background-color: #51240D;
 color: #c19a64;
 position: absolute;
 left: 265px;
 top: 790px;
 width: 150px;
 text-align: center;
}

#gallery8 {
 background-color: #51240D;
 color: #c19a64;
 position: absolute;
 left: 435px;
 top: 790px;
 width: 150px;
 text-align: center;
}

#gallery9 {
 background-color: #51240D;
 color: #c19a64;
 position: absolute;
 left: 605px;
 top: 790px;
 width: 150px;
 text-align: center;
}

#f1 {
 background-color: #c19a64;
 color: #51240D;
 position: absolute;
 left: 265px;
 top: 370px;
 width: 500px;
 text-align: left;
}

#f2 {
 background-color: #c19a64;
 color: #51240D;
 position: absolute;
 left: 265px;
 top: 534px;
 width: 500px;
 text-align: left;
}

#f3 {
 background-color: #c19a64;
 color: #51240D;
 position: absolute;
 left: 265px;
 top: 698px;
 width: 500px;
 text-align: left;
}

#f4 {
 background-color: #c19a64;
 color: #51240D;
 position: absolute;
 left: 265px;
 top: 862px;
 width: 500px;
 text-align: left;
}

#f5 {
 background-color: #c19a64;
 color: #51240D;
 position: absolute;
 left: 265px;
 top: 1026px;
 width: 500px;
 text-align: left;
}

#f6 {
 background-color: #c19a64;
 color: #51240D;
 position: absolute;
 left: 265px;
 top: 1190px;
 width: 500px;
 text-align: left;
}

#f7 {
 background-color: #c19a64;
 color: #51240D;
 position: absolute;
 left: 265px;
 top: 1354px;
 width: 500px;
 text-align: left;
}

#f8 {
 background-color: #c19a64;
 color: #51240D;
 position: absolute;
 left: 265px;
 top: 1518px;
 width: 500px;
 text-align: left;
}

#f9 {
 background-color: #c19a64;
 color: #51240D;
 position: absolute;
 left: 265px;
 top: 1672px;
 width: 500px;
 text-align: left;
}

#f10 {
 background-color: #c19a64;
 color: #51240D;
 position: absolute;
 left: 265px;
 top: 1860px;
 width: 500px;
 text-align: left;
}


#f11 {
 background-color: #c19a64;
 color: #51240D;
 position: absolute;
 left: 265px;
 top: 2014px;
 width: 500px;
 text-align: left;
}

#indexpic {
 background-color: #c19a64;
 color: #51240D;
 position: absolute;
 left: -25px;
 top: 100px;
}

#counter {
 background: url(pics/bg.jpg) 0 repeat;
 color: #c19a64;
 position: absolute;
 left: 60px;
 top: 700px;
}

#handy {
 background: url(pics/bg.jpg) 0 repeat;
 color: #c19a64;
 position: absolute;
 left: 60px;
 top: 100px;
}