/*-------------------------------------------------------------------*/
/* WHO CSS Template
/* Style: Greenhat
/* Template: http://design-xpert.de
/* Copyright: Marcel Bullert, 2008
/*-------------------------------------------------------------------*/

/*-------------------------------------------------------------------*/
/* Layout-Styles */
body {
  background: url(/styles/who_greenhat/images/header-background.jpg) repeat-x #f5f5f5;
  margin: 0px;
  padding: 155px 0px 0px 0px;
  border: 0px;
  color: #5d5d5d;
  font-family: Verdana, "sans serif";
  font-size: 11px;
  line-height: 15px;
}
td,th {
  color: #5d5d5d;
  font-family: Verdana, "sans serif";
  font-size: 11px;
  line-height: 16px;
  text-align:left;
}
img {
  border: 0px;
}
div {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
input, select, textarea {
  background-color: #dbdbdb;
  color: #386425;
  border: 1px solid #000000;
  font-family: Verdana, "sans serif";
  font-size: 11px;
  padding: 0px;
}
input[disabled]
{
  background-color: #f0efef;
  color: #849e79;
  border: 1px solid #393939;
}
ul {
  margin: 0px;
  padding: 15px;
  border: 0px;
}
a {
  color: #567d46;
  text-decoration: none;
}
a:hover {
  color: #1da228;
  text-decoration: none;
}
a.navigation {
  color: #567d46;
  text-decoration: underline;
  font-variant: small-caps;
}
a.navigation:hover {
  color: #1da228;
  text-decoration: none;
  font-variant: small-caps;
}
/*-------------------------------------------------------------------*/
/* Header */
#title {
  position: absolute;
  top: 15px;
  left: 0px;
  width: 100%;
  text-align: center;
  vertical-align: top;
}
#title\-image {
  position: relative;
  top: 0px;
}
#login {
  margin: 0px;
  padding: 10px 0px 0px 0px;
  vertical-align: top;
  background: url(/styles/who_greenhat/images/line-stretch.jpg) repeat-x;
}
#login\-form {
  margin: 0px;
  padding: 10px 20px 0px 20px;
  vertical-align: top;
  text-align: center;
  white-space: nowrap;
  background: url(/styles/who_greenhat/images/line-stretch.jpg) repeat-x;
}
#login\-form form table, #login\-form form table tbody, #login\-form form table tbody tr, #login\-form form table tbody tr td {
  padding: 0px;
  margin: -2px;
}
#time {
  margin: 0px;
  padding: 10px 20px 0px 20px;
  vertical-align: top;
  background: url(/styles/who_greenhat/images/line-stretch.jpg) repeat-x;
}
#ads {
  margin: 0px;
  padding: 00px 0px 0px 20px;
  width:468px;
  height:60px;
  vertical-align: middle;
  background: url(/styles/who_greenhat/images/line-stretch.jpg) repeat-x;
}
#server\-time {
  margin: 0px;
  margin-top: 15px;
  text-align: center;
  font-weight: bold;
}

/*-------------------------------------------------------------------*/
/* Viewer */
#viewer {
  width: 100%;
  margin-top: 5px;
}

/*-------------------------------------------------------------------*/
/* Blocks*/
#blocks {
  vertical-align: top;
  width: 222px;
  padding-bottom: 20px;
}
#blocks div.block_style {
  margin-left: 12px;
  margin-bottom: 20px;
  text-align: center;
}
#blocks div.block_style div.block {
  margin: 0px 19px 0px 17px;
  padding: 0px 10px 10px 10px;
  border: 1px solid #f5f5f5;
  border-top: 0px;
  text-align: left;
}
#blocks div.block_style div.block ul {
  list-style-type: none;
  padding-left: 7px;
}

/*-------------------------------------------------------------------*/
/* Main-Content */
#content\-viewer {
  padding: 0px 12px 10px 18px;
  vertical-align: top;
}
#content\-viewer div.content\-viewer_top {
  background: url(/styles/who_greenhat/images/content_top-stretch.jpg) repeat-x;
  height: 17px;
}
#content\-viewer div.content\-viewer_top_left {
  float:left;
  display:inline;
}
#content\-viewer div.content\-viewer_top_right {
  float: right;
  display:inline;
}
#content\-viewer div.content\-viewer_bottom {
  background: url(/styles/who_greenhat/images/content_bottom-stretch.jpg) repeat-x;
  height: 6px;
}
#content\-viewer div.content\-viewer_bottom_left {
  float: left;
  display:inline;
}
#content\-viewer div.content\-viewer_bottom_right {
  float: right;
  display:inline;
}
#content\-viewer div.content\-viewer_left\-stretch {
  background: url(/styles/who_greenhat/images/content_left-stretch.jpg) repeat-y left top;
  padding: 0px 0px 0px 8px;
}
#content\-viewer div.content\-viewer_right\-stretch {
  background: url(/styles/who_greenhat/images/content_right-stretch.jpg) repeat-y right top;
  padding: 5px 8px 5px 0px;
}
#contents {
  overflow: auto;
  height: 510px;
}

/*-------------------------------------------------------------------*/
/* Content-Darstellung */
h2 {
  /* top right bottom left */
  font-size: 18px;
  font-weight: bold;
  color: #049912;
}
div.content {
  padding: 0px 20px 12px 20px;
}
body.popup {
  background: #FFFFFF;
  color: #5d5d5d;
  margin:5px;
  padding:5px;
}

/*-------------------------------------------------------------------*/
/* Footer */
#footer_line {
  position: absolute;
  margin: 0px 0px 0px 0px;
  width: 100%;
  height: 12px;
  padding: 0px 0px 0px 0px;
}
#footer_left {
  padding: 0px 0px 0px 30px;
  float: left;
  display: inline;
}
#footer_right {
  padding: 0px 30px 0px 0px;
  float: right;
  text-align: right;
  display: inline;
}
/*-------------------------------------------------------------------*/
/* Farben-Klassen */
.red {
  color: #990000;
}
.green {
  color: #008000;
}
.yellow {
  color: #CC9900;
}
.black {
  color: #5d5d5d;
}

/*-------------------------------------------------------------------*/
/* Hackkonsole */
div.bc {
  background-color: #f2f2f2;
  border: #9aa9ae 1px solid;
  color: #5d5d5d;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  width: 600px;
  height: 250px;
  padding-left: 2px;
  overflow: hidden;
}
input.bc {
  background-color: #f2f2f2;
  border: 0px;
  color: #5d5d5d;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
}

/*-------------------------------------------------------------------*/
/* Installationsbalken */
div#ladebalken {
  width: 150px;
  border: 1px solid #0f303a;
  background: #f2f2f2;
  height: 12px;
  z-index: 0;
  padding: 0px;
}
div#ladebalken-in {
  height: 12px;
  background: #026b09;
  z-index: 1;
  padding: 0px;
}
div#ladebalken-font {
  color: #d2d2d2;
  font-family: Arial;
  font-size: 9px;
  font-weight: 200;
  z-index: 2;
  padding: 0px;
}

/*-------------------------------------------------------------------*/
/* Horizontales Menü */

.hmenu {
    display:			block;
	color:				#5d5d5d;
 	font-family:		Tahoma;
 	font-size:			12px;
 	line-height:		14px;
    background-color:	#f2f2f2;
    text-align:			center;
    border:				solid 1px #5d5d5d;
    width:				105px;
}

a.link {
    display: 			block;
  	color:				#5d5d5d;
  	font-family:		Tahoma;
  	font-size:			12px;
  	line-height:		14px;
    border-bottom:		solid 1px #5d5d5d;
    background-color:	#f2f2f2;
    width:				105px;
}
a.mainlink {
  	font-family:		Tahoma;
  	font-size:			12px;
  	line-height:		14px;
  	color:				#5d5d5d;
}
a.link:hover, a.mainlink:hover {
    display:			block;
    color:				#5d5d5d;
    background-color:	#f2f2f2;
}

/*-------------------------------------------------------------------*/
/* Stylische Fixes (IE...) */
.radio, .check {
  background-color:		transparent;
  border:				0px;
}
tr.box:hover {
    background-color:	#dedee5;
}
#warning {
    margin:				0px;
	position:			absolute;
  	top: 				0px;
	background-color:	yellow;
	color:				black;
	width:				100%;
	font-weight:		bold;
	padding:			0px;
	border-bottom:		1px solid black;
	z-index:			1000;
}