/* Stylesheets für www.buch-natur.de */

html {
  height:100%;
}

body {
   height:100%;
   font-family:Arial,Helvetica,sans-serif;
   font-size:1em;
   color:#000033;
   background-color:#EEEEEE;
   margin:0px;
   padding:0px;
}
#oben {
  height:81px;
  padding:0px;
  background-image: url(pics/headerback.png);
  border-bottom: 1px solid gray;
}
#navigation {
  float: left;
  width: 130px;
  margin: 0em;
  padding: 0.6em 0em 1em 0em;
  font-size: 0.8em;
}
#content {
  margin: 0px 0px 0px 130px;
  border-left: 1px solid gray;
  padding: 0.2em 0.6em 1em 0.6em;
  background-color: #FFFFFF;
  min-height: 80%;
}
#loggedin {
  margin: 0px 0px 0px 130px;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  padding:0.6em;
  background-color:#FFFF99;
}
#footer {
  clear: both;
  margin: 0;
  padding: 0.4em;
  font-size: 0.7em;
  background-image: url(pics/headerback.png);
  border-top: 1px solid gray;
}
table {
  border-width:0px;
  padding:0px;
}
td { vertical-align:top; }
img { border-width:0px; }
form { margin:0px; padding: 0px; }
div {
   overflow:visible;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   background-attachment: scroll;
}

h1 {
  font-size:1.6em;
  font-weight:bold;
  color:#666666;
  margin: 0.4em 0em 0.3em 0em;
}
h2 { 
  font-size:1.3em;
  font-weight:bold;
  margin: 0.8em 0em 0.2em 0em;
}

a:visited { color: #000099; text-decoration: none; }
a:link    { color: #000099; text-decoration: none; }
a:hover   { color: #000099; text-decoration: none; border-top: 1px solid #000099; border-bottom: 1px solid #000099; }
a:active  { color: #000099; text-decoration: none; border-top: 1px solid #000099; border-bottom: 1px solid #000099; }
a.nohover:hover { border-width:0px; }

.naviheading { 
  font-weight:bold;
  color:#000000;
  border-bottom:1px solid #000000;
  margin: 0.4em 0.3em 0.2em 0.3em;
}

div#navigation a { 
  display:block;
  width:130px;
  padding: 0em 0.3em 0.1em 1em;
  margin: 0em 0em 0.3em 0em;
  border-top: 1px solid #EEEEEE; 
  border-bottom: 1px solid #EEEEEE; 
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
div#navigation a:hover { 
  background-color: #FFFFFF;
  border-top: 1px solid #999999; 
  border-bottom: 1px solid #999999; 
}

div#pagewhere { 
  font-size: 0.8em;
}

input, textarea, select { 
  border:1px solid gray;
/*  padding:4px; */
  color:#000000;
  background-color:#EEEEEE;
/*  font-family: Courier, Arial; */
  font-size: 1em;
}

input:focus, textarea:focus, select:focus { 
  background-color: #FFFFFF;
  border: 1px solid #000000;
}

.rb { text-align: right;}
.red, a.red { color: #990000; }
.green, a.green { color: #009900; }
.gray { color:#666666; }

/* Nicht vorrätig */
.artnv { color:#996600; }

.message {
  float:right;
  width:40%;
  text-align:center;
  margin: 0em 0em 1em 1em;
  padding: 0.3em;
  color:#009900;
  font-weight:bold;
  border: 2px solid #009900;
  background-color: #DDFFDD;
}

.matrtab {
   background-color: #EAEEEE;
}