@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);

body {
	background-color:#000;
	color:#555;
	font-family:"Arial", "Droid Sans", "Roboto", sans-serif;
	font-size:13px;
	padding:0 0 48px 0;
	margin:0 0 8px 0;
	/* filter: grayscale(100%); */
}

@media all and (min-width:481px) {
	body, form.comment input[type="text"], form.comment textarea {
		font-family: 'Roboto Condensed', "Arial", "Droid Sans", "Roboto", sans-serif;
	}
}

a:link { color:black; }
a:visited { color:grey; }
a:hover { 
	color:black; 
	/* -webkit-animation:pulseblack 1s infinite alternate linear; 
	-moz-animation:pulseblack 1s infinite alternate linear; 
	-o-animation:pulseblack 1s infinite alternate linear; 
	-ms-animation:pulseblack 1s infinite alternate linear; 
	animation:pulseblack 1s infinite alternate linear; */
}
a:active { color:red; }
a:focus { color:blue; }

/* normaler Artikel */
p {
	line-height:150%;
	/* font-family:"Arial", sans-serif; */
	clear:both;
	padding:3px;
}
p.iframe_caption {
	text-align:center;
	display:inline-block;
	border:1px solid black;
	box-shadow:inset 0px -2px 16px rgba(0, 0, 0, 0.5);
	font-size:80%;
	background-color:rgba(0, 0, 0, 0.5);
}

cite {
	display:block;
	padding:1ex;
	background-color:rgba(255, 255, 0, 0.25);
	border-radius:6px;
	box-shadow:
		inset 0 3px 3px rgba(0, 0, 0, 0.5),
		0 0 2px white 
	;
}
cite:before {
	content:"“";
}
cite:after {
	content:"”";
}
cite:before, cite:after {
	vertical-align:top;
	display:inline-block;
	height:12pt;
	font-size:200%;
	font-weight:bold;
	color:rgba(255, 255, 255, 0.325);
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.5);
	margin:0; padding:0;
}

img {
	border:none;
}

img.icon {
	vertical-align:bottom;
	margin-top:1px;
	margin-bottom:1px;
	margin-right:1px;
}

img.rechts {
	float:right;
	margin-left:8px;
}

img.links {
	float:left;
	margin-right:8px;
}

img.links, img.rechts {
	margin-bottom:1em;
}

img.linkicon {
	-webkit-transition:-webkit-transform 0.25s;
	-moz-transition:-moz-transform 0.25s;
	-o-transition:-o-transform 0.25s;
	-ms-transition:-ms-transform 0.25s;
	transition:transform 0.25s;

	width:32px;
	height:32px;
}

img.linkicon:hover {
	-webkit-transition:-webkit-transform 0.125s;
	-moz-transition:-moz-transform 0.125s;
	-o-transition:-o-transform 0.125s;
	-ms-transition:-ms-transform 0.125s;
	transition:transform 0.125s;
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
	-o-transform:scale(2);
	-ms-transform:scale(2);
	transform:scale(2);
}

div, div.copyright {
	padding:8px;
}

div.mainbody {
	max-width:1200px;
	min-width:500px;
	margin:auto;
	padding:0px;
	position:relative;
}

div.mainbody div.banner {
	margin:8px 0 2px 0;
	padding:0px;
	-webkit-box-shadow:none;
	box-shadow:none;
}

div.mainbody div.banner img {
	width:505px;
}

div.tile {
	display:inline-block;
	position:relative;
	width:45%;
	min-width:250px;
	height:250px;
	overflow:auto;
	border:2px solid rgba(255, 128, 0, 0.75);
	border-radius:6px;
	padding-top:1em;
	padding-left:8px;
	padding-right:8px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-position:bottom right; /* even older */
	background-position:bottom right, top 0px left 0px; /* drinne lassen, ist für das alte Android Handy!! */
	background-position:bottom 0.5ex right 0.5ex, top 0px left 0px;
	box-shadow:inset 0px 40px 80px rgba(0, 0, 0, 0.3), 0px 0px 5px rgba(255, 128, 0, 0.25);
	-webkit-transition:box-shadow 2.5s;
	-moz-transition:box-shadow 2.5s;
	-o-transition:box-shadow 2.5s;
	-ms-transition:box-shadow 2.5s;
	transition:box-shadow 2.5s;
	vertical-align:top;
}
div.tile:hover {
	box-shadow:inset 0px 40px 80px rgba(0, 0, 0, 0.0), 0px 0px 5px rgba(255, 128, 0, 0.75);
	-webkit-transition:box-shadow 0.5s;
	-moz-transition:box-shadow 0.5s;
	-o-transition:box-shadow 0.5s;
	-ms-transition:box-shadow 0.5s;
	transition:box-shadow 0.5s;
}
/* div.tile:after {
	display:block;
	border:1px solid red;
	content:"here";
	position:absolute;
	left:0px;
	bottom:-10px;
	z-index:10;
} */

div.mainbody div.tile:first-of-type {
	width:calc(90% + 33px);
}

div.tile::-webkit-scrollbar {
	width:6px;
	background-color:transparent;
	/* box-shadow:inset 0px 0px 6px rgba(0, 0, 0, 0.5); */
	border-radius:5px;
}
div.tile::-webkit-scrollbar-thumb {
	background-color:rgba(255, 128, 0, 0.75);
	border-radius:5px;
	/* box-shadow:inset 0px 0px 6px rgba(0, 0, 0, 0.5); */
}
div.tile::-webkit-scrollbar-thumb:window-inactive {
	background-color:rgba(255, 128, 0, 0.5); 
}

div.tile p {
	margin:0px;
	padding-top:6px;
}
/* experimentell: Inhalt scrollen, wenn der Mauszeiger drüber ist, ähnlich Deviantart.com */
/*div.tile:hover p {
	transition:transform 10s linear;
	transform:translateY(calc( -100% + 100px ));
}*/

div.tile p:first-child {
}

div.tile div.title {
	position:absolute;
	top:0px;
	left:0px;
	padding:0.5ex;
	background-color:rgba(255, 128, 0, 0.75);
	color:white;
	border-bottom-right-radius:6px;
	font-size:10pt;
	text-shadow:none;
	text-align:center;
}

div.body {
	font-size:13pt;
	background-color:#000;
	background-image:URL("shadow40px.png");
	background-position:top;
	background-repeat:repeat-x;
	border:1px solid rgba(255, 255, 255, 0.2);
	color:#ddd;
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0.5);
	padding:2em;
	padding-right:200px;
	padding-bottom:3em;
	border-radius:20px;
	margin-bottom:0px;
	min-height:250px;
	-webkit-box-shadow:0px 5px 25px rgba(0, 0, 0, 0.5);
	box-shadow:0px 5px 25px rgba(0, 0, 0, 0.5);
}

div.body a {
	color:#bbb;
}

h1, h2, h3, h4, h5, h6 {
	clear:both;
	color:white;
	text-shadow:0px 1px 0px black;
	font-weight:bold;
	border:none;
	padding-top:8px;
	padding-bottom:8px;
}

h1 {
	background-color:rgba(255, 255, 255, 0.1);
	text-align:center;
	border:1px solid rgba(0, 0, 0, 0.5);
	box-shadow:0px 10px 20px rgba(0, 0, 0, 0.5), inset 0px 3px 6px 2px rgba(0, 0, 0, 0.5);
	border-radius:2px;
}
h2 {
	border-top:1px solid rgba(255, 255, 255, 0.25);
	border-bottom:1px solid rgba(0, 0, 0, 0.25);
	box-shadow:
		0px -2px 0px rgba(0, 0, 0, 0.25), 
		0px 1px 0px rgba(255, 255, 255, 0.25)
	;
	color:white;
}
h1, h2 {
	text-shadow:
		0px 0px 30px rgba(255, 255, 128, 0.75), 
		0px 0px 60px rgba(255, 255, 128, 0.5)
	;
}
@supports (-webkit-background-clip:text) {
	h1 {
		text-shadow:none;
		filter:drop-shadow(0px 0px 10px rgba(255, 255, 128, 0.5));
		font-size:26pt;
		line-height:30pt;
		background:linear-gradient(to bottom, white 0%, white 45%, yellow 65%, orange 80%, orange 100%);
		background-size:100% 30pt;
		background-position:0 8px;
		-webkit-background-clip: text;
		-webkit-text-fill-color: rgba(255, 255, 255, 0.3);
	}
}


div.news_article, div.blog_article {
	position:relative;
	padding-top:0px;
	min-height:6em;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
	padding-left:60px;
}

div.tile div.news_article, div.tile div.blog_article {
	min-height:48px;
	border:none;
}

div.news_article p {
	min-height:64px;
}

div.new_year {
	text-align:center;
	font-size:35pt;
	color:rgba(191, 191, 191, 0.1);
	text-shadow:0px 0px 15px rgba(255, 255, 255, 0.1);
	font-weight:bold;
}

ul.blog_overview {
	color:#aaa;
	list-style-type:none;
	list-style-position:inside;
	background-color:rgba(0, 0, 0, 0.15);
	border-radius:5px;
	padding:1em 0 1em 0;
	box-shadow:inset 0px 0px 10px black;
}

ul.blog_overview li {
	padding-left:1em; padding-right:1em;
	margin-left:0; margin-right:0;
}

ul.blog_overview li.current {
	/* background-color:rgba(255, 255, 255, 0.1); */
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+51,ffffff+100&0.3+0,0.2+50,0.1+51,0+100 */
		background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	box-shadow:0px 2px 4px black;
}

ul.blog_overview li a {
	text-decoration:none;
	color:white;
}
ul.blog_overview li a:hover {
	text-decoration:underline;
	color:yellow;
}

div.overview {
	text-align:center;
}

div.overview a:hover, div.tag-c a:hover {
	color:white;
	/* -webkit-animation:none;
	-moz-animation:none;
	-o-animation:none;
	-ms-animation:none;
	animation:none; */
	text-shadow:0px 0px 40px white;
}

div.summary {
	text-align:right;
}

h2.newsdate {
	position:absolute;
	top:0px;
	left:-40px;
	color:#025;
	width:64px;
	text-shadow: 0px 1px 0px #68b;
	text-align:center;
	font-style:normal;
	font-weight:bold;
	border:1px solid #68b;
	box-shadow:0px 2px 2px rgba(0, 0, 0, 0.75), 0px 0px 40px 20px rgba(0, 0, 0, 0.1);
	background:#469; /*  url("calendarrelief_square.png") 50% 8px no-repeat; */
	border-radius:2px;
	padding-left:0.2em;
	padding-right:0.2em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	font-size:10pt;
}

h2.newsdate span {
	font-size:200%;
	display:block;
	padding:0px;
	margin:0px;
}

div.tile h2.newsdate {
	left:-5px;
	width:48px;
}

div.copyright {
	position:fixed;
	width:100%;
	bottom:0px;
	left:0px;
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0.5ex;
	padding-bottom:0.5ex;
	text-align:center;
	font-size:12pt;
	color:white;
	/* background-image:URL("sgblack.png"); */
	background-image:linear-gradient(to bottom,
		rgba(128, 128, 128, 0.75) 0%,
		rgba(61, 61, 61, 1.0) 50%,
		rgba(0, 0, 0, 1.0) 51%,
		rgba(0, 0, 0, 1.0) 100%
	);
	box-shadow:0px 0px 15px black;
	border:none;
}
/* will be red only in google chrome */
/* @media screen and (-webkit-min-device-pixel-ratio:0) { */
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
	div.copyright{
		/* background-color:rgba(0, 0, 0, 0.6);
		background-image:none;
		border-top:2px solid black;
		text-shadow:0px 1px 0px black, 0px 0px 6px white; */
		
		/* background-image:URL("sgblack_50.png"); */
		background-image:linear-gradient(to bottom,
			rgba(255, 255, 255, 0.4) 0%,
			rgba(255, 255, 255, 0.2) 50%,
			rgba(0, 0, 0, 0.25) 51%,
			rgba(0, 0, 0, 0.5) 100%
		);
		background-color:transparent;
		box-shadow:none;
		text-shadow:0px -1px 0px black;
		-webkit-backdrop-filter:saturate(180%) blur(20px);
		backdrop-filter:saturate(180%) blur(20px);
		
		/* background:linear-gradient(to bottom, transparent 0%, #1e3a6a 100%);
		font-weight:bold;
		font-size:16pt;
		text-shadow:
			2px 2px 0px black,
			0px 0px 4px rgba(0, 0, 0, 0.5)
			
		;
		box-shadow:none;
		padding:0;
	}
	div.copyright::before {
		display:block;
		width:100vw;
		height:0.75ex;
		background-color:rgba(127, 127, 127, 0.2);
		content:"";
		box-shadow:
			0px 1px 0px rgba(255, 255, 255, 0.5), 
			0px -1px 0px rgba(0, 0, 0, 0.5)
		;
		backdrop-filter:blur(10px); */
	}
}

div.copyright a {
	color:white;
}

div.navbar {
	background-color:rgba(0, 0, 0, 0.1);
	color:white;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	box-shadow:inset 0px 0px 10px rgba(0, 0, 0, 0.5);
	font-size:13pt;
	margin-top:10px;
	margin-bottom:-31px;
	padding:0px;
	padding-left:2ex;
	padding-bottom:30px;
	text-shadow:-4px 4px 5px rgba(0, 0, 0, 0.5);
}

div.navbar a.navbar {
	display:inline-block;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:1ex;
	padding-left:0px;
	margin-left:0px;
	color:white;
	text-decoration:none;
	background-image:URL("bc.svg");
	background-size:20px 100%;
	background-repeat:no-repeat;
	background-position:center right;
}
/* div.navbar a:hover { text-shadow:0px 2px 5px white; -webkit-animation:pulsewhite 1s infinite alternate linear; } */

div.navbar span {
	display:inline-block;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:0px;
	margin-right:0px;
}

div.navbar ul {
	padding-top:1em;
	padding-bottom:1em;
	position:absolute;
	width:145px;
	/* top:150px; */
	top:64px;
	right:0px;
	color:#ccc;
	background-color:rgba(0, 0, 0, 0.6);
	/* background-image:URL('shadow-top-20px.png');
	background-repeat:repeat-x; */
	border:1px solid rgba(255, 255, 255, 0.1);
	border-right:none;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	list-style-type:none;
	/* white-space:0px; */
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
	transition:box-shadow 0.5s, border-color 0.5s, background-color 0.5s;
}
div.navbar ul:hover {
	box-shadow:0px 0px 40px rgba(0, 0, 0, 0.5);
	transition:box-shadow 1.0s, border-color 1.0s, background-color 1.0s;
	border-color:rgba(255, 255, 255, 0.2);
	background-color:rgba(0, 0, 0, 0.9);
}

div.navbar ul li a {
	border-radius:0.5em;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	text-align:right;
	font-weight:bold;
	text-shadow:0px -1px 0px #333;
	-webkit-transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	-ms-transition:background-color 0.5s;
	transition:background-color 0.5s;
	padding-right:10px;
	margin-right:0px;
	/* border-top:1px solid rgba(255, 255, 255, 0.1);
	border-bottom:1px solid rgba(0, 0, 0, 0.5); */
	display:list-item;
}

div.navbar ul li a:hover {
	-webkit-transition:background-color 0.25s;
	-moz-transition:background-color 0.25s;
	-o-transition:background-color 0.25s;
	-ms-transition:background-color 0.25s;
	transition:background-color 0.25s;
	background-color:rgba(255,255,255,0.5);
}

div.navbar p {
	padding-top:4px;
	padding-bottom:4px;
	padding-left:0px;
	padding-right:0px;
	margin-bottom:0px;
}

@-webkit-keyframes pulseblack {
	from { text-shadow:0px 0px 4px rgba(0, 0, 0, 0.0); }
	to { text-shadow:0px 0px 4px rgba(0, 0, 0, 0.75); }
}

@-webkit-keyframes pulsewhite {
	from { text-shadow:0px 0px 6px rgba(255, 255, 255, 0.0); }
	to { text-shadow:0px 0px 6px white; }
}

a {
	color:black;
	-webkit-transition: color 250ms linear;
	-moz-transition: color 250ms linear;
	-o-transition: color 250ms linear;
	-ms-transition: color 250ms linear;
	transition: color 250ms linear;
}

div.navbar ul li a { text-decoration:none; }
div.navbar ul li a:link { color:#ddd; }
div.navbar ul li a:visited { color:#ddd; }
div.navbar ul li a:hover { color:white; }

/* old and new title links */
div.title_link {
	border:1px solid transparent;
	border-radius:3px;
}

div.body a.title_link {
	color:#ddd;
	text-decoration:none;
	display:block;
	border:1px solid transparent;
	border-radius:3px;
	padding:8px;
}
div.body a.title_link span {
	text-decoration:underline;
	color:#bbb;
}
div.title_link:hover, div.body a.title_link:hover {
	background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.0) 51%, rgba(255, 255, 255, 0.0) 100%);
	/* background-color:rgba(255, 255, 255, 0.1); */
	border:1px solid rgba(255, 255, 255, 0.2);
	box-shadow:0px 0px 10px black;
}
div.body a.title_link:active {
	color:#bbb;
	background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 50%, rgba(255, 255, 255, 0.1) 100%);
	/* background-color:rgba(0, 0, 0, 0.1); */
	box-shadow:inset 0px 0px 10px black;
}
div.body a.title_link:active span {
	color:#666;
}

div.menu {
	width:100%;
}

span.version {
	font-size:smaller;
	color:#888;
}

span.caution {
	font-weight:bold;
	color:yellow;
}

.warning {
	color:#811;
}

.right {
	text-align:right;
}

table.event th, table.event td {
	padding-left:1ex;
	padding-right:1ex;
	padding-top:0.5ex;
	padding-bottom:0.5ex;
}

table.event .date {
	text-align:center;
	white-space: nowrap;
}

table.event tr {
	-webkit-transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	-ms-transition:background-color 0.5s;
	transition:background-color 0.5s;
}

table.event tr:hover {
	background-color:white;
	color:black;
	text-shadow:none;
	-webkit-transition:background-color 0.25s;
	-moz-transition:background-color 0.25s;
	-o-transition:background-color 0.25s;
	-ms-transition:background-color 0.25s;
	transition:background-color 0.25s;
}
table.event tr:hover a {
	color:black;
	text-shadow:none;
}

table.event tr .short_toppic {
	color:rgba(255, 255, 255, 0.4);
	-webkit-transition:color 0.5s;
	-moz-transition:color 0.5s;
	-o-transition:color 0.5s;
	-ms-transition:color 0.5s;
	transition:color 0.5s;
	font-size:75%;
}

table.event tr:hover .short_toppic {
	color:rgba(0, 0, 0, 1.0);
	-webkit-transition:color 0.25s;
	-moz-transition:color 0.25s;
	-o-transition:color 0.25s;
	-ms-transition:color 0.25s;
	transition:color 0.25s;
}

table.event td.event_name {
	font-weight:bold;
}
table.event td.event_name a {
	text-decoration:none;
}
table.event td.event_name a:hover {
	text-decoration:underline;
}

table.steckbrief, table.changelog, table.extenderOverview {
	border:1px solid #aaa;
	padding:0px;
	margin:0px;
	width:100%;
	color:white;
	clear:both;
}

table.featurelist td {
	font-size:x-small;
	text-align:center;
	vertical-align:middle;
	background-color:#148;
}

th {
	background-color:#116;
	color:white;
	text-shadow:0px 0px 5px rgba(255, 255, 255, 0.5);
}

th.changelog_caption {
	width:50%;
	vertical-align:top;
}

td {
	vertical-align:top;
}

td.changelog {
	border:1px solid #888;
}

.odd {
	background-color:#001;
}

.even {
}

dt {
	background-color:rgba(0, 0, 0, 0.2);
	font-style:italic;
	color:#aaa;
}

code {
	font-family:monospace;
	color:#ccc;
	background-color:#000;
	background-image:URL("codebg.png");
}
div.content dl.codebox dd {
	font-size:11pt;
	background-color:#185963;
	margin:0px;
	padding:20px;
	padding-left:40px;
	border:2px solid #f80;
	border-radius:10px;
	box-shadow:inset 20px 20px 40px 0px #6baab5, inset 40px 40px 40px 0px rgba(255, 255, 255, 0.2), 0px 1px 2px black;
	box-shadow:inset 0px 0px 0px 20px black;
}
div.content code {
	color:#7fc9d6;
	text-shadow:
		-1px 0px 0px rgba(0, 0, 0, 0.75), 
		1px 0px 0px rgba(0, 0, 0, 0.1), 
		2px 0px 0px rgba(0, 0, 0, 0.1), 
		3px 0px 0px rgba(0, 0, 0, 0.1), 
		4px 0px 0px rgba(0, 0, 0, 0.1), 
		5px 0px 0px rgba(255, 255, 255, 0.05), 
		6px 0px 0px rgba(255, 255, 255, 0.05)
	;
	background:transparent;
	word-wrap:break-word;
}

div.terminal {
	font-family:monospace;
	color:#ccc;
	border-style: solid;
	border-width: 10px 10px 20px;
	-moz-border-image: url(border-monitor.png) 10 10 20 repeat;
	-webkit-border-image: url(border-monitor.png) 10 10 20 repeat;
	-o-border-image: url(border-monitor.png) 10 10 20 repeat;
	border-image: url(border-monitor.png) 10 10 20 fill repeat;
	box-shadow:0px 10px 20px rgba(0, 0, 0, 0.5);
	margin-top:1ex;
	margin-bottom:1ex;
	width:80ex;
	height:25em;
	overflow:auto;
}

hr {
	/* width:100%;
	height:5px;
	border-top:1px solid rgba(0, 0, 0, 0.5);
	border-bottom:1px solid rgba(255, 255, 255, 0.05);
	border-left:0 none transparent;
	border-right:0 none transparent;
	background-image:linear-gradient(to right, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.0) 100%); */
	width:100%;
	height:1px;
	background-color:rgba(255, 255, 192, 1.0);
	border:none;
	box-shadow:
		0px 1px 1px rgba(255, 255, 192, 0.75), 
		0px 2px 2px rgba(255, 255, 192, 0.75), 
		0px 3px 4px rgba(255, 255, 192, 0.75), 
		0px 4px 8px rgba(255, 255, 192, 0.75), 
		0px 5px 16px rgba(255, 255, 192, 0.75)
	;
	margin:2em 0 2em 0;
}

/* BLOG */
div.tag {
	color:#136;
}

div.tag a {
	color:#136;
	text-decoration:none;
}

div.tag-l, div.tag-c, div.tag-r {
	margin:0px;
	padding:0px;
	display:inline-block;
	height:28px;
	line-height:27px;
	background-image:URL("tag-50.png");
}

div.tag-l {
	width:26px;
	background-position:0px 0px;
}

div.tag-c {
	background-position:0px 28px;
}

div.tag-r {
	width:6px;
	background-position:right 0px;
}
/* Ende BLOG */

/* TOP BANNER */
@-webkit-keyframes fade_out {
	from { opacity:1; }
	to { opacity:0; }
}

@-webkit-keyframes fade_in {
	from { opacity:0; }
	to { opacity:1; }
}

#top_banner {
	z-index:99;
	text-align:center;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	background-color:white;
	color:#000;
	-webkit-box-shadow:0px 10px 48px black;
	box-shadow:0px 10px 48px black;
}

#top_banner h1, #top_banner h1, #top_banner h1, #top_banner h1, #top_banner h1, #top_banner h1 {
	text-shadow:none;
}

#top_banner a, #top_banner a:link, #top_banner a:visited, #top_banner a:focus {
	color:#000;
	text-decoration:none;
}

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

#top_banner h1 {
	font-size:22pt;
	border-style:none;
	background:none;
	margin:0px;
	padding:0px;
}
/* Ende TOP BANNER */

/* Bilderschau - SlideShowFrame */
@-webkit-keyframes startSlideshow {
	from { opacity:0.0; }
	to   { opacity:1.0; }
}
div#slideShowFrame {
	margin:0; padding:0;
	display:none;
	text-align:center;
	position:fixed;
	height:100vh;
	width:100vw;
	top:0px;
	left:0px;
	background-color:rgba(60, 60, 60, 0.97);
	z-index:98;
}
div#slideShowFrame div.slideshow_nav {
	position:absolute;
	margin:0; padding:0;
	vertical-align:middle;
	width:50px;
	height:100vh;
	display:inline-block;
	background-repeat:repeat-x;
	background-position:center center;
	cursor:pointer;
	background-color:rgba(0, 64, 192, 0.0);
	transition:background-color 0.5s;
}
div#slideShowFrame div.slideshow_nav:hover {
	background-color:rgba(0, 64, 192, 0.5);
	transition:background-color 0.25s, background-position 0.5s;
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
}
div#slideShowFrame div.slideshow_nav:active {
	background-color:rgba(0, 32, 96, 0.5);
	transition:none;
}
div#slideShowFrame div#slideshow_back {
	left:0px;
	background-image:URL("fuji/2009/slideshow/arrow_left.png");
}
div#slideShowFrame div#slideshow_back:hover {
	background-position:-50px;
	border-right:1px solid rgba(0, 0, 0, 0.5);
	box-shadow:2px 0px 0px -1px rgba(255, 255, 255, 0.25);
}
div#slideShowFrame div#slideshow_forward {
	right:0px;
	background-image:URL("fuji/2009/slideshow/arrow_right.png");
}
div#slideShowFrame div#slideshow_forward:hover {
	background-position:50px;
	border-left:1px solid rgba(255, 255, 255, 0.25);
	box-shadow:-2px 0px 0px -1px rgba(0, 0, 0, 0.5);
}
div#slideShowFrame div#slideShow_close {
	position:absolute;
	width:50px; height:50px;
	top:0px; right:0px;
	margin:0; padding:0;
	border-radius:50%;
	/* background-image:URL("fuji/2009/slideshow/closeButton50px.png"); */
	background-image:URL("closeButton50px.svg");
	background-color:rgba(192, 64, 0, 0.0);
	-webkit-transition:background-color 0.5s;
	transition:background-color 0.5s;
	cursor:pointer;
}
div#slideShowFrame div#slideShow_close:hover {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	background-color:rgba(192, 64, 0, 1.0);
	-webkit-transition:opacity 0.25s, background-color 0.25s, -webkit-transform 0.75s;
	transition:opacity 0.25s, background-color 0.25s, transform 0.75s;
}
div#slideShowFrame div#slideshow_topic {
	position:absolute;
	width:100%;
	bottom:0px;
	background-color:rgba(20, 20, 20, 0.0);
	color:white;
	text-shadow:2px 2px 4px black;
	font-size:32pt;
	transition:opacity 0.5s, background-color 0.5s;
	z-index:99;
	opacity:0.5;
}
div#slideShowFrame div#slideshow_topic:hover {
	-webkit-backdrop-filter:blur(20px);
	backdrop-filter:blur(10px);
	background-color:rgba(60, 60, 60, 0.85);
	border-top:1px solid rgba(255, 255, 255, 0.25);
	box-shadow:0px -2px 0px -1px rgba(0, 0, 0, 0.5);
	opacity:1.0;
}
div#slideShowFrame div#slideshow_helper {
	margin:0; padding:0;
	width:0px; height:100vh;
	vertical-align:middle;
	display:inline-block;
}
div#slideShowFrame img#slideshow_image {
	margin:0; padding:0;
	vertical-align:middle;
	max-width:100vw;
	max-height:100vh;
	box-shadow:0px 0px 0px 10px white;
	box-shadow:0px 0px 0px 10px white, 0px 0px 20px 10px black;
}

/* showInfo-Fenster */
div#info {
	text-align:center;
	font-size:8pt;
	padding:1ex;
	padding-top:2px;
	padding-bottom:2px;
	position:fixed;
	display:none;
	color:white;
	border:1px solid rgba(255, 255, 255, 0.5);
	border-radius:3px;
	box-shadow:0px 5px 10px rgba(0, 0, 0, 0.5);
	background-color:rgba(0, 0, 0, 0.75);
}

@-webkit-keyframes popup {
	  0%   { -webkit-transform:scale(0.0); }
	 50%   { -webkit-transform:scale(1.1); }
	100%   { -webkit-transform:scale(1.0); }
}

@-webkit-keyframes popdown {
	  0%   { -webkit-transform:scale(1.0); }
	100%   { -webkit-transform:scale(0.0); }
}


@-moz-keyframes popup {
	  0%   { -moz-transform:scale(0.0); }
	 50%   { -moz-transform:scale(1.1); }
	100%   { -moz-transform:scale(1.0); }
}

@-moz-keyframes popdown {
	  0%   { -moz-transform:scale(1.0); }
	100%   { -moz-transform:scale(0.0); }
}


@-o-keyframes popup {
	  0%   { -o-transform:scale(0.0); }
	 50%   { -o-transform:scale(1.1); }
	100%   { -o-transform:scale(1.0); }
}

@-o-keyframes popdown {
	  0%   { -o-transform:scale(1.0); }
	100%   { -o-transform:scale(0.0); }
}


@-ms-keyframes popup {
	  0%   { -ms-transform:scale(0.0); }
	 50%   { -ms-transform:scale(1.1); }
	100%   { -ms-transform:scale(1.0); }
}

@-ms-keyframes popdown {
	  0%   { -ms-transform:scale(1.0); }
	100%   { -ms-transform:scale(0.0); }
}


@keyframes popup {
	  0%   { transform:scale(0.0); }
	 50%   { transform:scale(1.1); }
	100%   { transform:scale(1.0); }
}

@keyframes popdown {
	  0%   { transform:scale(1.0); }
	100%   { transform:scale(0.0); }
}

/* Link-Liste (Sitemap) */
ul.links {
	list-style-image: url("htm.gif");
}

ul.links li {
	padding-top:1ex;
}

ul.links li a {
	text-decoration:none;
	color:white;
}
/* Ende Link-Liste (Sitemap) */

/* Sitemap - Seitenübersicht */
ul.sitemap {
	list-style:none;
	padding:0px;
	margin:0px;
	margin-left:2em;
	line-height:150%;
}
/*
li.sm_level_0 {
	font-weight:bold;
}

li.sm_level_1 {
	font-weight:normal;
} */

ul.sitemap a {
	text-decoration:none;
}

ul.sitemap a:hover {
	text-decoration:underline;
}

textarea {
	border:1px solid black;
	border-radius:3px;
	background-color:rgba(0, 0, 0, 0.2);
	color:white;
	text-shadow:0px 1px 0px black;
}

form.faq {
	text-align:right;
}

form.faq textarea {
	width:100%;
	height:5em;
}

form.comment {
	margin:1ex; padding:1ex;
	border:1px solid rgba(0, 0, 0, 0.2);
	border-radius:3px;
	box-shadow:inset 0px 2px 4px rgba(0, 0, 0, 0.5);
	background-color:rgba(0, 0, 0, 0.05);
	max-width:500px;
}

form.comment input[type="text"], form.comment textarea {
	background-color:rgba(255, 255, 255, 0.2);
	border:none;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.5);
	border-radius:1px;
	width:100%;
	margin:0; padding:2px;
	color:white;
	font-size:13pt;
	text-shadow:none;
}
form.comment textarea {
	height:10em;
}
form.comment label {
	display:block;
	padding:5px 0 5px 0;
}

input[type="submit"] {
	margin:0px;
	margin-top:1ex;
	border:2px solid black;
	background-color:rgba(255, 255, 255, 0.2);
	border-radius:1em;
	color:white;
	text-shadow:0px 1px 0px black;
	/* box-shadow:0px 2px 4px black; */
}

/* Picture Frame (Bilderrahmen) für die SlideShow */
div.pictureframe {
	display:inline-block;
	vertical-align:bottom;
	margin:8px;
	padding:0px;
	border:2px solid;
	border-color:black;
	box-shadow:0px 2px 4px black;
}
div.pictureframe:hover {
	border-color:white;
	box-shadow:0px 2px 16px black;
	-webkit-transition:border-color 0.5s;
	-moz-transition:border-color 0.5s;
	-o-transition:border-color 0.5s;
	-ms-transition:border-color 0.5s;
	transition:border-color 0.5s;
}

/* IMAGE WRAPPER für einen kleinen Bild-Effekt beim Rüberfahren */
div.img_wrapper {
	position:relative;
	padding:0px;
	margin:0px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100%;
	background-color:white;
	-webkit-transition:background-size 0.2s linear, box-shadow 0.2s linear;
	-moz-transition:background-size 0.2s linear, box-shadow 0.2s linear;
	-o-transition:background-size 0.2s linear, box-shadow 0.2s linear;
	-ms-transition:background-size 0.2s linear, box-shadow 0.2s linear;
	transition:background-size 0.2s linear, box-shadow 0.2s linear;
	/* border:1px solid red; */
	display:inline-block;
	box-shadow:0 0 0px black;
}

div.img_wrapper img {
	margin:0px;
	padding:0px;
	opacity:0.0;
	width:100%;
}

div.img_wrapper div {
	opacity:0.0;
	margin:0px;
	padding:0px;
	position:absolute; 
	left:0px; 
	bottom:0px; 
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	-ms-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear;
}

div.img_wrapper div.dark {
		background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.37) 51%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.37) 51%,rgba(255,255,255,0) 100%);
		background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.37) 51%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#00ffffff',GradientType=1 );
	/* background-color:rgba(0, 0, 0, 0.0); */
	width:100%;
	height:100%;	
}

div.img_wrapper div.alt {
	background-color:white;
	padding:4px;
	padding-left:0px;
	padding-right:0px;
	/* border-top:1px solid rgba(0, 0, 0, 0.25); */
	/* border-right:1px solid rgba(0, 0, 0, 0.25); */
	width:100%;
	text-align:center;
	/* border-top-right-radius:6px; */
	color:black;
	/* text-shadow:0px -1px 0px black; */
	text-shadow:none;
}
div.img_wrapper div.alt a {
	color:black;
	/* text-shadow:0px -1px 0px black; */
	text-shadow:none;
}

div.img_wrapper:hover {
	background-size:calc(100% - 20px);
	box-shadow:0 0 6px black;
}

div.img_wrapper:hover div {
	opacity:1.0;
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	-ms-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear;
}

div.img_wrapper:hover div.alt {
	/* -webkit-backdrop-filter:blur(20px);
	backdrop-filter:blur(20px); */
}

/* tile Klassen */
.bright {
	color:black; 
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.5); 
}
div.body .bright a, div.body .bright a.title_link span {
	color:#222;
}
.bright a:visited, div.body .bright a.title_link:visited span {
	color:#444;
}
.bright h2.newsdate {
	background-color:rgba(0, 0, 0, 0.25);
	border-color:rgba(0, 0, 0, 0.4);
	color:black;
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.25);
}

.abbuc {
	background-color:#ceceb5; 
	background-image:URL('abbuc-logo-mono-original_25.png');
}

.blog {
	background-color:#ff8;
	background-image:URL('blog_dark_25.png');
}
.blog cite {
	background-color:#ff0;
}

.events {
	background-color:#703; 
	background-image:URL('cal_10.png');
}

.news {
	background-color:#222; 
	background-image:URL('news_10.png');
}

.fujiama {
	background-color:#128; 
	background-image:URL('fujiama_10.png');
}

.random {
	background-color:#1e3a6a;
	background-image:URL('atarixle_10.png');
}

.aib {
	background-color:#200;
	background-image:URL('aib_10.png'), none; /* for older browsers */
	background-image:URL('aib_10.png'), linear-gradient(45deg, #204 0%, #400 100%);
}

.somelinks {
	background-color:#020;
	background-image:URL('netz_10.png');
}

.abbucforums {
	background-color:#003;
	background-image:URL('forums_10.png');
}

/* Kommentare */
div.comments {
	position:relative;
	background-color:rgba(255, 255, 255, 0.1);
	border-radius:1px;
	box-shadow:inset 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 0px 3px rgba(0, 0, 255, 0.5);
	margin-top:1em;
	border:1px solid rgba(255, 255, 255, 0.2);
	max-width:600px;
}

/* ABBUC-Forum-Post */
.abbucforumpost {
	background-color:#efefef;
	width:94%!important;
	height:auto!important;
}
.tile.abbucforumpost cite, div.comments div.name {
	background: #feccb1;
		background: -moz-linear-gradient(top,  #feccb1 0%, #ef8e5d 50%, #e87e4a 51%, #fb955e 100%);
		background: -webkit-linear-gradient(top,  #feccb1 0%,#ef8e5d 50%,#e87e4a 51%,#fb955e 100%);
		background: linear-gradient(to bottom,  #feccb1 0%,#ef8e5d 50%,#e87e4a 51%,#fb955e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 );
	color:black;
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.5);
	font-style:normal;
	font-size:85%;
	position:absolute;
	top:-0.5em;
	padding:0; margin:0;
	padding-left:0.5ex;
	padding-right:0.5ex;
	border-radius:3px;
	box-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);
}
.tile.abbucforumpost cite:before, .tile.abbucforumpost cite:after {
	content:"";
}

.abbucforumpost.even {
	background-color:#fafafa;
}
.abbucforumpost blockquote div {
	padding-top:1em;
	position:relative;
	border:1px solid white;
	border-radius:6px;
	background-color:rgba(0, 0, 0, 0.03);
	box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 1px 0px #f4f4f4;
}
.abbucforumpost dt {
	background-color:transparent;
	font-style:normal;
	color:black;
}
.abbucforumpost dl.file {
	display:inline-block;
	position:relative;
}
.abbucforumpost .content img {
	max-width:100%;
}
.abbucforumpost dl.file dd {
	height:0px;
	width:100%;
	margin:0px;
	text-align:center;
}
.abbucforumpost dl.file dt {
	text-align:center;
	padding:4px;
	height:4em;
	background-color:rgba(0, 0, 0, 0.1);
}
.abbucforumpost dl.file dt.attach-image {
	text-align:initial;
	padding:0;
	height:initial;
	background-color:transparent;
}
.abbucforumpost dl.file dd em {
	text-align:center;
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	background-color:rgba(0, 0, 0, 0.5);
	color:white;
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0.5);
	font-style:normal;
	opacity:0.0;
	-webkit-transition:opacity 0.25s;
	-moz-transition:opacity 0.25s;
	-o-transition:opacity 0.25s;
	-ms-transition:opacity 0.25s;
	transition:opacity 0.25s;
}
.abbucforumpost dl.file:hover dd em {
	opacity:1.0;
	-webkit-backdrop-filter:blur(20px);
	backdrop-filter:blur(20px);
}
.abbucforumpost dl.file dt.attach-image img {
	max-width:100%;
}
.navigation {
	position:relative;
	width:94%;
	height:2em;
	text-align:center;
}
.navigation a {
	display:block;
	width:9ex;
	padding:0.5ex;
	position:absolute;
	top:0px;
	text-align:center;
	background-color:rgba(255, 255, 255, 0.1);
	border:2px solid rgba(255, 255, 255, 0.1);
	border-radius:3px;
	-webkit-transition:border-color 1.25s;
	-moz-transition:border-color 1.25s;
	-o-transition:border-color 1.25s;
	-ms-transition:border-color 1.25s;
	transition:border-color 1.25s;
}
.navigation a:hover {
	border-color:rgba(255, 128, 0, 0.75);
	-webkit-transition:border-color 0.25s;
	-moz-transition:border-color 0.25s;
	-o-transition:border-color 0.25s;
	-ms-transition:border-color 0.25s;
	transition:border-color 0.25s;
}
.navigation a.left {
	left:0px;
}
.navigation a.right {
	right:0px;
}
div.author img.abbuc_profile_image {
	vertical-align:middle;
	width:30px; height:30px;
	border:2px solid white;
	border-radius:17px;
	box-shadow:0 0 2px 1px black;
	margin-right:1ex;
}

/* angepinnte Navigationsleiste */
@media only screen and (min-width:481px) { /* nur auf dem Computer-Display, nicht auf SmartPhones */
	@-webkit-keyframes navbar_fadeoutbg { 0% { background-color:rgba(255, 255, 255, 0.5); } 100% { background-color:rgba(255, 255, 255, 0.0); } }
	@-moz-keyframes navbar_fadeoutbg { 0% { background-color:rgba(255, 255, 255, 0.5); } 100% { background-color:rgba(255, 255, 255, 0.0); } }
	@-o-keyframes navbar_fadeoutbg { 0% { background-color:rgba(255, 255, 255, 0.5); } 100% { background-color:rgba(255, 255, 255, 0.0); } }
	@-ms-keyframes navbar_fadeoutbg { 0% { background-color:rgba(255, 255, 255, 0.5); } 100% { background-color:rgba(255, 255, 255, 0.0); } }
	@keyframes navbar_fadeoutbg { 0% { background-color:rgba(255, 255, 255, 0.5); } 100% { background-color:rgba(255, 255, 255, 0.0); } }
	
	@-webkit-keyframes navbar_dropdown { 0% { top:-50px; } 50% { top:-50px; } 100% { top:0px; } }
	@-moz-keyframes navbar_dropdown { 0% { top:-50px; } 50% { top:-50px; } 100% { top:0px; } }
	@-o-keyframes navbar_dropdown { 0% { top:-50px; } 50% { top:-50px; } 100% { top:0px; } }
	@-ms-keyframes navbar_dropdown { 0% { top:-50px; } 50% { top:-50px; } 100% { top:0px; } }
	@keyframes navbar_dropdown { 0% { top:-50px; } 50% { top:-50px; } 100% { top:0px; } }
	
	div.navbar ul.pinned {
		position:fixed;
		width:100%;
		text-align:center;
		top:0px;
		left:0px;
		right:0px;
		border-radius:0px;
		box-shadow:none;
		background-color:rgba(14, 14, 14, 0.9);
		box-shadow:
			inset 60px 0 30px -30px rgba(46, 46, 46, 0.9),
			inset -60px 0 30px -30px rgba(46, 46, 46, 0.9)
		;
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom:2px solid black;
		z-index:90;
		margin:0px;
		display:inline;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		-ms-transition:none;
		transition:none;
	}
	@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
		div.navbar ul.pinned {
			-webkit-backdrop-filter:saturate(180%) blur(20px);
			backdrop-filter:saturate(180%) blur(20px);
			background-color:rgba(0, 0, 0, 0.25);
			box-shadow:none;
		}		
	}		

	div.navbar ul.pinned li:first-child {
		min-width:56px;
		background-image:URL('atarixle.gif');
		background-size:56px 16px;
		background-position:center center;
		background-repeat:no-repeat;
	}
	div.navbar ul.pinned li:first-child a {
		color:transparent;
		text-shadow:none;
	}
	div.navbar ul.pinned li {
		display:inline-block;
		padding:0px;
		margin:0px;
		text-align:center;
	}
	div.navbar ul.pinned li a {
		display:inline-block;
		margin:0px;
		padding-left:1.2ex;
		/* padding-right:1.2ex; */
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		border-radius:0px;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:0% 100%;
		-webkit-transition:color 0.25s;
		-moz-transition:color 0.25s;
		-o-transition:color 0.25s;
		-ms-transition:color 0.25s;
		transition:color 0.25s;
	}
	@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
		div.navbar ul.pinned li a {
			text-shadow:
				0px -1px 0px black,
				0px 0px 10px black
			;
		}
	}
	div.navbar ul.pinned li a:hover {
		background-image:URL("white_50_1px.png");
		background-color:transparent;
		background-size:100% 100%;
		-webkit-transition:background-size 0.25s, color 0.25s;
		-moz-transition:background-size 0.25s, color 0.25s;
		-o-transition:background-size 0.25s, color 0.25s;
		-ms-transition:background-size 0.25s, color 0.25s;
		transition:background-size 0.25s, color 0.25s;
	}
	div.navbar ul.pinned li a:not(:hover) {
		-webkit-animation:navbar_fadeoutbg 0.25s;
		-moz-animation:navbar_fadeoutbg 0.25s;
		-o-animation:navbar_fadeoutbg 0.25s;
		-ms-animation:navbar_fadeoutbg 0.25s;
		animation:navbar_fadeoutbg 0.25s;
	}
}

/* Hottest News */
div#hottest_news {
	padding:1em 0 1em 0;
	text-align:center;
	font-size:16pt;	
	width:100%;
	background:#333;
	color:white;
	box-shadow:
		0px 2px 2px 0px rgba(255, 255, 255, 0.1), 
		0px -2px 2px 0px rgba(0, 0, 0, 0.2), 

		inset 0px -15px 10px -10px rgba(0, 0, 0, 0.25), 
		inset 0px 45px 40px -40px rgba(0, 0, 0, 0.5)
	;
	text-shadow:0px -1px 1px rgba(0, 0, 0, 0.5);
	/* border:1px black;
	border-style:solid none solid none; */
	border-top:1px solid rgba(0, 0, 0, 0.4);
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
	background-image:URL("brick.png");
	background-attachment:fixed;
}

div#hottest_news h1 {
	font-size:24pt;
	border:none;
	background:none;
	box-shadow:none;
	text-shadow:0px -1px 1px rgba(0, 0, 0, 0.5);
	padding:0;
	margin:8px 0 8px 0;
	color:white;
	-webkit-text-fill-color:initial;
}

div#hottest_news hr {
	border:none;
	background:rgba(255, 255, 255, 0.5);
	width:15px; height:15px; border-radius:50%;
	box-shadow:0px 2px 8px black;
	text-align:center;
	margin:1em auto;
}

div#hottest_news a {
	color:#aaa;
}
div#hottest_news a:hover {
	color:#fff;
}

div#hottest_news div.canceled {
	display:inline-block;
	background-color: red;
	font-size: 150%;
	font-weight: bold;
	color: yellow;
	text-shadow: 2px 2px 0px black;
	box-shadow: 5px 5px 20px black;
	transform: scale(1.2) rotate(-5deg);
	background-image:linear-gradient(to right,
		#ff7700 0%,
		#ff0000 50%,
		#880000 100%
	);
}