li.white a, a.white{ font-family:"comic sans ms",Tahoma,Arial,Sans-Serif;color:#fff; text-decoration:none; font-size: 14px; font-weight:bold; }
li.white a:hover, a:hover.white { font-family:"comic sans ms",Tahoma,Arial,Sans-Serif;color:#CC00FF; text-decoration:none;font-size: 16px; vertical-align:bottom;font-weight:bold; }

.top-nav ul{margin:0;padding: 0;}
.top-nav ul li{display:inline}
.top-nav ul li.first-link .bullet{display:none}

li .white a, a.white {	color:#ffffff; text-decoration:none;}
li .white a:hover, a:hover.white { background-image:url(images/nav-button-hover.gif);background-repeat: repeat-x;color:#CC00FF; text-decoration:none;}

a {
	color : #E6B3FF;
	text-decoration : none;
}

a:hover {
	color : #E6B3FF;
	text-decoration : underline;
}

a.side {
	color : #E6B3FF;
	text-decoration : none;
}

a:hover.side {
	color : #E6B3FF;
	text-decoration : underline;
}

a.white, li.white a {
	color: #ddd;
	text-decoration: none;
}

a:hover.white, li.white a:hover {
	color: #ddd;
	text-decoration: underline;
}

body {
	color : #555;
    margin: 0px 0px 0px 0px;
	background: #000000 url(images/bg.jpg) no-repeat fixed center;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

form {
	margin : 0px;
}

hr {
	height : 1px;
	border : 1px solid #eee;
}

hr.side-hr {
	height : 1px;
	border : 1px solid #eee;
}

td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

pre {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

.alt {
	color : #B026FF;
}

.outer-border {
	border : 1px solid #000;
}

.sub-header {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000;
	background-color : #888;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	padding : 5px;
}

.sub-header ul{
	margin: 0;
	padding: 0;
}

.sub-header ul li{
	display: inline;
}

.sub-header ul li.first-link .bullet{
	display: none;
}

.full-header {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #ddd;
	background-color : #444;
	padding : 10px;
}

.footer {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	border : 1px solid #ccc;
	padding : 5px;
}

.button {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	height : 20px;
	border : 1px solid #ccc;
	margin-top : 2px;
}

.bbcode {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	border : 1px solid #ccc;
	margin-top : 2px;
}

.textbox {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #fff;
	background-color : #363636;
	border : 1px solid #000;
}

.main-body {
	font-size:12px;
	color:#fff; 
	padding:3px 4px 3px 4px;
	border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
	background-image:url();
	background-repeat:repeat;
	background-position:center;
}

.center {
	margin : 0 auto;
}

.side-body {
	font-size:12px;
	color:#fff; 
	padding:3px 4px 3px 4px;
	border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
	background-image:url();
	background-repeat:repeat;
	background-position:center;
}

.main-bg {
	color : transparente
	background-color : transparent;
	padding : 10px 10px 5px 10px;
}


.admin-message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-align : center;
	color : #555;
	background-color : #f6f6f6;
	border : 1px solid #e1e1e1;
	padding : 3px 4px 5px 4px;
	margin-bottom : 5px;
}

.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

.side-border-left {
	color : #777;
	background-color : transparent;
	padding : 10px 0px 10px 10px;
	width: 175px;
}

.side-border-right {
	color : #777;
	background-color : transparent;
	padding : 10px 10px 10px 0px;
	width: 175px;
}

.news-category {
	border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
	margin:3px 5px 0 0;
	float:left;
}

.news-footer {
	font-size : 10px;
	color : #555;
	background-color : #f1f1f1;
	padding : 3px 4px 4px 4px;
}

.capmain {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #fff;
        text-align: center;
	background-color : transparent;
	padding : 2px 0px 4px 0px;
	height: 27px;
}

.scapmain {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
        text-align: center;
	color : #fff;
	background-color : transparent;
	padding : 4px;
	height: 27px;
}

.tbl-border {
	border : 1px solid #e1e1e1;
}

.tbl {
	font-size : 11px;
	color : #fff;
	background-color : #363636;
	padding : 4px;
}

.tbl1 {
	font-size : 11px;
	color : #fff;
	background-color : #363636;
	padding : 4px;
}

.tbl2 {
	font-size : 11px;
	color : #fff;
	background-color : #363636;
	padding : 4px;
}

.forum-caption {
	font-size : 11px;
	font-weight : bold;
	color : #888;
	background-color : #f1f1f1;
	padding : 2px 4px 4px 4px;
}

.quote {
	font-size : 11px;
	color : #555;
	background-color : #f8f8f8;
	padding : 4px;
	margin : 0px 20px 0px 20px;
	border : 1px solid #bbb;
}

.poll {
	height : 12px;
	border : 1px solid #bbb;
}

.comment-name {
	font-weight : bold;
	color : #B026FF;
}

.shoutboxname {
	font-weight : bold;
	color : #B026FF;
	background-color : #363636;
}

.shoutbox {
	color : #fff;
	background-color : #363636;
}

.shoutboxdate {
	font-size : 10px;
	color : #fff;
	background-color : #363636;
}

.small {
	font-size : 10px;
	font-weight : normal;
}

.small2 {
	font-size : 10px;
	font-weight : normal;
	color : #fff;
}

.side-small {
	font-size : 10px;
	font-weight : normal;
	color : #555;
	background-color : #000;
}

.side-label {
	color : #555;
	background-color : #000;
	padding : 2px 2px 3px 2px;
}

/* Vertical Navigation */

#navigation h2 {
	font-size: 10px;
	color : #555;
	background-color: #f1f1f1;
	margin: 0;
	padding: 4px;
}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html #navigation ul li{
   height: 1%;
}

#navigation a {
	display: block;
	color: #B026FF;
	background-color: #f6f6f6;
	padding: 2px;
	text-decoration : none;
}

#navigation a:hover {
	color: #f6f6f6;
	background-color: #B026FF;
}

/* Page Navigation */

.pagenav {
	padding: 0.4em;
}

.pagenav span {
	color: #fff;
	background-color: #B026FF;
	border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
}

.pagenav a {
	color: #B026FF;
	background-color: #fff;
	border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
	text-decoration: none;
}

.pagenav a:hover {
	color: #fff;
	background-color: #B026FF;
	margin: 0.2em;
	text-decoration: none;
}


/* ==============================
   SANDY NEON PANEL UPGRADE
   ============================== */

body {
    color: #d7def8;
}

.main-bg {
    color: transparent;
    background-color: transparent;
    padding: 10px 10px 5px 10px;
}

.main-body,
.side-body,
.tbl,
.tbl1,
.tbl2,
.shoutbox,
.shoutboxname,
.shoutboxdate {
    color: #eafcff;
}

.capmain,
.scapmain {
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    text-shadow: 0 0 6px rgba(204,0,255,0.95), 0 0 18px rgba(204,0,255,0.45);
}

/* Main content panels */
.main-body,
.tbl,
.tbl1,
.tbl2 {
    position: relative;
    background: linear-gradient(180deg, rgba(12,18,36,0.92) 0%, rgba(5,10,22,0.94) 100%);
    border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
    box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
}

.main-body {
    padding: 14px 16px 16px 16px;
    border-top: 0;
    border-bottom: 0;
}

.tbl,
.tbl1,
.tbl2 {
    padding: 8px 10px;
}

.capmain {
    color: #E18BFF;
    padding: 7px 16px 8px 16px;
    border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
    background: linear-gradient(90deg, rgba(8,16,36,0.96) 0%, rgba(29,0,58,0.92) 48%, rgba(3,28,44,0.96) 100%);
    box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
}

/* Side panels */
.side-body {
    position: relative;
    padding: 12px 12px 14px 12px;
    border-left: 1px solid rgba(204,0,255,0.58);
    border-right: 1px solid rgba(204,0,255,0.58);
    background: linear-gradient(180deg, rgba(24,10,35,0.95) 0%, rgba(10,10,24,0.96) 100%);
    box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
}

.scapmain {
    color: #ff7cf4;
    padding: 8px 12px;
    border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
    background: linear-gradient(90deg, rgba(30,0,45,0.96) 0%, rgba(60,0,82,0.94) 50%, rgba(8,16,36,0.96) 100%);
    box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
    text-shadow: 0 0 6px rgba(204,0,255,0.95), 0 0 18px rgba(204,0,255,0.40);
}

.border {
    border-spacing: 0;
    margin-bottom: 18px;
    filter: drop-shadow(0 0 10px rgba(204,0,255,0.14)) drop-shadow(0 0 14px rgba(204,0,255,0.18));
}

.side-border-left,
.side-border-right {
    padding-top: 6px;
}

/* Fancy footer strip for panels using existing image slots */
img {
    border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
}

/* Inputs + buttons adjusted to neon look */
.textbox,
.button,
.bbcode {
    background: rgba(12,18,30,0.94);
    color: #effdff;
    border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
    box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
}

.button {
    cursor: pointer;
}

.button:hover {
    box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
}

/* Links */
a,
a.side {
    color: #D48CFF;
}

a:hover,
a:hover.side {
    color: #ffd1fb;
    text-decoration: none;
}

/* Tables in forum/content */
.forum-caption {
    color: #D48CFF;
    background: rgba(9,17,34,0.94);
    border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
    text-shadow: 0 0 6px rgba(204,0,255,0.4);
}

.quote {
    color: #eef7ff;
    background: rgba(9,17,34,0.84);
    border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
}

.pagenav span {
    color: #1A0228;
    background: #E18BFF;
    border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
    box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
}

.pagenav a {
    color: #D48CFF;
    background: rgba(9,17,34,0.94);
    border: 6px solid transparent; border-image: linear-gradient(45deg, #4b0a73, #6a00a8, #8b00d9, #b026ff, #d46bff, #f0b3ff, #b026ff) 1; box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;   box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff, 0 0 45px #aa00ff;
}

.pagenav a:hover {
    color: #1A0228;
    background: #E18BFF;
}


/* Outer neon ring for panel wrappers */
.main-body,
.tbl,
.tbl1,
.tbl2,
.side-body,
.capmain,
.scapmain {
    outline: 1px solid rgba(255,255,255,0.04);
}

.panel, .main-body, .tbl, .tbl1, .tbl2, .side-body { background-color: rgba(128,0,255,0.08); }


.panel:hover, .main-body:hover, .tbl:hover, .tbl1:hover, .tbl2:hover, .side-body:hover {
  box-shadow: 0 0 25px #ff00ff, 0 0 50px #8000ff, 0 0 80px #ff00ff;
  transform: scale(1.02);
  transition: 0.3s;
}

@keyframes pulseGlow {
  0% { box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff; }
  50% { box-shadow: 0 0 30px #ff00ff, 0 0 60px #8000ff; }
  100% { box-shadow: 0 0 15px #8000ff, 0 0 30px #8000ff; }
}

.panel, .main-body, .tbl, .tbl1, .tbl2, .side-body {
  animation: pulseGlow 2.5s infinite ease-in-out;
}


/* Panels rechts ausrichten */
.panel {
    float: right;
    margin-bottom: 10px; /* Abstand zwischen den Panels */
}

/* Größe der Panelbilder festlegen */
.panel img {
    width: 100%;  /* Setzt die Bilder auf die volle Breite des Panels */
    height: auto; /* Bewahrt das Seitenverhältnis der Bilder */
    max-width: 300px; /* Maximale Breite der Bilder */
}

/* Optional: Panels untereinander anordnen */
.panel {
    display: block;
    width: 300px; /* Breite der Panels */
}