body
{
  margin:0;
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  text-align: center;
  padding: 0;
  font-size: 0.8em;
  background:url(../files/images/layout/background.jpg) center top repeat #dbd6c4;
  color:#76705a;
}
* {
  padding: 0;
  margin: 0;
  border: 0px none;
}
.invisible {
  position:absolute;
  top:-2000px;
  left:0;
  width:1px;
  height:1px;
  overflow:hidden;
}
.clear {
  clear:both;
  font-size:0px;
  line-height:0px;
  height:0px;
  overflow:hidden;
  display:block;
}
.right {
  text-align:right;
}
.center {
  text-align:center;
}
input, select, textarea {
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size:1em;
  padding:2px 3px;
}


/*Page*/
#page {
  width:966px;
  margin:0px auto;
  text-align:left;
}
/*Page*/

/*Header*/
#header {
  height:208px;
  background:url(../files/images/layout/bg-header.jpg) left top no-repeat;
  position:relative;
  margin-bottom:20px;
}

#langs {
  position:absolute;
  top:5px;
  right:0px;
}
#langs a {
  color:#76705a;
}
#langs a:hover {
  color:#863e3c;
}
#langs strong {
  color:#813433;
}

/*Logo*/
#logo-box {
  position:absolute;
  top:20px;
  left:-37px;
}
a.logo{
  color:#813433;
  font-weight:bold;
  font-size:2em;
  display:block;
  cursor:pointer;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  width:266px;
  height:84px;
}
a.logo span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/logo.png) top left no-repeat;
  width:266px;
  height:84px;
}
/*Logo*/

/*Slogan*/
#slogan{
  position:absolute;
  top:43px;
  left:240px;
}
#slogan p{
  color:#76705a;
  font-size:1.3em;
  display:block;
  position:relative;
  overflow:hidden;
  width:726px;
  height:42px;
  text-align:right;
}
#slogan p span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  background:url(../files/images/layout/bg-slogan.png) top left no-repeat;
  width:726px;
  height:42px;
}
/*Slogan*/

/*Main-menu*/
#main-menu {
  position:absolute;
  top:153px;
  left:0px;
  font-size:1.3em;
  width:966px;
}
#main-menu ul {
  width:948px;
  padding:0px 9px 0px 9px;
}
#main-menu li {
  list-style-type:none;
  float:left;
  text-align:center;
  height:24px;
  padding:0px 24px 8px 24px;
}
#main-menu li#mm-last {
  float:right;
}
#main-menu li.act {
  background:url(../files/images/layout/bg-mm-li-act.png) center bottom no-repeat;
}
#main-menu li a{
  color:#76705a;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  display:block;
  float:left;
  height:24px;
  cursor:pointer;
}
#main-menu li a span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  height:30px;
}
#main-menu li.act a, #main-menu li a:hover{
  color:#833736;
}
#main-menu li a#mm-startseite:hover, #main-menu li a#mm-leistungen:hover, #main-menu li a#mm-referenzen:hover, #main-menu li a#mm-kontakt:hover, #main-menu li a#mm-aktion:hover {
  text-decoratio:none;
}

#main-menu li a#mm-startseite {
  width:82px;
}
#main-menu li a#mm-startseite span {
  width:82px;
  background:url(../files/images/layout/bg-mm-startseite.png) top left no-repeat;
}
#main-menu li a#mm-startseite:hover span, #main-menu li.act a#mm-startseite span {
  background-position:-118px 0px;
}
#main-menu li a#mm-leistungen {
  width:96px;
}
#main-menu li a#mm-leistungen span {
  width:96px;
  background:url(../files/images/layout/bg-mm-leistungen.png) top left no-repeat;
}
#main-menu li a#mm-leistungen:hover span, #main-menu li.act a#mm-leistungen span {
  background-position:-104px 0px;
}
#main-menu li a#mm-referenzen {
  width:99px;
}
#main-menu li a#mm-referenzen span {
  width:99px;
  background:url(../files/images/layout/bg-mm-referenzen.png) top left no-repeat;
}
#main-menu li a#mm-referenzen:hover span, #main-menu li.act a#mm-referenzen span {
  background-position:-151px 0px;
}
#main-menu li a#mm-kontakt {
  width:68px;
}
#main-menu li a#mm-kontakt span {
  width:68px;
  background:url(../files/images/layout/bg-mm-kontakt.png) top left no-repeat;
}
#main-menu li a#mm-kontakt:hover span, #main-menu li.act a#mm-kontakt span {
  background-position:-132px 0px;
}
#main-menu li a#mm-aktion {
  width:54px;
}
#main-menu li a#mm-aktion span {
  width:54px;
  background:url(../files/images/layout/bg-mm-aktion.png) top left no-repeat;
}
#main-menu li a#mm-aktion:hover span, #main-menu li.act a#mm-aktion span {
  background-position:-146px 0px;
}
/*Main-menu*/
/*Header*/

/*Main*/
#main {
  width:966px;
  overflow:hidden;
  padding-bottom:19px;
}
#main h1 {
  font-size:1.6em;
  font-weight:normal;
  padding-top:3px;
  padding-bottom:10px;
  border-bottom:1px dashed #b7b097;
  margin:0px 3px;
  margin-bottom:12px;
}
#main h2 {
  color:#813433;
  font-size:1.9em;
  padding:22px 0px 3px 0px;
}
#main p {
  line-height:1.3em;
  padding:6px 0px;
}
#main a {
  color:#863e3c;
}
#main a:hover {
  color:#595442;
}

/*Index-box*/
#index-box {
  position:relative;
  width:966px;
  height:286px;
  background:url(../files/images/layout/bg-index-box.png) left top no-repeat;
  overflow:hidden;
  margin-bottom:33px;
}
#index-box #ib-left {
  width:250px;
  position:absolute;
  left:33px;
  top:5px;
  font-weight:bold;
}
#ib-left h2 {
  text-transform:uppercase;
  color:#d03f2e;
	font-size:2.1em;
  line-height:1.2em;
}
#main #ib-left p {
  font-size:1.1em;
  padding-top:2px;
}
#main #ib-left a#ibl-more {
  display:block;
  text-transform:uppercase;
  width:250px;
  height:40px;
  line-height:40px;
  text-align:center;
  background:url(../files/images/layout/bg-ibl-more.png) left top no-repeat #bb191a;
  color:#ffffff;
  text-decoration:none;
  font-size:1.1em;
  margin-top:11px;
}
#main #ib-left a#ibl-more:hover {
  color:#fae7e8;
}
#ib-right {
  width:628px;
  height:278px;
  overflow:hidden;
  position:absolute;
  top:4px;
  left:334px;
}
/*Index-box*/

/*Index-reference*/
#index-reference {
  width:966px;
  overflow:hidden;
}
#index-reference .ir-boxik{
  width:303px;
  float:left;
  padding:0px 0px 0px 3px;
  margin-right:24px;
}
#index-reference .ibr-right {
  margin-right:0px;
}
#main #index-reference .ir-boxik p.irb-img {
  margin-left:-3px;
  padding:0px;
  background:url(../files/images/layout/bg-img-shadow.png) left top no-repeat;
}
#main #index-reference .ir-boxik p.irb-img img {
  padding:4px;
  overflow:hidden;
}
/*Index-reference*/

/*Reference-boxik*/
.reference-boxik {
  width:966px;
  overflow:hidden;
  margin:9px 0px 20px 0px;
}
.rb-bottom {
  margin-bottom:30px;
}
#main .reference-boxik .rb-left {
  background:url(../files/images/layout/bg-img-shadow.png) left top no-repeat;
  width:306px;
  float:left
}
#main .reference-boxik .rb-left p {
  padding:0px;
}
#main .reference-boxik .rb-left img {
  padding:4px;
  overflow:hidden;
}
#main .reference-boxik .rb-right {
  float:left;
  margin-left:30px;
  width:630px;
}
#main .reference-boxik .rb-right h2 {
  padding-top:0px;
}
/*Reference-boxik*/

/*Reference-prepinace*/
#main #reference-prepinace{
  width:963px;
  padding-left:3px;
  overflow:hidden;
  margin-bottom:20px;
  padding-top:10px;
}
#main #reference-prepinace li {
  list-style-type:none;
  float:left;
  text-align:center;
  height:37px;
  padding:0px 10px 10px 0px;
  font-size:1.2em;
}
#main #reference-prepinace li.act {
  background:url(../files/images/layout/bg-reference-prepinace-li-act.png) left bottom no-repeat;
}
#main #reference-prepinace li a{
  color:#ffffff;
  text-decoration:none;
  position:relative;
  overflow:hidden;
  display:block;
  float:left;
  height:37px;
  cursor:pointer;
  background:#8b8570;
}
#main #reference-prepinace li a span{
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  height:37px;
}
#main #reference-prepinace li.act a, #main #reference-prepinace li a:hover{
  background:#813433;
}
#main #reference-prepinace li a#rp-grafik:hover, #main #reference-prepinace li a#rp-logos:hover, #main #reference-prepinace li a#rp-illustration:hover {
  text-decoratio:none;
}

#main #reference-prepinace li a#rp-grafik {
	width:162px;
}
#main #reference-prepinace li a#rp-grafik span {
	width:162px;
  background:url(../files/images/layout/bg-rp-grafik.png) top left no-repeat;
}
#main #reference-prepinace li a#rp-grafik:hover span, #main #reference-prepinace li.act a#rp-grafik span {
	background-position:-238px 0px;
}
#main #reference-prepinace li a#rp-logos {
	width:242px;
}
#main #reference-prepinace li a#rp-logos span {
	width:242px;
  background:url(../files/images/layout/bg-rp-logos.png) top left no-repeat;
}
#main #reference-prepinace li a#rp-logos:hover span, #main #reference-prepinace li.act a#rp-logos span {
	background-position:-358px 0px;
}
#main #reference-prepinace li a#rp-illustration {
  width:113px;
}
#main #reference-prepinace li a#rp-illustration span {
  width:113px;
  background:url(../files/images/layout/bg-rp-illustration.png) top left no-repeat;
}
#main #reference-prepinace li a#rp-illustration:hover span, #main #reference-prepinace li.act a#rp-illustration span {
  background-position:-187px 0px;
}
/*Reference-prepinace*/

/*Kontakt-columns*/
#kontakt-columns {
  width:960px;
  overflow:hidden;
  padding:20px 3px 10px 3px;
}
.kc-left {
  width:300px;
  overflow:hidden;
  float:left;
}
.kc-right {
  width:630px;
  overflow:hidden;
  float:left;
  margin-left:30px;
}
#main label {
  font-weight:bold;
}
#main .kc-left p {
  padding-top:10px;
}
#main .kc-left p.kcl-nopadding {
  padding-top:0px;
}
#main .kc-left p.kcl-nopadding a {
  text-decoration:none;
}
#main .kc-left p.kcl-nopadding em {
  font-style:normal;
  color:#863e3c;
}
.kc-right table{
  border-collapse:collapse;
}
#main input {
  background:#9c9785;
  color:#ffffff;
  font-weight:bold;
  padding:4px 5px;
}
#main .kc-right table input {
  width:290px;
  margin-bottom:18px;
  margin-top:3px;
}
#main textarea {
  background:#9c9785;
  color:#ffffff;
  font-weight:bold;
  padding:4px 5px;
}
#main .kc-right table textarea{
  width:620px;
  height:129px;
  margin-top:3px;
  margin-bottom:20px;
}
#main input#jmeno {
  margin-right:30px;
}
#main input#form-submit {
  padding:none;
  background:none;
  width:auto;
  margin-bottom:0px;
  margin-top:0px;
  float:right;
  margin-right:-4px;
}
.kc-right p.hlaska-green {
  color:#519548;
  font-weight:bold;
}
.kc-right p.hlaska-red {
  color:#f60b1b;
  font-weight:bold;
}
/*Kontakt-columns*/

/*Aktion-box*/
.aktion-box-top {
  width:966px;
  overflow:hidden;
  height:4px;
  background:url(../files/images/layout/bg-aktion-box-top.png) left top no-repeat;
}
.aktion-box-bottom {
  width:966px;
  overflow:hidden;
  height:4px;
  background:url(../files/images/layout/bg-aktion-box-bottom.png) left top no-repeat;
}
.aktion-box-in {
  width:966px;
  overflow:hidden;
  background:url(../files/images/layout/bg-aktion-box-in.png) left top repeat-y;
  padding:0px 3px;
}
.aktion-box-in-in {
  width:903px;
  overflow:hidden;
  background:url(../files/images/layout/bg-aktion-box-in-in.png) center bottom no-repeat;
  font-size:1.1em;
  padding:25px 30px 15px 27px;
}
.aktion-box-in-in li{
  margin:10px 0px 0px 30px;
}
.abii-left {
  float:left;
  width:276px;
  background:url(../files/images/layout/bg-aktion-box-in-in-lc.png) left top no-repeat;
}
.abii-right {
  float:left;
  width:600px;
  margin-left:27px;
}
#main .abii-left p{
  padding:4px;
}
#main .abii-right h2{
  text-transform:uppercase;
  color:#d03f2e;
  padding-top:0px;
  padding-bottom:0px;
  font-size:2.2em;
}
#main .abii-right p {
  padding-bottom:10px;
}
#main .abii-right a.abii-kontakt {
  height:40px;
  display:block;
  line-height:40px;
  width:250px;
  font-weight:bold;
  text-decoration:none;
  color:#ffffff;
  text-align:center;
  background:url(../files/images/layout/bg-abii-kontakt.png) left top no-repeat #be191b;
  text-transform:uppercase;
  font-size:1.2em;
  margin-left:350px;
  margin-top:3px;
}
#main .abii-right a.abii-kontakt:hover {
  color:#fae7e8;
}
/*Aktion-box*/

/*Main*/

/*Footer*/
#footer {
  border-top:1px solid #9c9785;
  padding:20px 0px;
}
#footer p.footer-top {
  float:right;
}
#footer a {
  color:#76705a;
}
#footer a:hover {
  color:#863e3c;
}
#footer p.footer-top a {
  background:url(../files/images/layout/bg-footer-top.png) left center no-repeat;
  padding-left:9px;
}
/*Footer*/