/* ---------------------------------- Allgemeine Formatierungen */
body {
	background: #000;
	margin: 0;
	color: #fff;
	font-family: "Arial", Arial, sans-serif;
	font-size: 10px;
	text-align: center;
}
a:link {
	color: #fff;
	text-decoration: none;
}
a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: none;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
table {
	border: 0;
	border-collapse: collapse;
}
table td {
	vertical-align: top;
	padding: 0;
}
hr {
	border: 0;
	border-top: 1px solid #445;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
}



/* ---------------------------------- Demo-Formatierung */
table#showcase-table {
	width: 100%;
	height: 100%;
	text-align: left;
}
td#showcase-header {
	padding: 4px;
	border-bottom: 4px solid #445;
	vertical-align: bottom;
}
td#showcase-content {
	padding: 0;
	width: 100%;
	height: 100%;
}
td#showcase-content iframe#showcase {
	display: block;
	border: 0;
	width: 100%;
	height: 100%;
}
table#demo-table {
	margin-top: 20px;
	width: 100%;
	height: 100%;
	text-align: center;
}
td#demo-header {
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: "Arial", Arial, sans-serif;
	font-size: 20px;
	color: #fff;
}
td#demo-content {
	text-align: center;
	padding: 0;
	width: 598px;
}
td#demo-content canvas#prog-canvas {
	border: 2px solid #334;
}
td#demo-controls {
	padding: 5px;
	padding-top: 8px;
	padding-bottom: 4px;
}
td#demo-controls a {
	padding: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: normal;
	color: #fff;
	background-color: #445;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
td#demo-controls a:hover {
	background-color: #fff;
	color: #000;
}



/* ---------------------------------- Welcome-Formatierung */
table#welcome-table {
	width: 598px;
	text-align: left;
}
td#empty-bar {
	height: 330px;
}
td#welcome-bar {
	padding: 0;
	width: 598px;
	height: 102px;
}



/* ---------------------------------- Infobox-Formatierung */
.navtext {
	padding: 2px;
	border: 2px solid #000;
	text-align: left;
	width: 235px;
	font-size: 11px;
	background-color: #4c4c65;
	layer-background-color: #4c4c65;
	background: -moz-linear-gradient(top, #4c4c65, #292943);
	background: -webkit-gradient(linear, center top, center bottom, from(#4c4c65), to(#292943));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c65', endColorstr='#292943');
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 8px #000;
	-moz-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
	text-shadow: 0px 0px 5px #000;
}
.navtext div#nav-title {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.navtext div#nav-data {
	padding: 0;
	padding-top: 1px;
	padding-bottom: 1px;
}
.navtext div#nav-date {
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #bbb;
	display: inline;
}
.navtext div#nav-creator {
	padding: 0;
	margin: 0;
	font-size: 11px;
	padding-left: 6px;
	color: #728ede;
	display: inline;
}
.navtext div#nav-qr {
	padding: 0;
	margin: 0;
	padding-top: 3px;
}



#title {
	background-color: #101018;
	font-size: 26px;
	text-decoration: none;
}
#date {
	font-size: 18px;
	text-decoration: none;
	color: #8d0c04;
}



#info {
	border: 1px solid #00f;
	background-image: url(images/info.gif);
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 6px;
	padding-left: 20px;
	padding-right: 20px;
}
#warning {
	border: 1px solid #f00;
	background-image: url(images/warning.gif);
	background-repeat: no-repeat;
	text-align: center;
	margin-bottom: 10px;
	padding: 6px;
	padding-left: 20px;
	padding-right: 20px;
}



/* --------------------------------------------- Seitentabelle */
table#site-table {
	width: 800px;
	text-align: left;
}
td#top-bar {
	background-image: url(images/news-guy-top.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 120px;
}
td#header-bar {
	background-image: url(images/header.png);
	height: 90px;
	border-bottom: 2px solid #000;
	padding: 0;
}
td#section {
	height: 100px;
}
td#menu-bar {
	width: 598px;
	padding: 0;
	padding-bottom: 2px;
}
td#section-start-bar {
	width: 598px;
	height: 12px;
	border-bottom: 8px solid #000;
	background-color: #334;
}
td#section-end-bar {
	width: 598px;
	height: 12px;
	border-bottom: 2px solid #000;
	background-color: #334;
}
td#footer-bar {
	width: 598px;
	background-color: #223;
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
td#footer-bar table td#image {
	padding: 0;
}
td#footer-bar table td#text {
	padding: 0;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px;
	text-align: justify;
}
td#footer-bar table td#creative-commons {
	padding: 0;
}
td#footer-bar table td#creative-commons img {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
td#footer-bar table td#creative-commons:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
td#bottom-bar {
	height: 80px;
}



/* ---------------------------------- Listen-Formatierung */
table#list {
	margin: 0;
	padding: 0;
	width: 100%;
}
table#list td {
	background-color: #26171c;
	border-bottom: 1px dotted #334;
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
}
table#list td#list-header {
	border: 0;
	background-color: #334;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
table#list td#empty {
	border: 0;
}
table#list td#head {
	white-space: nowrap;
	font-weight: bold;
}
table#list td#attr {
	font-size: 12px;
}
table#list tr#no-dash td {
	border: 0;
}



/* ---------------------------------- Menü-Formatierung */
table#menu-list {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
table#menu-list td {
	padding: 0;
	padding-right: 2px;
}
table#menu-list td div {
	background-color: #334;
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
table#menu-list td#list-item div:hover {
	background-color: #fff;
	color: #000;
}
table#menu-list td#search {
	padding-right: 0px;
}
table#menu-list td#search div {
	background-image: url(images/search.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 17px;
	height: 19px;
}
table#menu-list td#search div:hover {
	background-image: url(images/search-hover.png);
}
table#menu-list td#guestbook {
	padding-right: 0px;
}
table#menu-list td#guestbook div {
	background-image: url(images/guestbook.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 17px;
	height: 19px;
}
table#menu-list td#guestbook div:hover {
	background-image: url(images/guestbook-hover.png);
}
table#menu-list td#rss-feed {
	padding-right: 0px;
}
table#menu-list td#rss-feed div {
	background-image: url(images/rss-small.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 17px;
	height: 19px;
}
table#menu-list td#rss-feed div:hover {
	background-image: url(images/rss-small-hover.png);
}
table#menu-list td#fill-item {
	background-color: #334;
	padding: 0;
	width: 100%;
}



/* ---------------------------------- Seitenauswahl-Formatierung */
table#section-table td#page-selection {
	padding: 0;
	border-bottom: 10px solid #000;
}
table#page-list {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
table#page-list td {
	padding: 0;
	padding-right: 2px;
}
table#page-list td div {
	background-color: #334;
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #fff;
}
table#page-list td div#previous-page {
	background-image: url(images/previous-page.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 19px;
}
table#page-list td div#previous-page:hover {
	background-image: url(images/previous-page-hover.png);
}
table#page-list td div#next-page {
	background-image: url(images/next-page.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 19px;
}
table#page-list td div#next-page:hover {
	background-image: url(images/next-page-hover.png);
}
table#page-list td#current-item div {
	background-color: #544;
}
table#page-list td#list-item div {
	color: #fff;
}
table#page-list td#list-item div:hover {
	background-color: #fff;
	color: #000;
}
table#page-list td#fill-item {
	background-color: #26171c;
	padding: 0;
	width: 100%;
}



/* ---------------------------------- Sidebar-Formatierung */
td#side-bar {
	width: 202px;
	padding: 0;
	padding-right: 4px;
	vertical-align: top;
}
table#side-list {
	width: 198px;
	margin: 0;
	padding: 0;
}
table#side-list tr#first-header {
	background-color: #334;
	background-image: url(images/news-guy-bottom.png);
	background-repeat: no-repeat;
}
table#side-list tr#first-header td {
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 16px;
}
table#side-list tr#first-header td a#newest {
	font-size: 10px;
	color: #ccc;
}
table#side-list tr#list-header {
	border-top: 10px solid #000;
	background-color: #334;
}
table#side-list tr#list-header td {
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 16px;
}
table#side-list tr#list-header td a#newest {
	font-size: 10px;
	color: #ccc;
}
table#side-list tr#dead-item {
	background-color: #26171c;
	font-size: 12px;
}
table#side-list tr#dead-item td {
	border-top: 2px solid #000;
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
}
table#side-list tr#list-item {
	background-color: #26171c;
	font-size: 12px;
}
table#side-list tr#list-item:hover {
	background-color: #462530;
}
table#side-list tr#list-item td {
	border-top: 2px solid #000;
	vertical-align: top;
}
table#side-list tr#list-item div#item {
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}



/* ---------------------------------- Side-Latest-Post-Entries-Formatierung */
table#side-list tr#list-item div#post-title {
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px 5px #000;
}
table#side-list tr#list-item div#post-data {
	padding: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}
table#side-list tr#list-item div#post-date {
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #bbb;
	display: inline;
}
table#side-list tr#list-item div#post-creator {
	padding: 0;
	margin: 0;
	font-size: 14px;
	padding-left: 10px;
	color: #728ede;
	display: inline;
}
table#side-list tr#list-item a#-link {
	white-space: nowrap;
	font-weight: bold;
	color: #eaa;
}



/* ---------------------------------- Side-Latest-Gallery-Entries-Formatierung */
table#side-list tr#list-item table td {
	border: 0;
	padding: 0;
}
table#side-list tr#list-item table td#thumb-text {
	padding-left: 10px;
}
table#side-list tr#list-item td#thumb {
	position: relative;
	display: block;
}
table#side-list tr#list-item td#thumb img {
	border: 2px solid #334;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
table#side-list tr#list-item td#thumb span#overlay {
	position: absolute;
	left: 0;
	top: 0;
}
table#side-list tr#list-item td#thumb span#overlay img {
	-webkit-box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
}
table#side-list tr#list-item:hover td#thumb span#overlay {
	visibility: hidden;
}
table#side-list tr#list-item div#news-title {
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0px 0px 5px #000;
}
table#side-list tr#list-item div#news-date {
	font-size: 12px;
	color: #bbb;
}
table#side-list tr#list-item div#news-creator {
	font-size: 12px;
	color: #728ede;
}



/* ---------------------------------- Side-Counter-Formatierung */
table#side-list tr#list-item a#counter-info {
	color: #ccc;
}
table#side-list tr#list-item a#counter-value {
	font-weight: bold;
}



/* ---------------------------------- Side-Random ArT-Formatierung */
table#side-list tr#list-item td#random-art {
	text-align: center;
	color: #fff;
}



/* ---------------------------------- Sektions-Formatierung */
td#content-bar {
	width: 598px;
	padding: 0;
	padding-top: 2px;
}
table#section-table {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
table#section-table td#section-title {
	background-color: #334;
	border-bottom: 2px solid #000;
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 20px;
	font-weight: bold;
	
}
table#section-table td#section-content {
	background-color: #26171c;
	border-bottom: 10px solid #000;
	padding: 5px;
	padding-top: 6px;
	padding-bottom: 12px;
	font-family: "Arial", Arial, sans-serif;
	font-size: 14px;
	text-align: justify;
}
table#section-table a {
	font-weight: normal;
	color: #d3415c;
}
table#section-table a:hover {
	color: #dd6d82;
}
table#section-table td#section-content h1 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 2px;
	font-size: 18px;
	font-weight: bold;
}



/* ---------------------------------- Post-Formatierung */
table#section-table td#post-title {
	background-color: #334;
	border-bottom: 2px solid #000;
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: "Arial", Arial, sans-serif;
	font-size: 20px;
	color: #bbb;
}
table#section-table td#post-title a {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px 5px #000;
}
table#section-table td#post-title div#post-date {
	padding-left: 10px;
	font-family: "Arial", Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #bbb;
	display: inline;
}
table#section-table td#post-title div#post-creator {
	padding-left: 10px;
	font-family: "Arial", Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #728ede;
	display: inline;
}
table#section-table td#post-title div#post-creator a {
	font-family: "Arial", Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #728ede;
	text-shadow: 0px 0px 0px;
}
table#section-table td#post-title div#post-creator a:hover {
	color: #9cafe7;
}
table#section-table td#post-image {
	background-color: #26171c;
	border-bottom: 2px solid #000;
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}
table#section-table td#post-content {
	background-color: #26171c;
	border-bottom: 2px solid #000;
	padding: 5px;
	padding-top: 6px;
	padding-bottom: 8px;
	font-family: "Arial", Arial, sans-serif;
	font-size: 12px;
	text-align: justify;
}
table#section-table td#post-content h1 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 2px;
	font-size: 16px;
	font-weight: bold;
}
table#section-table td#post-summary {
	background-color: #26171c;
	border-bottom: 10px solid #000;
	padding: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-family: "Arial", Arial, sans-serif;
	font-size: 12px;
	text-align: justify;
}
table#section-table td#post-summary h1 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 2px;
	font-size: 16px;
	font-weight: bold;
}
table#section-table td#gallery {
	padding: 0;
	border-bottom: 6px solid #000;
}



/* ---------------------------------- Socials-Formatierung */
table#section-table td#socials {
	background-color: #334;
	border-bottom: 10px solid #000;
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: "Arial", Arial, sans-serif;
	font-size: 12px;
	text-align: justify;
}
table#section-table td#socials ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
table#section-table td#socials ul li {
	display: inline;
	padding-left: 4px;
}
table#section-table td#socials li#facebook-like {
	padding-left: 0;
}
table#section-table td#socials li#facebook-like iframe {
	margin: 0;
	margin-top: 2px;
}
table#section-table td#socials img.sociable-hovers {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
table#section-table td#socials img.sociable-hovers:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}



/* ---------------------------------- Tag-Formatierung */
div#tag-wrapper table {
	width: 100%;
}
div#tag-wrapper table td {
	font-family: "Arial", Arial, sans-serif;
	font-size: 12px;
	vertical-align: top;
	font-weight: normal;
	color: #eaa;
}
div#tag-wrapper table td#tags {
	padding-top: 2px;
	color: #fff;
}
div#tag-wrapper table td#tags a {
	padding: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: normal;
	color: #fff;
	background-color: #852335;
	background: -moz-linear-gradient(top, #852335, #681927);
	background: -webkit-gradient(linear, center top, center bottom, from(#852335), to(#681927));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#852335', endColorstr='#681927');
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
div#tag-wrapper table td#tags a:hover {
	background-color: #c52b45;
	background: -moz-linear-gradient(top, #c52b45, #941b2f);
	background: -webkit-gradient(linear, center top, center bottom, from(#c52b45), to(#941b2f));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c52b45', endColorstr='#941b2f');
}
div#tag-wrapper table td#links {
	padding-top: 2px;
	color: #fff;
	text-align: right;
}
div#tag-wrapper table td#links a {
	padding: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: normal;
	color: #fff;
	background-color: #36540c;
	background: -moz-linear-gradient(top, #36540c, #2b3d0c);
	background: -webkit-gradient(linear, center top, center bottom, from(#36540c), to(#2b3d0c));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#36540c', endColorstr='#2b3d0c');
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
div#tag-wrapper table td#links a:hover {
	background-color: #407c01;
	background: -moz-linear-gradient(top, #407c01, #2e5701);
	background: -webkit-gradient(linear, center top, center bottom, from(#407c01), to(#2e5701));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#407c01', endColorstr='#2e5701');
}



/* ---------------------------------- Thumb-Formatierung */
table#thumb-table {
	width: 100%;
	margin: 0;
	padding: 0;
}
table#thumb-table td {
	padding: 0;
	width: 150px;
	height: 150px;
	padding-right: 2px;
	padding-bottom: 2px;
}
table#thumb-table td#right { /* Bild ganz rechts */
	width: 148px;
	padding-right: 0;
}
table#thumb-table td#bottom { /* Bild ganz unten */
	height: 148px;
	padding-bottom: 0;
}
table#thumb-table td#bottom-right { /* Bild ganz rechts unten */
	width: 148px;
	height: 148px;
	padding: 0;
}
table#thumb-table td div {
	margin: 0;
	padding: 6px;
	width: 136px;
	height: 136px;
	display: block;
	position: relative;
}
table#thumb-table td div#item {
	background-color: #334;
}
table#thumb-table td div#item span#overlay {
	position: absolute;
	left: 6px;
	top: 6px;
}
table#thumb-table td div#item:hover {
	background-color: #fff;
}
table#thumb-table td div#item:hover span#overlay {
	visibility: hidden;
}
table#thumb-table td div#empty {
	background-color: #26171c;
}



/* ---------------------------------- Color-Classes */
table#site-table .creator {
	color: #728ede;
}
table#site-table .creator:hover {
	color: #9cafe7;
}