/*** css for complete hubert kamuf website ***/


body
{
  height:100%;
  width:100%;
  cursor:default;
  font-family:helvetica,arial narrow,mgopen moderna,freesans;
  /*color:#f3cf07;*/
  color:#f46c08;
  background-color:#ffd366;
  text-align:center;
  margin:0 auto;
  font-size:0.83em;
  line-height:1.05em;
  font-weight:600;
  overflow:hidden;
}

.clr
{
	clear:both;
}

/*** layers ***/

#div_hg
{
  position:relative;
  text-align:center;
  margin:0 auto;
  top:2%;
  /*left:100px;*/
  width:733px;
  height:590px;
  /*background:url(../images/web_hg.png) no-repeat;*/
}
#div_banner
{
  position:absolute;
  width:350px;
  height:50px;
  top:5%;
  left:1%;
  font-size:1.3em;
  font-weight:600;
  color:#a70509;
  /*background-color:red;*/
}
.div_left
{
	width:1px;
	visibility:hidden;
	height:50%;
	/*background-color:red;*/
	margin-bottom:-295px; /* height div_for_all_layers/2 */
	float:left;
}
.div_for_all_layers
{
  position:relative;
  text-align:center;
  margin:0 auto;
  top:0%;
  /*left:100px;*/
  width:733px;                
  height:590px;
  clear:left;
  /*background-color:lime;*/
}
#div_mainmen
{
  position:absolute;
  width:150px;
  height:160px;
  top:38%;
  left:-4%;
  /*color:#8a898d;*/
  text-align:right;
  /*background-color:red;*/
}
#div_submen
{
  position:absolute;
  top:58%;
  left:15%;
  width:30%;
  font-size:0.9em;
  line-height:1.3em;
  text-align:right;
  /*background-color:aqua;*/
}
#div_innerHTML
{
  position:absolute;
  top:15%;
  left:25%;
  width:400px;
  height:420px;
  /*background-color:red;*/
  z-index:2;
}
#div_content_text
{
  position:absolute;
  top:10%;
  left:0%;
  width:600px;
  font-size:0.9em;
  line-height:1.4em;
  text-align:center;
  z-index:3;
  /*background-color:silver;*/
}
/*************************************************/
#profession
{
  position:absolute;
  width:150px;
  height:160px;
  top:0px;
  left:8px;
  text-align:right;
}
#sub_profession
{
  visibility:hidden;
}
#verhalten
{
  position:absolute;
  top:-15px;
  left:30px;
  text-align:right;
  z-index:10;
}
#integration
{
  position:absolute;
  top:5px;
  left:36px;
  text-align:right;
  z-index:10;
}
/*************************************************/
#vita
{
  position:absolute;
  width:150px;
  height:160px;
  top:18px;
  left:2px;
  text-align:right;
}
/*************************************************/
#psychotherapie
{
  position:absolute;
  width:150px;
  height:160px;
  top:36px;
  left:-3px;
  text-align:right;
}
#sub_psychotherapie
{
  visibility:hidden;
  text-align:left;
}
#aengste
{
  position:absolute;
  top:-15px;
  left:30px;
  z-index:10;
}
#phobien
{
  position:absolute;
  top:5px;
  left:36px;
  z-index:10;
}
#depressionen
{
  position:absolute;
  top:25px;
  left:46px;
  z-index:10;
}
#burnout
{
  position:absolute;
  top:45px;
  left:60px;
  z-index:10;
}
#zwaenge
{
  position:absolute;
  top:65px;
  left:82px;
  z-index:10;
}
#grenzgebiete
{
  position:absolute;
  top:85px;
  left:113px;
  z-index:10;
}
/*************************************************/
#interessen
{
  position:absolute;
  width:150px;
  height:160px;
  top:54px;
  left:-7px;
  text-align:right;
}
#sub_interessen
{
  visibility:hidden;
}
#mystik
{
  position:absolute;
  top:-15px;
  left:30px;
  z-index:10;
}
#parapsychologie
{
  position:absolute;
  top:5px;
  left:36px;
  z-index:10;
}
#alchemie
{
  position:absolute;
  top:25px;
  left:46px;
  z-index:10;
}
#freimaurer
{
  position:absolute;
  top:45px;
  left:60px;
  z-index:10;
}
#dichtung
{
  position:absolute;
  top:65px;
  left:82px;
  z-index:10;
}
/*************************************************/
#privat
{
  position:absolute;
  width:150px;
  height:160px;
  top:72px;
  left:-9px;
  text-align:right;
}
#sub_privat
{
  visibility:hidden;
}
#geschichte
{
  position:absolute;
  top:-15px;
  left:30px;
  text-align:right;
  z-index:10;
}
#stammbaum
{
  position:absolute;
  top:5px;
  left:36px;
  text-align:right;
  z-index:10;
}
#wappen
{
  position:absolute;
  top:25px;
  left:46px;
  text-align:right;
  z-index:10;
}
/*************************************************/
#impressum
{
  position:absolute;
  width:150px;
  height:160px;
  top:88px;
  left:-7px;
  text-align:right;
}


#div_wappen_wasserzeichen
{
  position:absolute;
  top:30%;
  left:60%;
  width:277px;
  height:270px;
  /*background-color:red;*/
}
#div_profession
{
	position:absolute;
	top:30%;
	left:58%;
	visibility:hidden;
	border:none;
	font-size:1.0em;
	line-height:1.5em;
	text-align:center;
}
#div_vita
{
	position:absolute;
	width:600px;
	top:17%;
	left:20%;
	visibility:hidden;
	border:none;
	font-size:1.0em;
	line-height:1.3em;
	text-align:center;
}

#div_impressum
{
	position:absolute;
	top:30%;
	left:45%;
	visibility:hidden;
	border:none;
	font-size:1.0em;
	line-height:1.5em;
	text-align:center;
}



#div_navi_li
{
	position:absolute;
	top:390px;
	left:85px;
	visibility:visible;
	z-index:15;
	/*background-color:lime;*/
}
#div_navi_re
{
	position:absolute;
	top:390px;
	left:96px;
	visibility:visible;
	z-index:15;
	/*background-color:silver;*/
}

.unter_ueb
{
  font-size:1.3em;
}
a:link
{
	color:#a70509;
}

a:visited,focus,hover,active
{
	color:#a70509;
}