@import url("forum.css");


body {
  background-color:     #fff;
  color:                #3e3d40;
  font-family:          Arial, Verdana, Helvetica;
  font-size:            11px;
  }

* {
  line-height:          15px;
  }

a {
  color:                #3e3d40;
  font-family:          Arial;
  font-size:            11px;
  font-weight:          normal;
  text-decoration:      none;
  }


hr {
  border:               0;
  border-top:           1px solid #d9dadb;
  height:               1px;
  margin:               8px 0 8px 0;
  noshade:              noshade;
  line-height:          1px;
  size:                 1px;
  font-size:            1px;
  clear:                both;
  }

h1 {
  color:                #333333;
  font-size:            20px;
  line-height:          16px;
  font-weight:          normal;
  margin:               10px 0;
  text-align:           left;
  }
h1 a {
  }
h2 {
  color:                #58585a;
  font-size:            12px;
  line-height:          24px;
  font-weight:          bold;
  border-bottom:        1px solid #cccccc;
  text-align:           left;
  }
h2 a {
  float:                right;
  margin:               6px 0 0 8px;
  }
h3 {
  color:                #a30058;
  font-size:            12px;
  line-height:          16px;
  font-weight:          bold;
  margin:               0;
  text-align:           left;
  }
h3 a {
  color:                #58585a;
  font-size:            11px;
  font-weight:          normal;
  float:                right;
  margin:               0 0 0 8px;
  }

div.Clearing {
  clear:                both;
  font-size:            1px;
  line-height:          1px;
  height:               1px;
  border:               0;
  overflow:             hidden;
  }

strong {
  font-weight:          bold;
  }
strong.em {
  color:                #a30058;
  font-weight:          bold;
  }
  

/* ViewPort */
#VIEWPORT {
  margin:               auto;
  width:                908px;
  border:               0px solid red;
  }
  
/* Taskbar */
#TASKBAR {
  /*
  background-image:     url('../../../appsrv/media/images/taskbar/bg.gif');
  */
  height:               36px;
  }
  
#AREA1 {
  margin: 0 0 0 200px;
  padding: 24px 0 0 0;
}
  
/* Main */
#MAIN {
  }

/* Top */
#TOP {
  }
#TOP a {
  color:                #fff;
  }
#TOP div.Logo p {
  margin-right:         12px;
  margin-top:           8px;
  }
#TOP div.Logo a {
  color:                #9c9d9f;
  text-decoration:      underline;
  }  
#TOP div.Left {
  float:                left;
  width:                25px;
  }
#TOP div.Right {
  float:                right;
  width:                61px;
  } 
#TOP div.Content {
  background-image:     url('../images/bg_welcome.gif');
  float:                left;
  height:               41px;
  width:                822px;
  border:               0px solid green;
  }
#TOP div.Content img {
  margin:               6px 4px 0 0;
  float:                left;
  }
#TOP div.Content img.Delim {
  margin:               0 8px 0 8px;
  }
#TOP div.Content a {
  line-height:          28px;
  margin:               0;
  float:                left;
  }
#TOP div.Content div.Welcome {
  margin:               11px 0 0 0;
  color:                #fff;
  font-weight:          bold;
  }
#TOP div.Content input {
  margin:               3px 0 0 0;
  width:                108px;
  padding:              4px 2px 2px 2px;
  font-size:            11px;
  line-height:          11px;
  background-color:     #efefef;
  border:               1px solid #858b90;
  }

#TOP #loginFormDiv {
  background-color:     #5b5a5c;
  color:                #ffffff;
  left:                 50%;
  top:                  99px;
  position:             absolute;
  margin:               0;
  width:                210px;
  line-height:          16px;
  }
#TOP #loginFormDiv input {
  padding:              3px 2px 1px 2px;
  font-size:            11px;
  line-height:          11px;
  background-color:     #efefef;
  border:               1px solid #858b90;
  }
#TOP #loginFormDiv input.hidden {
  width:                1px;
  height:               1px;
  color:                trasnparent;
  font-size:            1px;
  background:           transparent;
  border:               0;
  padding:              0;
  margin:               0;
  }
#TOP #loginFormDiv input.button {
  padding:              1px 8px 1px 8px;
  background-image:     url('../images/bg_button_anmelden.gif');
  border:               1px solid #7b7b7b;
  color:                #ffffff;
  font-size:            11px;
  width:                65px;
  }
  
/* State */
#STATE {
  border:               0px solid red;
  float:                left;
  margin:               0 24px 0 20px;
  }
  
  
/* Content */
#CONTENT {
  border:               0px solid red;
  float:                left;
  width:                430px;
  margin:               24px 0 0 20px;
  }
#CONTENT div.Box {
  }
#CONTENT div.Box div.Text {
  line-height:          15px;
  }
#CONTENT div.Box a.image {
  display:              block;
  width:                145px;
  float:                left;
  margin-right:         8px;
  }
#CONTENT p.ProfileState {
  background-image:     url('../images/layout/portrait.bg.gif');
  background-repeat:    no-repeat;
  height:               38px;
  width:                101px;
  }

#CONTENT table td {
  padding:              5px;
  }
#CONTENT form table td {
  padding:              0;
  }
  
#CONTENT table.Details {
  }
#CONTENT table.Details td {
  padding:              0 0 6px 0;
  border-top:           1px solid #d9dadb;
  }
#CONTENT table.Details th {
  padding:              6px 0;
  color:                #a30058;
  text-align:           left;
  font-weight:          bold;
  }
#CONTENT table.Details td input.view,
#CONTENT table.Details td span.view {
  margin-top:           0;
  border:               0;
  padding:              4px;
  width:                412px;
  }
#CONTENT table.Details td span.view {
  display:              block;
  }
  
#CONTENT table.List {
  border-collapse:      collapse;
  }
#CONTENT table.List th {
  padding:              4px;
  border:               1px solid #fff;
  background-color:     #c5c7c8;
  }
#CONTENT table.List td {
  padding:              4px;
  border:               1px solid #fff;
  }
#CONTENT table.List td.h2 {
  background-color:     #eceded;
  }
#CONTENT div.MemberList {
  width:                210px;
  margin-left:          220px;
  }
div.MemberContent {
  margin-left:          200px;
  }  

p.Profile {
  border-top:           1px solid #cccccc;
  height:               37px;
  }
p.Profile a.Portrait {
  display:              block;
  float:                left;
  width:                30px;
  height:               36px;
  padding:              0;
  margin-top:           1px;
  }
  
p.Error {
  background-color:     #eceded;
  border:               1px solid #d9dadb;
  padding:              8px;
  margin:               0;
  }
  
  
/* MENU */
#MENU {
  float:                left;
  width:                180px;
  border:               0px solid red;
  margin:               24px 0 0 20px;
  }
#MENU ul.Navi {
  margin:               0;
  padding:              0;
  padding-top:          6px;
  list-style:           none;
  }
#MENU ul.Navi li {
  margin:               0;
  padding:              0;
  }
#MENU ul.Navi li a {
  display:              block;
  padding:              0 4px;
  margin:               1px 0 0 0;
  color:                #3e3d40;
  line-height:          17px;
  }
#MENU ul.Navi li a:hover,
#MENU ul.Navi li a:active,
#MENU ul.Navi li.Active a,
#MENU ul.Navi li.ActiveSub a {
  background-image:     url('../images/bg_navi_activ.gif');
  color:                #ffffff;
  }
#MENU ul.Navi li.ActiveLevel2 a:hover,
#MENU ul.Navi li.ActiveLevel2 a {
  background-image:     url('../images/bg_navi_activ_gray.gif');
  color:                #3e3d40;
  }
#MENU ul.Navi li.Level2 a {
  background-image:     url('../images/bg_navi_normal_gray.gif');
  color:                #3e3d40;
  }
#MENU ul.Navi li.Level2 a:hover {
  background-image:     url('../images/bg_navi_activ_gray.gif');
  }
#MENU ul.Navi li a.hidden {
  color:                #a0a0a0;
  }
  
  
  
/* Right */
#RIGHT {
  float:                right;
  border:               0px solid red;
  width:                210px;
  margin:               24px 24px 0 0;
  }

/* Forms */
form * {
  line-height:          1.2em;
  }
fieldset {
  border:               0;
  }
form h3 {
  font-size:            1em;
  line-height:          1em;
  font-weight:          bold;
  color:                #a30058;
  }
input.text, span.text, select, textarea {
  margin:               2px 0 0 0;
  width:                180px;
  font-family:          Arial;
  padding:              3px 2px 2px 2px;
  font-size:            11px;
  border:               1px solid #d9dadb;
  background-color:     #eceded;
  }
input.radio, input.checkbox {
  width:                20px;
  background:           none;
  border:               0;
  }
input.button {
  margin:               0;
  padding:              1px 4px 1px 4px;
  font-family:          Arial;
  font-size:            11px;
  font-weight:          normal;
  line-height:          1em;
  text-align:           center;
  border:               1px solid #d9dadb;
  background-image:     url('../images/bg_input_submit.gif');
  background-color:     #fff;
  color:                #3e3d40;
  }
a.button {
  padding:              2px 8px 2px 8px;
  font-size:            11px;
  line-height:          11px;
  font-weight:          normal;
  border:               1px solid #d9dadb;
  background-image:     url('../images/bg_input_submit.gif');
  background-color:     #fff;
  color:                #3e3d40;
  }
  
  
.mceListBoxMenu {
  z-index:              99000 !important;
  }
  
  
/* TinyMCE specific rules */
body #tinymce {
  }
.mceContentBody p {
  margin:               0;
  }

  
a.icon {
  margin:               0 4px;
  }
  
a.Details {
  background-image:     url('../images/layout/arrow-right.gif');
  background-repeat:    no-repeat;
  background-position:  0 4px;
  padding-left:         12px;
  }
a.Back {
  background-image:     url('../images/layout/arrow-left.gif');
  background-repeat:    no-repeat;
  background-position:  0 4px;
  padding-left:         12px;
  }
h2 a.Details,
h2 a.Back {
  background-position:  0 5px;
  }
h3 a.Details {
  background-position:  0 3px;
  }
h1 input.button {
  margin:               0 0 0 4px;
  }