/* $Id: clansphere.css 232 2006-08-19 16:07:22Z hajo $ */

body {
	background-color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center; }

a:link, a:visited {
	color: gray;
	text-decoration: none; }

a:active, a:hover {
	color: #555555;
	text-decoration: underline; }

div,span {
	/* background-color:inherit; */
	color: #F2F2F2;
	font-family:Verdana,Helvetica,sans-serif; }

img {
	border: 0px; }

form {
	display: inline; }
	
table.randtabelle {
	width: 1010px;
	height: 100%;
	border: none; }
	
td.rand_l {
	background-image: url(images/rand_l.png);
	width: 5px; }
	
td.rand_m {
	width: 1000px; }
	
td.rand_r {
	background-image: url(images/rand_r.png);
	width: 5px; }

table.haupttabelle {
	width: 1000px;
	height: 100%;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black; }
	
table.linkenavi_table {
	width: 175px; }
	
td {
	background-color:#0F1215;
	color: white;
	font-size: 11px;
	vertical-align: top; }

.kopf {
	background-image: url(images/banner_index.jpg);
	height: 200px;
	width: 1000px;
	border-top: none;
	border-left: 1px solid #0F121;
	border-right: 1px solid #0F1215;
	border-bottom: none; }

.linkenavi {
	background-color: #0F1215;
	border-top: 2px solid #0F1215;
	border-bottom: 1px solid #0F1215;
	border-left: 1px solid #0F1215;	
	border-right: 1px solid #0F1215;
	width: 175px; }
	
.inhalt {
	background-color: #0F1215;
	width: 600px;
	border: none; }

.rechtenavi {
	background-color: #0F1215;
	border: 1px solid #0F1215;
	width: 225px;	
	text-align: left; }

.navikopf {
	background-image: url(images/navbox_bg.jpg);
	width: 100%;
	height: 20px;
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 3px;
	vertical-align: middle; }
	
.naviinhalt {
	background-color: #0F1215;
	font-size: 11px;
	color: white;
	text-align: left;
	padding: 5px; }

.fuss {
	color: white;
	width: 100%;
	text-align: center;
	padding: 3px;
	background-color: #0F1215;
	border-top: 2px solid #0F1215; }

ul {
	margin:0px; }

#nav-left,#content,#bottom {
	float:left;
	margin:auto; }

#nav-left {
	width:14%; }

#nav-right {
	float:right;
	width:20%; }

#content {
	background-color:inherit;
	color:#0F1215;
	text-align:center;
	width:66%; }

#bottom {
	background-color:#444444;
	border:1px solid #C4C4C4;
	color:inherit;
	margin-top:20px;
	padding:4px 0px 4px 0px;
	width:100%; }

#head {
	background-image: url(images/banner_index.jpg);
	/* background-color:#444444; */
	border: 1px solid #C4C4C4;
	height: 140px;
	margin-bottom:20px;
	text-align:center;
	width: 1000px; }

#debug {
	height:150px;
	margin-bottom:20px;
	overflow:auto;
	padding-left:4px;
	width:100%;
	text-align:left; }

#errors {
	color:#CC0000; }

#sql {
	color:#666666; }

.h1 {
	color: #CCCCCC;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none; }

.h2 {
	color: #CCCCCC;
	font-size: 16pt;
	font-weight: normal;
	text-decoration: none; }

.h3 {
	color: #CCCCCC;
	font-size: 20pt;
	font-weight: normal;
	text-decoration: none; }

.form {
	background-color:#383838;
	border: 1px solid #000000;
	color:#8D8D8D;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:8pt;
	margin:2px;
	padding-left:3px; }

input {
	background-color:#383838;
	border: 1px solid #000000;
	color:#8D8D8D;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:8pt;
	margin:2px;
	padding-left:3px; }
	
select {
	background-color:#383838;
	border: 1px solid #000000;
	color:#8D8D8D;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:8pt;
	margin:2px;
	padding-left:3px; }

textarea {
	background-color: #383838;
	border: 1px solid #000000;
	color: #8D8D8D;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 8pt;
	margin: 2px;
	padding-left: 3px;
	width: 90%; }

.forum {
	border: 1px solid black;
	background-color: #0F1215;
	color: white;
	width: 100%; }

.headb {
	background-image: url(images/navbox_bg.jpg);
	color: white;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	border-bottom: 1px solid black; }

.bottom {
	background-color: #0F1215;
	color: inherit;
	padding: 4px 6px 4px 8px;
	text-align: left; }

.newshead {
	/* background-image: url(images/newshead_bg.gif); */
	background-color: #282A2E;
	color: inherit;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 6px 4px 8px;
	text-align: left;
	width: 578px;
	height: 25px; }

.left,.center,.right {
	padding: 1px; }

.leftb,.centerb,.rightb {
	background-color: #191C20;
	color: white;
	padding: 4px 6px 4px 8px; }

.leftc,.centerc,.rightc {
	background-color: #191C20;
	color: white;
	padding: 4px 6px 4px 8px; }

.left,.leftb,.leftc {
	text-align: left; }

.center,.centerb,.centerc {
	text-align: center; }

.right,.rightb,.rightc {
	text-align: right; }

.quote {
	background-color: #444444;
	border:1px solid #C4C4C4;
	color:inherit;
	padding:6px;
	text-align:left; }

.navhead,.navhead2 {
	background-color:#0F1215;
	border:solid #C4C4C4;
	border-width:1px 1px 0px 1px;
	color:inherit;
	font-weight:bold;
	padding:4px;
	text-align:center; }

.error_message_box {
	border: 2px solid #660000;
	background:#FFD3D3;
	font-weight: bold;
	padding: 10px 0;
	margin: 0 auto; }

.navbodyb,.navbody2b {
	background-color:#0F1215;
	border:1px solid #C4C4C4;
	color:inherit;
	list-style:none;
	padding:4px 6px 4px 8px;
	text-align:left; }

.calhead {
	background-color:#555555;
	color:inherit;
	padding:4px 2px 4px 2px;
	text-align:center; }

.calday,.calevent,.caltoday, .calweek {
	padding:4px 2px 4px 2px;
	text-align:right; }

.calday {
	background-color:#666666;
	color:inherit; }

.calevent {
	background-color:#444444;
	color:inherit; }

.caltoday {
	background-color:#3E3E3E;
	color:inherit; }

.calweek {
	background-color:#333333;
	color:inherit; }

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 110px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}