@CHARSET "UTF-8";

/*
 * Style Sheet for Planet Metax 2009
 * (c) 2009 by Christian "metax." Simon
 */

/*
 * Used Fonts:
 * Verdana
 */

/*
 * Used Colors:
 * Background-Grey: #313131
 * Content-Background-Grey: #242424
 * Sidebar/H2/Code: #000000
 * Text: #ffffff
 * Links (Yellow): #ffd200
 * Aktive Links: #ff3c00
 * Sidebar-Headings (Dark Violet): #2d2f36
 * Sidebar-H3-Rahmen: #5a5e6e
 * Secondary Color (Light Violet): #97a1cc
 */

/* ********** Structure ********** */

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background-color: #313131;
  background-image: url("stylesheet/h1_pattern.png");
  background-position: top;
  background-repeat: repeat-x;
  color: #ffffff;
  font-size: 90%;
  font-family: Verdana;
}

#content {
  padding: 0;
  margin: 0 auto;
  text-align: left;
  background-image: url("stylesheet/content_pattern.png");
  width: 1040px;
}

h1 {
  background-image: url("stylesheet/h1_center.png");
  background-repeat: no-repeat;
  height: 80px;
  margin: 0;
  padding: 0;
  width: 1040px;
}

h1 span {
  display: none;
}

h2 {
  display: block;
  width: 584px;
  height: 40px;
  background-image: url("stylesheet/h2.png");
  background-repeat: no-repeat;
  margin: 0;
  padding: 8px 16px 0 168px;
  text-align: center;
  font-size: 1.2em;
  color: #97a1cc;
}

div#innerContent {
  width: 702px;
  padding: 1em 16px 1em 48px;
}

#footer {
  clear: both;
  background-image: url("stylesheet/footer.png");
  height: 32px;
  background-repeat: no-repeat;
  color: #bbbbbb;
  text-align: right;
  width: 944px;
  padding: 8px 48px 0 48px;
  font-size: 0.8em;
}

/* ********** Content ********** */

#innerContent p, #innerContent .paragraph {
  font-size: 0.8em;
  line-height: 1.4em;
}

#innerContent h3 {
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 2px ridge #666;
}

#innerContent h4 {
  font-size: 1em;
  text-decoration: underline;
  font-weight: bold;
}

#innerContent h4.section {
  font-size: 1em;
  text-decoration: none;
  background-color: #2d2f36;
  color: #97a1cc;
  border: 1px solid #5a5e6e;
  padding: 2px;
  text-align: center;
  margin: 0;
}

#innerContent div.link_section {
	margin-bottom: 24px;
}

#innerContent li {
  font-size: 0.9em;
  line-height: 1.4em;
}

#innerContent li li {
  font-size: 1em;
}

#innerContent li ul, #innerContent li ol {
	padding-left: 2em;
}

#innerContent .bipartition {
  float: left;
  width: 50%;
  margin: 0;
}

#innerContent .bipartition .filler {
  margin: 0;
  padding: 4px;
}

#innerContent table.fullsize, .popup table.fullsize {
  width: 100%;
}

#innerContent table.graphical {
  margin-top: 4px;
  border: 1px solid #333333;
}

#innerContent table.graphical td {
  padding: 3px;
  background-color: #333333;
}

#innerContent table.graphical th {
  padding: 3px;
  background-color: #202020;
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  border-bottom: 2px solid #555555;
}

#innerContent table.highlight tr:hover td  {
	background-color: #444444;
}

#innerContent table.graphical th.selected {
	font-weight: bold;
	border-bottom: 2px solid #999999;
}

#innerContent table.graphical th.upwards {
	background-image: url("stylesheet/icon_up.png");
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 16px;
}

#innerContent table.graphical th.downwards {
	background-image: url("stylesheet/icon_down.png");
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 16px;
}

#innerContent table.graphical th.sortable:hover {
  background-color: #000000;
  border-top: 1px solid #111111;
  border-left: 1px solid #111111;
  border-right: 1px solid #111111;
  border-bottom: 2px solid #ffffff;
  cursor: pointer;
}

.popup table.graphical {
  margin-top: 4px;
  border: 1px solid #dddddd;
}

.popup table.graphical td {
  padding: 3px;
  background-color: #dddddd;
}

.popup table.graphical th {
  padding: 3px;
  background-color: #dddddd;
}

.popup table.graphical2 {
  margin-top: 4px;
  border: 1px solid #ffffff;
}

.popup table.graphical2 td {
  vertical-align: middle;
  padding: 1px;
  background-color: #ffffff;
}

.popup table.graphical2 td img {
  vertical-align: middle;	
}

#innerContent td, .popup td {
  font-size: 0.8em;
}

#innerContent th, .popup th {
  font-size: 0.8em;
  font-weight: normal;
}

#innerContent td.center, .popup td.center, #innerContent th.center, .popup th.center {
  text-align: center;
}

#innerContent td.left, .popup td.left, #innerContent th.left, .popup th.left {
  text-align: left;
}

#innerContent td.right, .popup td.right, #innerContent th.right, .popup th.right {
  text-align: right;
}

#innerContent table.graphical td.actionbar {
  padding: 4px;
  background-color: #181818;
  font-size: 0.7em;
}

#innerContent table.graphical td.topbar {
  padding-bottom: 8px;
}

#innerContent table.graphical td.bottombar {
  padding-top: 8px;
}

#innerContent td.top, .popup td.top, #innerContent th.top, .popup th.top {
  vertical-align: top;
}

#innerContent td.bottom, .popup td.bottom, #innerContent th.bottom, .popup th.bottom {
  vertical-align: bottom;
}

#innerContent td.middle, .popup td.middle, #innerContent th.middle, .popup th.middle {
  vertical-align: middle;
}

#innerContent img.tooltipicon {
  cursor: help;
}

#innerContent img.actionicon {
	vertical-align: top;
  border: none;
}

#innerContent div.tooltip {
  position: absolute;
  left: -30000px;
  top: -30000px;
  background-color: #000000;
  padding: 2px;
  border: 1px solid #ffffff;
}

#innerContent div.tooltip div.heading {
	margin: 2px;
	padding: 2px;
	background-color: #2d2f36;
  color: #97a1cc;
  border: 1px solid #5a5e6e;
}

#innerContent div.tooltip p  {
	font-size: 1em;
  margin: 2px;
  padding: 2px;
}

#innerContent div.tooltip p.link {
  font-size: 0.9em;
  background-color: #242424;
  border: 1px solid #454545;
}

#innerContent div.tooltip p.update {
  font-size: 0.9em;
  margin-top: 3px;
  color: #777777;
}

.flright {
  float: right;
}

.flleft {
  float: left;
}

.small {
  font-size: 0.8em;
}

code, kbd, .filename, var {
	font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
	font-size: 1.1em;
	white-space: pre;
}

.filename {
	background-color: #202020;
	color: #97a1cc;
	padding: 2px 0.5em;
}

var {
	font-style: normal;
	color: #FFF8D1;
	padding: 2px 0.2em;
}

kbd {
	padding: 2px 0.5em;
	background-color: #111111;
}

code {
	font-size: 12px;
	background-color: #000000;
	border: 1px solid #565656;
	display: block;
	padding: 4px;
	margin: 1em 0 1em 0;
	overflow: auto;
}

abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #ffffff;
}

abbr:hover, acronym:hover {
	background-color: #111111;
	border-bottom: 1px dotted #ff3c00;
}

span.u {
	text-decoration: underline;
}

div.spoilertitle {
	display: block;
	margin: 0.5em 1em 0;
}

div.spoiler {
	display: none;
	margin: 2px 1em;
	padding: 2px 1em;
	border: 1px solid #000000;
	background-color: #161616;
}

div.spoiler div.spoiler {
	background-color: #242424;	
}

div.spoiler div.spoiler div.spoiler {
	background-color: #161616;	
}

blockquote {
	background-color: #222329;
	color: #ffffff;
	padding: 0 16px;
	border: 1px solid #676767;
	-moz-box-shadow: black 2px 2px 2px;
	margin: 4px 16px;
}

.blockquotetitle {
	margin: 4px 16px;
}

.blockquotecitation {
	margin: 8px 16px;
	text-align: right;
}

.blockquotecitation small {
	font-size: 11px;
	margin: 2px 0 1px 56px;
	padding: 4px 16px;
	background-color: #303030;
	color: #cccccc;
	border-bottom: 1px dotted #cccccc;
}

div.toc {
	display: block;
	float: right;
	margin: 0 0 2em 2em;
	padding: 4px;
	background-color: #121212;
	border: 1px solid #dddddd;
}

div.toc div {
	text-align: center;
	padding: 4px;
	background-color: #454545;
	color: #ffffff;
	margin: 0;
}

div.toc ul {
	padding-left: 2em;
	margin-top: 1em;
	margin-right: 4px; 
}

div.toc ul ul {
	margin-top: 0;
	margin-right: 0;
}

p.readmore {
	padding: 2em;
}

img.math_embed {
	vertical-align: middle;
}


/* ********** Downloads ********** */

span.filesize {
  display: block;
  width: 1.8em;
  text-align: left;
  float: right;
  padding-left: 0.5em;
}

div.fileinfoblock {
	display: none;
	position: absolute;
	width: 224px;
	/* height: 200px; */
	padding: 4px;
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #444444;
	-moz-box-shadow: black 2px 2px 2px;
}

div.fileinfoblock .fileinfo_icon {
	text-align: center;
	padding: 0 0 4px 0;
}

div.fileinfoblock .fileinfo_title {
	text-align: center;
	font-weight: bold;
	padding: 0 0 12px 0;
	font-size:0.9em;
}

div.fileinfoblock .fileinfo_info {
	text-align: left;
	padding: 0 4px 2px 4px;
	font-size: 0.7em;
}

div.fileinfoblock .fileinfo_priv {
	text-align: left;
	padding: 0 4px 2px 4px;
	font-size: 0.7em;
	color: #903030;
}

.downloads_browse_controls {
	display: block;
	background-color: #303030;
	border: 1px solid #606060;
	margin: 0 0 8px;
	text-align: right;
	height: 32px;
}

.downloads_browse_controls img {
	border: none;
	vertical-align: -8px;
	margin-right: 4px;
}

.downloads_browse_controls span.download_ctl,
.downloads_browse_controls span.download_ctl_active,
.downloads_browse_controls span.download_ctl_left {
	margin: 2px;
	display: block;
	cursor: pointer;
	font-size: 8pt;
	padding: 1px 4px 1px 2px;
}

.downloads_browse_controls span.download_ctl,
.downloads_browse_controls span.download_ctl_active {
	float: right;
}

.downloads_browse_controls span.download_ctl_left {
	float: left;
}


.downloads_browse_controls span.download_ctl,
.downloads_browse_controls span.download_ctl_left  {
	border: 1px solid #999;
	border-bottom-color: #000;
	border-right-color: #000;
}

.downloads_browse_controls span.download_ctl_active {
	border: 1px solid #000;
	border-bottom-color: #999;
	border-right-color: #999;
}

.downloads_browse_controls span.download_ctl:hover,
.downloads_browse_controls span.download_ctl_active:hover,
.downloads_browse_controls span.download_ctl_left:hover {
	background-color: #666;
}

.downloads_browse_controls span.download_ctl_sep {
	display: block;
	margin: 2px 6px;
	display: block;
	float: left;
	width: 1px;
	height: 26px;
	border: 1px solid #999;
	border-bottom-color: #000;
	border-right-color: #000;
}

#innerContent table.graphical td.downloads_iconfield {
	background-color: #242424;
	text-align: center;
	padding-bottom: 12px;
}

#innerContent table.graphical td.downloads_iconfield:hover {
	background-color: #343434;
	-moz-border-radius: 4px;
}

#innerContent table.graphical td.downloads_iconfield img {
	display: block;
	margin: 4px auto 4px;
}

#innerContent table.graphical td.downloads_bigfield {
	background-color: #242424;
	text-align: left;
	padding-bottom: 12px;
}

#innerContent table.graphical td.downloads_bigfield div {
	display: block;
	margin: 8px 0 4px;
}

#innerContent table.graphical td.downloads_bigfield:hover {
	background-color: #343434;
	-moz-border-radius: 4px;
}

#innerContent table.graphical td.downloads_bigfield span {
	font-size: 0.8em;
}

#innerContent table.graphical td.downloads_bigfield img {
	float: left;
	margin: 4px 8px 4px 0;
}

/* ********** Twitter ********** */

.tweet {
	background-color: #242424;
	border: 1px solid #676767;
	font-size: 0.8em;
	margin: 4px 0 0 0;
	padding: 4px;
}

.tweet_time {
	padding: 2px;
	background-color: #121212;
	display: block;
	margin-top: 4px;
	font-size: 0.9em;
}

/* ********** Rootline ********** */

#breadcrumb {
  float: right;
  margin-right: 16px;
  margin-left: 0px;
  max-width: 700px; /* Overflow will cause layoutprobs. */
  height: 24px;
  background-image: url("stylesheet/rootline_pattern.png");
}

#breadcrumb div {
  height: 23px;
  font-size: 0.7em;
  padding: 1px 4px 0 58px;
  background-image: url("stylesheet/rootline_left.png");
  background-repeat: no-repeat;
  background-position: top left;
}

/* ********** Sidebar ********** */

#sidebar {
  display: block;
  float: right;
  width: 272px;
  background-image: url("stylesheet/sidebar_pattern.png");
  background-position: left;
  background-repeat: repeat-y;
}

#sidebar_content {
  display: block;
  width: 200px;
  background-image: url("stylesheet/sidebar_top.png");
  background-position: top;
  background-repeat: no-repeat;
  padding: 8px 56px 8px 16px;
}

#sidebar_footer{
  display: block;
  background-image: url("stylesheet/sidebar_bottom.png");
  background-position: top;
  background-repeat: no-repeat;
  width: 232px;
  height: 64px;
}

#sidebar_content h3 {
  font-size: 1em;
  background-color: #2d2f36;
  color: #97a1cc;
  border: 1px solid #5a5e6e;
  padding: 2px;
  text-align: center;
  margin: 8px 0 0 0;
}

/*
#sidebar_content h3.first {
	margin-top: 8px;
} */

#sidebar_content p {
  font-size: 0.7em;
  padding: 2px;
  margin: 8px 0 0 0;
}

#sidebar_content ul {
  font-size: 0.8em;
  margin: 8px 0 0 0;
  padding-left: 28px;
}

#sidebar_content li {
  padding-bottom: 4px;
}

/* ********** Links ********** */

a {
  text-decoration: none;
  color: #ffd200;
  /* font-weight: normal; */
}

a:hover, a:active, a:focus {
  text-decoration: underline;
  color: #ff3c00;
}

/* ********** Lists ********** */

ul {
  list-style-image: url("stylesheet/bullet.png");
}

ol {
  list-style: decimal;
}

/* ********** Weblog Date ********** */

.weblog_date {
  float: left;
  display: block;
  width: 5em;
  background-color: #333333;
  border: 1px solid #666666;
  padding: 4px;
  margin-right: 1em;
  font-size: 0.7em;
  text-align: center;
}

.weblog_date .day {
  font-size: 0.9em;
}

.weblog_date .month {
  font-size: 1.1em;
  font-weight: normal;
}

.weblog_date .year {
	display: block;
  font-size: 1em;
  letter-spacing: 4px;
}

.weblog_date a {
  color: inherit;
}

.weblog_heading {
	margin-bottom: 2em;
}

/* ********** Weblog Metabar ********** */

div.weblog_metabar {
  margin: 8px 0 1em 0;
  padding: 4px;
  font-size: 0.9em;
  background-color: #2d2f36;
  color: #97a1cc;
  border: 1px solid #5a5e6e;
  /* clear: both; */
}

div.weblog_metabar a {
  color: #ffffff;
}

/* ********** Weblog Pagecontrols ********** */

div.weblog_pagecontrol {
	margin: 32px 0 0;
	padding: 4px;
	font-size: 0.9em;
	background-color: #121212;
	border: 1px solid #454545;
	
}

div.weblog_pagecontrol div {
	padding: 5px 250px;
	text-align: center;
}

div.weblog_pagecontrol a.prevlink {
	float: left;
}

div.weblog_pagecontrol a.nextlink {
	float: right;
}

/* ********** Controls ********** */

.center_controls {
  display: block;
  text-align: center;
  margin-top: 2em;
}

a.button {
  padding: 4px;
  background-color: #000000;
  border: 1px solid #666666;
}

a.button_selected, span.button_selected {
  padding: 4px;
  color: #000000;
  background-color: #999999;
  border: 1px solid #666666;
}

/* ********** Formulars ********** */

input.textfield, textarea.textfield, select.textfield {
  padding: 2px;
  background-color: #aaaaaa;
  color: #000000;
  border: 1px solid #ffffff;
}

input.textfield:hover, textarea.textfield:hover, select.textfield:hover,
input.textfield:active, textarea.textfield:active, select.textfield:active,
input.textfield:focus, textarea.textfield:focus, select.textfield:focus {
	background-color: #ffffff;
	border: 1px solid #999999;
}

input.disabled_textfield, textarea.disabled_textfield, select.disabled_textfield {
  padding: 2px;
  background-color: #aaaaaa;
  color: #666666;
  border: 1px solid #ffffff;
}

/*
.invalid input.textfield, .invalid textarea.textfield {
  background-color: #f1d485;
  color: #574d30;
  border: 1px solid #cda318;
}

.invalid input.textfield:hover, .invalid textarea.textfield:hover,
.invalid  input.textfield:active, .invalid  textarea.textfield:active,
.invalid input.textfield:focus, .invalid textarea.textfield:focus {
  background-color: #fefcf3;
  border: 1px solid #e3b035;
  color: #000000;
} */

input.fullsize, textarea.fullsize, select.fullsize {
  width: 99%;
}

input.button {
  padding: 2px;
  background-color: #000000;
  border: 1px solid #aaaaaa;
  color: #aaaaaa;
}

input.button:hover, input.button:active, input.button:focus {
  background-color: #111111;
  border: 1px solid #ffffff;
  color: #ffffff;
}

input.deletebutton {
  background-color: #900000;
}
	
div.subscript {
  clear: both;
  text-align: right;
  padding-top: 2px;
  font-size: 0.9em;
  color: #dddddd;
}

.invalid label {
	background-image: url("stylesheet/icon_error.png");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

/* ********** Boxen ********** */

div.errorbox {
  padding: 4px;
  background-color: #240300;
  color: #cbbbb9;
  border: 1px solid #420500;
  margin-bottom: 1em;
}

.popup div.errorbox {
	background-color: #d4a3a0;
	color: #333333;
}

div.errorbox h5 {
  margin: 0 0 1em;
  padding: 4px;
  border-bottom: 1px dotted #420500;
  color: #ff0000;
}

.popup div.errorbox h5 {
  font-size: 1em;
  color: #900000;
}

div.errorbox p, div.successbox p {
  margin: 0;
  padding: 4px;
}

div.successbox {
  padding: 4px;
  background-color: #002104;
  color: #b7ceba;
  border: 1px solid #004208;
  margin-bottom: 1em;
}

div.successbox h5 {
  margin: 0 0 1em;
  padding: 4px;
  border-bottom: 1px dotted #004208;
}

div.comment_entry {
  display: block;
  margin-left: 64px;
  padding: 6px;
  background-color: #333333;
  border: 1px solid #666666;
  margin-bottom: 1em;
}

div div.comment_startpage {
	margin-left: 0;
}

div.comment_entry h5 {
  font-size: 1em;
  margin: 0 0 8px;
  padding: 0 0 4px;
  border-bottom: 1px dotted #666666;
}

div.comment_entry .paragraph {
  margin: 0;
  padding: 4px;
}

div.comment_entry div.comment_actions {
  font-size: 0.9em;
  margin: 8px 0 0;
  padding: 4px 0 0;
  border-top: 1px dotted #666666;
  text-align: right;
}

div.comment_number {
  float: left;
/*  clear: left; */
  font-size: 2em;
  width: 40px;
}

div div.comment_number a {
  color: #333333;
  text-decoration: none;
}

div.comment_number a:hover, div.comment_number a:focus, div.comment_number a:active {
  border-bottom: 1px dotted #333333;
}

/* --- Spam --- */

div.comment_spam div.comment_entry {
  background-color: #240300;
  color: #cbbbb9;
  border: 1px solid #420500;
}

div.comment_spam a {
  color: #ff0000;
}

div.comment_spam div.comment_entry h5 {
  padding-left: 20px;
  background-image: url("stylesheet/icon_bug.png");
  background-position: left top;
  background-repeat: no-repeat;
}

#innerContent table.graphical tr.comment_spam td {
  background-color: #240300;
  color: #cbbbb9;
  border: 1px solid #420500;
}

/* --- Admin --- */

div.comment_admin div.comment_entry {
  background-color: #161616;
  border: 1px solid #666666;
}

div.comment_admin div.comment_entry h5 {
  padding-left: 20px;
  background-image: url("stylesheet/icon_star.png");
  background-position: left top;
  background-repeat: no-repeat;
}

/* --- Hidden --- */

div.comment_hidden div.comment_entry {
  background-color: #555555;
  border: 1px solid #777777;
}

div.comment_hidden div.comment_entry h5 {
  padding-left: 20px;
  background-image: url("stylesheet/icon_hidden.png");
  background-position: left top;
  background-repeat: no-repeat;
}

#innerContent table.graphical tr.comment_hidden td {
  background-color: #555555;
  border: 1px solid #777777;
}

/* --- Preview --- */

div.comment_preview div.comment_entry {
  background-color: #252733;
  border: 1px solid #454566;
}

div.comment_preview div.comment_entry h5 {
  padding-left: 20px;
  background-image: url("stylesheet/icon_preview.png");
  background-position: left top;
  background-repeat: no-repeat;
}

div.editcomment {
  margin-left: 64px;
  margin-bottom: 2em;
}

#innerContent div.editcomment table.graphical {
  border: 1px solid #454566;
}

#innerContent div.editcomment table.graphical td {
  background-color: #252733;
}



/* --- Controls --- */

span.comment_unspam, span.comment_show {
	display: none;
}

div.comment_hidden span.comment_show {
	display: inline;
}

div.comment_spam span.comment_unspam {
	display: inline;
}

div.comment_spam span.comment_hide,
div.comment_admin span.comment_hide,
div.comment_hidden span.comment_hide {
	display: none;
}

/* ********** Popups (Javascript) ********** */

.popup {
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	background:#FFF;
	color:#000;
	border:2px solid #000;
	/*border-radius:4px;*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width: 600px;
	position:absolute;
	z-index:1337;
	padding:8px;
}
.popupTitle {
	background:#000;
	color:#FFF;
	font-weight:bold;
	cursor:move;
	position:relative;
	padding:4px;
	margin:-6px -6px 12px -6px;
	/*border-radius:1px;*/
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
}
.popupTitle .popupClose, .popupTitle .popupMinimize {
	background:#FFF;
	color:#000;
	font-weight:bold;
	cursor:pointer;
	display:block;
	text-align:center;
	position:absolute;
	width:16px;
	top:4px;
	bottom:4px;
	/*border-radius:1px;*/
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
}

.popupTitle .popupClose:hover, .popupTitle .popupMinimize:hover {
	background-color: #FF3C00;
}

.popupTitle .popupClose {
	right:4px;
}	

.popupTitle .popupMinimize {
	right:24px;
}

.popupButton, .popupButtonSubmit, .popupButtonSingle {
	border:1px solid #000;
	background:#EEE;
	font-weight:bold;
	/*border-radius:4px;*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-align:center;
	cursor:pointer;
	width:50%;
	margin:12px auto 0 auto;
	padding:4px;
}

.popupButtonSubmit {
	margin-right: 5%;
}

.popupButton {
	margin-left: 5%;
}

.popupButtonSingle {
	width: 25%;
}

.popupButtonContainer {
	display: block;
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}

.popupOverlay {
	background:#242424;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.popup a {
	color: #ff3c00;
}

/* ********** Kategorie: Hyperlinks ********** */

#links_selector {
	margin: 2em 0 2em;
	padding: 8px;
	background-color: #343434;
}

#links_selector a {
	font-size: 0.9em;
	padding: 4px;
	background-color: #454545;
}

#links_selector a:hover {
	background-color: #000000;
}

#links_selector a.links_selected {
	background-color: #000000;
	border: 1px solid #ababab;
}

#links_selector a:hover {
	background-color: #121212;
}



/* ********** Icons ********** */

.iconcell {
	width: 16px;
}

.iconcell img {
	vertical-align: top;
}

.icon_twitter {
  padding-left: 20px;
  background-image: url("stylesheet/icon_twitter.png");
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: normal;
  font-size: 1em;
}

.icon_date {
  padding-left: 20px;
  background-image: url("stylesheet/icon_date.png");
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: normal;
  font-size: 0.9em;
}

.icon_home {
  padding-left: 20px;
  background-image: url("stylesheet/icon_home.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.icon_email {
  padding-left: 20px;
  background-image: url("stylesheet/icon_email.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.icon_quote {
  padding-left: 20px;
  background-image: url("stylesheet/icon_comment.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.icon_edit {
  padding-left: 20px;
  background-image: url("stylesheet/icon_edit.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.icon_add {
  padding-left: 20px;
  background-image: url("stylesheet/icon_add.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.icon_delete {
  padding-left: 20px;
  background-image: url("stylesheet/icon_delete.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.icon_nospam {
  padding-left: 20px;
  background-image: url("stylesheet/icon_ok.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.icon_hide {
  padding-left: 20px;
  background-image: url("stylesheet/icon_hidden.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.icon_up {
  padding-left: 20px;
  background-image: url("stylesheet/icon_up.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.icon_down {
  padding-left: 20px;
  background-image: url("stylesheet/icon_down.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.icon_left {
  padding-left: 20px;
  background-image: url("stylesheet/icon_left.png");
  background-position: left center;
  background-repeat: no-repeat;
}

.icon_right {
  padding-left: 20px;
  background-image: url("stylesheet/icon_right.png");
  background-position: left center;
  background-repeat: no-repeat;
}

/* ********** Popup ********** */

a.openspopup {
  background-image: url("stylesheet/icon_popup.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}

body.popup {
  background-color: #242424;
  background-image: none;
  padding: 8px;
  padding-top: 0;
  color: #ffffff;
}

/* ********** Main Menu ********** */

ul#mainmenu {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 768px;
  height: 48px;
  background-image: url("stylesheet/mainmenu.png");
  background-position: 0 -240px;
}

.cat_startseite ul#mainmenu {
  background-position: 0 0;
}

.cat_weblog ul#mainmenu {
  background-position: 0 -48px;
}

.cat_themen ul#mainmenu {
  background-position: 0 -96px;
}

.cat_links ul#mainmenu {
  background-position: 0 -144px;
}

.cat_downloads ul#mainmenu {
  background-position: 0 -192px;
}

ul#mainmenu li {
  list-style: none;
  margin: 0;
  padding: 0;  
}

ul#mainmenu li a {
	background-image: url("stylesheet/menubuttons.png");
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  height: 24px;
  width: 112px;
}

ul#mainmenu li a span {
  display: none;
}

/* ----- Startseite ------ */
ul#mainmenu li#mainmenu_startseite a {
  background-position: 0 0;
  left: 168px;
  top: 8px;
}
ul#mainmenu li#mainmenu_startseite a:hover,
ul#mainmenu li#mainmenu_startseite a:active,
ul#mainmenu li#mainmenu_startseite a:focus  {
  background-position: 0 -48px;  
}
.cat_startseite ul#mainmenu li#mainmenu_startseite a {
  background-position: 0 -24px;
}
.cat_startseite ul#mainmenu li#mainmenu_startseite a:hover,
.cat_startseite ul#mainmenu li#mainmenu_startseite a:active,
.cat_startseite ul#mainmenu li#mainmenu_startseite a:focus  {
  background-position: 0 -72px;
}

/* ----- Weblog ------ */
ul#mainmenu li#mainmenu_weblog a {
  background-position: -120px 0;
  left: 288px;
  top: -16px;
}
ul#mainmenu li#mainmenu_weblog a:hover,
ul#mainmenu li#mainmenu_weblog a:active,
ul#mainmenu li#mainmenu_weblog a:focus  {
  background-position: -120px -48px;  
}
.cat_weblog ul#mainmenu li#mainmenu_weblog a {
  background-position: -120px -24px;
}
.cat_weblog ul#mainmenu li#mainmenu_weblog a:hover,
.cat_weblog ul#mainmenu li#mainmenu_weblog a:active,
.cat_weblog ul#mainmenu li#mainmenu_weblog a:focus  {
  background-position: -120px -72px;
}

/* ----- Themen ------ */
ul#mainmenu li#mainmenu_themen a {
  background-position: -240px 0;
  left: 408px;
  top: -40px;
}
ul#mainmenu li#mainmenu_themen a:hover,
ul#mainmenu li#mainmenu_themen a:active,
ul#mainmenu li#mainmenu_themen a:focus  {
  background-position: -240px -48px;  
}
.cat_themen ul#mainmenu li#mainmenu_themen a {
  background-position: -240px -24px;
}
.cat_themen ul#mainmenu li#mainmenu_themen a:hover,
.cat_themen ul#mainmenu li#mainmenu_themen a:active,
.cat_themen ul#mainmenu li#mainmenu_themen a:focus  {
  background-position: -240px -72px;
}

/* ----- Links ------ */
ul#mainmenu li#mainmenu_links a {
  background-position: -360px 0;
  left: 528px;
  top: -64px;
}
ul#mainmenu li#mainmenu_links a:hover,
ul#mainmenu li#mainmenu_links a:active,
ul#mainmenu li#mainmenu_links a:focus  {
  background-position: -360px -48px;  
}
.cat_links ul#mainmenu li#mainmenu_links a {
  background-position: -360px -24px;
}
.cat_links ul#mainmenu li#mainmenu_links a:hover,
.cat_links ul#mainmenu li#mainmenu_links a:active,
.cat_links ul#mainmenu li#mainmenu_links a:focus  {
  background-position: -360px -72px;
}

/* ----- Downloads ------ */
ul#mainmenu li#mainmenu_downloads a {
  background-position: -480px 0;
  left: 648px;
  top: -88px;
}
ul#mainmenu li#mainmenu_downloads a:hover,
ul#mainmenu li#mainmenu_downloads a:active,
ul#mainmenu li#mainmenu_downloads a:focus  {
  background-position: -480px -48px;  
}
.cat_downloads ul#mainmenu li#mainmenu_downloads a {
  background-position: -480px -24px;
}
.cat_downloads ul#mainmenu li#mainmenu_downloads a:hover,
.cat_downloads ul#mainmenu li#mainmenu_downloads a:active,
.cat_downloads ul#mainmenu li#mainmenu_downloads a:focus  {
  background-position: -480px -72px;
}

/* --------------- Tag Cloud -------------- */

.tagcloud_size1 {
	font-size: 1em;
}

.tagcloud_size2 {
	font-size: 1.1em;
}

.tagcloud_size3 {
	font-size: 1.3em;
}

.tagcloud_size4 {
	font-size: 1.4em;
}

.tagcloud_size5 {
	font-size: 1.6em;
}

.tagcloud_size6 {
	font-size: 1.8em;
}

/* -------------- Popup Windows ------------- */

body.popupwindow {
	background-color: #242424;
	background-image: none;
}

body.popupwindow #content {
  padding: 0;
  margin: 0;
  text-align: left;
  background-image: none;
  width: auto;
}

body.popupwindow div#innerContent {
  width: auto;
  padding: 8px;
}

/* -------------- Images ------------- */

#innerContent a img {
	border: none;
}

#innerContent a img.imgbox_framed, #innerContent img.imgbox_framed {
	border: 4px outset #97a1cc;
}

div.imgbox_content {
	padding: 12px;
	text-align: center;
}

div.imgbox_content img {
	margin: 0 auto;
}

div.imgbox_title {
	padding: 0 8px 8px;
	text-align: center;
	font-size: 0.8em;
	color: #cccccc;
}

div.imgbox_center, div.imgbox_left, div.imgbox_right, div.imgbox_full {
	background-color: #121212;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #999999;
	margin: 8px;
}

div.imgbox_center {
	margin: 0 auto;
}

div.imgbox_full {
	margin-left: 0;
	margin-right: 0;
}

div.imgbox_left {
	margin-left: 0;
	float: left;
}

div.imgbox_right {
	margin-right: 0;
	float: right;
}

div.gallerybox {
	background-color: #121212;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #999999;
	margin: 8px;
	padding: 8px;
	float: left;
}

div.gallerybox_content {
	width: 200px;
	height: 200px;
	text-align: center;
	vertical-align: middle;
}

div.gallerybox_content img {
	margin: auto;
}

div.gallerybox div.gallerybox_title {
	color: #cccccc;
	font-size: 0.8em;
	margin: 8px 0 0;
	text-align: center;
}

div.gallerysize1 div.gallerybox_content {
	width: 650px;
	height: 500px;
}

div.gallerysize1 div.gallerybox_title {
	width: 650px;	
}

div.gallerysize2 div.gallerybox_content {
	width: 300px;
	height: 300px;
}

div.gallerysize2 div.gallerybox_title {
	width: 300px;	
}

div.gallerysize3 div.gallerybox_content {
	width: 200px;
	height: 200px;
}

div.gallerysize3 div.gallerybox_title {
	width: 200px;	
}

div.gallerysize4 div.gallerybox_content {
	width: 140px;
	height: 140px;
}

div.gallerysize4 div.gallerybox_title {
	width: 140px;	
}

div.gallerysize5 div.gallerybox_content {
	width: 100px;
	height: 100px;
}

div.gallerysize5 div.gallerybox_title {
	width: 100px;	
}


/* ----------------- Category & Tag editing ----------------- */

.editable_category {
	display: block;
	border: 1px solid #666666;
	background-color: #000;
	color: #fff;
	padding: 4px;
	margin-bottom: 16px;
	-moz-border-radius: 4px;
}

.category_id {
	display: block;
	float: left;
	width: 3em;
	font-size: 0.8em;
	color: #aaa;
}

.category_url {
	display: block;
	float: right;
	font-size: 0.8em;
	color: #aaa;
	padding: 2px;
	background-color: #333;
	font-family: "Courier", monospace;
	border-bottom: 1px dotted #aaa;
}

.category_title {
	font-weight: bold;
	margin-bottom: 4px;
}

.category_parent {
	display: block;
	clear: left;
	padding: 2px;
	background-color: #111;
	font-size: 0.8em;
	margin-top: 4px;
	color: #666;
	text-align: right;
}
	
.category_controls {
	display: block;
	clear: left;
	padding: 2px;
	font-size: 0.8em;
	margin-top: 4px;
	border-top: 1px solid #666;
}

.editable_tag {
	display: block;
	border: 1px solid #666666;
	background-color: #000;
	color: #fff;
	padding: 4px;
	margin-bottom: 16px;
	-moz-border-radius: 4px;
}

.tag_id {
	display: block;
	float: left;
	width: 3em;
	font-size: 0.8em;
	color: #aaa;
}

.tag_url {
	display: block;
	float: right;
	font-size: 0.8em;
	color: #aaa;
	padding: 2px;
	background-color: #333;
	font-family: "Courier", monospace;
	border-bottom: 1px dotted #aaa;
}

.tag_title {
	font-weight: bold;
	margin-bottom: 4px;
}
	
.tag_controls {
	display: block;
	clear: left;
	padding: 2px;
	font-size: 0.8em;
	margin-top: 4px;
	border-top: 1px solid #666;
}

.overview_weblogentry {
	display: block;
	border: 1px solid #666666;
	background-color: #000;
	color: #fff;
	padding: 4px;
	margin-bottom: 16px;
	-moz-border-radius: 4px;
}

.overview_id {
	display: block;
	float: left;
	width: 3em;
	font-size: 0.8em;
	color: #aaa;
}

.overview_url {
	display: block;
	font-size: 0.8em;
	color: #aaa;
	padding: 2px;
	font-family: "Courier", monospace;
	margin-top: 4px;
	text-align: right;
}

.oberview_title {
	font-weight: bold;
	margin-bottom: 4px;
}
	
.overview_controls {
	display: block;
	clear: left;
	padding: 2px;
	font-size: 0.8em;
	margin-top: 4px;
	border-top: 1px solid #666;
}

.overview_draft {
	background-color: #000033;
}

.overview_private {
	background-color: #003300;
}

/* ----------------- Tag buttons ----------------- */

.tagtoken, .tagtokenctl {
	margin: 4px 0;
	padding: 4px;
	-moz-border-radius: 4px;
	background-color: #aaa;
	cursor: pointer;
	color: #303030;
}

.tagtoken_chosen {
	border: 2px solid #000090;
	color: #000090;
}