#postbutton {
font-size: 0.9em;
margin: 0;
}

#postbutton ul{
margin:0;
padding:0px;
list-style:none;
}

#postbutton li{
display:inline;
padding:0;
margin:0 2px 0 0;
}

#postbutton a{
color: #000;
text-decoration: none;
font: bold 10px verdana,arial,sans-serif;
padding: 4px 13px 3px 13px;
text-decoration:none;
text-align: center;
}

#postbutton a:hover{
color:#fff;
background-color:#00425F;
text-decoration:none;
}

  p#online {
    display:inline;
    font-size: 11px;
    margin: 0; padding: 2px;
    text-align: center;
    width: 20px;
    background-color: green; 
    border: 1px solid black;
  }

  p#offline {
    display:inline;
    font-size: 11px;
    margin: 0; padding: 2px;
    text-align: center;
    width: 20px;
    background-color: red; 
    border: 1px solid black;
  }


/* Header-Buttons */

#header_button {
	float:left;
	width:100%; 
	margin:0; 
	padding:0; 
}

#header_button li {
	float:left;
	margin: 0; 
	padding: 0 1px 0 0; 
	list-style: none; 
}

#header_button a {
	float:left;
	padding: 7px 13px;
	text-decoration: none;
        font: bold 10px verdana,arial,sans-serif;
	color: #000;
	}

#header_button a:hover {
	color: #fff;
	background: #77A7BF;
	}

#header_button a.active {
	font-weight: bold;
        color: #fff;
	background: #77A7BF;
	}

#header_button a.highlight {
	font-weight: bold;
        color: #fff;
	background: #236ABF;
	}

/* UserCP-Buttons */

#usercp_button {
	float:left;
	width:100%; 
	margin:0; 
	padding:0; 
}

#usercp_button li {
	float:left;
	margin: 3px; 
	padding: 0 1px 0 0; 
	list-style: none; 
        border: 1px solid black;
}

#usercp_button a {
	float:left;
	padding: 5px 5px;
	text-decoration: none;
        font: bold 10px verdana,arial,sans-serif;
	color: #000;
	}

#usercp_button a:hover {
	color: #fff;
	background: #77A7BF;
	}

#usercp_button a.active {
	font-weight: bold;
        color: #fff;
	/* background: #BFBFBF; */
	}


/* General-Buttons */

#button ul{
margin:0;
list-style: none;
padding-left: 10px
}

#button li{
display:inline;
padding: 0;
}

#button a{
padding: 0;
color: #000;
text-decoration: none;
font: bold 10px verdana,arial,sans-serif;
padding: 3px 10px 3px 10px;
text-decoration:none;
background-color: #7DBEDF;
border: 1px solid black;
text-align: center;
}

#button a:hover{
color:#000;
background-color:#CBEAFA;
text-decoration:none;
}

#button div {
clear: left;
}


/* General-Buttons */

#general_button {
	float:left;
	width:100%; 
	margin:0; 
	padding:0; 
}

#general_button li {
	float:left;
	margin-left: 3px; 
	padding: 0 1px 0 0; 
	list-style: none; 
        border: 1px solid black;
}

#general_button a {
	float:left;
padding: 3px 10px 3px 10px;
	text-decoration: none;
        font: bold 10px verdana,arial,sans-serif;
        background-color: #7DBEDF;
	color: #000;
	}

#general_button a:hover {
	color: #000;
	background: #CBEAFA;
	}


/* Linkliste-Buttons */

#linkliste_button {
	float:left;
	width:100%; 
	margin:0; 
	padding:0; 
}

#linkliste_button li {
	float:left;
	margin: 0; 
	padding: 0 1px 0 0; 
	list-style: none; 
}

#linkliste_button a {
	float:left;
	padding: 7px 4px;
	text-decoration: none;
        font: bold 10px verdana,arial,sans-serif;
	color: #000;
	}

#linkliste_button a:hover {
	color: #fff;
	background: #77A7BF;
	}

#linkliste_button a.active {
	font-weight: bold;
        color: #fff;
	background: #77A7BF;
	}

#linkliste_button a.highlight {
	font-weight: bold;
        color: #fff;
	background: #236ABF;
	}