@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300';
@import 'https://fonts.googleapis.com/css?family=Titillium+Web:400,200';
@import 'https://fonts.googleapis.com/css?family=Roboto:400,300,100,700);
/********************************************
   HTML ELEMENTS
********************************************/ 

* {
	margin: 0; padding: 0;
} 
body {
  background-color: #666;
  color: #000;
  font: 80% "Roboto", "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
  /*border: 20px solid #666;*/
  padding: 0;
  margin: 0;
  text-align: left;
}

/********************************************
   LAYOUT
********************************************/ 

#wrap {
  background: #333 url(../images/header_bg.gif) repeat-x;
}
#content-wrap {
	clear: both;
  margin: 0; 
  padding: 0;
}
#content {
  background-color: #ffffff;		
  border: 1px solid #1b1b1b; 
  border-width: 0 1px 1px 1px;
  padding: 8px;
}

/* header */

#header {
  background-color: #ffffff;
	position: relative;
/*	background: url(../images/headerbg-orange.gif) repeat-x; 
	background: url(../images/headerbg-orange.gif) repeat-x 0 0;*/
	height: 70px;
}

#header h1#logo,
#header div#logo {
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
  margin: 0;
  padding-top: 14px;
	position: relative;
  z-index: 100;
}
#header h1#logo > a {
  text-decoration: none;
  margin-left: 40px;
}

#header div#fromdev {
  color: #000000;
  font-size: 10px;
  font-style: italic;
  font-weight: normal;
  position: absolute;
  right: 20px;
  top: 92px;
}

#header h2#slogan {
	color: #000000;
	font-weight: bold;
  font-size: 1.1em;
  left:12px;
	margin: 0; 
  padding: 40px 0 0 0; 
	position: absolute;
	text-transform: none;
	top: 10px;		
}

#header h2#slogan.orange {
  font-size: 1.3em;
  font-weight: bold;
}

#header .searchform {
	position: absolute;
	top: 5px; right: 3px;	
}

/* main column */

#main {
	float: left;
	margin-left: 15px;
	padding: 0;
	vertical-align: top;
	text-align: left;
	width: 98%;
}

#forum {
	float: left;
	margin-left: 25px;
	padding: 0;
	width: 684px;	
	color: #2F0F0F;	
}

#module {
	float: left;
	margin-left: 25px;
	padding: 0;
	width: 684px;	
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin-top: 20px;
	font-size: 95%;
}

.post-footer .date {
	background: url(../images/clock.gif) no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post-footer .comments {
	background: url(../images/comment.gif) no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post-footer .readmore {
	background: url(../images/page.gif) no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post-footer a{
  text-decoration: none;
}
/* sideabar */

#sidebar {
	margin: 0;	padding: 0; 
  border-right: 1px solid #e2e2e2;	
	vertical-align: top;
	text-align: left;
}

#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0 0 8px 0;	
	padding-right: 0;		
	text-decoration: none;
}

#sidebar ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(../images/arrow.gif) no-repeat 2px 5px;
	padding: 2px 5px 2px 20px;
  list-style: none;	
	display: block;
}

* html body #sidebar ul.sidemenu li { height: 1%; }

/* Hauptmenü */

#sidebar ul {
	margin: 12px 0 0 10px;
	padding: 0;
	list-style-position: outside;
	list-style-type: none;
}

#sidebar li a {
	line-height: 1.6em;
}

#sidebar li a {
	font-weight: bold;
	text-decoration: none;
	border-left: 4px solid #808080;
	padding-left: 4px;
}

#sidebar li a:hover {
	border-left: 4px solid #ffa600;
}
/* rightbar */

#rightbar {
	float: right;
	width: 21%;
	padding: 0;	margin: 0;
  border-left: 1px solid #e2e2e2;	
}

/* footer */

#footer {
  background-color: #333;
  border: 1px solid #1b1b1b;
  border-width: 0 1px 1px 1px;
  clear: both;
  color: #999;
  font-size: 10px;
  padding: 4px 8px;
  text-align: center;
  /*
  -moz-border-radius-bottomleft: 8px;	
  -moz-border-radius-bottomright: 8px;	
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  */
}
#footer a {
  color: #555;
}

/*******************************************************************************
menu
*******************************************************************************/
#navbar {
  background: #4b4b4b;
  height: 92px;
  padding-top: 8px;
  width: 100%;
}
#navbar h2 {
  color: #ffffff;
  font-family: 'Titillium Web';
  font-size: 31px;
  font-weight: 200;
  line-height: 40px;
  margin: 0 0 15px 0;
  text-align: center;
}
#navbar h3 {
  color: #ffffff;
  font-family: 'Source Sans Pro';
  font-size: 16px;
  font-weight: 200;
  text-align: center;
}
ul.menu {
  font-family: 'Titillium Web';
  font-size: 31px;
  font-weight: 200;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
ul.menu li {
  color: #ffffff;
  display: block;
  font-family: 'Titillium Web';
  font-size: 18px;
  font-weight: 200;
  padding: 60px 0 0 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
ul.menu li a {
  color: #FFFFFF;
  display: block;
  float: left;
  height: 28px;
  line-height: 24px;
  padding: 3px 15px 0;
  text-decoration: none;
}
ul.menu li a:link, ul.menu li a:visited {
  background: transparent none repeat scroll 0 0;
  color: #FFFFFF;
}
ul.menu li a:hover, ul.menu li a:active {
  background: transparent url(../images/nav_hover.gif) no-repeat scroll center top;
  color: #FFFFFF;
  text-decoration: none;
}
ul.menu li.current a:link,
ul.menu li.current a:visited,
ul.menu li.current a:hover,
ul.menu li.current a:active {
  background: transparent url(../images/nav_active.gif) no-repeat scroll center 26px;
  color: #FFFFFF;
  text-decoration: none;
}
ul.menu li#current a{
	border-bottom: 4px solid #f0f0f0;
}
ul.navlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.navlist li {
  margin: 2px 0;
}
ul.navlist li a {
  border-left: 4px solid #f68b00;
  color: #555;
  padding: 0 0 0 4px;
}
ul.navlist li a:hover {
  border-left: 4px solid #555;
  color: #f68b00;
  text-decoration: none;
}
/*******************************************************************************
Mantis-Standard
*******************************************************************************/
p {
	font-family: 11px Roboto, Tahoma, Arial, Helvetica, sans-serif;
}
address {
	font-family: Roboto, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt
}
pre {
	margin-top: 0px;
	margin-bottom: 0px;
}
a {
}
a:active {
}
a:link {
}
a:visited {
}
a.subtle {
	color: blue;
	text-decoration: none;
}
a.resolved {
	text-decoration: line-through underline;
}
a > img {
	border: none;
}
form {
	display: inline;
}
input {
}
input.button {
}
input.button-small {
	font-size: 8pt;
}
textarea {
}
select {
}
span.default {
	font-family: Roboto, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
span.print {
	font-size: 8pt;
}
span.required {
	font-size: 8pt;
	color: #bb0000;
}
span.small {
	font-size: 8pt;
	font-weight: normal;
}
span.pagetitle {
	font-size: 12pt;
	font-weight: bold;
	text-align: center
}
span.bracket-link {
	white-space: nowrap;
}
span.bracket-link a {
	text-decoration: none;
}
span.dependency_dated {
	color: brown;
}
span.dependency_met {
	color: green;
}
span.dependency_unmet {
	color: red;
}
span.dependency_upgrade {
	color: orange;
}
table {
  font-size: 11px;
}
table.hide {
	width: 100%;
	border: solid 0px #ffffff;
}
table#login-info {
	background-color: #404D6C;
	color: #f0f0f0;
	padding: 0 4px;
	width: 100%;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
table#status {
	background-color: #929BB1;
	border: 1px solid #404D6C;
	padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
  border-radius: 5px;
}
table.width100 {
	width: 100%;
	/*border: solid 1px #000000;*/
}
table.width90 {
	width: 90%;
	border: solid 0px #000000;
}
table.width75 {
	border: 1px solid #404D6C;
	width: 75%;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
table.width60 {
	width: 60%;
	border: solid 1px #000000;
}
table.width50 {
	width: 50%;
	border: solid 1px #000000;
}
table#menu {
  background-color: #929BB1;
  border: 1px solid #747E93;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
	text-align: left;
}
td.center {
	text-align: center;
}
td.left {
	text-align: left;
}
td.right {
	text-align: right;
}
td.category {
	background-color: #929BB1;
	color: #000000;
	font-weight: bold;
	vertical-align: top;
}
td.overdue {
	background-color: #ff0000;
	color: #000000;
	font-weight: bold;
}
td.col-1 {
	background-color: #d8d8d8;
	color: #000000;
}
td.col-2 {
	background-color: #e8e8e8;
	color: #000000;
}
td.form-title {
	background-color: #404D6C;
	color: #f0f0f0;
	font-weight: bold;
	padding: 5px;
	text-align: left;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
td.form-title a {
	color: #f0f0f0;
}
td.form-title a:hover {
	color: #fff;
	text-decoration: underline;
}
td.form-title-caps {
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}
td.nopad {
	padding: 0px;
}
td.small-caption {
	font-size: 8pt;
}
td.print {
	font-size: 8pt;
	text-align: left;
	padding: 2px;
}
td.print-category {
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	text-align: right;
	padding: 2px;
}
td.print-overdue {
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	padding: 2px;
}
td.print-bottom {
	border-bottom: 1px solid #000000;
}
td.print-spacer {
	background-color: #ffffff;
	color: #000000;
	font-size: 1pt;
	line-height: 0.1;
	padding: 0px;
}
tr {
}
tr.spacer {
	background-color: #ffffff;
	color: #000000;
	height: 5px;
}
tr.row-1 {
	background-color: #d8d8d8;
	color: #000000;
}
tr.row-2 {
	background-color: #e8e8e8;
	color: #000000;
}
tr.row-category {
	background-color: #929BB1;
	color: #000000;
	font-weight: bold;
}
tr.row-category td {
	text-align: center;
}
tr.row-category2 {
	background-color: #929BB1;
	color: #000000;
}
tr.row-category-history {
	background-color: #929BB1;
	color: #000000;
	font-weight: bold;
}
tr.row-category-history td {
	text-align: left;
}
tr.vcenter {
	vertical-align: middle;
}
tr.print {
	vertical-align: top;
}
tr.print-category {
	color: #000000;
	font-weight: bold;
}
#buglist tr {
	text-align: center;
}
td.bugnote-public {
	background-color: #929BB1;
	color: #000000;
	font-weight: bold;
	width: 25%;
	line-height: 1.4;
	vertical-align: top;
}
td.bugnote-private {
	background-color: #e8e8e8;
	color: #000000;
	font-weight: bold;
	width: 25%;
	line-height: 1.4;
	vertical-align: top;
}
td.bugnote-note-public {
	background-color: #e8e8e8;
	color: #000000;
	width: 75%;
	vertical-align: top;
}
td.bugnote-note-private {
	background-color: #e8e8e8;
	color: #000000;
	width: 75%;
	vertical-align: top;
}
td.login-info-left {
	width: 33%;
	padding: 0px;
	text-align: left;
}
td.login-info-middle {
	width: 33%;
	padding: 0px;
	text-align: center;
}
td.login-info-right {
	width: 33%;
	padding: 0px;
	text-align: right;
	white-space: nowrap;
}
td.menu {
	background-color: #929BB1;
	color: #bbb;
	font-size: 11px;
	text-align: center;
	width: 100%;
	padding: 5px;
}
td.menu a {
  color: #f0f0f0;
  text-decoration: none;
	white-space: nowrap;
}
td.menu a:hover {
  color: #fff;
  text-decoration: underline;
}
td.news-heading-public {
	background-color: #929BB1;
	color: #fff;
	text-align: left;
	border-bottom: 1px solid #000000;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
td.news-heading-private {
	background-color: #d8d8d8;
	color: #000000;
	text-align: left;
	border-bottom: 1px solid #000000;
}
td.news-body {
	background-color: #ffffff;
	color: #000000;
	padding: 16px;
}
tt {
  font-size: 11px;
}
img {
  border: 0;
}
img.icon {
	width: 11px;
	height: 11px;
}
img.delete-icon {
	position: relative;
	top: 5px;
	border: 0;
}
div {
  margin: 0;
	padding: 0;
}
div.menu {
	background-color: #e8e8e8;
	color: #000000;
	text-align: center;
	width: 100%;
	padding: 1px;
}
div.center {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}
div.border {
	background-color: #ffffff;
	border: solid 1px #000000;
	text-align: center;
	position: relative;
}
div.quick-summary-left {
	width: 49%;
	padding: 2px;
	text-align: left;
	float: left;
}
div.quick-summary-right {
	width: 49%;
	padding: 2px;
	text-align: right;
	float: right;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.small {
	font-size: 8pt;
}
.small-normal {
	font-size: 8pt;
	font-weight: normal;
}
.small-subprojects {
	font-size: 8pt;
	width: 200px;
}
.bold {
	font-weight: bold;
}
.bold-small {
	font-weight: bold;
	font-size: 8pt;
}
.italic {
	font-style: italic;
}
.italic-small {
	font-style: italic;
	font-size: 8pt;
}
.underline {
	text-decoration: underline;
}
.underline-small {
	text-decoration: underline;
	font-size: 8pt;
}
.strike {
	text-decoration: line-through;
}
.strike-small {
	text-decoration: line-through;
	font-size: 8pt;
}
.hidden {
	display: none;
}
.nowrap {
	white-space: nowrap;
}
.positive {
	color: green;
}
.negative {
	color: red;
}
.issue-status {
	border-bottom: 1px dotted black;
}
.avatar {
	float: right;
	border: 0;              
}
.progress400 {
	position: relative;
	width: 400px;
	border: 1px solid #d7d7d7
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1px;
}
.progress400 .bar {
	display: block;
	position: relative;
	background: #6bba70;
	text-align: center;
	font-weight: normal;
	color: #333;
	height: 2em;
	line-height: 2em;
}
.orange {
	color: #FFA600;
}
.grey {
	color: #f2f2f2;
}