* {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
html {
  height: 100%;
}
body {
  height: 100%;
  background: url(http://charmap.de/images/headerbackground.jpg) repeat-x;
}
h2, h3, h4, h2 a, h3 a, h4 a, table thead tr th, table thead tr th a {
  color: #000000;
  font: bold 14px verdana;
  border-bottom: 1px solid #7F7F7F;
  margin: 0px 0px 15px 0px;
  text-decoration: none;
}
h4 {
	padding-top: 5px;
}
h2 a, h3 a, h4 a, table thead tr th a {
	border: 0px;
}
h2 a:hover, h3 a:hover, h4 a:hover, table thead tr th a:hover {
  text-decoration: underline;
}
h4 {
	clear: left;
}
hr {
  display: none;
}
fieldset {
	border: 0px;
}
fieldset input, fieldset textarea, fieldset select {
	margin: 0px 0px 5px 0px;
}
fieldset textarea {
  width: 626px;
  height: 300px;
}
fieldset textarea.source {
  width: 626px;
  height: 50px;
}
fieldset input.preview_button, fieldset input.submit_button {
	margin: 5px 0px 5px 100px;
	float: left;
	clear: left;
	text-align: left;
	padding: 0px 0px 0px 5px;
	background: url(http://charmap.de/images/submit.jpg) !important;
	font: bold 10px verdana;
  color: #000000;
}
fieldset img {
	display: block;
	float: left;
	margin: 0px 0px 5px 100px;
}
fieldset legend {
	display: none;
}
fieldset p {
	clear: left;
  padding: 0px 0px 0px 100px;
}
fieldset .label_box {
  position: relative; 
}
fieldset .label_box input {
  width: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 0px;
  background: none;
}
fieldset .label_box label { 
  width: auto;
  float: none;
  padding: 0px 0px 0px 20px;
}
input, textarea {
	font: 12px tahoma;
}
input, select {
  border: 1px solid #000000;
  display: block;
  margin: 0px 0px 0px 5px;
  float: left;
  height: 18px;
  width: 206px;
  color: #FFFFFF;
  font: 12px verdana;
  background: url(http://charmap.de/images/input.jpg) repeat-x 0px -56px;
}
input.error, textarea.error {
	background: #EF8686 url(http://charmap.de/images/input_error.jpg) repeat-x;
}
input.submit {
  margin: 0px 0px 0px 0px;
  background: url(http://charmap.de/images/input.jpg) repeat-x 0px -36px;
  width: 40px !important;
  height: 20px;
  padding: 0px;
  border: 0px;
  text-indent: -200px;
  overflow: hidden;
}
label {
	font: 12px tahoma;
	display: block;
	float: left;
	clear: left;
	width: 100px;
	padding: 2px 0px 0px 0px;
}
p, div.preview {
	font: 12px tahoma;
	margin: 0px 0px 15px 0px;
}
p a {
	text-decoration: none;
	font: bold 12px tahoma;
	color: #000000;
}
p a:hover {
	text-decoration: underline;
}
select option {
	color: #000000;
}
textarea {
  border: 1px solid #000000;
  display: block;
  margin: 0px 0px 0px 5px;
  float: left;
  height: 100px;
  width: 400px;
  color: #FFFFFF;
  background: #494949 url(http://charmap.de/images/input.jpg) repeat-x 0px -56px;
}
table {
	width: 728px;
}
table thead tr th {
	text-align: left;
}
table tbody tr th {
	text-align: left;
}
table tbody tr td {
	text-align: left;
  font: 12px tahoma;
  color: #000000;
}
table tbody tr td a {
  font: bold 12px tahoma;
  color: #000000;
  text-decoration: none;
}
table tbody tr td a:hover {
  text-decoration: underline;
}
table tbody tr td a.delete, table tbody tr td a.edit, table tbody tr td a.transfer {
  width: 14px;
  height: 14px;
  display: block;
  float: right;
  margin: 2px 0px 0px 5px;
}
table tbody tr td a.delete span, table tbody tr td a.edit span, table tbody tr td a.transfer span {
  display: none;
}
table tbody tr td a.delete {
	background: #494949 url(http://charmap.de/images/admin_icons.jpg) no-repeat 0px -14px;
}
table tbody tr td a.edit {
 background: #494949 url(http://charmap.de/images/admin_icons.jpg) no-repeat;
}
table tbody tr td a.transfer {
  background: #494949 url(http://charmap.de/images/admin_icons.jpg) no-repeat 0px -28px;
}
table tbody tr td .bar {
  height: 15px;
  background: url(http://charmap.de/images/bar.jpg) repeat-x 0px -15px;
}
table tbody tr td .bar div {
  height: 15px;
  background: url(http://charmap.de/images/bar.jpg) no-repeat 0px 0px;
}
table tbody tr td .bar div div {
  height: 15px;
  background: url(http://charmap.de/images/bar.jpg) no-repeat right -30px;
}
table tbody tr:hover td .bar {
  background: url(http://charmap.de/images/bar.jpg) repeat-x 0px -60px;
}
table tbody tr:hover td .bar div {
  background: url(http://charmap.de/images/bar.jpg) no-repeat 0px -45px;
}
table tbody tr:hover td .bar div div {
  background: url(http://charmap.de/images/bar.jpg) no-repeat right -75px;
}
ul li a {
  font: bold 12px tahoma;
  text-decoration: none;
  color: #000000;
}
ul li a:hover {
	text-decoration: underline;
}
ul li a.delete {
	width: 14px;
  height: 14px;
  display: inline-block;
  text-indent: -200px;
  overflow: hidden;
  margin: 2px 0px 0px 0px;
  background: #494949 url(http://charmap.de/images/admin_icons.jpg) no-repeat 0px -14px;
}
#page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0px auto -65px auto;
  width: 728px;
}
#header {
  height: 150px;
  position: relative;
}
#header h1 {
  position: absolute;
  top: 61px;
  left: 38px;
  width: 261px;
  height: 51px;
}
#header h1 a {
  display: block;
  width: 261px;
  outline: none;
  height: 51px;
  background: url(http://charmap.de/images/header.jpg);
}
#header h1 a:hover {
  background: url(http://charmap.de/images/header.jpg) no-repeat 0px -51px;
}
#header h1 span {
	position: absolute;
	width: 142px;
	height: 141px;
	top: 19px;
	left: -180px;
	background: url(http://charmap.de/images/logo.jpg);
	text-indent: -20000px;
}
#tagbox {
	width: 344px;
	height: 126px;
	padding: 2px 10px 10px 10px;
	background: #555555;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#tagbox h3 {
	position: absolute;
	top: 7px;
	left: -116px;
	width: 116px;
	height: 21px;
	border: 0px;
}
#tagbox h3 a {
  display: block;
  width: 116px;
  height: 21px;
  background: url(http://charmap.de/images/tags.jpg);
  overflow: hidden;
  text-indent: -2000px;
  outline: none;
}
#tagbox h3 a:hover, #tagbox h3 a:focus, #tagbox:hover h3 a, #tagbox:focus h3 a {
  background: url(http://charmap.de/images/tags.jpg) no-repeat 0px -21px;
}
#tagbox ul {
  list-style: none;
  width: 344px;
  height: 116px;
  overflow: hidden;
}
#tagbox ul li a {
  color: #FFFFFF;
}
#tagbox fieldset {
	border: 0px;
	border-top: 1px solid #7F7F7F;
	background: #555555;
	width: 354px;
  height: 25px;
  padding: 5px 0px 0px 10px;
  float: left;
}
#tagbox fieldset label {
	font: bold 12px verdana;
	color: #FFFFFF;
	display: block;
	float: left;
	padding: 2px 7px 0px 0px;
	width: auto !important;
}
#tagbox fieldset input#tags {
  width: 206px;
}
#tagbox fieldset input#chars {
  width: 179px;
}
#tagbox div.search {
  width: 364px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 30px;
  overflow: hidden;
}
#tagbox div.search div {
	width: 900px;
}
#tagbox fieldset a {
	width: 13px;
	height: 18px;
	border: 1px solid #000000;
	overflow: hidden;
	text-indent: -200px;
	float: right;
  margin: 0px 10px 0px 0px;
  border-left: 0px;
  outline: none;
}
#tagbox fieldset a#next_search {

  background: url(http://charmap.de/images/input.jpg) no-repeat 0px 0px;
}
#tagbox fieldset a#next_search:hover, #tagbox fieldset a#next_search:focus {
  background: url(http://charmap.de/images/input.jpg) no-repeat -13px 0px;
}

#tagbox fieldset a#prev_search {
  background: url(http://charmap.de/images/input.jpg) no-repeat 0px -18px;
}
#tagbox fieldset a#prev_search:hover, #tagbox fieldset a#prev_search:focus {
  background: url(http://charmap.de/images/input.jpg) no-repeat -13px -18px;
}




ul.taglist {
	margin: 0px 0px 0px 0px !important;
	text-align: justify;
}
ul.taglist li {
	display: inline;
}
ul.taglist li a {
  font-family: verdana;
  color: #555555;
  text-decoration: none;
  outline: none;
}
ul.taglist li a:hover, ul.taglist li a:focus {
  text-decoration: underline;
}
ul.taglist li.t1 a {
  font-size: 10px;
}
ul.taglist li.t2 a {
  font-size: 12px;
}
ul.taglist li.t3 a {
  font-size: 14px;
}
ul.taglist li.t4 a {
  font-size: 18px;
}
ul.taglist li.t5 a {
  font-size: 24px;
}
#advertising {
  width: 728px;
  height: 90px;
  margin: 25px 0px 25px 0px;
  text-align: center;
}
#content {
	padding: 0px 0px 160px 0px;
}
#content ul {
  margin: 0px 0px 0px 20px;
}
#content ul li {
  font: 12px verdana;
}

#charlist {
	list-style: none;
	width: 731px;
}
#charlist:after {
  content: ".";
  visibility: hidden;
  height: 0px;
  display: block;
  clear: both;
}
#charlist li {
  width: 40px;
  height: 40px;
  float: left;
  margin: 0px 3px 3px 0px;
}
#charlist li.empty {
  width: auto;
  height: 40px;
  float: left;
  margin: 0px 3px 3px 0px;
  font: 12px tahoma;
}
#charlist li a {
	text-decoration: none;
	display: block;
	width: 38px;
	padding: 7px 0px 0px 0px;
	height: 31px;
	border: 1px solid #7F7F7F;
	color: #404040;
	text-align: center;
	font: 20px arial;
	overflow: hidden;
}
#charlist li.ad a {
	text-indent: -2000px;
}
#charlist li a:hover, #charlist li a.selected {
	background-color: #DDDDDD;
	border: 1px solid #000000;
	color: #000000;
}
#char {
	width: 350px;
	height: 350px;
	background: #000000;
	margin: 5px 0px 15px 5px;
	float: left;
}
#char div {
	width: 350px;
  height: 250px;
  background: #FFFFFF;
  margin: -5px 0px 0px -5px;
	border: 1px solid #7F7F7F;
  padding: 100px 0px 0px 0px;
  text-align: center;
  font: 100px verdana;
  overflow: hidden;
}
#char div strong {
	display: none;
}
#details {
	padding: 0px 0px 0px 9px;
	float: left;
	width: 363px;
}
#details strong {
	font: bold 12px verdana;
	display: block;
  float: left;
  padding: 2px 0px 0px 0px;
}
#details input.mail, #details input.name {
  display: none;
}
#details h2 {
	padding: 100px 0px 0px 0px;
	border: 0px;
	font: bold 12px verdana;
}
#detaillist {
  float: left;
}
#detaillist ul {
  list-style: none;
  margin: 0px 0px 0px 0px !important;
  font-size: 0px;
}
#detaillist ul:after {
  content: ".";
  visibility: hidden;
  height: 0px;
  display: block;
  clear: both;
}
#detaillist ul li {
  float: left;
  height: 17px;
}
#detaillist ul li.windows strong, #detaillist ul li.linux strong, #detaillist ul li.macosx strong {
	padding: 0px 0px 0px 20px;
	width: 180px;
}
#detaillist ul li.windows {
  background: url(http://charmap.de/images/osicons.jpg) no-repeat 0px 0px;
}
#detaillist ul li.linux {
  background: url(http://charmap.de/images/osicons.jpg) no-repeat 0px -17px;
}
#detaillist ul li.macosx {
  background: url(http://charmap.de/images/osicons.jpg) no-repeat 0px -34px;
}
#detaillist ul li strong {
  display: block;
  float: left;
  padding: 0px 0px 0px 0px;
  width: 200px;
  font: bold 12px verdana;
}
#detaillist ul li span {
  display: block;
  float: right;
  margin: 0px 0px 0px 0px;
  font: 12px verdana;
  width: 163px;
  text-align: right;
}
#detaillist h3 {
	margin: 15px 0px 5px 0px;
}
#add_tag {
	margin: 10px 0px 0px 0px;
}
#error {
	padding: 0px 0px 10px 0px;
}
#charlist {
	margin: 0px 0px 0px 0px !important;
}
.border {
	clear: left;
	padding: 5px 0px 15px 0px;
	border-top: 1px solid #7F7F7F;
}
.border ul {
	list-style: none;
	display: block;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px;
}
.border ul:after {
  content: ".";
  visibility: hidden;
  height: 0px;
  display: block;
  clear: both;
}
.border ul li.left {
	float: left;
}
.border ul li.right {
	float: right;
}
.border ul li a {
  text-decoration: none;
  color: #000000;
  font: bold 12px verdana;
}
.border ul li a:hover {
	text-decoration: underline;
}
#pages {
	clear: left;
	font: 12px verdana;
	color: #000000;
	margin: 12px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	border-top: 1px solid #7F7F7F;
}
#pages p {
	margin: 0px 0px 5px 0px;
}
#pages .left {
	float: left;
}
#pages .right {
	float: right;
}
#pages .left a {
  font: bold 12px verdana;
  color: #000000;
  text-decoration: none;
}
#pages .left a:hover {
  text-decoration: underline;
}
#pages .left ul {
	border: 1px solid #000000;
	border-right: 0px;
	list-style: none;
	margin: 3px 0px 0px 0px;
}
#pages .left ul:after {
  content: ".";
  visibility: hidden;
  height: 0px;
  display: block;
  clear: both;
}
#pages .left ul li {
	border-right: 1px solid #000000;
	float: left;
}
#pages .left ul li a {
  display: block;
  font: bold 12px verdana;
  color: #FFFFFF;
  height: 16px;
  text-decoration: none;
  padding: 2px 4px 0px 4px;
  background: url(http://charmap.de/images/pages.jpg) repeat-x;
}
#pages .left ul li a:hover {
	color: #000000;
	text-decoration: none;
  background: url(http://charmap.de/images/pages.jpg) repeat-x 0px -18px;
}
#pages .right p {
  text-align: right;
}
#pages .right ul {
	list-style: none;
	width: 89px;
	display: block;
	float: right;
	height: 18px;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(http://charmap.de/images/selection.jpg);
}
#pages .right ul li {
	display: none;
}
#pages .right ul li.selected {
	display: block;
}
#pages .right ul li a {
	color: #FFFFFF;
	font: 12px verdana;
	text-decoration: none;
	display: block;
	width: 38px;
	text-align: center;
	outline: none;
}
#pages .right ul:hover {
	height: 20px;
	width: 195px;
	padding: 0px 89px 0px 0px;
	background: url(http://charmap.de/images/selection.jpg) no-repeat right -20px;
}
#pages .right ul:hover li {
	display: block;
	background: #494949;
	text-align: center;
	text-decoration: none;
	width: 38px;
	float: left;
	border: 1px solid #000000;
	border-right: 0px;
}
#pages .right ul:hover li a {
  color: #BBBBBB;
  padding: 2px 0px 2px 0px;
}
#pages .right ul:hover li a:hover, #pages .right ul:hover li a:focus {
  color: #FFFFFF;
}
#footer {
	clear: left;
  height: 63px;
  background: #262626;
  border-top: 1px solid #878787;
  border-bottom: 1px solid #333333;
}
#footer div {
  width: 728px;
  margin: 0px auto 0px auto;
  padding: 5px 0px 0px 0px;
}
#footer div p {
  float: left;
  font: 12px verdana;
  color: #FFFFFF;
}
#footer div p a {
  font: bold 12px verdana;
  color: #FFFFFF;
  text-decoration: none;
}
#footer div p a:hover {
  text-decoration: underline;
}
#footer div ul {
  float: right;
  list-style: none;
}
#footer div ul li {
  float: left;
  padding: 0px 0px 0px 5px;
  position: relative;
}
#footer div ul li ul {
	display: none;
	position: absolute;
	top: 20px;
	width: 700px;
	left: -538px;
	background: #262626;
}
#footer div ul li a {
  font: bold 12px verdana;
  color: #FFFFFF;
  text-decoration: none;
}
#footer div ul li a:hover {
	text-decoration: underline;
  font: bold 12px verdana;
}
#footer div ul li:hover ul, #footer:hover div ul li ul {
  display: block;
}
#bbcode {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
}
#bbcode ul {
  list-style: none;
  margin: 0px 0px 0px 0px;
}
#bbcode ul li {
  width: 18px;
  height: 18px;
  display: block;
  text-indent: -20000px;
  padding: 0px 4px 0px 0px !important;
  margin: 0px 0px 3px 0px;
  border: 0px !important;
  cursor: pointer;
}
#bbcode ul li.color div {
  display: none;
}
#bbcode ul li.color:hover div {
  display: block;
  width: 90px;
  height: 89px;
  padding: 12px 0px 0px 23px;
  position: absolute;
  top: -6px;
  left: 20px;
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -252px;
}
#bbcode ul li.color div table {
  border-collapse: collapse;
  width: 77px;
  height: 77px;
}
#bbcode ul li.color table tr td {
  width: 12px;
  height: 12px;
  border: 1px solid #000000;
  cursor: pointer;
  background-image: none;
  padding: 0px 0px 0px 0px;
}
#bbcode ul li.color table tr td:hover {
  background-image: url(http://charmap.de/images/bbcodes.png) !important;
  background-repeat: no-repeat;
  background-position: 0px -353px;
}
#bbcode ul li.color table tr td span {
  display: none;
}
#bbcode ul li.bold {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat;
}
#bbcode ul li.color {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -18px;
}
#bbcode ul li.img {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -36px;
}
#bbcode ul li.url {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -54px;
}
#bbcode ul li.smaller {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -90px;
}
#bbcode ul li.bigger {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -72px;
}
#bbcode ul li.quote {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -108px;
}
#bbcode ul li.bold:hover {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -126px;
}
#bbcode ul li.color:hover {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -144px;
}
#bbcode ul li.img:hover {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -162px;
}
#bbcode ul li.url:hover {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -180px;
}
#bbcode ul li.smaller:hover {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -216px;
}
#bbcode ul li.bigger:hover {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -198px;
}
#bbcode ul li.quote:hover {
  background: url(http://charmap.de/images/bbcodes.png) no-repeat 0px -234px;
}
#bbcode_dock, #bbcode_dock_1, #bbcode_dock_2 {
  position: relative;
}
#content_menu {
  padding: 0px 0px 10px 0px !important;
}