/* ======================================================================

	CSS fuer die index.html

====================================================================== */

body{
	color:#333;
	background:#fea;
	font-family:arial;
}

h1{margin:0px;color:#66a; text-align:center; }
h2{margin:0px; margin-top: 10px; color:#eee; font-size: 110%; background:#aaa; padding: 3px; margin-bottom: 5px;}
p{margin:0px;}

a{color:#33a;}

#divMain{
	width: 89%;
	margin-left:5%;
	padding: 5px;
	border: 2px solid #dca;
	background:#fea;
}


/* ----------------------------------------------------------------------
	Menü links
   ---------------------------------------------------------------------- */
#divMenu{
	padding: 5px;
	margin-bottom: 10px;
	border: 0px dotted #c88;
	width:20%;
	float: left;
}
#divMenu  ul {list-style-type:none;margin-left:20px;margin:0px;padding:0px;}

/* ----------------------------------------------------------------------
	1. Level
   ---------------------------------------------------------------------- */
#divMenu  ul li {margin:0px; width:100%;}
#divMenu  ul li a{text-decoration:none; border-left:12px solid #fff;display:block;padding: 5px;}
#divMenu  ul li a:hover{background:#ed9; color:#333;border-left:12px solid #eee;}
#divMenu  ul li a.active{background:#fff; color:#333; font-weight:bold;border-left:12px solid #fd6;}

#divMenu  ul li ul {border-left:1px solid #FFF7DB; border-bottom:1px solid #FFF7DB; margin-left: 20px; margin-bottom:4px;}

/* ----------------------------------------------------------------------
	2. Level
   ---------------------------------------------------------------------- */
#divMenu  ul li ul li a{text-decoration:none; border-left:0px solid #fff;display:block;padding: 3px; margin-left: 0px;}
#divMenu  ul li ul li a:hover{background:#ed9; color:#333;border-left:0px solid #FFF7DB;}
#divMenu  ul li ul li a.active{background:#FFF7DB; color:#333; font-weight:normal;border-left:4px solid #fd6;}

#divMenu  ul li ul li ul {border-left:1px solid #FEE384;border-bottom:1px solid #FEE384;margin-left: 20px; margin-bottom: 4px;font-size:90%;}

/* ----------------------------------------------------------------------
	3. Level
   ---------------------------------------------------------------------- */
#divMenu  ul li ul li ul li a{text-decoration:none; border-left:0px solid #fff;display:block;padding: 3px; margin-left: 0px; }
#divMenu  ul li ul li ul li a:hover{background:#ed9; color:#666;border-left:0px solid #FEE384;}
#divMenu  ul li ul li ul li a.active{background:#FEE384; color:#666; font-weight:normal;border-left:0px solid #fd6;}


/* ----------------------------------------------------------------------
	IFrame
   ---------------------------------------------------------------------- */
#divIframe{
	float: left;
	width: 77%;
	height: 80%;
	border: 2px solid #cb7;
	padding: 4px;
	position:relative;
}

#divHeader{
	border-top: 0px solid #ddd;
	background:#caa;
	text-align:center;
	margin-bottom:5px;
}

#divFooter{
	border-top: 0px solid #ddd;
	background:#caa;
	text-align:center;
	margin-top:5px;
}


.button{
	border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
	border-right: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	background: #ccc; padding:0px; margin-top:0px;
	font-size: 100%;
}

.button:hover{background: #eef;}

/* ====================================================================== */