/* $Id: clansphere.css 320 2006-09-12 01:45:49Z hajo $ */

#outter						{ width:975px; }

body {
        background-image:url('img/bg_dunkel.png');
        background-color:#181818;
        color:#C6D8A2;
        font-family:Arial,Helvetica,sans-serif;
        font-size:9pt;
        margin:0px;
        text-align:center;
}
#main {
	width:				988px;
}

a:link, a:visited {
        
        color:#C6D8A2;
        text-decoration:none;
        font-weight:bold;
}
a:active, a:hover {
        background-color:#2D3224;
        color:#9AB464;
        text-decoration:none;
        font-weight:bold;
}
div,span {
        font-family:Arial,Helvetica,sans-serif;
}
img {
        border:0px;
}
form {
        display:inline;
}
td {
        background-color:inherit;
        color:#C6D8A2;
        font-size:8pt;
        vertical-align:top;
}
textarea {
        width:95%;
}
ul {
        margin:0px;
}

#nav-left {
        width:136px;
        float:left;
        margin:auto;
}
#nav-right {
        float:right;
        width:196px;
        margin:auto;
}
#content {
        background-color:inherit;
        color:#C6D8A2;
        text-align:center;
        width:658px;
        float:left;
        margin:auto;
}
#contentwarshead {
        background-color:inherit;
        color:#C6D8A2;
        text-align:center;
        margin-bottom:4px;
        width:646px;
        border:0px solid #000000;
}
#bottom {
        background-color:#242424;
        color:inherit;
        width:988px;
        text-align:center;
        border: 1px solid;
        border-color:#000000;
        float:left;
        margin:auto;
        /*-moz-border-radius:8px 8px 8px 8px;*/
}
#tickerbottom {
        color:inherit;
        padding:0px 0px 0px 0px;
        width:988px;
        text-align:center;
        border:1px solid #000000;
        /*-moz-border-radius:8px 8px 8px 8px;*/
}
#head {
        background-color:#242424;
        background-image:url('img/banner.png');
        color:#990000;
        border:1px solid #000000;
        height:105px;
        text-align:center;
        width:988px;
}
#debug {
        height:150px;
        margin-bottom:10px;
        overflow:auto;
        padding-left:4px;
        width:100%;
        text-align:left;
}
#errors {
        color:#CC0000;
}
#sql {
        color:#777777;
}
.h1 {
        color: #F2F2F2;
        font-size: 14pt;
        font-weight: bold;
        text-decoration: none;
}
.h2 {
        color: #F2F2F2;
        font-size: 16pt;
        font-weight: normal;
        text-decoration: none;
}
.h3 {
        color: #F2F2F2;
        font-size: 20pt;
        font-weight: normal;
        text-decoration: none;
}
.form {
        background-color:#888888;
        border:1px dotted #F2F2F2;
        color:#000000;
        font-family:Arial,Helvetica,sans-serif;
        font-size:8pt;
        margin:2px;
        padding-left:3px;
}
.form:hover {
        background-color:#888888;
}
.forum {
        background-color:inherit;
        color:#F2F2F2;
        margin:auto;

}
.headb {
        background-color:#666666;
        color:#565F45;
        background-image:url('img/bannerhin.png');
        font-family:Arial;
        font-size:12px;
        font-weight:bold;
        padding:2px;
        height:20px;
        width:334px;
        text-align:center;
        /*-moz-border-radius:8px 8px 0px 0px;*/
}
.headbc {
        background-color:#181818;
        color:#565F45;
        font-family:Arial;
        font-size:12px;
        font-weight:bold;
        padding:1px;
        height:20px;
        text-align:center;
        /*-moz-border-radius:8px 8px 0px 0px;*/
}
.contentwarshead {
        background-color:#666666;
        color:#242424;
        font-family:Arial;
        font-size:12px;
        font-weight:bold;
        padding:2px;
        height:20px;
        width:668px;
        text-align:center;
        /*-moz-border-radius:8px 8px 0px 0px;*/
}
.ticker {
        background-color:#242424;
        color:inherit;
        margin-top:6px;
        padding:0px 0px 0px 0px;
        width:664px;
        text-align:center;
        /*-moz-border-radius:8px 8px 8px 8px;*/
}
.bottom {
        background-color:#2D3224;
        color:inherit;
        padding:2px 4px 2px 6px;
        text-align:left;
}
.newshead {
        background-color:#666666;
        color:#565F45;
        font-family:Arial;
        font-size:11pt;
        font-weight:bold;
        background-image:url('img/bannerhin.png');
        text-align:left; padding-left:14px; padding-right:6px; padding-top:0px; padding-bottom:2px
}
.left,.center,.right {
        padding:0px;
}
.leftb,.centerb,.rightb {
        background-color:#242424;
        color:inherit;
        padding:4px 8px 4px 8px;
}
.leftc,.centerc,.rightc {
        background-color:#242424;
        color:inherit;
        padding:4px 6px 4px 8px;
}
.leftwar,.centerwar,.rightwar {
        background-color:#242424;
        color:inherit;
        text-align:center;
        width:334px;
        padding:2px 6px 2px 6px;
}
.left,.leftb,.leftc {
        text-align:left;
}
.center,.centerb,.centerc {
        text-align:center;
}
.right,.rightb,.rightc {
        text-align:right;
}
.quote {
        background-color:#242424;
        border:1px solid #000000;
        color:inherit;
        padding:6px;
        text-align:left;
}
.navhead {
        border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; border-bottom:0px solid #000000; background-color:#666666;
        background-image:url('img/banner_klein.png');
        color:#565F45;
        font-family:Arial;
        font-size:14px;
        font-weight:bold;
        height:18px;
        text-align:center;
        width:134px;
}
.navheada {
        border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; border-bottom:0px solid #000000; background-color:#666666;
        background-image:url('img/banner_klein.png');
        color:#565F45;
        font-family:Arial;
        font-size:14px;
        font-weight:bold;
        height:18px;
        text-align:center;
        width:194px;
}
.navbodyb {
        background-color:#242424;
        border:1px solid #000000;
        color:#F2F2F2;
        font-family:Arial;
        list-style:none;
        padding:2px 4px 2px 4px;
        text-align:left;
        width:126px;
        /*-moz-border-radius:0px 0px 8px 8px;*/
}
.navbody2b {
        background-color:#242424;
        border:1px solid #000000;
        color:#F2F2F2;
        font-family:Arial;
        list-style:none;
        padding:2px 4px 2px 4px;
        text-align:left;
        width:186px;
        /*-moz-border-radius:0px 0px 8px 8px;*/
}
.navbodys {
        background-color:#242424;
        border:1px solid #000000;
        color:#F2F2F2;
        font-family:Arial;
        list-style:none;
        text-align:left;        
        /*-moz-border-radius:0px 0px 8px 8px;*/
}
.navbodybk {
        background-color:#242424;
        border:1px solid #000000;
        color:#F2F2F2;
        font-family:Arial;
        list-style:none;
        text-align:center;
        width:194px;
        /*-moz-border-radius:0px 0px 8px 8px;*/

}
.navbodyb:hover,.navbody2b:hover,.navbodybk:hover {
        background-color:#242424;
}
.calhead {
        background-color:#242424;
        color:inherit;
        font-size:8pt;
        padding:4px 2px 4px 2px;
        text-align:center;
}
.calday,.calevent,.caltoday, .calweek, .calbirth {
        padding:4px 2px 4px 2px;
        font-size:8pt;
        text-align:center;
}
.calday {
        background-color:#4A4A4A;
        color:inherit;
}
.calevent {
        background-color:#9D0615;
        color:inherit;       
}
.calbirth {
        background-color:#363D00;
        color:inherit;
}
.caltoday {
        background-color:#242424;
        color:inherit;
        font-weight: bold;
}
.calweek {
        background-color:#242424;
        color:inherit;
}
.caltth {
 	background-color:#800;
 	color:		#ccc;
	font-weight:	bold;
	text-align:	center;
	padding:	1px 4px 1px 4px;
}

.calttb {
	background-color:	#999;
	color:			#000;
	padding:		1px 4px 1px 4px;
}
.navcontainer
{
margin: auto;
padding: 0;
height: 20px;
width: 990px;
text-align: center;
}
.navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

.navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

.navcontainer ul li a
{
background: #242424;
width: 96px;
height: 18px;
background-image:url('img/banner_nav.png');
border: 1px solid #000000;
border-right: none;
margin: auto;
color: #565F45;
text-decoration: none;
display: block;
text-align: center;
font-family:Arial;;
font-weight:bold;
padding:0px 1px 0px 1px;
}

.navcontainer ul li a:hover
{
color: #565F45;
background: #000000;
background-image:url('img/banner_nav1.png');
}

.navcontainer a:active
{
background: #242424;
color: #F2F2F2;
background-image:url('img/banner_nav1.png');
}

.navcontainer li#active a
{
background: #242424;
border: 1px solid #c60;
color: #F2F2F2;
}
.tooltip {
	display: none;
	background: #dedede;
	color: #000;
	padding: 2px;
	text-align: left;
	font-weight: normal;
	max-width: 200px;
	width: auto;
	border: 2px solid #800;
	z-index: 250;
}

.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. */
}