* { margin: 0 auto; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;
	list-style: none;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;
    vertical-align: baseline;
}

:focus {
        outline: 0;
}

body { background: #222;font-family: 'DigitaldreamRegular'; padding: 10px;}



cite { display: block; color: #FF4105; }
em { color: #4D4DFF; }

a { color: #111; text-decoration: none; }
a:hover { color: #FF4105; }
#links, #login { float: right; }
#login a:hover { color: #FF00FF; }

/* links Seiten */

h2 { background: #000; }
.brick {
	position: relative;
	top: 10px; 
	padding: 10px;
	margin-top: 20px; 			
	font-weight: lighter;		
	display: block;
	float: left;
	z-index: 200;
	color: #FE0001;
	max-width: 450px; 
	 }
<!-- .brick .movies { width: 640px; } -->
#linksPage { background-image:url(http://franklohmeyer.com/~/img/op.gif);}
#linksPage iframe { overflow: hidden; }
#linksPage a { color: #FF00FF; } 
#linksPage article a:hover { color: #FF8C00; background: #458B00;  }

#linksPage .links ul, .trash{
	display: block;
	max-height: 310px;
	overflow-y: auto;
}

div.overlay.black {
	background-image:url(http://franklohmeyer.com/links/img/transparent.png);		
	color:#fff;
	width: 656px;
	height: 526px;
}
ul li:nth-child(odd) a{ background: #7fcaff; text-shadow: rgb(0, 0, 0) 0px 1px 0px;}
ul ul { background: transparent;}
ul .tenners {}
ul .twenties { background: #CDAD00; }
ul .thirties { background: #734A12; }
ul .fourties { background: #292421; }
ul .fifties { background: #777733; }
ul .sixties { background: orange; }
ul .seventies { background: #FF4105; }
h2, a {
   -webkit-transition: color .25s linear .25s;
   transition: color .25s linear .25s;
}
@media (max-width: 500px) {
article h2 { color: fuchsia;}
.w1 ul li:nth-child(odd) a{ background:#009cff; }
}
.w1 ul li a.ok { background: #6FFF00; }




body#smart { margin: 0;padding: 0; color:#fff; }
#smart pre {margin: 0 auto; }
#smart a { padding-left: 20px; color: #000; }
#smart ul li:nth-child(odd) a{ background:#000; color: #fff; }
#smart #links { float: none; }
