/* 
	HILFESEITERN PUTZI 4 WIN
*/

body{margin: 0; padding: 0; background: #fff;
	background: linear-gradient(10deg,#fff,#fff,#eef) fixed;
}
body,td{
	font-family: arial; font-size: 1.1em; 
	color:#888;
}

a{color:#36c;}
img {
border: 3px solid #fff;
padding: 5px;
border-radius: 10px;
box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}
input{border: 1px solid #ccc; border-radius: 5px; padding: 4px; }
table.metatable *{color:#ccc;}
div.metatable{background:#f8f8f8; border-top: 3px solid #eee; padding: 4px; margin-top: 40px;}
div.metatable input{background:#fea; color:#222;}


#top{
	background: #fff; 
	border-bottom: 2px solid #aaa;
	position: fixed; width: 100%;
	top: 0;
	box-shadow: 0 0 1em #aaa;
}

#brandlogo{float: left; padding: 0.2em 1em;}
#brandlogo a{
	color:#88a; text-decoration: none; font-size: 190%; font-weight: bold;	
	text-shadow: 0 1px 0 #fff, 2px 2px 0.2em #aaa;
}
	
	#breadcrumb{background: none; padding-left: 10px; }
	#breadcrumb a{text-decoration:none; color: #999;}
	#breadcrumb a:hover{text-decoration:underline; color: #222;}
	
#main{clear: both;}

#left{float:left; width: 350px; 
margin: 1em 0 0 10px;
}
#tree {margin-top: 5em;}
#tree a{color:#999; text-decoration: none; display: block;}
#tree a:hover{text-decoration: underline;}

#tree a.MAIN{padding: 0.5em; padding-left:10px; font-weight:bold; background1:#d0d0e8; border-top: 1px solid #e8e8e8;}
#tree a.SUB1{padding: 0.5em; padding-left:20px; background1:#ececf8; border-top: 1px solid #f8f8f8;}
#tree a.SUB2{padding: 0.5em; padding-left:30px; font-size: 90%; color: #888; background1:#f0f4ff; border-top: 1px solid #f8f8f8;}
#tree a.SUB3{padding: 0.5em; padding-left:40px; font-size: 80%; color: #888; background1:#f0ffff; border-top: 1px solid #f8f8f8;}
#tree ul {list-style:none outside none;padding: 0;margin: 0;}
#tree li{margin: 0;}
#tree a.active{font-weight: bold; color:#123; }

#content{background:#fff; margin: 0.2em 2em 0 390px; padding: 4px; border-left: 0px dotted #eee;}

#toc{float: right; right: 1em; background: #fff; color:#888; padding: 0.5em; width: 300px;
	border: 2px solid #eee; 
	border-right: 0px; 
}
#toc div {background: #eef; font-weight: bold; padding: 4px; margin-bottom: 4px;
}
#toc a{color:#888; text-decoration: none; display: block; font-size: 90%;}
#toc a:hover{text-decoration: underline;}
#toc a.h1{margin-left: 0px; font-weight: bold;}
#toc a.h2{margin-left: 0px;}
#toc a.h3{margin-left: 20px;}

p{margin:10px 10px;}

h1,h2,h3,h4,h5,h6{margin:0;}
h1{color:#448;font-size:140%; padding-left: 10px;}
	#breadcrumb,h1{margin-left: 380px;}

h2{
	color:#889;
	font-size:200%;
	margin: 2em 0 1em 0;
}
h3{
	color:#aab;
	font-size:170%;
	margin:30px 10px 0; 
}
h4{color:#aae;font-size:130%;margin:30px 20px 0;}
h5{color:#bbf;font-size:120%;margin:30px 30px 0;}
h6{color:#ccf;font-size:110%;margin:30px 40px 0;}

strong{color: #666;}

h3 ~ p, 
h3 ~ ul
{margin-left:20px;}

.lastchange{
	color:#aaa; background:#eee; margin: 10px; text-align:right; padding-right: 10px; border: 3px solid #fff;
	border-radius: 10px 0 0 0;
	right: 0;
	width: 500px;
	position: absolute;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}


/* --- intext -  Klassen --- */
.hintsheader{color:#888; background:#eeb; margin: 0px; padding: 4px; font-weight: bold;}
.hints{color:#888; 
padding: 10px;
background:#fed; 
border-left: 1em solid rgba(0,0,0,0.2)
}
.error{color:#a33; background:#fee;}

/* ======================================================================
Quicksearch
====================================================================== */

#search{float: right; padding: 8px; }

#qsresult{width: 60%; background:#f4f4f4; position:absolute;left: 20%;text-align:left;border: 15px solid rgba(0,0,0,0.1); border-radius: 10px;padding: 4px; margin: 10px; top:80px;
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
#qsresult .bg0{color: #f00;}
#qsresult a{display:block; text-decoration: none;}
#qsresult a:hover{background:#ddd;}
#qsresult .head a.close{color:#f00; background:#fe9; font-weight: bold; border:1px solid #ed8; padding:1px 10px 1px 10px;margin-right:5px; border-radius: 5px;}
#qsresult ol{margin-top:5px ;margin-bottom:5px ;}
#qsresult .head{background:#ddf; border-bottom: 2px solid #cce;border-top: 2px solid #eef; border-radius: 7px 7px 0 0; padding: 6px;}

.bg0{color:#f00; background:#ffa;}