body
{
  font-family:Geneva, Arial, Helvetica, sans-serif;
  color:#333;
  background:url('images/background.png') repeat-x /*#f4f4f4*/ #f8f8f8 fixed;
  margin:0;
  padding:0;
  text-transform:lowercase;
}

div.menu
{
  background:url('images/transparent-white.png');
  width:0.5em;
  height:81%;
  margin:0;
  padding:10% 0.75em 0;
  position:fixed;
  left:0;
  top:0;
  z-index:100;
}

* html div.menu
{
  background:#fff;
  height:0;
}

div.menu h3
{
  text-transform:lowercase;
}

div.menu:hover
{
  background:none;
}

div.menu:hover h3
{
  display:none;
}

div.menu:hover ul.menu
{
  display:inline;
}

ul.menu
{
  margin:0;
  padding:4% 0.2em 0.2em;
  width:15em;
  height:92%;
  background:url('images/transparent-white.png');
  position:fixed;
  left:-7.5em;
  top:0;
  list-style:none;
  font-size:0.9em;
  display:none;
  z-index:100;
}

* html ul.menu
{
  display:inline;
  background:#fff;
}

ul.menu:hover
{
  left:0;
  display:inline;
}

ul.menu a
{
  display:block;
  margin:0.15em;
  padding:0.15em 0.8em;
  background:#999;
  color:#e9e9e9;
  text-decoration:none;
  border:0;
}

ul.menu a:hover
{
  padding:0.15em 0.8em 0.15em 1.6em;
  background:#666;
  font-variant:small-caps;
}

ul.menu .select
{
  background:#ffd280;
  color:#333;
  font-variant:small-caps;
  text-transform:none;
  padding:0.15em 0.8em 0.15em 1.6em;
}

ul.menu .select:hover
{
  background:#ffad33;
  padding:0.15em 0.8em 0.15em 2.4em;
}

div#footer
{
  position:fixed;
  bottom:0;
  left:-0.4%;
  margin:0 12.5%;
  padding:0.5%;
  width:74%;
  background:url('images/transparent-orange.png');
/*  background:#f8f8f8;*/
  font-size:0.7em;
  text-align:center;
}

div#footer div#hits, div#footer div#update
{
  margin:0;
}

div#footer div#hits
{
  float:left;
}

div#footer div#update
{
  float:right;
}

img
{
  border:0;
}

a
{
  color:#333;
  text-decoration:none;
  font-variant:small-caps;
  border-bottom:1px dotted #ff8c00;
}

a[href^="http"]:after
{
  content:" "url('/images/extern_link.png');
}

a[href^="http://www.synonym24.at"]:after, a[href^="http://synonym24.at"]:after
{
  content:"";
}

a[href^="mailto:"]:after
{
  content:" "url('/images/mail.png');
}

a:hover
{
  border-bottom:3px double #ff8c00;
}

h1, h2, h3
{
  text-transform:none;
  font-variant:small-caps;
}

div.content
{
  margin:105px 12.5% 2em;
  padding:0.5%;
  width:73.1%;
  text-align:justify;
  border:1px #a9a9a9 dotted;
  border-top:0;
  border-bottom:0;
}

h2.caption, h3.caption
{
  margin:4em 0 0;
}

div.entry
{
  margin:0 0 2em;
}

div.comment
{
  padding:0.75em 0 0.75em;
  border-top:1px dotted #a9a9a9;
}

div.endcomment
{
  clear:both;
  border-bottom:1px dotted #a9a9a9;
  margin:0.75em 0 0;
}

div.filler
{
  margin:-1em 0 1em;
  padding:0.3em 0;
  text-align:right;
  border-bottom:1px dotted #a9a9a9;
  font-size:0.7em;
}

div.options
{
  clear:both;
  text-align:right;
  font-size:0.7em;
  margin:1em 0 -0.5em;
  padding:0.3em 0 0;
  border-top:1px dotted #a9a9a9;
}

div.options a
{
  vertical-align:middle;
}

div.content li
{
  list-style-type:none;
  margin:0 0 0 -2.5em;
}

div.content li li
{
  list-style-type:square;
  margin:0 0 0 -1em;
}

#headerbackground
{
  margin:0 12.9% 0 12.1%;
  padding:0;
  border:0;
  position:fixed;
  left:0;
  top:0;
  width:75%;
  height:100px;
  background:url('images/headerbackground.png');
}

#logo
{
  border:0;
  padding:0.25em;
  position:fixed;
  right:0;
  top:0;
  width:3em;
}

#header
{
  margin:0 12% 0 14%;
  padding:1.5% 0 0;
  width:71%;
  position:fixed;
  left:0;
  top:0;
  border-bottom:2px dashed #333;
  padding:1.5% 0.5% 0;
  font-variant:small-caps;
  text-transform:none;
}

#w3xhtml
{
  bottom:1em;
  right:1em;
  position:fixed;
}

div#footer a:after
{
  content:"";
}

#w3css
{
  bottom:1em;
  left:1em;
  position:fixed;
}

#footer img
{
  width:7.15em;
  margin:0 0 -0.3em;
}

input, textarea
{
  border:1px solid #ffd280;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  padding:0.1em 0.5em;
  color:#333;
  background-color:#f8f8f8;
}

input[type=text]
{
  margin:0.5em 0;
}

input[name=website]
{
  margin:0.5em 0 1em;
}


input:hover, textarea:hover
{
  border-color:#ff8c00;
}

input:focus, textarea:focus
{
  border-color:#ff8c00;
  background-color:#ffd;
}


textarea
{
  padding:0.1em;
}

q
{
  font-style:italic;
  display:block;
  margin:0;
  padding:0.5em 1em;
  background: url("images/transparent-orange.png");
}

div.keywordsHidden
{
  display:none;
}

div.keywordsShown
{
  display:block;
  vertical-align:middle;
  line-height:1em;
}