* {
font-family: Tahoma, Verdana, Arial;
}

body {
margin: 0 0 0 0;


}

.main {
position: relative;
top: -5px;


//background-image: url('images/transp.png');
text-align: left;
}



.fixie {
display: none;

position: fixed;
bottom: 30px;
right: -3px;

background-color: #ffffff;
width: 75px;
height: 60px;
border: 3px solid #43a948;
z-index: 999999;
}

scroller {
position: fixed;
bottom: 130px;
right: -81px;

background-color: #ffffff;
width: 75px;
height: 40px;
border: 3px solid #db722e;
z-index: 999999;



 transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}

scroller.sehen {
position: fixed;
bottom: 130px;
right: -3px;

 transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}


header {

top: 0px;
z-index: 9999;
background-color: #ffffff;

width: 100%;



position: fixed;


border-bottom: 5px solid #ee7431;

-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.75);

 transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}

.localset {
width: 100%,
margin-top: 5px;
margin-bottom: 5px;
background-color: #ffffff;
text-align: center;
}

#ontop {
position: fixed;
right: 10px;
bottom: 100px;

 transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}


header.large {
   height: 150px;
}


header.small {
  height: 70px;
}

header #logo {
 transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
 }

header.small #logo {
height: 68px;
width: auto;
}

header.large #logo {
height: 140px;
width: auto;
}


.innerhead {
width: 1000px;
height: auto;

text-align: left;
position: relative;
}



.navi a {
display: inline-block;

margin-left: 20px;
margin-right: 20px;


font-family: Tahoma, Verdana, Arial;
font-size: 18pt;
font-weight: bold;

color: #43a948;
text-decoration: none;

transition:all 0.6s ease-in-out;
}

.navi a:hover {
color: #db722e;
}

.cont {
margin-top: 5px;
 text-align: center;
 position: relative;
}

.foot {
width: 100%;
background-color:#005306;
border-top: 5px solid #ee7431;
color: #FFFFFF;
font-family: Tahoma, Verdana, Arial;
font-size: 10pt;
z-index: 9999;
}

.slidepic {
border-bottom: 5px solid #ee7431;
}

.inner_cont {
 padding: 5px;
 text-align: left;
 margin-bottom: 25px;
 font-family: Tahoma, Verdana, Arial;
 font-size: 12pt;
}

.inner_cont a {
color: #43a948;
text-decoration: none;

transition:all 0.6s ease-in-out;
}

.inner_cont a:hover {
color: #db722e;
}



.footinner {
font-family: Arial, Tahoma, Verdana;

float: left;
width: 201px;

margin-top: 10px;
text-align: left;
font-size: 9pt;

}

.footinner b {
font-size: 9pt;
}

.footinner a {
font-size: 9pt;
font-style: italic;
text-decoration: none;
color: #ffffff;

transition:all 0.6s ease-in-out;
}

.footinner a:hover {
color: #db722e;
}

.clear {
clear: both;
}

.slide {
position: relative;
margin-top: 155px;
overflow: hidden;
height: 148px;
border-bottom: 0px solid #ee7431;
}

h1 {
color: #43a948;
font-family: Tahoma, Verdana, Arial;
font-size: 16pt;
font-weight: bold;
}

.artikel_box {
 width: 100%;
 border: 0px solid #888888;


 font-family: Tahoma, Verdana, Arial;
 font-size: 11pt;

 background-color: #ffffff;

 }

 .artikel_left {
 width:  500px;
 float: left;
 padding: 5px;
 }

 .artikel_right {
 width: 470px;
 float: right;
 padding: 5px;
 }



 .artikel_box #description {
  color: #888888;
  font-size: 10pt;
 }

 .contact {
 font-size: 10pt;
 color: #888888;

 }

 .artikellink {
  font-size: 13pt;
  color:   #43a948;
  font-weight: bold;


 }

 #suchetop {
 width: 100px;
 height: 25px;
 border: 2px solid #43a948;
 color: #000000;
 font-family: Tahoma, Verdana, Arial;
 font-size: 10pt;
 border-radius: 5px;
 }

 #suchetop:focus {
 border: 2px solid #db722e;
 }

 #starttop {
 width: 25px;
 height: 25px;
 border: 2px solid #43a948;
 color: #dddddd;
 font-family: Tahoma, Verdana, Arial;
 font-size: 10pt;
 border-radius: 5px;
 }

 .titel_artikel {
  background-color:#008403;
  height: 25px;
  color: #ffffff;
  padding-left: 10px;
  border-bottom: 2px solid #db722e;


 font-family: Tahoma, Verdana, Arial;
 font-size: 14pt;
  font-weight: bold;

}


.head_logo {
height: 90%;
width: auto;
         }


 .cf_text {
 width: 500px;
 height: 25px;
 border: 2px solid #43a948;

 font-family: Tahoma, Verdana, Arial;
 font-size: 10pt;
 border-radius: 5px;
 }

 .cf_text:focus {
 border: 2px solid #db722e;
 }

  .cf_mid {
 width: 200px;
 height: 25px;
 border: 2px solid #43a948;

 font-family: Tahoma, Verdana, Arial;
 font-size: 10pt;
 border-radius: 5px;
 }

 .cf_mid:focus {
 border: 2px solid #db722e;
 }

   .cf_long {
 width: 500px;
 height: 250px;
 border: 2px solid #43a948;

 font-family: Tahoma, Verdana, Arial;
 font-size: 10pt;
 border-radius: 5px;
 }

 .cf_long:focus {
 border: 2px solid #db722e;
 }

 .cf_send {
  background-color: #43a948;
  font-size: 14pt;
  font-weight: bold;
  color: #ffffff;
 }

@media only screen and (min-width: 1001px) {

.main {
width: 1000px;
}

.header {
min-width: 1000px;
}

.start_boxes {
float: left;
}

.artikel_box {

 -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.75);
}

.innerfoot {
 width: 1000px;

}

.cont {
 width: 1000px;
background-image: url("images/transp.png");
}

.navi {

position: absolute;

right: 0px;
bottom: 10px;
}

.mobilkopf {
display: none;
}

.mob_foot {
display: none;
}

.mobilerbalken {
display: none;
}

.infobox {
width: 40%; 
float: right; 
padding: 3px; 
border: 1px solid #CDCDCD; 
margin-left: 40px;
}

body {
background-image: url('images/background.jpg');
    background-attachment: fixed;

    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}


.mob {
display: none;
}

.cartbutton {
height: 50px;
border: 3px solid #db722e;
background-color: #FFFFFF;
font-size: 18pt;
color: #43a948;
-webkit-transition-duration: 0.5s; /* Safari */
transition-duration: 0.5s;
}

.cartbutton:hover {
background-color: #db722e;
color: #ffffff
}


}



@media only screen and (max-width: 1000px) {
.main {
width: 100%;
}


.infobox {
width: 95%; 
float: none; 
padding: 3px; 
border: 1px solid #CDCDCD; 
margin-left: 0px;
}

.start_boxes img {
width: 90%;
height: auto;
}

header {
display: none;
}

.slide {
display: none;
}

.mobilkopf {
width: 100%;
text-align: center;
}

.mob_navi a{
font-family: Tahoma, Verdana, Arial;
display: block;
width: 100%;
padding: 3px;
font-size: 24pt;
color: #ffffff;
background-color: #008403;
border-bottom: 2px solid #ffffff;
text-decoration: none;
font-weight: bold;
}

.mob_foot {
padding-top: 15px;
background-color: #008403;
width: 100%;
color: #ffffff;

font-family: Tahoma, Verdana, Arial;
}

.mob_foot a {
display: block;
padding-top: 10px;
color: #ffffff;
text-decoration: none;
font-size: 20pt;

}

body {
width: 100%;
overflow-x: hidden;
}

#toggle_image {
transition:all 0.6s ease-in-out;
}

.artikel_box {
width: 100%;
padding: 0px;

}

.artikel_left {
float: none; 
width: 100%;
padding: 0px;
}

.artikel_right {
float: none;
width: 100%;
padding: 0px;
}

.foot {
display: none;
}

.artikelbild_img {
width: 80%;
height: auto;
}
 .cf_text, .cf_mid, .cf_long { width: 90%; }

.show_ahead { width: 100%; }

.inner_cont {
font-size: 15pt;
}

h1 {
font-size: 24pt;
}

.mobilerbalken {
height: 3px;
width: 100%;
background-color: #008403;
}

.mobibild {
width: 60%;
height: auto;
}

.desk {
display: none;
}

}

.adminform {
width: 100%;
height: 20px;
}


.admintext {
width: 100%;
height: 200px;
}