/* version: 0.11 */
body {
  font-family: 'Trebuchet MS', verdana, sans-serif, arial;
  line-height: 130%;
  background: #e6ecf7; 
  color: #000;
  margin: 0;
  padding: 0;
}

.box {
  margin: 0;
  padding: 1em;
  color: #333;
  border: 2px solid #ffffff;
}

/* IE5 hack vertical-align: center; */
form       { display: inline; margin: 0; padding: 0; vertical-align: middle; }
form input select { display: inline; margin: 0; padding: 0; vertical-align: middle; }

#col1 {
  display: inline;
  position: fixed;
  margin: 10px;
  font: 0.8em/1.5em arial, verdana, sans-serif;  /* hint: fontsize_em/lineheight_em */
  width: 10em;
  padding-top: 0;
}

#col1 .box {
  background: #b2d7f4; 
  padding-top: 0;
  border: 1px solid #ffffff;
}

#col1 .item_title {
  display: block;
  font-weight: bolder;
  padding-top: 10px;
}

#col1 .item_logo {
  display: block;
  padding-top: 10px;
  padding-bottom: 20px;
}

#col1 .item {
  display: block;
  margin-left: 5px;
}

#col1 .item_search {
  display: block;
  margin: 0;
  padding: 0;
  margin-top: 20px;
  margin-left: 5px;
}

#col2 {
  display: inline;
  position: absolute;
  left: 8.6em;
}

#col2 .box {
  padding-bottom: 0;
  margin: 0 10px;
  border: none;
}

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

h1 {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
h2, h3, h4, h5, h6 {
  margin-top: 1.5em;
  margin-bottom: 1em;
}

h1 { font-size: 150%; }
h2 { font-size: 125%; }
h3 { font-size: 100%; }
h4 { font-size: 90%; }
h5 { font-size: 80%; }
h6 { font-size: 70%; }
  
p, ul {
  font: .9em/1.5em verdana, sans-serif;
}

p {
  /* text-align : justify; */
  /* text-indent : 1.5em;*/
  /* padding: 0; */     /* wirkungslos - deflt is 0 */
  margin: 0;    /* must zero the default! */
  margin-bottom: 1em;
}

hr {
  color: #646afc;
  background: #646afc;
  border: 0px;
  height: 1px;
  text-align: center;
}

blockquote, pre {
  font-family: monospace; 
  margin: 0;
  padding: 0;
  overflow: none;
}

pre {
  width: 100%; 
  overflow: auto;
  padding: 3px;
#  padding-bottom: 15px; /* IE5 hack bottom scrollbar height */
  margin: 15px 0;
  color: #333;
  background: #d8e6ff;
}

table {
  padding: 0;
  margin: 0;
  width: 93%; /* IE5 hack - why Mozilla ignore width? */
}

td {
  padding: 1px;
  padding-left: 10px; 
}

/* table td headers */
td.cap {
  padding-left: 20px; 
  background: #b2d7f4; 
}

/* one line block */
.olb {
  display: block;
  margin: 0;
  padding: 0;
}

/* --- special parts - display ----------------------------- */
.pageheader {
  display: block;
  padding-bottom: 0.8em;
}
  
.pagetitle { 
  display: inline;
/*  position: relative;
  left: 25px;  How about space between edit button and title? */
  font-size: 150%;
  font-weight: bolder;
  vertical-align: middle; /* IE5 hack */
  text-align: left;
}


.pageheaderA {
  display: block;
  padding-bottom: 0.8em;
  width: 99%;    /* this fixes IE5 line feed prob!! */
  /* padding: 2px; */
  margin: 0 auto;
  margin-left: 1em;
  color: #575aaf;
  font-weight: bolder;
}

div.spacer {
  clear: both;
  }

div.pagetitleA span.left {
  display: inline;
  float: left;
  text-align: left;
  /* font-size: 150%; */
  font-weight: bolder;
  /* vertical-align: middle; */ /* IE5 hack */
  width: 49%;
  }

div.pagetitleA span.right {
  display: inline;
  float: right;
  text-align: right;
  /* font-size: 150%; */
  font-weight: bolder;
  /* vertical-align: middle; */ /* IE5 hack */
  width: 49%;
  }







.error   { 
  color: #f00;
  font-weight: bolder;
}

.wiki {
  display: block;
  margin: 1em;
}

.right {
  text-align: right;
}
  
.pageref { 
  display: inline;
  margin-right: 10px;
  font-size: 80%;
}

/* IE5 hack - Mozilla use min-width */
textarea {
  width: 90%;
  min-width: 100%; /* Mozilla can do this */
}


.input_text { 
  display: inline;
  font-size: 80%;
  font-weight: bolder;
}

.bbr {
  clear: both; 
  height: 10px; 
  overflow: hidden;
}

/* --- special parts - edit -------------------------------- */
.preview { 
  display: block;
  margin: 0;
  padding: 1em;
  background: #fcffce; 
  overflow: auto;
}

/* --- special parts - prefs ------------------------------- */

.form_admin {
  display: block;
  font-size: 80%;
  font-weight: bolder;
  text-align: right; 
  margin: 15px 0;
}

/* --- links ----------------------------------------------- */
a             { text-decoration: none; }
a:link        { color: #646afc; font-weight: bolder; }
a:visited     { color: #575aaf; font-weight: bolder; }
a:hover       {  background: #b2d7f4; }
a:focus       { background: #b2d7f4; }
a:active      { text-decoration: underline; }

a.empty       { color: #CC00CC; }
a.empty:after {
  content: "?"; 
  vertical-align: top; 
  font-size: 60%; 
  color: #d64; 
}
a.empty:hover  { text-decoration: none; }
a.empty:active { text-decoration: none; }

a.private { color: black; }

a.plugin         { color: green; }
a.plugin:link    { color: green; }
a.plugin:visited { color: green; }

/* --- Plugin::Diff ---------------------------------------- */
del { background: yellow; }
ins { background: lightgreen; }

div.diff  { 
  font-family: monospace; 
  overflow: auto;
}

.diff_box {
  padding: 3px;
  margin: 10px 0;
  text-align: right;
  background: #b8ccef; 
  color: #000;
  border: 1px solid #ffffff;
}

.show_changed {
  display: block;
  text-style: bold;
}

.select_diff {
  display: block;
  text-style: bold;
}

/* --- Plugin::Image ---------------------------------------- */
img {
  display: inline;
  padding: 0;
  margin:0;
  line-height: 100%;
  border: none;
}