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

#nav-left {
	width:14%;
}
#nav-right {
	float:right;
}

#bottom {
	background:#323242;
	border:0px ridge #585858;
	margin-top:20px;
	padding:4px 0px 4px 0px;
	width:100%;
}
#head {
	background:#323242;
	border:0px ridge #585858;
	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:#CC0000;
}
#sql {
	color:#666666;
}

.form {
	background-color:#252533;  /*background-color:#252533;*/
	border:0px ridge #585858;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:10pt;
	margin:2px;
	padding-left:3px; 
	background: url(bilder1/form_input.jpg);
	}

.forum {
	margin:auto;
	padding:4px 10px 4px 10px;
}
.headb {
	border:0px ridge #585858;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	background-image: url(bilder1/head.jpg);
	font-size: 12px;
	border-left-style: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height:30px;
       padding:4px 4px 4px 15px;
}
.bottom {
	border:0px ridge #585858;
	color:#C2C2C2;
	padding:0px 0px 0px 0px;
	text-align:left;
}

.left,.center,.right {
	padding:1px;
}
.leftb,.centerb,.rightb {
	border:1px ridge #585858;
	color:#E4E4E4;
	padding:4px 6px 4px 8px;
}
.leftc,.centerc,.rightc {
	border:1px ridge #585858;
	color:#E4E4E4;
	padding:4px 6px 4px 0px;
}
.left,.leftb,.leftc {
	text-align:left;
}
.center,.centerb,.centerc {
	text-align:center;
}
.right,.rightb,.rightc {
	text-align:right;
}

.navhead,.navhead2 {
	border:0px ridge #585858;
	color:#E4E4E4;
	font-weight:bold;
	padding:4px;
	text-align:center;  /*background-image: url(bilder1/head1.jpg);*/
}
.navbodyb,.navbody2b {
	border:0px ridge #585858;
	color:inherit;
	list-style:none;
	padding:4px 6px 4px 8px;
	text-align:left;
}
.calhead {
      border:1px ridge #585858;
	color:inherit;
	padding:4px 2px 4px 2px;
	text-align:center;
}
.calday,.calevent,.caltoday, .calweek {
      border:1px ridge #585858;
	padding:4px 2px 4px 2px;
	text-align:right;
}
.calday {
      border:1px ridge #585858;
	color:inherit;
}
.calevent {
      border:1px ridge #585858;
	color:inherit;
}
.caltoday {
      border:1px ridge #585858;
	background-color:#585858;
	color:inherit;
}
.calweek {
      border:1px ridge #585858;
	color:inherit;
}

a.squarebutton{
background: transparent url('bilder1/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
padding-right: 30px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('bilder1/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: red;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding-top:8px;
}

a.squarebutton1{
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 17px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
padding-right: 15px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton1, a:visited.squarebutton1, a:active.squarebutton1{
color: #FFFFFF; /*button text color*/
}

a.squarebutton1 span{
display: block;
padding: 1px 1px 1px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton1:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton1:hover span{ /* Hover state CSS */
background-position: bottom right;
color: red;
}

.buttonwrapper1{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding-top:7px;
padding-left: 430px; 
}

#pinwand {
      padding-left: 0px; /* Width of left menu image */
	padding-top: 0px;
	font-size:12px;
	color:#FFFFFF;
	}

#pinw{
	padding-top: 0px;
	padding-left: 0px;
	font-size:12px;
	color:#FFFFFF;
}

#sponsorAdDiv {
	position:absolute;
	height:1;
	width:1px;
	top:0;
	left:0;
	}

#loginview {
}

.newsbg {
      text-align:left;
	border:1px ridge #585858;
	color:#E4E4E4;
}

.useronline {
      text-align:left;
      font-size:10px;
      color:#00a2ff;
}