/* henning.haeske.css v 0.4 */

body {
	padding : 0 10px 0 14.5em;
	margin : 0;
	font-family: sans-serif;
	}

.bariero {
	display : none;
	}


/*Menu */

img[id="simbolaBildo"] {
	width : 100%;
	}

div[id="navigaciajxo"] {
	width : 12.5em;
	position : fixed;
	top : 0;
	left : 0;
	bottom : 0;
	background : #ffffff;
	color : inherit;
	}

div[id="sercxo"],
div[id="avizo"],
div[id="menuo"],
div[id="legosignoj"],
div[id="lingvoj"] {
	position : absolute;
	right : 0.25em;
	vertical-align : middle;
	text-align : right;
	display: block;
	}

div[id="menuo"] { 
	z-index : 8; 
	top : 0.7em; 
	}

div[id="legosignoj"] { 
	z-index : 7;
	top : 2.5em;
	}

div[id="sercxo"] {
	z-index : 6;
	top : 4.3em;
	}
	
div[id="lingvoj"] {
	z-index : 5;
	top : 6.1em;
	}

div[id="avizo"] {
	z-index : 4;
	top : 7.9em;
	}
	
div[id="navigaciajxo"] > img {
	top : 0em;
	display : block;
	position : absolute;
	height : 9.5em;
	/*z-index : 0;*/
	}
	
div[id="aktualaPagxo"] {
	position : absolute;
	top : 9.5em;
	left : 0;
	right : 0;
	height : 2.5em;
	padding : 0.25em;
	background : url(../grafikoj/fundoHelaGrizo.png) repeat;
	background-color : #f6f6f6;
	color : #333333;
	z-index : 3;
	line-height : 0.8em;
	}

div[id="aktualaPagxo"] > span {
	font-size : 0.6em;
	vertical-align: middle;
	}

div[id="aktualaPagxo"] > span > a {
	text-decoration: none;
	color: #000000;
	}
	
div[id="internaNavigaciaKategorio"] {
	display: block;
	position : absolute;
	top : 12.5em;
	left : 0;
	right : 0;
	text-align : center;
	height : 2em;
	padding-top : 0.5em;
	background : url(../grafikoj/fundoFlavo.png) repeat;
	background-color : inherit;
	color : white; /* für EXTREM Kontrass schwarz */
	z-index : 2;
	/*padding-bottom : 0.7em;*/
	}


div[id="internaNavigacio"] {
	position : absolute;
	display: block;
	right : 0;
	left : 0;
	top : 15em;
	bottom : 0;
	padding-top : 0.5em;
	margin : 0;	
	overflow : auto;
	background : url(../grafikoj/fundoHelaGrizo.png) repeat;
	background-color : #F6F6F6;
	color : inherit;
	z-index : 1;
	}

div[id="internaNavigacio"] > div > a {
	text-decoration : none; 
	padding : 0.15em 0.5em 0.15em 0em; 
	float : left;
	width : 100%;
	color : #333333;
	background-color : inherit;
	vertical-align : top; 
	}
	
div[id="internaNavigacio"] > div > a:hover {
	text-decoration : none; 
	background : #dddddd;
	color : inherit;
	}

div[id="internaNavigacio"] > div > a > span[class="numeroNivelo1"] {
	float : left;
	font-size : 0.9em;
	width : 9%;
	text-align:right;
	text-decoration : none;
	} 

div[id="internaNavigacio"] > div > a > span[class="cxapitroNivelo1"] {
	float : right;
	font-size : 0.9em;
	width : 89%;
	text-decoration : none;
	}
	
div[id="internaNavigacio"] > div > a > span[class="numeroNivelo2"] {
	float : left;
	font-size : 0.8em;
	width : 22%;
	text-align:right;
	text-decoration : none;
}

div[id="internaNavigacio"] > div > a > span[class="cxapitroNivelo2"] {
	float : right;
	font-size : 0.8em;
	width : 77%;
	text-decoration : none;
	} 

div[id="internaNavigacio"] > div > a > span[class="numeroNivelo3"] {
	float : left;
	font-size : 0.7em;
	width : 37%;
	text-align:right;
	text-decoration : none;
}

div[id="internaNavigacio"] > div > a > span[class="cxapitroNivelo3"] {
	float : right;
	font-size : 0.7em;
	width : 60%;
	text-decoration : none;
} 

div[id="internaNavigaciaKategorio"] > h2 {
	font-size : 1em;
	margin : 0;
	font-weight : normal;
	}

div[id="avizo"] > h2,
div[id="sercxo"] > h2,
div[id="lingvoj"] > h2,
div[id="legosignoj"] > h2,
div[id="menuo"] > h2 {
	font-size : 0.8em;
	margin : 0;
	font-weight : normal;
	}

/*
div[id="internaNavigaciaKategorio"] > ul {
	left : 15em;
	}
	
*/
	
div[id="internaNavigaciaKategorio"]:hover ul[class="menuoNivelo1"],
div[id="lingvoj"]:hover ul[class="menuoNivelo1"],
div[id="legosignoj"]:hover ul[class="menuoNivelo1"],
div[id="menuo"]:hover ul[class="menuoNivelo1"],
div[id="sercxo"]:hover > div[id="sercxoFenestro"],
div[id="avizo"]:hover > div[id="avizoFenestro"] { 
	visibility : visible;
	}

div[id="supraOmbro"] {
	width : 0.65em;
	height : 9.5em;
	position : fixed;
	top : 0 ;
	left : 12.5em;
	z-index: 1; 
	}

div[id="subaOmbro"] {
	width : 0.65em;
	position : fixed;
	top : 9.5em;
	left : 12.5em;
	bottom : 0;
	height: 100%;  /*Muss sein wegen des Konq.*/
	z-index: 1;
	}

img[class="ombroGrafiko"] {
	width : 100%; 
	height : 100%;
	z-index: 1;
	}