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

body {
	background-color:#000000;
	color:#CCCCCC;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:8pt;
	margin:0px;
	text-align:center;
	margin-top:0px
        margin-bottom:0px
}
a:link, a:visited {
	background-color:inherit;
	color:#D3D3D3;
	text-decoration:none;
}
a:active, a:hover {
	background-color:inherit;
	color:#B2B2B2;
	text-decoration:underline;
}

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

img {
	border:0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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

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

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

td {
	background-color:inherit;
	color:#E6E6E6;
	font-size:8pt;
	vertical-align:top;
}
textarea {
	width:90%;
}
ul {
	margin:0px;
}

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

#nav-left {
	float:left;
	width:160px;
}
#nav-right {
	float:left;
	width:160px;
}
#content {
	color:#D3D3D3;
	text-align:center;
	
}
#bottom {
	background-color:#000000;
	border:0px solid #000000;
	color:#D3D3D3;
	margin-top:0px;
	padding:4px 0px 4px 0px;
	width:100%;
}
#head {
	background-color:#000000;
	border:1px solid #C4C4C4;
	color:#333333;
	font-size:25pt;
	height:100px;
	margin-bottom:20px;
	text-align:center;
	width:100%;
}
#debug {
	height:150px;
	margin-bottom:20px;
	overflow:auto;
	padding-left:4px;
	width:100%;
	text-align:left;
}
#errors {
	color:#880000;
}
#sql {
	color:#333333;
}
.h1 {
	color: #D3D3D3;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
}
.h2 {
	color: #D3D3D3;
	font-size: 16pt;
	font-weight: normal;
	text-decoration: none;
}
.h3 {
	color: #D3D3D3;
	font-size: 20pt;
	font-weight: normal;
	text-decoration: none;
}

.h4 {
	color: #D3D3D3;
	font-size: 12pt;
	font-weight: normal;
	text-decoration: none;
}

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

.forum {
	background-color:#000000;
	color:inherit;
	margin:auto;
}
.headb {
	background-image:	url('pic/back01.jpg');
	color:#F2F2F2;
	font-weight:bold;
             font-size:11pt;
	padding:2px;
	text-align:left;
}
.bottom {
	background-color:#262626;
	color:#D3D3D3;
	padding:4px 6px 4px 8px;
	text-align:left;
}
.newshead {
	background-image:	url('pic/back04.jpg');
	color:#1882D6;
	font-size:12pt;
	font-weight:bold;
	padding:4px 6px 4px 8px;
	text-align:left;
}
.left,.center,.right {
	padding:0px;
}

.leftb,.centerb,.rightb {
	background-color:#1C1C1C;
	color:inherit;
	padding:4px 6px 4px 8px;
}

.linkp {
	background-color:#1C1C1C;
	color:inherit;
	padding:4px 6px 4px 8px;
}

.leftc,.centerc,.rightc {
	background-color:#111111;
	color:inherit;
	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;
	color:inherit;
	padding:6px;
	text-align:left;
}
.navhead,.navhead2 {
	background-color:#000000;
	color:#F2F2F2;
	text-align:left;
        }
.navbodyb,.navbody2b {
	background-color:#000000;
	color:#F2F2F2;
	list-style:none;
	padding:0px;
	text-align:left;
	width:160px;
}
.umfrage {
	background-color:#000000;
	color:#D3D3D3;
	padding:1px;
	font-size:8pt;
	text-align:left;
}

.navbody3b {
	background-color:#000000;
	color:#D3D3D3;
	padding:1px;
	text-align:center;
}
.navbody4b {
	background-color:#000000;
	color:#F2F2F2;
	list-style:none;
	padding:4px;
             padding-right:8px;
	text-align:right;
}

.navbodyr {
	background-image:	url('pic/but03.jpg');
	color:#F2F2F2;
	list-style:none;
	padding:0px;
	text-align:left;
	width:160px;
}
.navbodyr2 {
	background-image:	url('pic/but03.jpg');
	color:#F2F2F2;
	list-style:none;
	padding:0px;
	float:	right;
	width:160px;
}
.navbodyr3 {
	background-image:	url('pic/but03.jpg');
	color:#F2F2F2;
	list-style:none;
	text-align:left;
              font-size:8pt;
	width:160px;
}

.calhead {
	background-image:	url('pic/back01.jpg');
	color:inherit;
             font-size:8pt;
	padding:2px 1px 2px 1px;
	text-align:center;
}
.calday,.calevent,.caltoday, .calweek {
	padding:2px 1px 2px 1px;
	text-align:right;
}
.calday {
	background-image:	url('pic/back03.jpg');
             color:inherit;
}
.calevent {
	background-image:	url('pic/back02.jpg');
	color:inherit;
}
.caltoday {
	background-color:#510200;
	color:inherit;
}
.calweek {
	background-image:	url('pic/back01.jpg');
	color:inherit;
              text-align:center;
}


.button_left {
	background-image:	url('pic/but01.jpg');
	width:				130px;
	height:				14px;
	padding:			3px 0px 0px 30px;
	text-align:			left;
	font-size:			11px;
	float:				left;


}

.button_left2 {
	background-image:	url('pic/but012.jpg');
	width:				145px;
	height:				11px;
	padding:			0px 0px 0px 15px;
	text-align:			left;
	font-size:			11px;
	float:				left;


}

.button_left3 {
	background-image:	url('pic/but013.jpg');
	width:				145px;
	height:				13px;
	padding:			0px 0px 0px 15px;
	text-align:			left;
	font-size:			11px;
	float:				left;


}

.button_right4 {
	background-image:	url('pic/but014.jpg');
	width:				160px;
	height:				11px;
	padding:			0px 0px 0px 0px;
	text-align:			right;
	font-size:			11px;
	float:				right;


}
.button_right5 {
	padding:			0px 0px 0px 0px;
	text-align:			left;
	float:				left;


}

.button_right6 {
	background-image:	url('pic/but04.jpg');
	width:				130px;
	height:				13px;
	padding:			0px 30px 0px 0px;
	text-align:			left;
	font-size:			11px;
	float:				100%;
}

a.button:link,a.button:visited,a.button:active   {
	display:			             block;
	width:				0px;
	height:				15px;
	color:				#D3D3D3;
	font-weight:			none;
}

a.button:hover{
	display:			             block;
	width:				0px;
	height:				15px;
	color:				#FF0000;
	font-weight:			none;
}

.counter {
 	text-align: center;
	
}

.tooltip {
	position: absolute;
	display: none;
	background: #dedede;
	color: #000;
	padding: 2px;
	text-align: left;
	font-weight: normal;
	max-width: 180px;
	width: auto;
	border: 2px solid #800;
}

.zent {
               margin-left:auto;
               margin-right:auto;
}