﻿* {
  border-spacing: 0;
  font-family: Arial, Helvetica, sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: #82b933;
  text-decoration: none;
}
a.active {
  font-weight: bold;
  text-decoration: underline;
    font-size:18px;
}

a:hover {
  text-decoration: underline;
}

body {
  background: #72aa01 url('images/background.jpg') center top no-repeat;
  font-size: 12px;
  line-height: 14px;
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  min-width: 1000px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #0f5fa6;
}

html {
  height: 100%;
}

h1 {
  color: #82b933;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
}

h2 {
  background: url('images/h2.png') 0 10px no-repeat;
  clear: both;
  color: #ffffff;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  height: 19px;
  line-height: 19px;
  margin: 0 -10px 0 0;
  overflow: hidden;
  padding: 20px 10px;
}

h5 {
  background: url('images/article.png') 0 10px no-repeat;
  font-family: Arial Narrow;
  font-size: 10px;
  font-weight: normal;
  line-height: 17px;
  padding: 2 5 3 5;
  background-color: #72AA01;
  border-bottom-width: 115px;
  color: #ffffff;
}

h3 {
  color: #0055a0;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  height: 20px;
  padding: 3px 0 3px 17px;
}

h4 {
	font-family: Arial Narrow;
	  font-size: 11px;
	font-weight: bold;
	line-height: 17px;
	padding: 2 5 3 5;
	background-color: #72AA01;
	border-bottom-width: 115px;
	color: #ffffff;
}

img {
  border: 0;
}

p {
  color: #085aa2;
  padding: 5px 0;
  text-align: justify;
}

#wrap {
  background: #ffffff url('images/stripes.png') center top repeat-y;
  border-left: 1px solid #6c906c;
  border-right: 1px solid #6c906c;
  margin: 0 auto;
  width: 1000px;
}

#header {
  height: 131px;
  overflow: hidden;
  padding: 0 1px 1px 1px;
}

#navigation {
  background: url('images/navigation.png') 19px 0 no-repeat;
  height: 67px;
  padding: 0 0 0 48px;
  position: relative;
  z-index: 1;
}

#navigation ul li {
  float: left;
  height: 49px;
}

#navigation ul li+li {
  background: url('images/navigation-div.png') no-repeat;
  padding: 0 0 0 2px;
}

#navigation ul li a {
  display: block;
  height: 47px;
  line-height: 47px;
}

#navigation ul li a span {
  height: 47px;
}

#navigation ul li a span.l {
  float: left;
  width: 13px;
}

#navigation ul li a span.t {
  color: #f3f1f1;
  float: left;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  height: 17px;
  line-height: 17px;
  padding: 15px 0;
}

#navigation ul li a span.r {
  float: left;
  width: 13px;
}

#navigation ul li a:hover {
  text-decoration: none;
}

#navigation ul li a:hover span.t {
  background: url('images/navigation-hover.png') center top no-repeat;
}

#navigation ul li a:hover span.l {
  background: url('images/navigation-hover.png') left top no-repeat;
}

#navigation ul li a:hover span.r {
  background: url('images/navigation-hover.png') right top no-repeat;
}

#navigation ul li div {
  display: none;
  position: absolute;
  top: 47px;
  z-index: 1;
  width: 173px;
}

#navigation ul li div li {
  position: relative;
}

#navigation ul li div li div {
  display: none;
  position: absolute;
  left: 169px;
  top: 0;
  z-index: 2;
  width: 170px;
}

#navigation ul li a span.subsub {
  background: url('images/rarr.png') 125px 8px no-repeat;
  display: block;
}

#navigation ul li:hover div {
  display: block;
}

#navigation ul li:hover div li div {
  display: none;
}

#navigation ul li div li:hover div {
  display: block;
}

#navigation ul li div ul {
  background: url('images/dropdown.png') no-repeat;
  padding: 1px;
}

#navigation ul li div ul li {
  background: transparent;
  float: none;
  height: auto;
  padding: 0;
}

#navigation ul li div ul li a {
  background: url('images/dropdown-item.png') no-repeat;
  color: #ffffff;
  display: block;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 28px;
}

#navigation ul li div ul li a:hover {
  background: url('images/dropdown-hover.png') no-repeat;
  text-decoration: none;
}

#navigation ul li div div.b {
  background: url('images/dropdown.png') left bottom no-repeat;
  display: block;
  height: 10px;
  position: relative !important;
  text-indent: -10px;
  top: auto !important;
  left: auto !important;
}

#breadcrumbs {
  height: 25px;
  overflow: hidden;
}

#breadcrumbs p {
  color: #085aa2;
  padding: 0 0 0 61px;
}

#breadcrumbs p a {
  color: #085aa2;
}

#content .left {
  float: left;
  overflow: hidden;
  padding: 0 0 0 32px;
  width: 210px;
}

#content .left .rounded .top {
  background: url('images/rounded-top.png') no-repeat;
  height: 10px;
  overflow: hidden;
}

#content .left .rounded .middle {
  background: url('images/rounded.png') repeat-y;
  width: 191px;
  padding: 1px;
}

#content .left .rounded ul li a {
  background: url('images/dropdown-trans.png') no-repeat;
  color: #0f5fa6;
  display: block;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 28px;
}

#content .left .rounded ul li a:hover {
  background: url('images/dropdown-hover.png') no-repeat;
  color: #ffffff;
  text-decoration: none;
}

#content .left .rounded .bottom {
  background: url('images/rounded-bottom.png') no-repeat;
  height: 26px;
  overflow: hidden;
}

#content .left .login {
  background: url('images/loginbox.png') no-repeat;
  height: 145px;
  overflow: hidden;
  position: relative;
}

#content .left .login input {
  background: transparent;
  border: 0;
  color: #ffffff;
  font-size: 11px;
  line-height: 15px;
}

#content .left .login input.user {
  position: absolute;
  top: 42px;
  left: 20px;
  width: 98px;
}

#content .left .login input.pass {
  position: absolute;
  top: 71px;
  left: 20px;
  width: 98px;
}

#content .left .login input.submit {
  background: url('images/submit.png') no-repeat;
  cursor: pointer;
  position: absolute;
  height: 37px;
  left: 127px;
  top: 61px;
  width: 50px;
}

#content .left .search {
  background: url('images/searchbox.png') no-repeat;
  height: 155px;
  overflow: hidden;
  position: relative;
}

#content .left .search input {
  background: transparent;
  border: 0;
  color: #ffffff;
  font-size: 11px;
  line-height: 15px;
}

#content .left .search input.find {
  position: absolute;
  top: 4px;
  left: 10px;
  width: 136px;
}

#content .left .search input.submit {
  background: url('images/submit.png') no-repeat;
  cursor: pointer;
  position: absolute;
  height: 37px;
  left: 150px;
  top: -6px;
  width: 50px;
}

#content .main {
  background: url('images/main.png') left bottom no-repeat;
  float: left;
  min-height: 620px;
  padding: 0;
  width: 512px;
}

#content .main a.inline {
  background: url('images/img-inline.png') 20px 0 no-repeat;
  float: right;
  padding: 3px 10px 14px 23px;
}

#content .main div.inlinebig {
  background: url('images/imageclick.png') center bottom no-repeat;
  float: right;
  padding: 0 4px 20px 0;
  margin: 0 0 0 30px;
  text-align: center;
}

#content .main div.inlinebig a {
  background: url('images/img-inlinebig.png') 7px 8px no-repeat;
  display: inline-block;
  padding: 3px 3px 1px 3px;
}

#content .main div.inlinebig img {
  border: 3px solid #82b933;
}

#content .main dl+div.inlinebig+p, #content .main dl+p {
  padding: 10px 0;
}

#content .main dl dt {
  color: #085aa2;
  float: left;
  font-weight: bold;
  width: 104px;
}

#content .main dl dt span {
  font-weight: normal;
}

#content .main dl dd {
  color: #085aa2;
  margin-left: 107px;
}

#content .main h1 {
  background: url('images/main-h1.png') no-repeat;
  margin: -1px -48px -104px -48px;
  height: 154px;
  padding: 20px 0 0 100px;
}

#content .main .content {
  padding: 0 18px;
}

#content .main .article {
  background: url('') no-repeat;
  float: left;
  height: 155px;
  width: 113px;
  line-height:12px
}

#content .main .article a.image {
	float: left;
	padding: 12px 12px 0 0px;
}

#content .main .article  p.price {
	color: #085AA2;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 12px;
	overflow: hidden;
    float: left;
	padding-left: 30px ;
	font-style: oblique;
	width:113px
}

#content .main .article p.more {
}

#content .main .article  p.more a {
	padding: 0 0 0 15px;
	color: #72AA01;
	font-weight: bold;
}

#content .main .article  p.more a:hover {
  text-decoration: none;
}

#content .main .moreinfo {
  background: url('images/moreinfo.png') 0 20px no-repeat;
  clear: both;
  height: 173px;
  overflow: hidden;
  padding: 20px 16px 0 0;
  position: relative;
}

#content .main .moreinfo h2 {
  background: transparent;
  color: #ffffff;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  height: 26px;
  overflow: hidden;
  padding: 12px 0;
  text-align: center;
}

#content .main .moreinfo p {
  color: #ffffff;
  padding: 18px 0;
  text-align: center;
}

#content .main .moreinfo input {
  background: transparent;
  border: 0;
  color: #ffffff;
  font-size: 11px;
  line-height: 15px;
}

#content .main .moreinfo input.name {
  position: absolute;
  top: 128px;
  left: 95px;
  width: 90px;
}

#content .main .moreinfo input.phone {
  position: absolute;
  top: 128px;
  left: 220px;
  width: 100px;
}

#content .main .moreinfo input.submit {
  background: url('images/submit3.png') no-repeat;
  cursor: pointer;
  position: absolute;
  height: 37px;
  left: 340px;
  top: 119px;
  width: 50px;
}

#content .right {
  float: left;
  padding: 0 16px 0 20px;
  width: 200px;
  margin: 0px 0 200px 0;

}

#content .right .logo {
  margin: -24px 0 16px 0;
}

#bottom {
  clear: both;
}

#bottom .left {
  background: url('') 20px 0 no-repeat;
  float: left;
  height: 170px;
  margin-top: -170px;
  text-indent: -10px;
  width: 240px;
}

#bottom .right {
  background: url('images/clown.png') no-repeat;
  float: right;
  height: 482px;
  position: relative;
  margin: -482px -85px 0 0;
  width: 369px;
}

#bottom .right input {
  background: transparent;
  border: 0;
  color: #ffffff;
  font-size: 11px;
  line-height: 15px;
}

#bottom .right input.name {
  position: absolute;
  top: 101px;
  left: 80px;
  width: 165px;
}

#bottom .right input.mail {
  position: absolute;
  top: 131px;
  left: 80px;
  width: 165px;
}

#bottom .right input.submit {
  background: url('images/submit2.png') no-repeat;
  cursor: pointer;
  position: absolute;
  height: 37px;
  left: 135px;
  top: 155px;
  width: 50px;
}

#bottom .right .bandwerk a {
  background: url('images/bandwerk.png') 0 0 no-repeat;
  display: block;
  height: 226px;
  position: absolute;
  top: 150px;
  text-indent: -900px;
  left: 268px;
  overflow: hidden;
  width: 11px;
}

#bottom .right .bandwerk a:hover {
  background: url('images/bandwerk.png') -13px 0 no-repeat;
}

#bottom .right .quickset1 a {
  background: url('images/quickset.png') 0 0 no-repeat;
  display: block;
  height: 33px;
  position: absolute;
  top: 266px;
  text-indent: -900px;
  left: 75px;
  overflow: hidden;
  width: 33px;
}

#bottom .right .quickset1 a:hover {
  background: url('images/quickset.png') -33px 0 no-repeat;
}

#bottom .right .quickset2 a {
  background: url('images/quickset.png') 0 -33px no-repeat;
  display: block;
  height: 33px;
  position: absolute;
  top: 314px;
  text-indent: -900px;
  left: 75px;
  overflow: hidden;
  width: 33px;
}

#bottom .right .quickset2 a:hover {
  background: url('images/quickset.png') -33px -33px no-repeat;
}

#bottom .right .quickset3 a {
  background: url('images/quickset.png') 0 -66px no-repeat;
  display: block;
  height: 33px;
  position: absolute;
  top: 362px;
  text-indent: -900px;
  left: 75px;
  overflow: hidden;
  width: 33px;
}

#bottom .right .quickset3 a:hover {
  background: url('images/quickset.png') -33px -66px no-repeat;
}

#footer {
  background: url('images/footer.png') 19px 0 no-repeat;
  clear: both;
  height: 38px;
  overflow: hidden;
}

#footer p {
  color: #f3f1f1;
  text-align: center;
  padding: 14px 0 0 0;
}

#footer p span {
  padding: 0 12px;
}

.clear {
  clear: both;
  margin: -1px 0 0 0;
  height: 1px;
  line-height: 1px;
  overflow: hidden;
  text-indent: -10px;
}

input, select {
  color: #7b7b7b;

  background: white;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #0f5fa6;
  border: 1px solid #0f5fa6;
text-align: left;
line-height: 15px;
margin-bottom: 11px;

}

textarea {
  color: #7b7b7b;
  background: white;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #0f5fa6;
  border: 1px solid #0f5fa6;
}
.error {
	border: 1px solid #f7092a;
}
td {vertical-align: top;}

/*  */
 
#screenshot{
	position:absolute;
	border:1px solid #0f5fa6;
	background:#0f5fa6;
	padding:5px;
	display:none;
	color:#fff;
	
	}
 
/*  */

