/** CSS Document: style.css
 * defines of the user styles of all pages
 * @author: M.Paetzel
 * @version: 1.0 
 * @year: 2008
 */

div, td, span, a {
  font-family: Tahoma, Helvetica;
  font-size: 11Px;
  color: #333333;
}

a:link,  a:visited, a:active {
  color: #000000;
  text-decoration: underline;
}

 a:hover {
  color: #CC0000;
  text-decoration: none;
}

a img {border: none;}

/* titles ------------------------------------------------------------------- */
h1 {
  font-size: 24Px;
  letter-spacing: 0.1em;
  color: #339933;
}

h2 {
  font-size: 11Px;
  color: #CC0000;
  border-bottom: solid 1Px #CC0000;
  margin: 0Px;
  margin-right: 20Px;
  margin-bottom: 10Px;
  margin-top: 10Px;
  
}

h3 {
  font-size: 11Px;
  padding: 0Px;
  margin: 0Px;
}

/* banner ------------------------------------------------------------------- */
#page .banner {
  background-color: #333333;
}

.banner .titlebar {
  background-color: #666666;
}



/* tabs --------------------------------------------------------------------- */
.button {
  font-family: Tahoma, Helvetica, Tahoma;
  font-size: 11Px;
}
.button a:link, .button a:visited, .button a:active, .button a:hover {
  font-size: 11Px;
  text-decoration: none;
  color: #999999;
} 
.button a:hover {
  text-decoration: underline;
  color: #CC0000;
}

#tabbar_image .button {
  text-align: center;
}
#tabbar .button {
  font-weight: bold;
}
/* active tab */
.active a:link, .active a:visited, .active a:active {
  color: #000000;
}
.active a:hover {
  color: #CC0000;
}
/* spacers */
.button div {margin-top: 3Px; margin-left: 15Px;}
.button div.short {margin-left: 4Px;}
.right_frame .spacer {margin: 5Px; margin-left: 25Px; margin-top: 15Px;}


/* content ------------------------------------------------------------------ */




#image_welcome {
  position: absolute;
  top: 0Px;
  left: 16Px;
  overflow: hidden;
  width: 752Px;
  height: 297Px;
  padding-top: 1Px;
  padding-bottom: 2Px;
  background-image: url(../images/panel/start.jpg);
  z-index: 4;
}

/* contactpage -------------------------------------------------------------- */
.contact {position: absolute; top: 0Px; width: 400Px;}
.folio {position: absolute; top: 0Px; width: 400Px; left: -25Px;}

.pos2 {left: 75Px;}
.pos3 {left: 190Px;}
.pos4 {left: 290Px;}
.fpos2 {left: 50Px;}

#img_port {z-index: 8;}


.spacer p {
  padding: 0Px;
  margin: 0 0 12Px 0;  
}
.smallerblock p, p.smallerblock {
  padding: 0Px;
  margin: 0 50Px 12Px 0 ;
}


.letters {
  letter-spacing: 0.7em;
}

.folio_image {
  float: left;
  width: 36Px;
  height: 40Px;
}

.folio_content {
  margin-left: 40Px;
  height: 40Px;
}