/* MAIN STYLESHEET FOR ewiki.tspec

FLOWERS. This CSS has been taken from
http://www.biologie.tu-dresden.de/biotech/main/ done by
http://css.fractatulum.net (helpful site, thanks) and been greatly
modified. Thanks.

SCHEMES. There are some schemes you can use. The following describes
how to vary menu-position and color-scheme. These settings have been
tested under the browsers mozilla/firefox, konqueror, IE>=5. The CSS
old.css applies to text, braille and old browsers such as NS4.x

# COLOR SCHEMES
---------------
## FRAME (incl. titling)
------------------------

green   (descr)        blue    (descr)       yellow	position
--------------------------------------------------------------------
#669966 (middle green) #0052a4               #ffcc00	background 
#f7f7f7 (grey white)   =                       		page-title, subpage-navi, 
                                               		headb.links, navi.headings
#cecece (middle grey)  =                       		subpage-navi.hover, 
                                               		headb.links.hover
#006600 (darker green) #6496c8 (light blue)  #000001	subtitle.lines, .text, 
                                               		headb.text, .frame, 
                                               		navi.heading.border,
                                               		cont.border, cont.border.inner, 
                                               		foot.text
white   (curr no use)  =                       		heada: text@searchbox 
#558855 (middle green) #004274               #ffcc00	headb.background
#004400 (middle green) #ffffff               #000002	navi.a 
#fee11c (yellow)       #ffffff (white)       #000002	navisub.p  
#004400 (middle green) #3780bb (middle blue) #ffcc01	navi.a.border
#99cc99 (light green)  #6496c8               #ffcc02	navi.a.bg, navi.a.hover.border
black                  =                       		navi.a.hover
#bbeebb (llight green) #c1e0ff               #feed1b	navi.a.hover.bg


## ORANGE
in the orange scheme substiture yellow w/ orange
#ffcc0* -> #ff990*
#ffcd00 -> #ff9a00
#feed1b -> #febb1b

## TEXTAREA (#cont)
-------------------
BLUE
  cont.bg: #000002;
  cont.text, .table (i.e. maintext), wikibar.text, .links: #000000;
  cont.links: #306BCF; 
  headline, hr: #000095;
  cont.table.border.inside, .outside: #DFDFDF;
  cont.table.bg: #F5F5F5;
  wikibar.bg, .border: #CECECE;
  wikibar.links.hover #444444;
  cont.headline.link: #00BB00; (lighter green) or #33CCFF
  cont.headline.link.hover: #006700; (dark green)

# MENU POSITION
---------------

RIGHT OR LEFT. The menu can be displayed right or left of the main text area.


*/



/* THIS IS THE COLOR-CODE USED ALL OVER 
 background : #cecece; (grey)  #ff00cc; (light blue)
 header (dark stuff): #007700; (green)  #ffcc00; (dark blue)
6496c8 -> 006600
*/

/* ## GENERAL LAYOUT ## */

html{
  height:100%;
  margin:0;
  padding:0;
}

body, td, th, a, input, textarea {
  font-family:arial, verdana, helvetica, sans-serif;}

body {
  height:100%;
  color:black;
  font:0.95em verdana, arial, helvetica, sans-serif;
  background:#ffffff; /* background of page */
  margin:0;
  padding:0;}

img { 
  border:0; }

a {
  color:#306bcf; /* cont.links */
  text-decoration:underline;
  background-color:transparent;}
a:hover {
  color:black;background-color:transparent;}

ul {list-style:circle;}

hr {
  color:#000095; /* not really used  by hr (!?) */
  background:#000095; /* blue, same as headlines (!,!!,...) */
  height:1px;
  border:0px;}


/* ! = <h4>, !! = <h3> , !!! = <h2> */

/* ## HEADLINES ## */

h1 {
  color:#ff0000; /* not used, was: #f3f3f3; */
  background:transparent;
  font: 1.3em verdana, arial, helvetica, sans-serif; /*bold*/
  padding:0.4em;
  display:block;
  text-align:left;
  margin:0;
  border:none;}

/* ## SUBPAGE-NAVIGATION IN TITLE ## */

#maintitle h1 {
  color:#000000; /* page-title */
  background:transparent;
  font: 500 1.5em verdana, arial, helvetica, sans-serif; /*bold*/
  padding:0.4em 0.4em 0.0em 1.9em;
  margin: 0;
  display:block;
  text-align:left;
  margin:0;
  border:none;}

#maintitle a {
  color:#ababab; /* subapge navigation */
  text-decoration:none; 
  background-color:transparent;}

#maintitle a:hover {
  color:#000000; /* subpage navigation */
  background-color:transparent;}

h2 {
  color:#000095; /* h2 = !!! */ /* blue */
  background:transparen t;
  font:700 0.9em verdana, arial, helvetica, sans-serif;
  padding:0.2em 0.2em 0.2em 0;
  text-align:left;
  margin:0;
  border-bottom:1.5px solid;}

#maintitle h2 {
  color:#ababab; /* subtitle.lines .text */
  background-color:transparent;
  font:500 1.0em verdana, arial, helvetica, sans-serif;
  padding:0.2em 0.4em 0.2em 1.9em;
  margin:0;
  text-align:left;
  max-width:65.4em;
  border:0
  /*border-top:1.5px solid;*/
}

h3 {
  color:#000095; /* h3 = !! */
  background:transparent;
  font:700 1.1em verdana, arial, helvetica, sans-serif;
  padding:0.2em 0.2em 0.2em 0;
  text-align:left;
  margin:0;
  border-bottom:1.5px solid;}

h4 {
  color:#000095; /* h4 = ! */
  background:transparent;
  font:500 1.3em verdana, arial, helvetica, sans-serif;
  padding:0.2em 0.2em 0.2em 0;
  text-align:left;
  margin:0;
  border-bottom:1.5px solid;}

h5 {
  color:#000095 /* blue; doesn't occur */
  background:transparent;
  font:bold 1em verdana, arial, helvetica, sans-serif;
  padding:0.2em 0.2em 0.2em 0;
  text-align:left;
  margin:0;
  border-bottom:1.5px solid;}

h2 a {  
  color:#33CCFF; /* cont.headline.link */
  text-decoration:none;}
h3 a {  
  color:#33CCFF; /* cont.headline.link */
  text-decoration:none;}
h4 a {  
  color:#33CCFF; /* cont.headline.link */
  text-decoration:none;}
h5 a {  
  color:#33CCFF; /* cont.headline.link */
  text-decoration:none;}
h2 a:hover {  
  color:#006700; /* cont.headline.link.hover */
  text-decoration:none;}
h3 a:hover {  
  color:#006700; /* cont.headline.link.hover */
  text-decoration:none;}
h4 a:hover {  
  color:#006700; /* cont.headline.link.hover */
  text-decoration:none;}
h5 a:hover {  
  color:#006700; /* cont.headline.link.hover */
  text-decoration:none;}

/* ## HEADER ## */

.jump{display:none;}

#heada {
  //display:none;
  color:white; /* text@searchbox; currently none */
  background-color:#aaaaaa; 
  font:700 0.7em verdana, arial, helvetica, sans-serif;
  padding:0.4em;
  display:block;
  text-align:center;
  margin:0 0 0 0;
  border:none;
}

#heada a {
  color:white;
  text-decoration:none;
}

#heada .Suche form{
  display:none;
/*display:inline; /* avoids vertical extension (I think <p> isn't uesd this way) */
  margin-bottom:0;
*/
}

#heada .Suche br{
  display:none;} /* ignores <br>s in searchbox-form output */

#headb {
  color:#000001; /* headb: '|', 'user: ...',etc. */
  font:0.8em verdana, arial, helvetica, sans-serif;
  background-color:#ffffff; /* headb.bg */
  /*  background-image:url(../gfx/anp_logo.gif); */ /* EITHER */
  background-repeat:no-repeat;
  margin: 0;
  text-align:right;
  display:block;
  height:61px;}

#headb .logoleft { 
  float: left;
}

#headb .logoright { 
  float: right;
  padding: 0 20px 0 0;
}

#headb .title { 
  display:none;
  /* OR:
  color:#000001; *//* headb: color of non-grafic title - in case there is one */
  /* font:3.5em arial, helvetica, sans-serif;
  text-align:left;
  padding:0 0 0 0.5em;
  margin:0; */
 }

#headb a { 
  text-decoration:none;
  color:#f7f7f7; /* headb.links */
 }

#headb a:hover { 
  text-decoration:none;
  color:#cecece; /* headb.links.hover */
 }

#headprint {
  display:none;}


/* ## MAIN ## */
#main {
  background-color:#ff9900; /* background for entire side */
}

/* ## NAVIGATION ## */

#navi {
  float:left; /* menu.left: left; menu.right: right; */
  /* position:absolute; */ /* rm due to IE being css-non-conform */
  font:500 0.9em verdana, arial,  helvetica, sans-serif;
  color:#f7f7f7; /* menu.title */
  background-color:#ff9900; /* transparent; */
  padding:2.0em 0 0 0.2em; 
  margin:0; /* menu.left: 0 0 0 0.8em; menu.right: 0 0.8em 0 0; ## ? 4.5em 0 1.5em -1.2em; */
  width:10.2em;}  

#navi ul {
  list-style:none;
  margin:0.1em 0 0 0; //0 0 0 0.6em;
  padding:0 0 0 0;
  /* ? margin: 0 0 1em 0.6em; 0.1em 0 0 1.5em; */
  /* ? padding: 0.1em 0 0 0; 0 0 0 0; */
  text-align:left;
  color:#f7f7f7; /* menu.normaltext-nolink */
  background:#ff9900;
  /* width:12em; */ /* ## NOTHING */
  /*line-height:15px;*/
  /*width:10em;*/}

#navi li {
  color:#000000; /*f7f7f7;  menu.normaltext-nolink */
  /* background-image:url(../gfx/arrow.gif);
  background-repeat:no-repeat; */
  background:transparent;
  margin:0 0 1px 0;
  padding:0;
  /*line-height:16px;*/}

#navi a {
  color:#000002; /* navi.a */
  background:#ff9900; /* navi.a.bg */
  background-image:url(../gfx/arrow_black3.gif);
  background-repeat:no-repeat;
  text-decoration:none;
  display:block; 
  margin:0;
  padding:1px 0 1px 9px;
  font-weight:normal;
  font-family: arial, verdana, helvetica, sans-serif;
  width:9.0em;  /* 10.6em; */ /* ## NOTHING */
  border-right:0.3em solid #ff9901; /* navi.a.border */
  border-left:0.3em solid #ff9901 } /* navi.a.border */

 #navi a:hover {
  color:black; /* navi.a.hover */
  background:#febb1b; /* ffcd00;*/  /* navi.a.hover.bg */
  background-image:url(../gfx/arrow_black3.gif);
  background-repeat:no-repeat;
  text-decoration:none;
  border-right:0.3em solid #febb1b; /* #ffcc01;*/ /* navi.a.hover.border */
  border-left: 0.3em solid #febb1b; /* #ffcc01;*/ /* navi.a.hover.border */
}

#navi p.yellow {
  color:#000002;
  font:700 italic 0.9em verdana, arial,  helvetica, sans-serif;
  background-color:transparent;
  /* background-image:url(../gfx/arrows2.gif);  red arrow */
  background-repeat:no-repeat;
}

#navi p {
  color:#000000; /* f7f7f7; /* navi.headings */
  background-color:transparent;
  /* background-image:url(../gfx/arrow.gif);  red arrow  */
  /* background-repeat:no-repeat; */
  font:700 0.9em verdana, arial,  helvetica, sans-serif;
  margin:0.1em 0 0.1em 0; 
  padding:0.3em 0 0 0.3em; 
  text-align:left;
}

/* ## CONTENT ## */

#cont {
  color:#000000; /* cont.text */
  background:#ffffff; /* transparent; */
  padding:0; 
  margin:0 1em 0 9.4em; /* menu.left:0 1em 0 14.0em; menu.right: 0 14.0em 0 1em; ## Abstand zum float-menu + dessen Rand */
  border:0px;
  } 

#cont table{
  text-align: left;
  border:0px; /* cont.table.border.outside */
  border-collapse : collapse; 
  color:#000000; /* cont.table */
  background:transparent;
  /* margin:auto; */
  margin-top:1em;
  margin-bottom:1em;
  border-spacing:0px;
  empty-cells:show;}

#cont  tr{
  color:black;
  background:#F5F5F5;} /* cont.table.bg */

#cont td, th{
  padding:5px;
  border:0px;} /* cont.table.border.inside */

.border {
  color:black;
  background:#ffffff; /* cont.bg */
  border:0px; /* cont.border.inner */
  padding:0em 2em 1.6em 1.6em;
  margin:0.2em;
  /* margin-left:auto; */
  /* margin-right:auto; */
  line-height:1.4em;
  max-width:53em;}

.border p, .border li{
  line-height:1.4em;}

/* ## WIKI-EDIT-BAR ## */

#cont div.control-links.action-links {
  color: black; /* wikibar.text */
  background-color:#cecece; /* wikibar.bg */
  font:500 1.0em verdana, arial, helvetica, sans-serif;
  border:4px solid #cecece; /* wikibar.border */
  padding:0 0 0.2em 0;
  margin:0 -2.0em 0 -1.6em;
  text-align:right;}

#cont div.control-links.action-links a{color:black;} /* wikibar.links */
#cont div.control-links.action-links a:hover{color:#444444;} /* wikibar.links.hover */
#cont div.control-links.action-links hr{ display:none;}

/* .subpages{display:none;  } */


/* ## ATTACHMENTS ## */

.download {  }
 display:none;



/* ## FOOTER ## */

#foot {
  color:#000001; /* foot.text */
  font:0.8em verdana, arial, helvetica, sans-serif;
  clear:left;
  margin:1.2em 1em 0 0;
  text-align:right;}

#foot a, #foot img{
  border:none;
  text-decoration:none;
  margin:0;
  padding:0;}


