@CHARSET "UTF-8";

/* Hintergrundgrau: #242424 */
/* Text-Weiss: #ffffff*/
/* Orange: #ff7213 */
/* Hellblau: #91cfff*/

html {
  padding: 0;
  margin: 0;	
}

body {
  background-color: #242424;
  padding: 0;
  margin: 0;
  background-image: url("images/body_bg.png");
  background-repeat: repeat-x;
  background-position: top;
  color: #fff;
  font-family: Verdana, sans-serif;
  font-size: 1em;
}

#site {
  max-width: 80em;
  margin: 0 auto;
}

a {
	color: #FF7213;
}

a:hover {
	color: #ffb259;
}

div#header {
  background-image: url("images/header_v2.png");
  background-repeat: no-repeat;
  background-position: right top;
  height: 80px;
  overflow: hidden;
}

h1 {
  margin: 20px auto 0;
  padding: 0;
  font-size: 2em;
  height: 40px;
}

h1 a {
  display: block;
  margin: 0 30px;
  padding: 0;
  height: 40px;
  text-decoration: none;
  color: #ffffff;
  float: left;
}

h1 a:hover {
  color: inherit;
  text-decoration: underline;
}

ul#topmenu {
	display: block;
	list-style: none;
	height: 33px;
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url("images/menu_bg.png");
}

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

ul#topmenu a {
	margin: 0;
	padding: 0;
	position: relative;
	width: 160px;
	height: 32px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

ul#topmenu a:hover {
  background-position: 0px -32px;
}

ul#topmenu li.active a {
  background-position: 0px -64px;
}

ul#topmenu li.active a:hover {
  background-position: 0px -96px;
}

ul#topmenu li#home a {
	background-image: url("images/menu_home.png");
	left: 30px;
	top: 0px;
}

ul#topmenu li#forum a {
	background-image: url("images/menu_forum.png");
	left: 190px;
	top: -32px;
}

ul#topmenu li#otr a {
  background-image: url("images/menu_otr.png");
  left: 350px;
  top: -64px;
}

ul#topmenu li#impressum a {
	background-image: url("images/menu_impressum.png");
	left: 510px;
	top: -96px;
	width: 162px;
}

ul#topmenu a span{
	display: none;
}

div#breadcrump {
	font-size: 0.7em;
	text-align: right;
	padding: 1em 1em 0;
	color: #808080;
	margin: 0 30px;
	float: right;
}

div#breadcrump a {
	color: #909090;
	text-decoration: underline;
}

div#breadcrump a:hover {
	color: #e0e0e0;
}

h2 {
	padding: 0 0 4px;
	margin: 32px 30px 12px;
	color: #91cfff;
	border-bottom: 1px solid #565656;
	font-size: 1.2em;
}

h3 {
	padding: 0 0 4px 1em;
	margin: 16px 30px 4px;
	color: #91cfff;
	border-bottom: 1px solid #303030;
	font-size: 0.9em;	
}

h4 {
	padding: 0 0 0 1em;
	margin: 8px 30px 4px;
	color: #91cfff;
	font-size: 0.8em;	
}

p {
	margin: 8px 30px;
	padding: 0;
	max-width: 80em;
	font-size: 0.8em;
}

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

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

/* Some non-standard styles for selected text in <code>s */
code::-moz-selection, kbd::-moz-selection {
  background: #565656;
  color: #91cfff;
}
code::selection, kbd::selection {
  background: #565656;
  color: #91cfff;
}


.codeextra {
  background-color: #000000;
  margin: 1em 30px;
  border: 1px solid #565656;
  border-collapse: collapse;
  
}

.codeextra td {
  padding: 4px;
  width: 100%;
}

.codeextra .numbers {
  background-color: #363636;
  border-right: 1px solid #565656;
  font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  font-size: 12px;
  vertical-align: top;
  text-align: right;
  width: 1px;
}

.codeextra code {
  border: none;
  margin: 0;
  padding: 0;
}

kbd {
	background-color: #000000;
	padding: 4px;	
}

var {
	padding: 4px;
	color: #91cfff;
	font-style: italic;
}

.filename {
	padding: 4px;
	color: #ffb259;
	font-style: normal;
}

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

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

blockquote {
	margin: 1em 30px;
	padding: 0.5em;
	border: 1px solid #565656;
	background-color: #282828;
}

blockquote p {
	margin: 0;
	padding: 0.2em;
}

blockquote div.author {
	font-size: 0.8em;
	margin: 0;
	padding: 0.6em 0.2em 0.2em 2em;
	font-style: italic;
}

ul, ol {
	margin: 1em 30px;
	padding: 0;
}

ul {
	list-style: square;	
}

li {
	margin: 0.2em 2em;
	padding: 0;
	font-size: 0.8em;
}

li li {
  font-size: 1em;
}

#sidebar {
  display: block;
  float: right;
  padding: 1em;
  background-color: #000000;
  border-bottom: 1px solid #565656;
  border-left: 1px solid #565656;
  border-right: 1px solid #565656;
  width: 15em;
  margin: 0 0 1em 12px;
}

#sidebar h2 {
  display: none;
}

#sidebar h3 {
  margin: 2em 0 0.6em;
  padding: 0 0 4px;
  text-align: center;
  font-size: 0.9em;
  border-bottom: 1px solid #565656;
}

#sidebar h3.first {
  margin: 0 0 0.6em;  
}

#sidebar p {
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 0.8em;
}

#sidebar ul, #sidebar ol {
  margin: 0 0 0.5em;
  padding: 0;
}

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

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

input.button, a.button {
  border: 1px solid #404040;
  background-color: #363636;
  color: #a0a0a0;
  padding: 1px;
}

input.button:focus, input.button:hover, a.button:focus, a.button:hover {
  border: 1px solid #a0a0a0;
  background-color: #565656;
  color: #ffffff;
}

input.button:active, a.button:active {
  border: 1px solid #a0a0a0;
  background-color: #999999;
  color: #000000;
}

a.togglelink {
	margin-left: 1em;
  text-decoration: none;
  font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  font-size: 0.9em;
}

a.button {
  padding: 4px;
  text-decoration: none;
}

a.button img {
  position: relative;
  top: 3px;	
}

table td, table th {
  font-size: 0.8em;
}

address {
  display: block;
  margin: 3em 30px 0;
  padding: 1em;
  text-align: center;
  font-style: normal;
  font-size: 0.8em;
  background-color: #343434;
  color: #dddddd;
}

.actionbar {
  padding: 2px;
  margin: 2px 30px;
  background-color: #202020;
  color: #ffffff;
  font-size: 0.8em;
}

.actionbar a {
  text-decoration: none;
}

.actionbar a:hover {
  text-decoration: underline;
  color: #ffffff;
}

.headeraddition {
  font-size: 0.8em;
  margin-left: 1em;
}

.bigtext {
  font-size: 1.4em;
  font-weight: bold;
} 

a img {
  border: none;
}

tt {
  font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  font-size: 1em;
}