/*
-----------------------------------------------------

          Klaus Oppermann
          Webdesign und Fotografie
          Hainbuchenweg 29
          26127 Oldenburg

          Tel. (049) 0441-6001483
          E-Mail: info at klausoppermann.de
          Web: http://www.klausopermann.de

----------------------------------------------------- */

a, abbr, acronym, address, applet,
big, blockquote, body,
caption, cite, code,
dd, del, dfn, div, dl, dt, em,
fieldset, font, form,
h1, h2, h3, h4,h5, h6, html,
iframe, img, ins,
kbd, label, legend, li,
object, ol, p, pre, q,
s, samp, small, span, strike, strong, sub, sup,
table, tbody, td, tfoot, th, thead, tr, tt,
ul, var {
  border: 0;
  font-family: verdana, helvetica, arial, sans-serif;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  background: #2e563e url(../images/autopics/orig/22.jpg) repeat-x 0 0;
  color: #fff;
  font-size: 100.01%;
  text-align: center;
}

body#popupbild,
body#popup {
  background-image: none;
  padding: 10px;
}

acronym {
  border: none;
  cursor: help;
}

address {
  font-style: normal;
  line-height: 1.6em;
  margin: 0;
  padding: 10px 20px;
}

cite {
  font-style: italic;
}

code {
  font-size: 80%;
  font-style: normal;
  line-height: 1.5em;
}

dl {
  line-height: 1.6em;
  margin: 20px auto;
  padding: 0;
  text-align: center;
}

dl.extlink {
  background: #9ecf91;
  border: 1px solid #4dac6a;
  margin: 20px;
  padding: 10px;
}

em {
  font-style: italic;
}

h1, h2, h3, h4, h5 {
  font-family: "trebuchet ms", arial, verdana, sans-serif, helvetica;
  font-weight: 700;
  line-height: 1.6em;
  text-align: left;
}

h2,
#inhalt h1 {
  background: transparent;
  border-bottom: 1px dashed #ac6a4d;
  border-top: 1px dashed #ac6a4d;
  color: #ac6a4d;
  font-size: 170%;
  letter-spacing: 1.5px;
  margin: 0 20px 25px 20px;
  padding: 3px 0;
  text-align: center;
}

h3, dd h2 {
  background: transparent;
  color: #ac6a4d;
  font-size: 120%;
  letter-spacing: 1.2px;
  margin: 20px 20px 20px 20px;
  padding: 0;
  word-spacing: 3px;
}

h3.ko {
  border-top: 1px dashed #ac6a4d;
  padding: 20px 0 0 0;
}

h4, h5 {
  background: transparent;
  color: #ac6a4d;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 100%;
  font-weight: bold;
  margin: 15px 20px 5px 20px;
  padding: 0;
}

hr {
  display: none;
}

img {
  border: 0;
}

strong {
  background: transparent;
  color: #274f1f;
  font-weight: 700;
}

sub, sup {
  font-size: 60%;
  line-height: 0px;
}

#seite {
  background: #9ecf91;
  color: #ac6a4d;
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: left;
  width: 98%;
  max-width: 1200px;
  min-width: 760px;
}

#wrapper {
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
}

#anfang {
  margin: 0;
  padding: 0;
}

#header {
  background: #4e8e64 url(../images/autopics/orig/49.jpg) repeat-x 0 0;
  color: #4f4f4f;
  height: 150px;
  margin: 0;
  padding: 0;
}

#header h1 a {
  background: #d8e4d8 url(../images/autopics/orig/20.jpg) no-repeat 0 0;
  color: #5f5f5f;
  display: block;
  height: 150px;
  width: 560px;
}

#header .logo h1 {
  background: transparent url(../images/autopics/orig/20.jpg) no-repeat 0 0;
  color: #5f5f5f;
  height: 150px;
  width: 560px;
}

#menue {
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 9.5em;
  width: 19%;
}

#menue ul {
  font-size: 75%;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: left;
}

#menue li {
  line-height: 1.5em;
  list-style: none;
  margin: 0;
  padding: 0 10px;
}

#menue li a.top {
  border-top: 2px solid #4dac6a;
}

#menue li a.bot {
  border-bottom: 2px solid #4dac6a;
}

#menue ul li a,
#menue strong {
  background: #ace5a0;
  color: #38684a;
  display: block;
  font-weight: bold;
  margin: 0 0 1px 0;
  padding: 3px 0 3px 10px;
  text-decoration: none;
}

#menue ul li a:hover,
#menue ul li a:focus  {
  background: #4dac6a;
  color: #f6f9f6;
  display: block;
  margin: 0 0 1px 0;
  padding: 3px 0 3px 10px;
}

#menue ul li a.aktiv,
#menue ul li a:hover.aktiv,
#menue ul li strong  {
  background: #4dac6a;
  color: #f6f9f6;
  display: block;
  margin: 0 0 1px 0;
  padding: 3px 0 3px 10px;
}

#menue ul ul,
#menue ul ul li {
  color: #73986d;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

#menue ul ul li  a {
  background: #bceab3 url(../images/autopics/orig/83.gif) no-repeat 5px 50%;
  color: #ac6a4d;
  padding-left: 18px;
}

#menue ul ul li a:hover,
#menue ul ul li a:focus {
  background: #4dac6a;
  color: #fff;
  padding-left: 18px;
  text-decoration: underline;
}

#menue ul ul li strong {
  background: #4dac6a;
  color: #fff;
  padding-left: 18px;
}

#inhalt {
  background: #ace5a0;
  border-bottom: 2px solid #4dac6a;
  border-top: 2px solid #4dac6a;
  color: #000;
  font-size: 80%;
  margin: 0 20px 0 20%;
  min-height: 720px;
  padding: 20px 10px 10px 20px;
}

#inhalt a {
  background: transparent;
  color: #274f1f;
  font-weight: bold;
  text-decoration: underline;
}

#inhalt a:hover,
#inhalt a:focus {
  background: transparent;
  color: #45825c;
  text-decoration: none;
}

#inhalt a.ext,
#inhalt a:hover.ext,
#inhalt a:focus.ext {
  background: transparent url(../images/autopics/orig/18.gif) no-repeat 100% 50%;
  color: #274f1f;
  padding-right: 15px;
}

#inhalt a:hover.ext,
#inhalt a:focus.ext {
  color: #45825c;
}

#inhalt dl.art {
  background: #bceab3;
  border: 1px solid #4dac6a;
  color: #000;
  margin: 10px 20px 20px 20px;
  min-height: 190px;
  position: relative;
}

#inhalt div.korb {
  margin: 10px 20px 20px 20px;
}

#inhalt dl.art dt {
  float: left;
  left: 0;
  padding: 10px 0;
  position: absolute;
  top: 0;
  width: 190px;
}

#inhalt dl.art img,
#inhalt dl.art a img,
#inhalt table a img {
  border: 5px solid #9ecf91;
}

#inhalt dl.art a:hover img,
#inhalt dl.art a:focus img,
#inhalt table a:hover img,
#inhalt table a:focus img {
  border: 5px solid #aed7a3;
}

#inhalt dl.art table {
  margin: 0;
  padding: 0;
}

#inhalt dl.art h3 {
  margin: 0 0 5px 0;
  padding: 0;
}

#inhalt dl.art dd {
  padding: 5px 10px 5px 210px;
  text-align: left;
}

#inhalt dl.art dd em {
  display: block;
}

#inhalt dl.art dd.preis em {
  font-size: 70%;
}

#inhalt dl.art dd.versand {
  font-size: 70%;
}

#inhalt dl.art dd.buttonsmall {
  bottom: 0;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: right;
}

#inhalt dl.art dd.buttonsmall a {
  background: #4dac6a;
  border: 1px solid #3e8954;
  color: #f6f9f6;
  padding: 3px 5px;
}

#inhalt dl.art dd.buttonsmall a:hover,
#inhalt dl.art dd.buttonsmall a:focus {
  background: #ace5a0;
  border: 1px solid #4dac6a;
  color: #38684a;
  padding: 3px 5px;
}

#inhalt dl.details {
  text-align: left;
}

#inhalt dl.details dt {
  text-align: center;
}

#inhalt dl.details dd {
  line-height: 1.6em;
}

#inhalt dl.details h3 {
  margin: 0;
  padding: 0;
}

#inhalt dl.details img {
  border: 9px solid #9ecf91;
  margin: 5px;
}

#inhalt p {
  background: transparent;
  color: #000;
  line-height: 1.5em;
  margin: 5px 0;
  padding: 10px 20px;
}

#inhalt table.details form select {
  background: #9ecf91;
  text-align: center;
  width: 4em;
}

#inhalt form select:hover {
  background: #fff;
}

#inhalt table {
  background: #9ecf91;
  border-collapse: collapse;
  margin: 20px 0 0 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

#inhalt table thead td.preis,
#inhalt table.cart thead th {
  background: #4dac6a;
  color: #fff;
}

#inhalt table td,
#inhalt table th {
  border: 1px solid #ace5a0;
  padding: 5px 7px;
}

#inhalt table td.kaufen  {
  width: 30px;
}

#inhalt table td.menge {
  width: 30px;
}

#inhalt table td.preis {
  width: 80px;
}

#inhalt table td.beschreibung,
#inhalt table.cart td,
#inhalt table.cart th {
  text-align: left;
}

#inhalt table thead td,
#inhalt dl.details dd.versandkosten {
  background: #ace5a0;
  font-size: 80%;
  padding: 0;
}

#inhalt form input[type=text],
#inhalt form input[type=textarea],
#inhalt table form input[type=text] {
  background: #fff;
  border: 1px solid #2e563e;
  text-align: center;
}

#inhalt form input[type=textarea] {
  text-align: left;
}

#inhalt dl.details dd.versandkosten {
  background: #ace5a0;
  font-size: 80%;
  margin: 0 20px;
  padding: 5px 0;
}

#inhalt ul {
  background: transparent;
  color: #000;
  line-height: 1.6em;
  margin: 0 10px 0 20px;
  padding: 10px 15px;
}

#inhalt li {
  list-style-type: circle;
  margin: 0 0 0 10px;
  padding: 0;
}

#inhalt .wichtig {
  background: #bceab3;
  border: 1px dashed #73986d;
  color: #274f1f;
  padding-bottom: 5px;
  padding-top: 5px;
}

body#popupbild,
body#popupbild a,
body#popupbild a:hover,
body#popupbild div.description {
  background: #2e563e;
  color: #fff;
}

body#popupbild a {
  background: #2e563e;
  color: #ace5a0;
}

body#popupbild a:hover,
body#popupbild a:focus {
  background: #2e563e;
  color: #bceab3;
  text-decoration: none;
}

body#popup div.description {
  background: #ace5a0;
  color: #000;
  font-size: 80%;
  margin: 0;
  padding: 10px;
  text-align: left;
}

body#popup a {
  color: #ac6a4d;;
}

body#popup a:hover,
body#popup a:focus {
  color: #2e563e;
  text-decoration: none;
}

body#popupbild div.description h3,
body#popup div.description h3 {
  margin: 0 10px 10px 0px;
}

body#popupbild div.description h4,
body#popup div.description h4 {
  margin: 10px 10px 10px 0px;
}

body#popupbild div.you_are_here ,
body#popup div.you_are_here {
  display: none;
}

body#popupbild img {
  border: 5px solid #aed7a3;
  margin: 10px;
}

body#popup div.description td {
  background: #ace5a0;
  padding: 5px;
}

#sidebar {
  font-size: 65%;
  height: 13.0em;
  left: 0;
  position: absolute;
  top: 0;
  width: 19%;
}

#sidebar dl#warenkorb,
#sidebar dl#warenkorbv {
  background: #ace5a0;
  border: 1px solid #4dac6a;
  color: #38684a;
  height: 12.5em;
  line-height: 1.0em;
  margin: 0 10px;
  padding: 0;
  text-align: left;
}

#sidebar dl#warenkorb a,
#sidebar dl#warenkorbv a {
  background: #4dac6a url(../images/autopics/orig/167.gif) no-repeat 3px 50%;
  color: #f6f9f6;
  display: block;
  font-weight: 700;
  margin: 0;
  padding: 8px 0;
  text-decoration: underline;
  width: auto;
}

#sidebar dl#warenkorb a:hover,
#sidebar dl#warenkorb a:focus,
#sidebar dl#warenkorbv a:hover,
#sidebar dl#warenkorbv a:focus  {
  background: #c8eec0 url(../images/autopics/orig/167.gif) no-repeat 3px 50%;
  color: #ac6a4d;
  text-decoration: none;
}

#sidebar dl#warenkorb dt,
#sidebar dl#warenkorbv dt {
  background: #4dac6a;
  color: #f6f9f6;
  font-weight: 700;
  padding: 5px 0;
  text-align: center;
}

#sidebar dl#warenkorb strong,
#sidebar dl#warenkorbv strong {
  position: absolute;
  right: 5px;
  top: 2px;
}

#sidebar dl#warenkorb dd ,
#sidebar dl#warenkorbv dd {
  margin: 0;
  padding: 2px 5px;
  position: relative;
}

#sidebar dl#warenkorb dd.wagen,
#sidebar dl#warenkorbv dd.wagen {
  background: #4dac6a;
  color: #f6f9f6;
  margin: 5px;
  padding: 0;
  text-align: center;
}

#sidebar dl#warenkorb dd.hinweis,
#sidebar dl#warenkorbv dd.hinweis {
  font-size: 70%;
  font-style: italic;
}

#sidebar noscript strong {
  background: #fff;
}

#unten {
  background: #73986d url(../images/autopics/orig/21.gif) repeat-x 0 0;
  border-bottom: 10px solid #577b57;
  clear: both;
  color: #ceeed9;
  font-size: 70%;
  line-height: 1.5em;
  margin: 20px 0 0 0;
  padding: 50px 0 5px 0;
  text-align: center;
}

#unten a {
  background: transparent;
  color: #ceeed9;
  font-weight: bold;
  margin: 0 5px;
  padding: 2px;
  text-decoration: underline;
}

#unten a:hover,
#unten a:focus,
#unten strong {
  background: #4e8e64;
  color: #fff;
  margin: 0 5px;
  padding: 2px;
  text-decoration: none;
}

#unten ul, #unten p {
  margin: 5px 0;
}

#unten li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#unten p {
  margin: 5px 0;
  text-align: center;
}

.bild, a img.bildv {
  background: #9ecf91;
  border: 9px solid #9ecf91;
  color: #38684a;
  margin: 5px;
  padding: 1px;
}

a:hover img.bildv {
  background: #4dac6a;
  border: 9px solid #aed7a3;
  color: #38684a;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.galerie {
  float: left;
  margin: 10px;
  text-align: center;
  width: 270px;
}

.ende {
  clear: left;
  margin: 0;
  padding: 0;
}

.nachoben {
  clear: left;
  font-size: 75%;
  text-align: right;
}

#header h1 span,
#header h1 a span,
body#popup h1.katname,
#anf,
.nix,
.druckansicht,
#grafik a span {
  display: inline;
  height: 0;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  top: -1000px;
  width: 0;
}

.zentrier {
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

p.zentrier img,
p.zentrier a img {
  border: 5px solid #9ecf91;
  margin: 5px;
}

p.zentrier a:hover img,
p.zentrier a:focus img {
  border: 5px solid #4dac6a;
}

p.zentrier img.bildor {
  border: none;
}

/* Formular */

fieldset {
  background: #bceab3;
  border: 1px solid #4dac6a;
  color: #274f1f;
  margin: 25px 30px 25px 30px;
  padding: 0;
  width: 450px;
}

#formbox {
  margin: 0;
  padding: 10px 0;
}

#formbox dl {
  clear: left;
  text-align: left;
}

#formbox dl dt {
  border: none;
  margin: 0 10px 0 20px;
  padding: 1px 5px 0 5px;
}

#formbox dl dd {
  padding: 0 5px;
}

#formbox dl dd input,
#formbox dl dd textarea {
  background: #f4fbf6;
  border: 1px solid #4dac6a;
  color: #274f1f;
  margin: 5px 20px 0 20px;
  padding: 3px;
  text-align: left !important;
  width: 380px;
}

#formbox dl dd input:hover,
#formbox dl dd textarea:hover {
  background: #f4fbf6;
  border: 1px solid #274f1f;
  color: #274f1f;
}

#formbox dl input.check {
  background: #ceeed9;
  border: none;
  color: #274f1f;
  margin-right: 0;
  width: 1.5em;
}

#formbox dl dt.checkbox {
  float: left;
}

#formbox dl dd textarea {
  overflow: auto;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
  cursor: pointer;
}

label {
  font-weight: 700;
  margin: 0;
  padding: 0;
}

#formbox dl dd label {
  font-weight: 300;
}

#formbox dl input.senden {
  background: #ceeed9;
  color: #274f1f;
  font-weight: bold;
  margin: 0 0 5px 20px;
  padding: 3px 0 4px 0;
  width: 15em;
}

#formbox dl dd input.senden:hover {
  background: #4dac6a;
  color: #f6f9f6;
}

#formbox p {
  clear: left;
}

#inhalt p.fehler {
  background: #ceeed9;
  color: #ff0000;
  font-weight: 700;
  margin: 0 10px 0 20px;
  padding: 10px;
}

#headgraf,
#headgraf a,
#headgraf:hover,
#headgraf a:hover,
#headgraf a:focus {
  background-position: 0 0;
  background: url(../images/autopics/orig/19.jpg) no-repeat;
  height: 108px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 160px;
}

#headgraf:hover,
#headgraf a:hover,
#headgraf a:focus {
  background-position: -160px 0;
  background: url(../images/autopics/orig/19.jpg) no-repeat;
}

#photodiv {
  background-repeat: no-repeat;
  height: 260px;
  margin: 0 auto;
  text-align: center;
  width: 460px;
}

#suche {
  display: none;
  margin: 0;
  padding: 0;
}

#suche form.suchform {
  margin: 0;
  padding: 0;
}

#suche form.suchform p {
  margin: 0;
  padding: 0;
}

#suche form.suchform input {
  background: #e8f8e5;
  border: 1px solid #4dac6a;
  color: #000;
  float: left;
  letter-spacing: 1px;
  margin: 0 0 0 10px;
  padding: 3px 5px;
  width: 8em;
}

#suche form.suchform input.bu {
  background: transparent url(../images/autopics/orig/48.gif) no-repeat 100% 100%;
  border: none;
  color: #fff;
  height: 22px;
  line-height: 1.0em;
  margin-top: 5px;
  padding: 0;
  text-indent: -1000em;
  white-space: nowrap;
  width: 22px;
}

#suche form.suchform input:hover,
#suche form.suchform input:focus {
  background: #fff;
  border: 1px solid #4dac6a;
  color: #000;
}

#suche form.suchform .bu:hover,
#suche form.suchform .bu:focus {
  background: transparent url(../images/autopics/orig/48.gif) no-repeat 100% 0;
  border: none;
  color: #fff;
}
.verfeinerung { font-size:11px; color:#888888; }
.verfeinerung span { color:red; }
.verfeinerung a:link, .verfeinerung a:visited { text-decoration:none; }
.verfeinerung a:hover, .verfeinerung a:active{ text-decoration:underline; }
a.v1 { color:#888888; }
a.v2:link, a.v2:visited { color:#555555; font-size:12px; }
a.v3:link, a.v3:visited { color:#222222; font-size:14px; }
a.v4:link, a.v4:visited { color:#000000; font-size:15px; }


/* Kundenstimmen */

.vote, #votetitle, #addvote, #newvote {
  margin-left:4px;
}

#newvote {
  width:500px;
  border:1px solid #993300;
  background-color:#f5e7e7;
  padding:5px;
}

#newvote dl {
  margin: 0;
  padding: 0px;
}

#newvote dl dt {
  float: left;
  margin: 0;
  padding: 2px;
  width:100px;
}

#newvote dl dd {
  padding:2px;
  margin:0;
}

#newvote dl dd input, #newvote dl dd textarea {
  width:380px;
}

#votemsg {
  color:red;  
  text-align:center;
  font-weight:bold;
}

#busy {
  position:absolute;
  top:0;
  right:0;
  font-weight:bold;
  background-color:#993300;
  color:#f5e7e7;
  padding:3px;
  -moz-border-radius: 0 0 0 5px;
  -webkit-border-radius: 0 0 0 5px;
	
}



div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #993300;
  margin:0;
  padding:0;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
  font-size:90%;
}
div.autocomplete ul li.selected { background-color: #f5e7e7;}


.cart input, .cart textarea {
  border: 1px solid #CCCCCC;
}

.mandatory {
  font-weight:bold;
}

.cart input.mandatoryField {
  border: 1px solid #666666; 
}  

.cart input.mandatoryMarked {
  border: 1px solid #666666; 
  background-color:#FFCCCC;
}
.errorMsg {
  font-size:13px; color:red; padding:8px; border:1px solid red; font-weight:bold;
}