/* coding: utf-8 */
/*	did i mention that i hate IE?
	fixing its bugs costs about 50% of a project's budget. */

body {
	margin: 0;
	padding: 0;
	background-color: #F6F6F6;
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2;
	font-size: 0.8em;
}

* {
	font-size: 100.1%;
}

a {
	overflow: hidden;
}

form {
	padding: 0;
	margin: 0; 
	position: relative;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

fieldset {
	border: 1px solid #333333;
	clear: both;
	padding: 10px;
	position: relative;
}

legend {
	background: url(/_img/legend_l_bg.gif) left top no-repeat;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #333333;
	font-size: 1.1em;
}

.modinst h3 span,
legend span {
	background: url(/_img/legend_r_bg.gif) right top no-repeat;
	display: block;
	padding: 4px 10px 0 0;
}

legend span {
	height: 24px;
}

label {
	cursor: pointer;
}

div.buttonfloatright a:link,
div.buttonfloatright a:visited {
	text-decoration: none;
	color: Black;
}

input,
select {
	font-size: 1.1em;
	margin: 2px;
}

button {
	font-size: 1.1em;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 0 0;
}

table {
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	clear: both;
}

th {
	font-style: italic;
}

th, td {
	text-align: left;
	padding: 3px 5px;
	margin: 0;
	vertical-align: top;
}

td h3,
td p {
	margin: 0;
}

tr:hover {
	background-color: White;
}

small {
	font-size: 0.8em;
}

strong {
	background-color: #FFFFAA;
	font-weight: normal; 
}

form.login {
	width: 300px;
}

div.eingabe {
	padding: 5px 10px 5px 200px;
	clear: both;
}

div.eingabe input,
div.login input,
div.eingabe select {
	margin-left: 0;
	margin-right: 0;
	width: 95%;
}

div.datumeingabe {
	padding: 5px 10px 5px 200px;
	clear: both;
}

div.datumeingabe div {
	width: 95%;
	text-align: right;
}

div.datumeingabe span.datum {
	float: left;
}

div.datumeingabe div input {
	width: 100px;
}

div.datumeingabe div label {
	font-weight: bold;
	vertical-align: text-top;
}

div.datumeingabe input,
div.datumeingabe select {
	margin-left: 0;
	margin-right: 0;
}

div.eingabe textarea,
div.login textarea {
	margin-left: 0;
	margin-right: 0;
	width: 96%;
}

div.login input {
	width: 100%;
}

div.eingabe label,
div.eingabe span.label,
div.eingabe p.label,
div.datumeingabe label.datumeingabe,
div.twocol label {
	padding-top: 0.3em;
	float: left;
	margin-left: -200px;
	width: 195px;
	text-align: right;
	font-weight: bold;
	color: #333333;
}

div.eingabe label span.comment,
div.options label span.comment {
	font-weight: normal;
	display: block;
}

div.eingabe dt {
	color: Red;
	float: left;
	width: 110px;
	font-weight: bold;
}

div.eingabe span {
	padding: 4px 0 0 0;
}

div.login {
	padding: 5px;
	clear: both;
}

div.login label {
	float: left;
}

div.login label,
div.login-option label {
	font-weight: bold;
	color: #333333;
	padding: 4px 0 0 0;
}

div.eingabe-large  textarea {
	margin-left: 0;
	margin-right: 0;
	width: 96%;
	height: 500px;
}
div.eingabe-large label {
	font-weight: bold;
	color: #333333;
	padding: 4px 0;
	display: block;
}

div.options {
	padding: 5px 10px 5px 200px;
}

td.options {
	text-align: right;
	width: 200px;
}

div.options input {
	margin-left: -20px;
	position: absolute; /* fixing an opera bug (not clickable) */
}

div.login-option input {
	float: left;
	margin: 3px 5px;
}

div.options label {
	font-weight: bold;
	color: #333333;
	padding: 3px 0;
}

div.note {
	font-size: 0.8em;
	padding-bottom: 6px;
}

a img {
	border: none;
}

a:link {
	color: #075084;
	text-decoration: underline;
}

a:visited {
	color: #073353;
	text-decoration: underline;
}

a:hover,
a:active,
a:focus {
	color: #075084;
	text-decoration: none;
}

/* main layout */

#wrapper {
	min-width: 400px;
	margin: 0 -1px;	/* marginal compensation to stop scroll bars */
	width: 100%;
}

#content-o {
	border-left-color: #F6F6F6;	/* left column colour */
	border-right-color: #F6F6F6;	/* right column colour */
	width: auto; 
	border-left-style: solid; 
	border-right-style: solid;
	clear: both;
}

#content-i { 
	margin: 0; 
	width: 100%;
}

/* Mozilla code */
#content-o > #content-i { /* Mozilla code */
	border-bottom: 1px solid #F6F6F6; 
}

/* non-semantic classes */

.clear { 
	clear: both; 
	padding: 1px 0;
}

.clear .alignright {
	clear: both;
}

.display-none {
	display: none;
} 

.showwithjavascript {
	display: none;
}

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}

.folderverttext,
.newsverttext {
	margin: 3px 3px 0 3px;
}

.separator
{
	padding: 15px 0;
	clear: both;
}

.separator-tight
{
	padding: 5px 0;
	clear: both;
}

.pseudolink {
	cursor: pointer;
}

.keeptogether {
	white-space: nowrap;
}

/* header */

#header {
	background: url(/_img/header_bg.jpg) bottom repeat-x white;
	width: 100%; 
	float: left;
}

#header .clear {
	padding: 0;
}

#logo {
	float: left;
	margin: 0 20px 35px 20px;
}

#currentuser{
	padding: 20px 20px 0 20px;
}

#currentuser .usersettings {
	float: right;
	font-size: 0.9em;
	display: block;
	padding: 5px 5px 5px 15px;
	background: url(/_img/user.gif) 0 3px no-repeat;
	color: Black;
	text-decoration: none;
}

#header h1 {
	margin: 0 0 0 250px;
	padding: 25px 0 15px 0;
	font-size: 1.3em;
	color: #333333;
	clear: right;
}

/* tabnavigation */

#tabnav {
	margin: 0 0 0 250px;
	padding: 0;
	list-style: none;
	font-size: 0.85em;
	clear: both;
}

#tabnav li {
	float: left;
	background: url(/_img/tabs_bg_l.gif) no-repeat 0 -50px;
	margin: 0 2px 0 0;
	padding: 0 0 0 19px; /* do not overlap */
	border-bottom: 1px solid #333;
}

#tabnav a {
	float: left;
	display: block;
	background: url(/_img/tabs_bg_r.gif) no-repeat 100% -50px;
	padding: 7px 19px 4px 0;
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

#tabnav li:hover, 
#tabnav li:hover a {
	background-position: left top;
}

#tabnav li:hover a {
	background-position: 100% 0;
}

#tabnav li.active  {
	background-position: 0 0;
	border-width: 0;
}

#tabnav li.active a {
	background-position: 100% 0;
	padding-bottom: 5px;
}

#tabnav a:hover {
	text-decoration: underline;
	color: Black;
}

/* footer */

#footer {
	padding: 0 10px;
}

#footer p {
	text-align: right;
	font-size: 0.8em;
	padding: 5px 250px 5px 0;
}

#debug,
#debug p {
	text-align: left;
}

/* MAIN CONTENT BOXES */

div.box-outer {
	margin: 0 10px 20px 10px;
	border: 1px solid #333333;
	padding: 10px;
	position: relative;
	background-color: #EAEAEA;
}

div.box-inner {
	background-color: #F6F6F6;
	padding: 10px;
	position: relative;
}

/* MAIN CONTENT */

div.box-inner * {
	overflow: hidden;
}

div.box-inner h2 {
	padding: 0;
	font-size: 1.0em;
}

div.box-inner h3 {
	padding: 15px 0 0 0;
	margin: 0;
	font-size: 0.8em;
	line-height: 1.3;
}

div.box-inner h4 {
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 0.8em;
}

div.box-inner ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.8em;
}

div.box-inner li {
	padding-top: 4px;
	padding-bottom: 3px;
}

.modinst {
	margin: 25px 0;
	padding: 0 9px;
	position: relative;
	border: 1px solid #333333;
}

a.newobject {
	font-weight: bold;
	display: inline-block;
	height: 17px;
	padding: 3px 0 3px 23px;
	background: url(/_img/newobject.gif) no-repeat;
}

#currentcontent .modinst h3 {
	padding: 0 0 0 27px;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: white;
	margin: -13px 0 0 0;
	position: relative;
	float: left;
	height: 21px;
	font-size: 1.2em;
}

.modinst .description {
	margin: 10px 0 0 0;
	position: relative;
}

/* button styles */

div.buttonfloatright {
	background: url(/_img/button_l_bg.gif) left top no-repeat;
	padding: 0 0 0 4px;
	float: right;
	margin: 0 0 0 2px;
}

div.buttonfloatright a {
	background: url(/_img/button_r_bg.gif) right top no-repeat;
	display: block;
	padding: 4px 10px 0 6px;
	height: 24px;
	float: left;
	text-decoration: none;
	color: Black;
	white-space: nowrap;
	font-size: 1.0em;
}

td div.buttonfloatright a {
	width: 100%; 
}

span.i-buttonfloatright {
	background: url(/_img/button_l_bg.gif) left top no-repeat;
	padding: 0 0 0 4px;
	float: right;
	margin: 0 0 0 2px;
}

span.i-buttonfloatright button {
	background: url(/_img/button_r_bg.gif) right top no-repeat;
	padding-right: 10px;
	padding-left: 6px;
	height: 24px;
	float: left;
	text-decoration: none;
	color: Black;
	border: none;
	margin: 0;
	cursor: pointer;
}

/* path */

#path {
	font-size: 0.8em;
	padding: 20px;
	clear: both;
	color: #333;
}

/* main content */

#location-outer {
	width: 100%; 
	float: left; 
	position: relative;
	z-index: 12;
	margin: 0 -3px 0 -2px; /* Mozilla code */
}

#location-inner {
	position: relative;
	z-index: 12;
	font-size: 0.9em;	
	line-height: 1.4em;
	border: 1px solid #333;
	background-color: White;
	padding: 20px 10px 0 10px;
}

#location-inner h2 {
	font-size: 1.4em;
	color: #333;
	margin: 0;
	padding: 0 0 1em 0;
}

#location-inner h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 0;
}

#location-inner h4 {
	color: #333;
	margin-bottom: 0;
}

#location-inner p {
	margin-top: 0;
	padding-top: 0;
}

/* list of projects */

ul.projects {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.projects li,
div.project,
p.project,
td.project {
	padding: 0 0 12px 25px;
	margin: 5px 0;
	background: url(/_img/project.gif) left top no-repeat;
}

ul.projects li h3,
ul.projects li p {
	padding: 0;
	margin: 0;
}

ul.projects li h3 {
	font-size: 1.2em;
}

/* list of groups */

ul.groups {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.groups li,
div.group,
p.group,
td.group {
	padding: 0 0 12px 25px;
	margin: 5px 0;
	background: url(/_img/group.gif) left top no-repeat;
}

ul.groups li h3,
ul.groups li p {
	padding: 0;
	margin: 0;
}

/* list of users */

ul.users {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.users li,
p.user,
div.user,
td.user {
	padding: 0 0 12px 25px;
	margin: 5px 0;
	background: url(/_img/user.gif) left top no-repeat;
}

ul.users li h3,
ul.users li p {
	padding: 0;
	margin: 0;
}

.groupname,
.projectname,
.messagename {
	white-space: nowrap;
	float: left;
}

.groupadmin,
.projectadmin,
.messageadmin {
	text-align: right;
}

/* list of messages */

ul.messages {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.messages li,
div.message,
p.message,
td.message {
	padding: 0 0 12px 25px;
	margin: 5px 0;
	background: url(/_img/message.gif) left top no-repeat;
}

ul.messages li h3,
ul.messages li p {
	padding: 0;
	margin: 0;
}

/* HANDLE TREE - CONTENT - NEWS 
==========================================================*/

/* DEFAULT - NO JAVASCRIPT */

#content-o {
	border-left-width: 250px; 	/* left column width */
	border-right-width: 250px;	/* right column width */
}

#tree,
#tree-opener { 
	margin-right: 1px; /* Mozilla code */
	position: absolute;
	padding: 10px 10px 10px 0;
	background-color: #EAEAEA;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #333;
	z-index: 150;
	left: 0;
}

#tree { 
	width: 225px;
}

#tree-opener { 
	width: 35px;
	cursor: pointer;
	top: -5000px;
}

#tree-opener div,
#tree div {
	background-color: #F6F6F6;
	padding: 0 10px 10px 10px;
	border-top: 1px solid #F6F6F6;
}

#tree .floatright,
#tree-opener .floatright {
	margin: 5px -4px 5px 5px;
}

#tree div {
	overflow: hidden;
}

#news,
#news-opener { 
	margin-left: 1px; /* Mozilla code */
	position: absolute;
	z-index: 150;
	right: 0;
}

#news { 
	width: 250px;
}

#news-opener { 
	width: 35px;
	cursor: pointer;
	padding: 10px 0 10px 10px;
	background-color: #EAEAEA;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #333;
	top: -5000px;
}

#news-opener div {
	background-color: #F6F6F6;
	padding: 0 10px 10px 10px;
	border-top: 1px solid #F6F6F6;
}

#news .floatleft,
#news-opener .floatleft {
	margin: 5px 5px 5px -4px;
}

/* BUG: IE does not render the following selectors correctly, see kludge in IE file */

body #content-o.widescreen {
	border-left-width: 250px; 	/* left column width */
	border-right-width: 250px;	/* right column width */
}

body #content-o.mediumscreen {
	border-left-width: 60px; 	/* left column width */
	border-right-width: 250px;	/* right column width */
}

body #content-o.smallscreen {
	border-left-width: 60px; 	/* left column width */
	border-right-width: 55px;	/* right column width */
}

.open,
#tree-opener.open,
#news-opener.open { 
	top: auto !important;
}

.collapsed { 
	top: -5000px !important;
}

/* currentlocation */

#currentlocation-f {
	padding-left: 20px;
	background: url(/_img/folder_open_active.gif) 0 3px no-repeat;
}

#currentlocation-p {
	padding-left: 20px;
	background: url(/_img/project_open_active.gif) 0 3px no-repeat;
}

#currentlocation-p h2,
#currentlocation-f h2 {
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 0.2em;
}

#currentlocation-p .description,
#currentlocation-f .description {
	margin-right: 20px;
}

.uplink {
	font-size: 1.2em;
	font-weight: bold;
}

.uplink a:link,
.uplink a:visited {
	text-decoration: none;
	color: #999999;
}

.uplink a:hover,
.uplink a:active,
.uplink a:focus {
	text-decoration: underline;
	color: #075084;
}

#subfolders {
	padding: 0 10px;
	position: relative;
}

#currentcontent {
	padding: 0 10px;
	margin-bottom: 10px;
	position: relative;
}

h2.subfolders,
h2.currentcontent {
	margin-bottom: 0;
	padding-bottom: 0;
	color: #999999 !important;
	font-size: 1.4em;
	font-weight: 900;
}

#subfolders h2,
#subfolders p,
#currentcontent h2,
#currentcontent p {
	padding-left: 10px;
	padding-right: 10px; 
	padding-bottom: 10px;
}

#subfolders li span {
	font-size: 0.9em;
	color: #999;
	font-weight: normal;
	display: block;
}

#currentcontent h3 {
	padding-left: 10px;
	padding-right: 10px; 
}

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

#subfolders li,
#subfolders li.liClosedArchived:hover {
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 10px 12px 30px;
	margin: 0;
	background: url(/_img/folder.gif) 10px 7px no-repeat;
	clear: both;
}

#subfolders li.liClosedArchived:hover {
	background-color: #F6F6F6;
	font-weight: bold;
}

#subfolders li.liClosedArchived {
	background: url(/_img/folder_archived.gif) 10px 7px no-repeat;
}

#subfolders li:hover {
	background-color: #F6F6F6;
}

#subfolders li:hover span {
	color: Black;
}

/* content */

.box {
	background-color: White;
	margin: 0 5px 20px 0;
	padding: 10px 5px 10px 0;
}

/* general classes */

p.description,
div.description {
	color: #333333;
}

.floatleft {
	float: left;
	position: relative;
}

.floatright {
	float: right;
	position: relative;
}

.floatright-d {
	float: right;
	position: relative;
	margin-right: 10px;
}

.floatright-dd {
	float: right;
	position: relative;
	margin-right: 20px;
}

.floatright-move {
	float: right;
	position: relative;
}

.floatright img, 
.floatright-d img, 
.floatright-dd img, 
.floatright-move img,
.edit-locked img,
.delete-locked img {
	margin-left: 2px;
}

.control-buttons {
	float: right;
	position: relative;
	top: -20px;
	right: -3px;
	width: 50px;
}

.move-buttons-up {
	top: 3px;
	right: -20px;
	position: absolute;
	margin: 0;
	padding: 0;
}

.move-buttons-down {
	right: -20px;
	top: 13px;
	position: absolute;
	margin: 0;
	padding: 0;
}

.alignright {
	text-align: right;
	padding: 5px 0;
	position: relative;
}

.alignright-d {
	text-align: right;
	margin-right: 10px;
	padding: 5px 0;
	position: relative;
}

.alignright-dd {
	text-align: right;
	margin-right: 20px;
	padding: 5px 0;
	position: relative;
}

.alignrightclear {
	text-align: right;
	clear: both;
	position: relative;
}

.notfound {
	color: #999999;
}

.error {
	color: Red;
	padding-left: 40px;
	background: url(/_img/warning-sign.gif) top left no-repeat;
	min-height: 26px;
	position: relative;
}

.confirm {
	padding-left: 40px;
	background: url(/_img/confirmation-sign.gif) top left no-repeat;
	min-height: 26px;
	position: relative;
}

.warning {
	padding-left: 40px;
	background: url(/_img/warning-sign.gif) top left no-repeat;
	min-height: 26px;
	position: relative;
}

h2.error,
div.error h2,
div.error p,
div.error div {
	margin-top: 0;
	padding-top: 0;
	color: Red !important;
}

textarea.large {
	height: 350px;
}

.required {
	font-weight: bold;
	color: Red;
	font-size: 0.8em;
}

.edit img,
.delete img,
.close img,
.edit-locked img,
.delete-locked img {
	width: 21px;
	height: 22px;
}

.edit,
.delete,
.close,
.edit-locked,
.delete-locked {
	display: block;
	width: 23px;
	height: 22px;
}

.control-buttons .edit,
.control-buttons .delete,
.control-buttons .close,
.edit-locked,
.delete-locked {
	padding-left: 0;
	padding-right: 0;
	float: right;
}

.edit-locked,
.delete-locked {
	position: relative;
}

a.edit:hover img,
a.delete:hover img,
a.close:hover img,
#subfolders li:hover a.edit img,
#subfolders li:hover a.delete img,
.edit-locked:hover img,
.delete-locked:hover img {
	visibility: hidden;
}

a.edit:hover,
#subfolders li:hover a.edit {
	background: url(/_img/edit_hover.gif) 2px 0 no-repeat;
}

a.delete:hover,
#subfolders li:hover a.delete {
	background: url(/_img/delete_hover.gif) 2px 0 no-repeat;
}

a.close:hover {
	background: url(/_img/close_hover.gif) 2px 0 no-repeat;
}

.edit-locked:hover {
	background: url(/_img/edit_locked_hover.gif) 2px 0 no-repeat;
}

.delete-locked:hover {
	background: url(/_img/delete_locked_hover.gif) 2px 0 no-repeat;
}

.control-buttons a.delete:hover,
.control-buttons a.edit:hover,
.control-buttons a.close:hover {
	background-position: 0 0;
}

.showarchive {
	padding: 5px 30px;
	color: #999;
}

.showarchive a:link,
.showarchive a:visited {
	color: #999;
}

.showarchive a:active,
.showarchive a:hover,
.showarchive a:focus {
	color: #075084;
}

/* AJAX modinst */

div.inline label,
label.inline,
div.inline-select label {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}

input.inline {
	width: 200px;
}

div.inline {
	margin: 20px 0 0 0;
	text-align: right;
}

div.inline textarea {
	width: 100%;
}

div.inline-select select {
	margin: 5px 0;
	width: 100%;
}

input.inline:hover,
input.inline:focus,
div.inline textarea:hover,
div.inline textarea:focus {
	background-color: #F6F6F6;
}

div.modinst div.buttons {
	position: relative;
	clear: both;
}

/* search form */

.searchform {
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	background-color: #F6F6F6;
}

.searchform label {
	font-weight: bold;
}

.searchform input {
	width: 98%;
}

.suchebutton {
	margin-right: 5px;
}

body.help #location-inner {
	line-height: 1.3em;
	font-size: 1.2em;
}

body.help #location-inner h3 {
	padding-top: 2em;
}

body.help #content-o {
	border-left-width: 1px;
	border-right-width: 1px;
}

body.help #content-i {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* message */

div.box-inner span.message-type {
	position: absolute;
	right: -23px;
	top: -23px;
	width: 36px;
	height: 25px;
	background: url(../_img/bluestar.gif) left top no-repeat;
	z-index: 200;
	font-size: 0.7em;
	text-align: center;
	padding: 11px 0 0 0;
	color: #333;
}