/*
    Document   : style
    Created on : 23.12.2009, 07:22:44
    Author     : andreas
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* Textbereich */
* {
  padding: 0;
  margin: 0;
  border: 0;
}
html    {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: Verdana, Arial, 'sans serif', sans;
  color: #000000;
  margin:0;
  padding:0;
  line-height:20px;
  font-size:12px;
}

body    {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: Verdana, Arial, 'sans serif', sans;
  color: #000000;
  margin:0;
  padding:0;
  line-height:20px;
  font-size:12px;
}
/*
p    {
	font-variant: normal;
	margin: 0 50px 10px 15px;
	padding: 0px;
	line-height: 20px;
	}

p.ueb2    {
	font-variant: normal;
	margin: 0 50px 10px 15px;
	padding: 0px;
	line-height: 18px;
	font-size:11px;
	}*/

p    {
  font-variant: normal;
  margin: 0 100px 10px 15px;
  padding: 0px;
  line-height: 20px;
}

p.ueb2    {
  font-variant: normal;
  margin: 0 100px 10px 15px;
  padding: 0px;
  line-height: 18px;
  font-size:11px;
}

h1            {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: Verdana, Arial, 'sans serif', sans;
  color: #000000;
  margin: 15px 0 15px 0;
  padding: 0;
  font-size: 24px;
  line-height: 28px;
}

h2            {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: Verdana, Arial, 'sans serif', sans;
  color: #000000;
  margin:15px 30px 10px 0;
  padding:0;
  font-size:18px;
  line-height: 28px;
}

h3            {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: Verdana, Arial, 'sans serif', sans;
  color: #000000;
  margin:0;
  padding:0;
  font-size:14px;
  line-height: 22px;
}

/*.impressum     {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: Verdana, Arial, 'sans serif', sans;
  color: #000000;
  margin: 0 0 20% 0;
  padding: 0;
  font-size: 10px;
  line-height: 12px;
}*/

.imtext {
  color: #778c0f;
  font-weight: bold;
  font-size:11px;
}

.imtext1 {
  color: #778c0f;
  font-weight: bold;
  font-size:9px;
}

.aeoben {
  color: #778c0f;
  font-weight: normal;
  font-size:20px;
  line-height:26px;
}

.aeoben1 {
  color: #000000;
  font-weight: normal;
  font-size:11px;
  line-height:18px;
}




/* cont-klassen */

#Tabelle_01 {
  position:absolute;
  left:50%;
  top:20px;
  width:984px;
  margin-left: -492px;
  background-image:url('images/tab.gif');
  background-repeat:repeat;
}

#ae-01_ {
  position:absolute;
  left:0px;
  top:0px;
  width:984px;
  height:13px;
}

#ae-02_ {
  position:absolute;
  left:0px;
  top:13px;
  width:18px;
  height:709px;
  background-image:url('images/ae_02.gif');
  background-repeat:repeat;
}

#ae-03_ {
  position:absolute;
  left:18px;
  top:13px;
  width:73px;
  height:68px;
}

#ae-04_ {
  position:absolute;
  left:120px;
  top:13px;
  width:200px;
}

#ae-04a_ {
  position:absolute;
  left:320px;
  top:13px;
  width:400px;
}

#ae-05_ {
  position:absolute;
  left:734px;
  top:13px;
  width:239px;
  height:68px;
}

#ae-06_ {
  position:absolute;
  left:973px;
  top:13px;
  width:11px;
  height:709px;
  background-image:url('images/ae_06.gif');
  background-repeat:repeat;
}

#ae-08_ {
  position:absolute;
  left:18px;
  top:105px;
  width:900px;
  height:35px;
}

#ae-09_ {
  position:absolute;
  left:168px;
  top:117px;
  width:17px;
  height:32px;
}

#ae-10_ {
  position:absolute;
  left:18px;
  top:156px;
  width:800px;
  height:25px;
}

#ae-11_ {
  position:absolute;
  left:18px;
  top:155px;
  width:880px;
  height:30px;
}

#ae-13_ {
  position:absolute;
  left:18px;
  top:181px;
  width:885px;
  height:12px;
}

#ae-15_ {
  position:absolute;
  left:18px;
  top:193px;
  width:885px;
  height:517px;
  background-image:url('images/ae_15.gif');
  background-repeat:repeat;
  z-index:auto;
}

#ae-16_ {
  position:absolute;
  left:903px;
  top:231px;
  width:70px;
  height:400px;
}

#ae-17_ {
  position:absolute;
  left:903px;
  top:325px;
  width:70px;
  height:95px;
}

#ae-19_ {
  position:absolute;
  left:18px;
  top:710px;
  width:885px;
  height:12px;
  background-image:url('images/ae_19.gif');
  background-repeat:no-repeat;
}

#ae-20_ {
  position:absolute;
  left:909px;
  top:703px;
  width:66px;
  height:12px;
}

#footer {
  position: absolute;
  left: 50%;
  top: 722px;
  width: 984px;
  height: 14px;
  background-image:url('images/ae_21.gif');
  background-repeat:no-repeat;
  margin-left: -492px;

}


/* Navis */


a.navimain {
  display: inline-block;
  font-family: Verdana, Arial, Helvetica,sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align:center;
  text-decoration: none;
  /*	color: #000000;*/
  color: #fff;
  margin-top: 10px;
  margin-left: 0px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 30px;
  padding-bottom: 5px;
  background-image: url('images/ae_10.gif');
  background-repeat: no-repeat;
  height: 28px;
  width: 122px;
}

a:hover.navimain {
  color:#fff;
  text-decoration:none;
  background-image:url('images/ae_08.gif');
  background-repeat:no-repeat;
}

a.naviae16 {
  display: block;
  font-size: 24px;
  font-family: Verdana, Arial, Helvetica,sans-serif;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  width: 50px;
  height:50px;
  color: #ffffff;
  background-image: url('images/ae_17.gif');
  background-repeat: no-repeat;
  padding-top: 29px;
  padding-bottom:8px;
  padding-left:8px;
}

a:hover.naviae16 {
  color:#ffffff;
  text-decoration:none;
  background-image: url('images/ae_16.gif');
  background-repeat: no-repeat;
}

a.naviundermain {
  display: inline;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica,sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
  width: 110px;
  color: #778c0f;
  margin-right: 10px;
  margin-top: 8px;
  margin-bottom: 10px;
}

a:hover.naviundermain {
  color:#778c0f;
  text-decoration:underline;
}

a.naviklein {
  display: inline;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica,sans-serif;
  font-weight: normal;
  text-decoration: none;
  text-align: right;
  width: 110px;
  color: #778c0f;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 8px;
  margin-bottom: 10px;
}

a:hover.naviklein {
  color:#778c0f;
  text-decoration:underline;
}
#wrapper {
  margin: 0 auto;
  /*width: 68em;*/
  width: 900px;
  max-width: 100%;
}
#kopf {
  clear: both;
  margin: 0 auto;
  margin-top: 2%;
  margin-left: 1%;
}
#kopflogo {
  float: left;
  width: 10%;
}
#kopfrechts {
  float: right;
  width: 22%;
  /*background: url(images/ae_icons.gif) top right no-repeat;*/
  margin-right: 10%;
  margin-top: 1%;
}
#kopfschrift {
  float: left;
  width: 50%;
  margin-top: 1%;
}
#navi {
  /*background: #fff;*/
  /*background: #00b2ff;*/
  /*padding: 5px 15px;*/
  /*border-bottom: 1px solid #3985bf;*/
  /*border-top: 1px solid #4d636f;*/
  float: left;
  /*width: 60em;*/
  margin-top: 1%;
  margin-bottom: 1%;
  margin-left: 1%;
}
#impressum {
  clear: both;
  /*float: left;
  display: inline;
  width: 49.2em;
  max-width: 68%;*/
  text-align: center;
  /*background: #C1EAFF;*/
  /*padding-left:20%;*/
  margin-bottom: 1%;
}
#rechtsoben {
  clear: both;
  background:url(images/obenrechts.png) top right no-repeat;
  margin:0;
  padding:0;
}
#linksoben {
  background:url(images/obenlinks.png) top left no-repeat;
  margin:0;
  padding:0;
}

#rechtsunten {
  background:url(images/untenrechts.png) bottom right no-repeat;
  margin:0;
  padding:0;
}

#linksunten {
  background:url(images/untenlinks.png) bottom left no-repeat;
  margin:0;
  padding:0;
}
#inhalt {
  margin: 3%;
  padding: 2.5em 2.5em 3.5em 2.5em;
}

#inhalt p {
  margin:0;
  padding:0;
}
form label {
  clear: both;
  display: block;
  padding: 10px 0 0 0;
  color: #000;
  font-weight: bold;
}
form input {
  background: #fff;
  padding: 2px;
  color: #774C20;
  border: 1px solid #778c0f;
  font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  /*margin: 2px 2px 2px 0;*/
  width: 250px;
  float: left;
}
form input.warenkorb {
  background: #fff;
  /*padding: 2px;*/
  color: #774C20;
  border: 1px solid #778c0f;
  font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  /*margin: 2px 2px 2px 0;*/
  width: 25px;
  float: inherit;
  text-align: right;
}
form input[type=submit] {
  background: #fff;
  padding: 2px;
  color: #774C20;
  border: 1px solid #778c0f;
  font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin: 2px 2px 2px 0;
  width: 100px;
  float: left;
}
form select {
  background: #fff;
  /*padding: 2px;*/
  color: #774C20;
  border: 1px solid #778c0f;
  font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  /*margin: 2px 2px 2px 2px;*/
  width: 46%;
  /*float: inherit;
  text-align: right;*/
}
.checkout-box {
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  /*  width:80%;*/
  border:1px solid #778c0f;
  padding:8px 30px;
  padding-bottom:4%;
  background:#FBFAF6;
  color:#000;
  /*#e9f7fa;1px solid #E4E4E4*/
  margin-top:0;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:auto;
}
.checkout-kopf {
  color:#fff;
  padding:0 6px;
  /*  padding:0 4px;*/
  font-weight:bold;
  background-color : #774C20;
}
.checkout-active {
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  border:1px solid #778c0f;
  padding:8px 10px;
  background:#eeeeee;
  color:#774C20;
  /*#e9f7fa;1px solid #E4E4E4*/
  margin-top:0;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:auto;
}
.checkout-passive {
  /*  font-family: Arial, Verdana;
    font-size: 6pt;*/
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  border:1px solid #778c0f;
  padding:8px 10px;
  /*	background:#e9f7fa;*/
  background:#E4E4E4;
  color:#666666;
  /*#e9f7fa;1px solid #E4E4E4*/
  margin-top:0;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:auto;
  /*  cursor:default;*/
}
.checkout-passive-kopf {
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  color:#666666;
  padding:0 6px;
  /*  padding:0 4px;*/
  font-weight:bold;
  background-color: #fff;
  /*  cursor:default;*/
}
.checkout-fertig {
  /*  font-family: Arial, Verdana;
    font-size: 6pt;*/
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  border:1px solid #778c0f;
  padding:8px 10px;
  /*	background:#e9f7fa;*/
  background:#989898;
  color:#666666;
  /*#e9f7fa;1px solid #E4E4E4*/
  margin-top:0;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:auto;
  /*  cursor:default;*/
}
.checkout-fertig a {
  /*  font-family: Arial, Verdana;
    font-size: 6pt;*/
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  /*  padding:8px 10px;*/
  background:#989898;
  color:#666666;
  /*#e9f7fa;1px solid #E4E4E4*/
  margin-top:0;
  /*  margin-left:2%;
    margin-right:2%;*/
  margin-bottom:auto;
}
.checkout-fertig-kopf {
  /*  font:bold 12px arial, verdana;
    text-decoration:none;*/
  color:#666666;
  padding:0 6px;
  /*  padding:0 4px;*/
  font-weight:bold;
  background-color: #E4E4E4;
}
.checkout-font {
  font:bold 12px arial, verdana;
  text-decoration:none;
}
ul {
  margin: 0 100px 10px 15px;
}
table.preise {
  /*background: #eeeeee;
  border: 1px solid #bbbbbb;*/
  background: #eeeeee;
  border: 1px solid #778c0f;
  padding: 10px;
  margin-left: 2%;
}
table.preise th, table.preise td, table.preise a {
  font-size: 13px;
}
td.preise {
  border-bottom: 1px solid #778c0f;
  padding: 10px;
  text-align: center;
}
td.titel {
  border-bottom: 1px solid #778c0f;
  padding: 10px;
  /*text-align: center;*/
}
table.preise a {
  color: #774C20;
}
table.warenkorb {
  /*background: #eeeeee;
  border: 1px solid #bbbbbb;*/
  background: #eeeeee;
  border: 1px solid #778c0f;
  padding: 20px;
  margin-left: 2%;
  width: 95%;
}
.widerruf {
  /*background: #eeeeee;
  border: 1px solid #bbbbbb;*/
  background: #eeeeee;
  border: 1px solid #778c0f;
  padding: 0px 10px 10px 10px;
  margin-left: 2%;
  width: 92%;
}
.widerruf h3 {
  margin: 5px 30px 5px 0;
}
.widerruf p {
  margin:0;
  padding:0;
  font-size: 11px;
  line-height: 15px;
  font-weight: normal;
}
.widerruf ul {
  margin:0;
  padding-left: 3%;
  font-size: 11px;
  /*line-height: 18px;*/
  font-weight: normal;
}
.rahmen {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
  text-align: right;
  /*font-weight: bold;*/
}
p.rahmen {
  font-weight: bold;
}
form input[type=checkbox].rahmen {
  /*padding: 0;
  margin: 0;
  border: 0;
  width: auto;*/
  float: right;
}
form input.widerruf {
  background: #eeeeee;
  border: 1px solid #778c0f;
  padding: 0px 10px 10px 10px;
  margin-left: 2%;
  text-align: right;
}
table.warenkorb td {
  /*font-size: 13px;*/
  font-weight: normal;
}
td.warenkorb {
  /*border-bottom: 1px solid #778c0f;*/
  padding: 5px;
  text-align: center;
}
td.warenkorbrechts {
  /*border-bottom: 1px solid #778c0f;*/
  padding: 5px;
  text-align: right;
}
td.warenkorbtitel {
  /*border-bottom: 1px solid #778c0f;*/
  padding: 5px;
  text-align: left;
}
.strich {
  border-bottom: 1px solid #778c0f;
}
.doppelstrich {
  border-bottom: 3px double #778c0f;
}
.rechts {
  text-align: right;
}
table.warenkorb a {
  color: #774C20;
}
img.image {
  float: left;
}
/*
* 2 Spalten Box
*/
.box-2-spalten-links {
  font:bold 12px arial, verdana;
  text-decoration:none;
  float:left;
  background:#000;
  color:#fff;
  width:50%;
}
.box-2-spalten-rechts {
  font:bold 12px arial, verdana;
  text-decoration:none;
  float:right;
  background:#999;
  color:#fff;
  width:50%;
}
.box-links {
  float:left;
  margin-left:6%;
}
.box-rechts {
  float:right;
  margin-right:6%;
}