/* Basics */
body {
	margin: 0;
	padding: 4px 0px 0px 0px;
  background-color: #333333;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
  font-size: 12px;
}

div {
  border-style: solid;
  border-width: 0px;
  border-color: black;
  padding: 0px;
  margin: 0px;
  text-align: left;
  cursor: default;
}

table {
  border-style: solid;
  border-width: 0px;
  border-color: black;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  border-collapse: separate;
}

p {
	padding: 0px;
	margin: 0px 0px 8px 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h2 { margin-bottom: 10px; }

h3 {
	margin-bottom: 8px;
	font-size: 1.2em;
}

h4 {
	margin-bottom: 4px;
	font-size: 1.2em;
}

h1 a { text-decoration: none; }
h2 a { text-decoration: none; }
h3 a { text-decoration: none; }
h4 a { text-decoration: none; }
h5 a { text-decoration: none; }

li {
	margin: 2px 0px 0px 2px;
}

.wiki > ul > li > ul {
	margin: 4px 0px 4px 0px !important;
}

ul {
	padding-bottom: 0px;
	margin: 0px 0px 8px 0px;
	list-style: square;
}

a:hover {	text-decoration: none; }

img {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}


/* Alternating styles */
tr.style1, div.style1 { background-color: #e3e3d9; }
tr.style2, div.style2 { background-color: #efefeb; }


/* Little helpers */
.mb0 { margin-bottom: 0px; }
.mb1 { margin-bottom: 4px; }
.mb2 { margin-bottom: 8px; }
.mb3 { margin: 0px 0px 12px 0px; }
.mb4 { margin-bottom: 16px; }

.ml2 { margin-left: 8px; }
.ml4 { margin-left: 16px; }

.mr4 { margin-right: 16px; }

.pr1 { padding-right: 4px; }

.width-10 { width: 10% !important; }
.width-20 { width: 20% !important; }
.width-30 { width: 30% !important; }
.width-33 { width: 33% !important; }
.width-40 { width: 40% !important; }
.width-50 { width: 50% !important; }
.width-60 { width: 60% !important; }
.width-70 { width: 70% !important; }
.width-80 { width: 80% !important; }
.width-90 { width: 90% !important; }
.width-100 { width: 100% !important; }

.textright { text-align: right; }
.textcenter { text-align: center; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.vtop { vertical-align: top; }
.vmiddle { vertical-align: middle; }
.bold { font-weight: bold; }
.block { display: block; }
.inline-block { display: inline-block !important; }
.inline { display: inline !important; }
.hidden { display: none; }

ul.noindent {	padding-left: 14px; }


/* Nav */
div.nav > h2 {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
div.nav > h2 > span:not(:last-child), div.nav > h2 > span:not(:first-child) {
	margin-right: 0.2em;
	margin-left: 0.2em;
}


/* Subnav */
div.subnav { margin-bottom: 8px; }
div.subnav > span > span {
	margin-left: 0.3em;
	margin-right: 0.3em;
}
div.subnav > span > img {	margin: -10px 5px -3px 0px; }


/* Pagination */
div.pagination {
	 margin: 0px 0px 8px 0px;
	 width: 100%;
	 overflow: hidden;
}
div.pagination > div > span, span.subnavsep {
	margin-left: 0.2em;
	margin-right: 0.2em;
}
a.pagination_current {
	color: #80795F;
	text-decoration:none!important;
}


/* Forms */
div.horzedit {
	 width: 100%;
	 margin-bottom: 8px;
}
div.horzedit label {
	display: inline-block;
	width: 20%;
	vertical-align: middle;
}
/* Wenn ein Label hinten ist, z.b. bei "Checkbox Label", dann lang machen.
   Hat Einfluss im Post-Editor auf Checkbox bei "Dieser Thread hat Anhänge" */
div.horzedit > label:last-child {
	width: 50%;
}
/* Texte rechts neben Checkboxes */
div.horzedit > * > span {
	vertical-align: middle;
}
div.horzedit > div > input[type=text], div.horzedit > div > input[type=password], div.horzedit > div > input[type=file]  {
	display: inline;
	width: 100%;
	vertical-align: middle;
}
div.horzedit > div { display: inline-block; }
div.horzedit > input[type=radio] {
	display: inline;
}
div.horzedit > button {
	vertical-align: middle;
}
/* Post-Editor "Entfernen"-Knöpfe */
div.horzedit > button:not(:only-child) {
	vertical-align: middle;
	margin-left: 8px;
}

div.vertedit {margin-bottom: 8px; }
div.vertedit * { margin-bottom: 4px; }
div.vertedit label { display: block; }
div.vertedit input { width: 40%; }

button.image span { vertical-align: middle; }
button.image img { margin-right: 4px; vertical-align: middle; }

textarea { width: 100%; }

label input[type=checkbox], label input[type=radio] {
	vertical-align: middle;
}

input[type=submit] {
	width: 100px;
	height: 35px;
	margin: 8px 0px 8px 0px;
}

div#editorcontainer {
	margin-bottom: 8px;
}


/* Form errors */
div.errorlist > div > div {
	display: inline-block;
	background-color: #b12222;
	width: 10px;
	margin-right: 4px;
	margin-bottom: 4px;
}
div.errorlist > div > span { color: #911818; }


/* Tables */
table.list {
	margin-top: 4px;
	margin-bottom: 8px;
}

td { padding: 0px; }

table.list > tbody > tr > td { padding: 4px; }
table.list td.indicator {	padding: 0px; }

tr.space { height: 4px; }
tr.space > td { display:none; }

td.indicator { width: 8px; }
td.indicatornew { background-color: #4278c7 }

td.smallimagecol {
	width: 18px;
}

td.thumbnail {
  cursor: pointer;
  padding: 2px;
  background-color: #E8E8E8;
  vertical-align: middle;
  text-align: center;
}

td.thumbnailHover {
  cursor: pointer;
  background-color: #C4C4C4;
  color: red;
  padding: 2px;
  vertical-align: middle;
  text-align: center;
}


/* Header */
#header {
	width: 750px;
	height: 60px;
	margin: 0 auto;
  padding: 0px 0px 8px 0px;
	background: #FFFFFF;
}

#header * {
	text-decoration: none;
	color: black;
}

#header h1 {
	font-size: 3em;
	position: absolute;
	margin-left: 85px;
	margin-top: 23px;
}

img.header { padding-left: 15px; }

img.headerlang {
  padding-left: 5px;
  padding-right: 5px;
}


/* Menu */
#menu {
	width: 680px;
	height: 35px;
	margin: 0 auto 0 auto;
  padding-left: 70px;
	background: #4177c6 url(/static/img2.png) repeat-x;
}

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

#menu li {
	display: inline;
	margin: auto;
}

.menulink {
	display: block;
	float: left;
	height: 24px;
	padding: 8px 8px 0px 8px;
	border-bottom: 2px solid transparent;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	color: #F7E5D9;
}

#menu a:hover {
	background: #416391;
	border-bottom-color: white;
}

.activelocation {
	display: block;
	float: left;
	height: 24px;
	padding: 8px 8px 0px 8px;
	border-bottom: 2px solid;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	background: #416391;
	border-bottom-color: white;
	color: #FFFFFF;
}


/* Content */
#content {
	width: 730px;
	margin: 0 auto;
  padding: 10px 20px 0 20px;
  background: #333333 url(/static/img1.png) repeat-y center top;
}

#content a { color: #535e72; }

div.homeStats {
	float: right;
	width: 100%;
  border: 1px dashed #5E5945;
	padding: 4px;
}


/* Dingens... */
#outer {
  background: url(/static/img1.png) repeat-y center top;
	overflow: hidden;
}