body {
	font-family:"sans serif ms",Arial,Sans-Serif; 
	font-size:13px; 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#151515;
}

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

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

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

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

li.white a, a.white{
	color:#d7d7d8; 
	font-family:"sans serif ms",Tahoma,Arial,Sans-Serif;
	text-align:center; 
	font-size: 14px;  
	vertical-align:bottom;
	font-weight:bold;
	padding:10px 25px 10px 25px;
	
}
	
li.white a:hover, a:hover.white { 
	
	font-family:"sans serif ms",Tahoma,Arial,Sans-Serif;
	color:#fefefe; 
	text-decoration:none;
	font-size: 14px; 
	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:#000; 
	text-decoration:none;
	
}

.center, *[align="center"] {margin: 0 auto}
.admin-message { border: 1px solid #EEEEEE;padding: 8px; margin-bottom: 8px;}
.bbcode { border: 1px solid #EEEEEE;}

.nav-oben {
	background-image:url(images/navbar_bg.png);
	background-size: 1200px 50px;
	 
	 color:#fff;
	 
}

.content-icon {
	
	color:#fff;
	background-image: url(images/box-bg.gif);
	background-repeat:no-repeat;
	width:30px;
	height:31px;
}


.bottom { 
	background-image: url(images/footer.png);
	background-repeat:no-repeat;
	width:1200px;
	height:200px;

}

.headerpic{
    background-image: url(images/header.png);
    background-repeat:no-repeat;
	width:1200px;
	height:400px;
}

img {
	border: 0px;
	/*border-radius: 30px 30px 0px 0px;*/
}

form {
	margin:10px 0px 0px 10px;
}


hr {
	border-top:2px #393939 solid;
	border-bottom:1px #efefef solid;
}

hr.side-hr {
	border:1px #E2E2E2 solid;
	border-bottom:1px #FFFFFF solid;
}

td {
	font-family:"sans serif ms",Arial,Sans-Serif;
	font-size:13px;
}

pre {
	font-family:"sans serif ms",Arial,Sans-Serif; 
	font-size:13px;
	color: #ffffff;
}

.bg { background-color:#151515;
	background-image: url(images/background.png);
	background-size: 100%;
	background-attachment:fixed;
      background-position: top center;
	background-repeat: repeat-y;
}

.side-both { 
	background-image: url(images/stiri.png);
	padding:20px 0px 0px 0px;
	background-size:1200px;
	background-attachment:fixed;
      background-position: center;
	background-repeat: repeat-y;
	
	/*border-radius: 400px;*/
}


.login {
     color: #ffffff;
	 
}

.nav {
     color: #ffffff;
	 background-color: #393939;
}

.alt {
	color:#666;
}

.header {
	font-family:"sans serif ms",Arial,Sans-Serif;
	font-size:12px;
	color:#CC0000; 
	background-color:#000;
}

.button {
	font-family:"sans serif ms",Arial,Sans-Serif;
	font-size:11px;
	color:#fff; 	
    background-color:#000;	
	border:#c5c5c5 2px solid;
	margin-top:2px;
}
	
.textbox {
	font-family:"sans serif ms",Arial,Sans-Serif;
	font-size:11px;
	color:#fff; 
	background-color:#000;
	border:2px #fff solid;
}

/*.main-bg {
    
	padding:10px 10px 10px 10px;
	background-size: 1200px;
	color:#fff;
	
}*/

.main-bg {
	color: #EBEBEB;
	background: rgba(0, 0, 0, 0.5);
	padding: 10px 10px 10px 10px;
	border-radius: 25px;
}

.main-bg2 {
    
	padding:10px 10px 10px 10px;
	background-size: 1200px;
	/*background-color: #969698;*/
	color:#969698;
	
}

.side-border-left {
	width:240px;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-repeat: repeat-y;
}

.side-border-right {
    width:240px;
	padding:0px 0px 0px 0px;
	color:#fff;
	background-repeat: repeat-y;
}

.main-body {
    
	font-size:12px;
	color:#fff; 
	padding:3px 4px 3px 10px;
	
	background-repeat:no-repeat;
	background-position:bottom right;
}

.ot-main-body {
    
	font-size:12px;
	color:#ebebec; 
	/*padding:3px 4px 3px 10px;*/
}

.side-body {
	font-family:Tahoma,"sans serif ms",Arial,Sans-Serif;
	font-size:12px;
	color:#ebebec; 
	padding:0px 25px 0px 25px;
	background-image: url(images/nav_bg.png);
	background-repeat:repeat-y;
	}

.border {
	background-color:#ddd; 
	border:2px #5F5F5F solid; 
}

.infobar {
	font-size:9px;
	color:#000; 
	
}

.ot-title {
	font-family:"sans serif ms",Arial,Sans-Serif;
	font-size:18px;
	color:#fff; 
	padding:28px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:center;
	height:52px;
}

.news-title {
    font-family: "sans serif ms", Arial, Sans-Serif;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 5px black;
    padding: 0px 0px 0px 10px; /* 10px Abstand zum linken Rand */
    background-image: url(images/content_head.png);
    background-repeat: no-repeat;
    height: 30px;
    line-height: 30px; /* Vertikale Zentrierung der Schrift */
    text-align: left; /* Links ausgerichtet */
}

.panel-title {
	font-family:"sans serif ms",Arial,Sans-Serif;
	font-size:18px;
	color:#fff;
	text-shadow: 0 0 5px black;
	padding: 0px 0px 0px 0px;
	background-image: url(images/nav_head.png);
	background-repeat:no-repeat;
	height:50px;
	
}

.panel-unten {
	font-family:"sans serif ms",Arial,Sans-Serif;
	font-size:14px;
	color:#fff; 
	
	background-image: url(images/nav_footer.png);
	background-repeat:no-repeat;
	height:60px;
	padding:0px 0px 0px 0px;
}


.side-caption {
	font-family:"sans serif ms",Arial,Sans-Serif;
	font-size:12px; font-weight:bold;
	color:#EFEFEF; background-color:#004A80;
	padding:0px 0px 3px 4px;
}

.tbl-border {
	background-color:#121212;
	border:1.5px solid #a64ac9;
	border-radius: 0px;
}

.tbl {
	font-size:12px; padding:3px 4px 3px 4px;
}

.tbl1 {
	font-size:12px; 
	color:#ebebec; 
	padding:4px;
}

.tbl2 {
	font-size:10px; 
	color:#00c4ff; 
    padding:4px;
	border-bottom: #032640;
	border-bottom-width: 1px;
}
	
.forum-caption {
	font-size:12px; font-weight:bold;
	color:#fff; background-color:#660000;
	padding:2px 4px 4px 4px;
}

.quote {
	color:#ffffff; background-color:#393939;
	padding:2px;
	margin:0px 20px 0px 20px;
	border:2px #ffffff solid;
}
	
.poll {
	height:8px; border:1px #fff solid;
}

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

.shoutboxname {
	font-weight:bold; 
	color:#666666;
	 
}

.shoutbox {
	color:#fff; 
	
}

.shoutboxdate {
	font-size:10px; color:#fff; text-align:right;
}

.small {
	font-size:12px; font-weight:normal;color: #fff;
}

.small2 {
	font-size:12px; font-weight:normal; color:#555;
}

.side-small {
	font-size:11px; font-weight:normal; color:#333;
}

.side-label {
    color:#fff;
	background-color:#000000;
	padding:1px 4px 3px 4px;
	background-image: url(images/button_oben1.png);
	background-repeat:repeat;
}

.gallery {
	padding: 16px 0px 8px 0px;
}

.gallery img {
	border: 1px solid #ccc;
}

.gallery:hover img {
	border: 1px solid red;
}

img.activegallery {
	border: 1px solid green;
}

/*Shoutbox Button*/
.shoutbox {
	color: #F5F5F5;
	background: transparent;
}

.shoutboxdate {
	font-size: 13px;
	color: #ffffff;
	text-align: center;
	background: transparent;
	padding-bottom: 1px;
	border-color: #000 #272927 #272927 #000;
	padding: 4px;
    /*background: rgba(206,187,187,0.6);
	background: -moz-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(206,187,187,0.6)), color-stop(64%, rgba(206,187,187,0.6)), color-stop(65%, rgba(206,187,187,0.6)), color-stop(100%, rgba(206,187,187,0.6)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: radial-gradient(ellipse at center, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1 );*/
}

.small {
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	/*border-color: #000 #272927 #272927 #000;*/
	padding: 4px;
    /*background: rgba(206,187,187,0.6);
	background: -moz-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(206,187,187,0.6)), color-stop(64%, rgba(206,187,187,0.6)), color-stop(65%, rgba(206,187,187,0.6)), color-stop(100%, rgba(206,187,187,0.6)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: radial-gradient(ellipse at center, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1 );*/
}

.small2 {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	border-color: #000 #272927 #272927 #000;
	
	padding: 4px;
	/*background: rgba(206,187,187,0.6);
	background: -moz-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(206,187,187,0.6)), color-stop(64%, rgba(206,187,187,0.6)), color-stop(65%, rgba(206,187,187,0.6)), color-stop(100%, rgba(206,187,187,0.6)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: radial-gradient(ellipse at center, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1 );*/
}

sa {
    text-shadow: #bbb 2px 2px;
}

admin {
    color: #ff0000;
    text-decoration: none;
}

#contentbox
{
	font-family: 'Open Sans', Tahoma, Helvetica, Arial, Sans, sans-serif;
	font-size:14px;

}
#bar
{
	background-color:#ff0000;
	width:0px;
	height:10px;
}
#barbox
{
	float:left; 
	height:10px; 
	background-color:#444; 
	width:130px; 
	border:solid 2px #a64ac9; 
	margin-right:3px;
	/*-webkit-border-radius:5px;-moz-border-radius:5px;*/
}
#count
{
	float:left; margin-right:8px; 
	font-family: 'Open Sans', Tahoma, Helvetica, Arial, Sans, sans-serif;
	font-size:10px; 
	font-weight:bold; 
	color:#fff
}

.nachricht
{
	background-image: url(images/shoutbox.png);
	color: #fff;
	border-color: #000 #ffdf04 #ffdf04 #000;
	border: 2px outset #a64ac9;
	padding: 4px;
	/*background: rgba(206,187,187,0.6);
	background: -moz-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(206,187,187,0.6)), color-stop(64%, rgba(206,187,187,0.6)), color-stop(65%, rgba(206,187,187,0.6)), color-stop(100%, rgba(206,187,187,0.6)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: radial-gradient(ellipse at center, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1 );*/
}

.nachricht1
{ 
	background-color:#444;
	color: #fff;
	border-color: #000 #ffdf04 #ffdf04 #000;
	border: 2px outset #000;
	padding: 4px;
	/*background: rgba(206,187,187,0.6);
	background: -moz-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(206,187,187,0.6)), color-stop(64%, rgba(206,187,187,0.6)), color-stop(65%, rgba(206,187,187,0.6)), color-stop(100%, rgba(206,187,187,0.6)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	background: radial-gradient(ellipse at center, rgba(206,187,187,0.6) 0%, rgba(206,187,187,0.6) 64%, rgba(206,187,187,0.6) 65%, rgba(206,187,187,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1 );*/
}

.abschicken {
    height: 25px; /* Kleinere Höhe */
    font-family: "sans serif ms", Arial, Sans-Serif;
    font-size: 12px; /* Kleinere Schriftgröße */
    font-weight: bold;
    color: #333333; /* Anthrazitfarbene Schrift */
    border: 2px solid #a64ac9; /* Lila Rand */
    padding: 3px 15px; /* Weniger Innenabstand */
    margin: 5px;
    cursor: pointer;
    border-radius: 10px; /* Leicht abgerundete Ecken */
    box-shadow: 0px 0px 5px 0px #a64ac9; /* Lila Schimmer */
    background: linear-gradient(135deg, #add8e6 0%, #87ceeb 100%); /* Heller Blau-Verlauf */
    transition: all 0.3s ease-in-out; /* Sanfter Übergang für Hover-Effekt */
}

.abschicken:hover {
    color: #333333; /* Anthrazitfarbene Schrift beim Hover */
    background: linear-gradient(135deg, #87ceeb 0%, #add8e6 100%); /* Umgekehrter Blau-Verlauf */
    box-shadow: 0px 0px 15px 3px #a64ac9; /* Intensiverer lila Schimmer */
    transform: scale(1.05); /* Leichtes Vergrößern beim Hover */
}

@media (max-width: 768px) {
    .shoutbox-input {
        font-size: 12px;
        padding: 8px;
    }
}