body{
	font-family:Calibri, Verdana, Arial, sans-serif;
	font-size:14px;
}

dd[lang="en"]::before{
	content: url(lang-en.png);
	margin-right:5px;
}

dd[lang="de"]::before{
	content: url(lang-de.png);
	margin-right:5px;
}

.copyright{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

a img{
	border:none;
}

html[lang~="de"] q:not([lang]), q[lang~="de"] { quotes: '„' '“' '‚' '‘'; }

h1,h2,h3{
	font-family: Garamont, Georgia, serif;
	color: #000;
	text-shadow: -1px 0px 2px #888;
}

h1,h2,h3,h4,h5,h6{
	padding:0px;
	margin:0px;
	margin-top:24px;
	margin-bottom:12px;
}

p{
	padding:0px;
	margin:0px;
	margin-top:12px;
}

body{
	/*background: fixed linear-gradient(#000, #555 80%, #666);*/
	background: #000;
	margin:0px;
	padding:0px;
	font-family: Cambria, Arial, sans-serif;
	color:#000;
}

#browser-notice{
		font-size:12px;
		background:#fe0;
		border-bottom:1px solid #000;
		padding:4px;
		margin:0px;
}

#article-body{
	margin:0px;
	background: #ccc;
	background: linear-gradient(#fff,#eee 200px, #ccc 600px);
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding:20px;
	border-radius:3px;
	border: 3px solid #000;
	border-top-colors:#000 #fff #000;
	border-bottom-colors:#000 #fff #000;
	border-left-colors:#000 #fff #000;
	border-right-colors:#000 #fff #000;
}

#article-body .snippet-content{
	font-family: Consolas, Courier New, monospace;
	font-size:12px;
}

#article-body p.section{
	border-left: 6px solid  #aaa;
	border-bottom: 6px solid #aaa;
	border-radius:16px;
	padding:16px;
	padding-right:0px;
}

code.element.linking{
	color:#041;
	font-weight:bold;
}

.historylink{
	font-size:12px;
	color:#400;
	float:right;
}

p.lexicon dl{
	border-bottom:1px dotted #000;
	padding-bottom:10px;
}

.linking{
	cursor:pointer;
}

a, .lexdef.linking{
	color:#008;
}

a:hover, .lexdef.linking:hover{
	color:#00f;
}

span.linking{
	border-bottom:1px dotted #000;
}

code.element.linking:hover{
	cursor:pointer;
	color:#00f;
}


code.element:before{
	content:"<";
}

code.element:after{
	content:">";
}

.todo:before{
	content:"Dieser Abschnitt ist noch in Bearbeitung";
	font-size:20px;
	font-weight:bold;
}

.todo{
	background:rgba(255,0,0,0.5	) !important;
}

#article-body .snippet-content{
	height:160px;
	overflow:scroll;
	overflow-x:auto;
}

#article-body .snippet-content, .element-table{
	width:95%;
	padding:0px;
	margin:5px;
	border:none;
	border-radius:4px;
	background:linear-gradient(#ddd,#fff 10%, #fff);
}

.element-table{
}

#article-body .snippet-content ul{
	list-style:none;
	margin:0px;
	padding-left:30px;
}

#article-body .snippet-content li{
	margin:0px;
	padding:0px;
}

.snippet-container{
	margin-top:12px;
}

tt.snippet{
	display:block;
}

tt.snippet-content{
	display:block;
	white-space:pre;
}

table{
	width:100%;
	margin:0px;
	padding:0px;
}

td, th{
	padding-right:5px;
	font-size:12px;
}

th{
	color:#fff;
	background:#333;
	background:linear-gradient(#333, #000);
}

td{
	background:#fff;
	background:linear-gradient(#ddd,#fff 30%, #fff);
}

iframe, object{
	background:#fff;
}

#index, #index a{
	color:#fff;
	text-decoration:none;
}

 #index a:hover{
	text-decoration:underline;
 }

#index { 
	border-radius:30px;
	padding:20px;
	margin:20px;
	background:#fff;
	background:linear-gradient(#000,#111 2% ,#333 15%, #444);
}
#index ol{ counter-reset: item; }
#index li{ display: block; }
#index li:before{  content: counters(item, "."); counter-increment: item; margin-right:5px;}

dd{
	margin-bottom:4px;
}