/** CSS Document: layout.css
 * common layout styles
 * @author: M.Paetzel
 * @version: 1.0 
 * @year: 2008
 */
div {position: relative;}

body {
  margin: 0 0 0 0;
  background-color: #FFFFFF;
  color: #000000;
}

.cross {
  position: absolute;
  visibility: hidden;
}

/* page --------------------------------------------------------------------- */
#page {
  left: 0Px;
  top: 0Px;
  width: 770Px;
}

/* top banner --------------------------------------------------------------- */
#page .banner {
  height: 56Px;
}

/* banner logo */
.banner .logo {
  position: absolute;
  top: 17Px;
  left: 20Px;
  width: 235Px;
  height: 38Px;
}

/* rulers ------------------------------------------------------------------- */
#top_ruler{
  visibility: hidden;
  position: absolute;
}

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

#content {
  background-color: #FFFFFF;
  color: #000000;
  height: 300Px;

}
/* frame -------------------------------------------------------------------- */
/* right frame (text)*/
.right_frame {
  position: absolute;
  left: 0Px;
  width: 665Px;
  height: 246Px;
  top: 36Px;
  text-align: left;
}

/*tongue of content */
.left_frame {
  position: absolute;
  color: #000000;
  top: 320Px;
  left: 20Px;
  width: 800Px;
  z-index: 4;
  
}
.left_frame div.border_right {  position: absolute;}
/* left frame (image)*/
.left_image {
  position: absolute;
  left: 0Px;
  width: 247Px;
  top: 0Px;
  border: solid 1Px #000000;
  z-index: 6;
}

/* navibar ------------------------------------------------------------------ */
#navibar {
  position: absolute;
  visibility: hidden;
  color: #FFFFFF;
}

#left_ruler{
  visibility: hidden;
  position: absolute;
}


/** CSS Document: panel.css
 * defines of panel styles, navibar styles
 * @author: M.Paetzel
 * @version: 1.0 
 * @year: 2008
 */

/* tabs --------------------------------------------------------------------- */
/* common buttons (inactive) */
.button {
  position: absolute;
}

/* tabbar (text) */
#tabbar  {
  position: absolute;
  visibility: hidden;
}

/* tabbar (image) */
#tabbar_image  {
  visibility: hidden;
  position: absolute;
}

/* navi --------------------------------------------------------------------- */
#navibar .topic {
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica;
  font-size: 14Px;
}

#navibar .subs {
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica;
}

/* common navi links */
#navibar a:link, #navibar a:visited, #navibar a:active, #navibar a:hover {
  font-size: 11Px;
  font-weight: bold;
  text-decoration: none;
} 

#navibar a.isactive {
  text-decoration: underline;
  color: #000000;
}

/* main navi links */
#navibar .topic a:link, #navibar .topic a:visited, #navibar .topic a:active, #navibar .topic a:hover {
  font-size: 13Px;
  font-weight: bold;
  text-decoration: none;
} 

#navibar .topic a.isactive {
  text-decoration: underline;
}


/** 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: 12Px;
  color: #000000;
}

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

 a:hover {
  text-decoration: none;
}

a img {border: none;}

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

h2 {
  font-size: 14Px;
  color: #CC0000;
  text-decoration: underline;
}
/* banner ------------------------------------------------------------------- */


/* tabs --------------------------------------------------------------------- */
.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;}

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

#img_port {z-index: 8;}