/* ------------------------------------------------------------ */
/* --- Clean up styles --- */

*
{
margin: 0;
padding: 0;
}

/* ------------------------------------------------------------ */
/* --- Main layout --- */

html, body, #container {
min-height: 100%;
height: 100%;
}

html {
background-color: #e7dcc1;
}

body {
text-align: center; /* fix site center alignment in older IE versions */
background-color: #d2bc88;
background: url(bilder/background.png) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

body > #container{ height: auto; }

#container {
width: 1038px;
margin: 0 auto;
background-color: #d2bc88;
background: url(bilder/content.png) repeat-y;
}

#content {
margin-left: 8px;
margin-right: 8px;
padding: 10px;
color: black;
text-align: left;
}

#navbar {
  width: 1022px; /* fix for IE, make sure it fills the container */
  margin-left: 8px;
  margin-right: 8px;
  height: 24px;
  padding-top: 2px;
  background-color: #694e3a;
  background: url(bilder/navbar.png) no-repeat;
  font-size: 14px;
}

#navbar ul
{
  list-style: none;
}

#navbar li
{
  float: left;
  margin-left: 10px;
  margin-right: 38px;
}

#navbar a
{
  outline-style: none;
  text-decoration: none;
}

#navbar a.button, #navbar span.button
{
  display: block;
}

#navbar span.button
{
  line-height: 20px;
}

/* Show right side of button */
#navbar a.button
{
  margin-left: 5px;
  background: url(bilder/buttons.png) no-repeat 100% 0;
}
/* Show left side of button */
#navbar a.button span.button
{
  position: relative;
  left: -5px;
  padding-left: 5px;
  background: url(bilder/buttons.png) no-repeat 0 0;
}

/* Show right side button on hover (hover over link or hover over li) */
#navbar li a.button:hover, #navbar li:hover a.button
{
  color: #000;
  background: url(bilder/buttons.png) no-repeat 100% -30px;
}
/* Show left side button on hover (hover over link or hover over li) */
#navbar li a.button:hover span.button, #navbar li:hover a.button span.button
{
  background: url(bilder/buttons.png) no-repeat 0 -30px;
}

/* Navbar button-link style */
#navbar a.button, #navbar a.button:link, #navbar a.button:visited, #navbar a.button:active {color: #000;}
#navbar a.button:hover {color: #000;}

/* Navbar text-link style */
#navbar a, #navbar a:link, #navbar a:visited, #navbar a:active {color: #ff9933;}
#navbar a:hover {color: #ffcc00;}

/* Show select box */
#navbar select
{
  color: #000;
  background-color: #ff9933;
  border: 1px solid #694e3a;
  border-right: none;
  width: 180px;
  height: 20px;
  display: inline;
  vertical-align: middle;
  font-size: 15px;
}

/* ------------------------------------------------------------ */
/* --- General styles --- */

#content p {padding-bottom:6px;}

img {border: 0;}

/* Various link styles */
a, a:link, a:visited, a:active {color: #a80000;}
a:hover {color: #e80000;}
a#logout:link, a#logout:visited, a#logout:active, a#logout:hover {color: #e80000;}
a.blacknodeco {outline-style: none; text-decoration: none;}
a.blacknodeco, a.blacknodeco:link, a.blacknodeco:visited, a.blacknodeco:active {color: #000;}
a.blacknodeco:hover {color: #a80000;}

/* ------------------------------------------------------------ */
/* --- Literature table & frame styles --- */

div#littable
{
  padding: 10px;
  border: 0;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  background-color: #e7dcc1;
}
div#littable table
{
  border-spacing: 0px;
  border: 1px solid #000;
}
div#littable td
{
  padding: 2px;
  vertical-align:top;
  border: 1px solid #999999;
}

span.upperframe
{
  display: block;
  margin-left: 5px;
  background: url(bilder/frames.png) 100% 0px no-repeat;
}
span.upperframe span
{
  display: block;
  position: relative;
  left: -5px;
  padding-left: 5px;
  height: 12px;
  background: url(bilder/frames.png) 0 0px no-repeat;
}
span.lowerframe
{
  display: block;
  margin-left: 5px;
  background: url(bilder/frames.png) 100% -12px no-repeat;
}
span.lowerframe span
{
  display: block;
  position: relative;
  left: -5px;
  padding-left: 5px;
  height: 12px;
  background: url(bilder/frames.png) 0 -12px no-repeat;
}

/* ------------------------------------------------------------ */
/* --- Location table styles --- */

table#locmins
{
  border-left: 1px solid #000;
  border-spacing: 0;
  width: 800px;
}
table#locmins td
{
  border: 1px solid #000;
  border-left: 0;
  padding: 2px;
}

/* ------------------------------------------------------------ */
/* --- Dotted list table styles --- */

table.dotted_list
{
  border-left: 1px dotted #000;
  border-spacing: 0;
  width: 840px;
}
table.dotted_list td
{
  border: 1px dotted #000;
  border-left: 0;
  padding: 2px;
  font-size: 16px;
}

/* ------------------------------------------------------------ */
/* --- Simple table styles --- */

table.simple
{
  border-left: 1px solid #000;
  border-spacing: 0;
}
table.simple td
{
  border: 1px solid #000;
  border-left: 0;
  padding: 4px;
  font-size: 16px;
}