/*--- Architektur Koenigshausen----------*/
/*--- Basis-Einstellungen ---------------*/
html,body {
  width:100%; height:100%;
  border:0; margin:0; padding:0;
  overflow-y:auto; overflow-x:auto;
}
* { margin:0; padding:0; }
a:link    { text-decoration: none;  color: #000000; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: none; }
a:active  { text-decoration: none; }
body {
  font-family: "Courier New", Courier, monospace;
  font-size: 12px; line-height:15px;  color:#000000;
  background:#EBE9E9;     /* !!!TEST!!! #EBE6E6 #F0E6E6 #FFFAFA #D9B1A5 #E9DDCE #B96B65 #D9B1A5 #D9B5AB*/
}
/*--- vertikale Zentrierung ------------*/
#spacer {
  width: 1px;
  height: 50%;
  margin-bottom: -325px; /* 1/2 content-height */
  float: left;
}
/*--- Container ------------------------*/
div#website_content {
  z-index: 1;
  width:1000px;
  height:650px;
  border: 1px solid #990000;
  clear: left;
  position:relative;
  margin-top:auto;    /* Abstand oben !!!! */
  margin-bottom:auto;
  margin-left:auto;   /* horizontale Zentrierung */
  margin-right:auto;  /* horizontale Zentrierung */
  background:#FFFFFF;
}
/*--Nav-Container --*/
div#navigation {
  width: 150px;
  height:85px;
  left: 62px;
  top: 81px;
  position:absolute;
  margin:0;
  z-index: 2;
  display:block;
  /* background:#E7F4FC;  TEST!!! */
}
/*--Nav-Menue--*/
ul#nav_menue {
    position:relative;
    width:100%;
    height:100%;
    margin: 0px;
    padding: 0px;
    border: 0px solid black;
}
/*--Nav-Optionen--*/
ul#nav_menue li {
    list-style: none;
    margin:0px;
    margin-bottom:1px;
    padding:0px;
    line-height:16px;
}
ul#nav_menue a , ul#nav_menue span {
    color:#000000;
    text-decoration: none;
    width:100%;
    border: 0px solid black;
}
ul#nav_menue a:hover {
    color:#990000;
}
/*--Standort hervorheben--*/
ul#nav_menue span {
    color:#990000;    
}
/*---Logo links----------*/
div#logo {
  width: 110px;
  height:110px;
  left: 62px;
  top: 239px;
  position:absolute;
  background-image:url(logoka50.gif);
  background-repeat:no-repeat;
}
/*---Farbstreifen Default: rechts --*/
div#farbstreifen {
  width:73px; height:486px;
  right:0px; top:0px;
  background-color: #990000;
  position:absolute;
  z-index: 99;
}
/*----------------------*/
/*----------------------*/
/*----------------------*/

/*---- kontakt-impressum archi_kontakt.htm --------------*/
div#kont_g {
  bottom:33px;
  right:0px;
  position:absolute;
  border: 0px solid #FF0000;
}
div#kont_txt {
  top:81px; left:393px;
  position:absolute;
  border: 0px solid #FF0000;
}
#kont_txt p {line-height:17px; margin-bottom:15px; }

/*---- Profil archi_profil.htm --------------------------*/
div#prof_txt {
  top:186px;
  left:389px;
  position:absolute;
  border: 0px solid #FF0000;
  width: 460px;
}
#prof_txt p {margin-bottom: 9px; }

/*---- Referenzen archi_referenzen.htm + archi_ref2.htm + archi_ref3.htm -------*/


div#ref_txt {
  width:592px; max-height:340px;
  top:234px; right:0px;
  margin:0px;
  padding:0px;
  margin-right:10px;
  position:absolute;
  overflow-y:auto; overflow-x:hidden;
  border: 0px solid #FF0000;
}

#ref_txt p {margin-bottom: 2px; }


div#dat_txt {
  width:680px; max-height:700px;
  top:50px; right:90px;
  margin:0px;
  padding:0px;
  margin-right:5px;
  position:absolute;
  overflow-y:auto; overflow-x:hidden;
  border: 0px solid #FF0000;
}

#dat_txt p {margin-bottom: 2px; }

/*---- Datenschutzerklärung archi_datenschutzerklärung.htm --------------------------*/

/*---Farbstreifen unten mit Seitensteuerung--*/
div#ref_farbstreifen {
  width:602px; height:73px;
  top:577px; right:0px;
  background-color: #990000;
  position:absolute;
  z-index: 99;
}
/*---Referenzen: Seitensteuerung komplett - innerhalb ref_farbstreifen --*/
div#ref_navi {
    width:170px; height:16px;
    margin-top:29px;    /* Abstand oben */
    margin-left:auto;   /* horizontale Zentrierung */
    margin-right:auto;  /* horizontale Zentrierung */
    border: 0px solid #0000FF;

}
  /*---Seitensteuerung 123 --*/
  div#ref_nav123 {
    width:73px; height:16px;
    margin-left:30px;
    margin-right:30px;
    font-size:13px;line-height:16px;    
    float:left;
    border: 0px solid #FFFFFF;
  }
    div#ref_nav123 a , div#ref_nav123 span {
        color:#FFFFFF;
        text-decoration: none;
        letter-spacing:8px;
        border: 0px solid black;
    }
    div#ref_nav123 a:hover {
        font-weight:bold;
        border: 0px solid black;
    }
    /*--Standort hervorheben--*/
    div#ref_nav123 span {
        font-weight:bold;
        color:#000000;
    }

  /*---Seitensteuerung vor zur --*/
  div#ref_next, div#ref_back {
	width:12px;
	height:12px;
	margin-top:2px;
	cursor:pointer;
	float:left;
	border: 0px solid #00FF00;
  }
    div#ref_back{
      background: url(index_sub_back.gif);
      background-repeat:no-repeat;
    }
    div#ref_next{
      background: url(index_sub_next.gif);
      background-repeat:no-repeat;
    }

    div#ref_next a, div#ref_back a {
      display: block;
      width:12px; height:12px;
      margin:0; padding: 0;
      }
/*---- Referenzen archi_referenzen.htm + archi_ref2.htm + archi_ref3.htm -------*/
/*---
div#ref_txt {
  width:592px; max-height:340px;
  top:234px; right:0px;
  margin:0px;
  padding:0px;
  margin-right:10px;
  position:absolute;
  overflow-y:auto; overflow-x:hidden;
  border: 0px solid #FF0000;
}

#ref_txt p {margin-bottom: 8px; }
*/
/*---Anzeige von Fotos----*/
#ref_txt p span {
    background-image:url(pf_referenzen.gif);
    background-repeat:no-repeat;
    background-position:bottom 3px left 0px ;    
    cursor:pointer;
    border: 0px solid #FF0000;
}
#ref_txt p span:hover {
    color:#990000;
}

  div#ref_g{
    width: 220px;
    max-height:350px;
    display:none;
    right:608px; /*text*/
    position:absolute;
    background-color:#FFFFFF;
    border: 0px solid #0000FF;
  }
  img#ref_akt {
    max-width:235px;
    max-height:350px;
    position:absolute;
    bottom:0px; right:0px;
    border: 0px solid #00FF00;
  }


/*---- Projekte archi_index.htm --------------------------*/
/*---grafisches menu----*/
div#idx_graf_menue {
	width:658px;
	height:213px;
	top:195px;
	left:278px;
	background: url(../img/idx_puzzle.jpg);
	background-repeat:no-repeat;
	position:absolute;
}
  .idx_gm {
    background: url(transparent.gif);
    background-repeat:repeat;
    position:relative;
    float:left;
    z-index:80;
    cursor:pointer;
    border: 0px solid #0000FF; /*---TEST 1px !!! ----*/
  }
  div#idx_gm_1, div#idx_gm_2, div#idx_gm_3,  div#idx_gm_4  {
    height:104px;
  }
  div#idx_gm_5, div#idx_gm_6, div#idx_gm_7,  div#idx_gm_8  {
    height:105px;
  }
  div#idx_gm_1, div#idx_gm_5  {
    width:161px;
  }
  div#idx_gm_2, div#idx_gm_6  {
    width:162px;
  }
  div#idx_gm_3, div#idx_gm_7  {
    width:164px;
  }
  div#idx_gm_4, div#idx_gm_8 {
    width:163px;
  }

/*---Submenu fuer Fotogalerie----*/
div#idx_sub{
  width:736px; height:608px;
  top:0px; right:0px;
  position:absolute;
  z-index:100;
  display:none; /*---TEST block !!! ----*/
  border: 0px solid #0000FF;
}
  div#idxsub_g{
    width: 663px;
    height:545px;
    top:0px;
    right:73px; /*roter Rand*/
    position:absolute;
    background-color:#FFFFFF;
    border: 0px solid #00FF00; /*---TEST 1px !!! ----*/
  }
  img#img_akt {
    max-width:663px; max-height:545px;
    position:absolute;
    bottom:0px; right:0px;
  }
  div#idxsub_txt{
    width:663px; height:52px;
    bottom:0px; left:0px;
    text-align:right;
    position:absolute;
    border: 0px solid #FF0000;
  }

  div#idxsub_hide{
    width:25px; height:12px;
    right:36px; top:395px;
    background: url(index_sub_hide.gif);
    background-repeat:no-repeat;
    z-index:100;
    cursor:pointer;
    position:absolute;
  }

  div#idxsub_next, div#idxsub_back {
    width:12px; height:12px;
    cursor:pointer;
    position:absolute;
    z-index:100;
  }
  div#idxsub_next{
    right:46px; top:367px;
    background: url(index_sub_next.gif);
    background-repeat:no-repeat;
  }
  div#idxsub_back{
    right:47px; top:355px;
    background: url(index_sub_back.gif);
    background-repeat:no-repeat;
  }

/*----------------------*/