/*

+--------------------------------------------------------+
| Eisenwaren-Hennes.de                                   | 
| copyright 2007 Novotny IT-Service, info@kay-novotny.de |
| Autor: David Lardon, info@lardon-intermedia.de         |
+--------------------------------------------------------+

*/

body {
  margin:0;
  padding:0;
  background-color:#fff;
  font-family:verdana,sans-serif;
  font-size:11px;
  color:#0061AC;
}

img {
  border:0;
}

table {
  font-family:verdana,sans-serif;
  font-size:11px;
  color:#0061AC;
}


a:link, a:visited, a:active {
  border-bottom:1px dotted #0061AC;
  color:#0061AC;
  text-decoration:none;
}

a:hover {
  border-bottom:1px dotted #0061AC;
  color:#0061AC;
  text-decoration:none;
}

a.ext:before {
  content:url(images/link_prefix.png);
}

a.footer {
  color:#777;
  text-decoration:none;
}

a.footer:hover {
  color:#777;
  text-decoration:underline;
}

h1 {
  font-family:verdana,sans-serif;
  font-size:11px;
  color:#0061AC;
  margin:0;
  font-weight:bold;
  height:40px;
}

h2 {
  font-family:verdana,sans-serif;
  font-size:11px;
  color:#0061AC;
  margin:0 0 10px;
}

h3 {
  font-family:verdana,sans-serif;
  font-size:11px;
  color:#0061AC;
  margin:20px 0 10px;
}

ul {
  margin:0;
  padding:0;
}

li {
  list-style-type:square;
  margin:0 0 5px 15px;
}

li.inside {
  list-style-type:none;
  margin-left:15px;
}

p {
  font-family:verdana,sans-serif;
  font-size:11px;
  color:#0061AC;
  line-height:1.3;
  padding:0;
  margin:0px 0px 10px;
}

p.footer {
  font-family:verdana, sans-serif;
  font-size:11px;
  font-weight:normal;
  color:#777;
  padding:20px 0;
  margin:0 0 0 80px;
}

p.default {
  text-align:justify;
}

/* Container */

#container {
  position:absolute; left:50%; top:50%;
  z-index:2;
  margin-top:-280px;
  margin-left:-400px;
  background-color:#fff;
  width:800px;
  height:560px;
  border:1px solid #ddd;
}

#shadow {
  position:absolute; left:50%; top:50%;
  z-index:1;
  margin-top:-276px;
  margin-left:-396px;
  background-color:#efefef;
  width:800px;
  height:560px;
}

/* Header */

#header {
  background-color:#eee;
  height:110px;
}

#header_nav {
  background-image:url(images/0061AC.png);
  height:20px;
  padding:0 0 0 80px;
  vertical-align:bottom;
}

div.headernav {
  float:left;
  margin-top:3px;
}

#header_subnav {
  background-image:url(images/00457A.png);
  height:20px;
  margin-top:1px;
  padding:0px 0px 0px 80px;
}

#header_subnav a {
  line-height:19px;
  border:none;
  color:#fff;
}

#content {
  float:left;
  width:800px;  
  height:320px;
}

#content_leihprogramm {
  background-image:url(images/bg_leihprogramm.jpg);
  background-repeat:no-repeat;
  background-position:420px top ;
}

#footer {
  clear:both;
  height:89px;
}

#default {
  height:300px;
  margin:20px 40px 0 80px;
  padding-right:20px;
  overflow:auto;
}

/* Startseite */

#main_default {
  float:left;
  width:360px;
}

#main_kontakt {
  float:left;
  width:240px;
  margin-right:20px;
}

#right_kontakt {
  float:left;
  width:360px;
}

.main_default, .main_kontakt {
  margin:20px 40px 0 80px;
}

#right_default {
  float:left;
  width:400px;
}

#hq_default {
  float:left;
  width:250px;
}

.hq_default, .right_kontakt {
  margin:20px 40px 20px 0;
}

#news_default {
  float:left;
  width:150px;
}

.news_default {
  margin:20px 0 0 0;
}

#address_default {
  background-image:url(images/default_bg_address.png);
  background-repeat:no-repeat;
  float:left;
  width:420px;
/*
  border:1px solid #99C0DE;
*/
}

table.address_default {
  width:400px;
  margin:0 10px 10px 10px;
}

/* KOntakt */

div#anfahrt {
  visibility:hidden;
  position:absolute;
  top:200px;
  left:200px;
  z-index:10;
  border:10px solid #99C0DE;
}

/* Formulare */

div.mailError {
  color:#600;
}

form br {
  clear:left;
}

label {
  background-color:#fff;
  display:block;
  float:left;
  width:110px;
  font-weight:bold;
  line-height:1.5;
  padding-right:10px;
}

input.text {
  background-color:#fff;
  font-family:verdana,arial;
  font-size:11px;
  color:#6d1c2f;
  padding:2px;
  margin:0px 0px 5px 0px;
  width:200px;
  float:left;
}

input.form-submit {
  float:left;
  font-family:verdana, sans-serif;
  font-size:11px;
  margin-top:5px;
}

textarea {
  float:left;
  background-color:#fff;
  font-family:verdana, sans-serif;
  font-size:11px;
  color:#6d1c2f;
  padding:2px;
  width:200px;
  margin:0;
}

/* Lieferer */

div.supplier {
  float:left;
  margin-bottom:15px;
  background-image:url(images/dotted_5x1_0061AC.png);
  background-repeat:repeat-x;
  background-position:bottom;
  padding-bottom:15px;
}

p.supplier_logo {
  width:200px;
  float:left;
  padding:0;
  margin:2px 0 0;
}

p.supplier_text {
  float:left;
  width:440px;
  padding:0;
  margin:0;
}

/* News */

span.news-list-date, span.news-list-header {
  text-transform:uppercase;
  font-style:italic;
  color:#777;
  clear:left;
}

span.news-list-header, span.news-list-header a {
  color:#777;
}

span.default-news-header {
  color:#636363;
  font-weight:bold;
}

span.news-list-text {
  display:block;
  margin:5px 0 10px;
  line-height:16px;
}

div.news_container {
  padding-bottom:20px;
}

div.default-news-container {
  margin-bottom:10px;
}

hr.news {
  border:0px;
  background-color:#ccc;
}

/* News-Anhänge */

div.news-attachment {
  float:none;
  margin-bottom:30px;
}

span.news-attachment-header {
  display:block;
  width:300px;
  padding:2px;
  background-color:#eee;
  margin-top:30px;
}

a.news-attachment-link {
  display:block;
  width:300px;
  padding:2px;
  background-color:#fff;
  margin-bottom:2px;
  border:none;
}

a.news-attachment-link:hover {
  display:block;
  width:300px;
  padding:2px;
  background-color:#EDF3FF;
  margin-bottom:2px;
  border:none;
}

/* Seitenaufteilung Newseinträge */

.results-split {
  float:left;
  padding:3px 10px 0 0;
  margin-right:2px;
  background-color:#fff;
  color:#aaa;
}

a.searchbar {
  margin:0px 1px 0 0;
  display:block;
  float:left;
  padding:3px 0;
  width:20px;
  text-align:center;
  background-color:#fff;
  text-decoration:none;
  font-weight:bold;
  color:#aaa;
  border:none;
}

a.searchbar:hover {
  margin:0px 1px 0 0;
  display:block;
  float:left;
  padding:3px 0;
  width:20px;
  text-align:center;
  background-color:#f5f5f5;
  text-decoration:none;
  color:#aaa;
  font-weight:bold;
  border:none;
}