body {
  margin: 0px;
  padding: 0px;
  
   background: url("/images/bodybg.jpg") fixed #666666; color: #1CFB07; 

  
  clear: both;
  background-position: left;
  background-attachment: fixed;
  text-align: center;
  color: #1CFB07;
  background-repeat: repeat;
  width: 100%;
  height: 100%;
}
#home {
}
#technik {
}
#service {
}
#produkte {
}
#galerie {
}
#glossar {
}
#termine {
}
#impressum {
}
#header {
  float: left; margin-right: 1em; 
  width: 210px;
  height: 450px;
  margin-top:100px;
  background-color: #;
  background-position: left;
  background-repeat: no-repeat;
  color: #1CFB07;
  text-align: left;
  background-image: url(images/holzwurmwerk.gif);
  margin-bottom: 0px;

}

h1 {
  margin-top: 0px;
  background-repeat: no-repeat;
  text-decoration: none;
  text-align: left;
  font-family: Aggressive Angry Baby Killer;
  visibility: visible;
}
#menu {
   width: 700px;
  margin-left: auto;
  margin-right: auto;
  
  
  margin-top: 40px;
  font-family: Arial,Helvetica,sans-serif;
  
  list-style-type: none;
  
  
  
  
}
#menu ul {
  border-right: solid 2px #1CFB07;
  border-bottom:2px solid #1CFB07;
  background-position: right ;
  height: 20px;
  width: 700px;
  margin-bottom: 15px;
  list-style-type: none;
  margin-top: 0px;
  background: url("../images/darkbox.png") repeat scroll 0% 0% transparent;
  padding-left: 0px;
  left: 0px;
  border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   -webkit-box-shadow: 2px 2px 1px #888888;
box-shadow: 2px 2px 1px #888888;
}
#menu li {
  background-position: left top;
  background: url("../images/darkbox.png") repeat scroll 0% 0% transparent;
  padding-left: 0px;
  
  left: 0px;
  width: 85px;
  text-align: center;
  height: 20px;
  float: left;
  background-repeat: repeat-x;
  padding-bottom: 0px;
}
#menu a {
  list-style-position: inside;
  text-decoration: none;
  line-height: 20px;
  padding-right: 0px;
  font-family: Arial,Helvetica,sans-serif;
  color: #1CFB07;
  background-position: center top;
  display: block;
  font-size: 15px;
  height: 20px;
  background: url("../images/darkbox.png") repeat scroll 0% 0% transparent;
  background-repeat: repeat-x;
  background-attachment: fixed;
  padding-left: 0px;
}
#menu a:focus {
}
#menu a:hover {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
  color: #009900;
  text-decoration: underline;
}
#menu a:visited {
}
#contain {
width: 750px;
height:auto;
margin-left:auto;
margin-right: auto;
margin-bottom: 15px;

}
#box {
 margin-left: 220px;
  background-position:  center;
  background-repeat: no-repeat;
  padding-left:  40px;
  background: url("../images/darkbox.png") repeat scroll 0% 0% transparent;
  height: auto;
  width: auto;
  color: #999999;
  font-size: 15px;
 
 
  margin-right: auto;
  margin-left: auto;
  font-family: Arial,Helvetica,sans-serif;
  background-attachment: fixed;
  border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom: 2px solid #1CFB07;
   border-right: 2px solid #1CFB07;
 -webkit-box-shadow: 10px 10px 5px #888888;
box-shadow: 10px 10px 5px #888888;
m
}
#inhalt {
 # margin-left: auto;
  background-position:  right;
  background-repeat: no-repeat;
  padding-left:  30px;
  background: url("../images/darkbox.png") repeat scroll 0% 0% transparent;
  height: auto;
  width: auto;
  color: #999999;
  text-align: center;
  font-size: 20px;
  text-shadow:  5px 4px 6px; 
  text-align: center;
 
  margin-right: auto;
  margin-left: auto;
  font-family: Arial,Helvetica,sans-serif;
  background-attachment: fixed;
  border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom: 2px solid #1CFB07;
   border-right: 2px solid #1CFB07;
 -webkit-box-shadow: 10px 10px 5px #888888;
box-shadow: 10px 10px 5px #888888;
margin-bottom: center;
}
#picboxh {
float:left;
width: auto;
border-bottom: solid 2px #1CFB07;
border-right: solid 2px #1CFB07;
-webkit-box-shadow: 5px 5px 5px #888888;
box-shadow: 5px 5px 5px #888888;
margin-bottom: 15px;
margin-left: 30px;

}
#picboxq {
float:left;
width: auto;
border-bottom: solid 2px #1CFB07;
border-right: solid 2px #1CFB07;
-webkit-box-shadow: 5px 5px 5px #888888;
box-shadow: 5px 5px 5px #888888;
margin-bottom: 15px;
margin-left: 30px;

}

div.clear {
        clear: left;
        font-size: 1px;
        height: 0;
        line-height: 0;
}
#footer {
  color: #1CFB07;
  border-right: solid 2px #1CFB07;
  border-bottom:2px solid #1CFB07;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  height: 20px;
  background:url("../images/darkbox.png") repeat scroll 0% 0% transparent;
  width: 622px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 2px 2px 1px #1CFB07;
  box-shadow: 2px 2px 1px #888888;
}
form {
   border-right: solid 2px #1CFB07;
  border-bottom: 2px solid #1CFB07;
  border-width: 5px;
  margin-right: auto;
  margin-left: auto;
  font-family: Arial,Helvetica,sans-serif;
  width: 600px;
}
textarea {
   border-right: solid 2px #1CFB07;
  border-bottom:2px solid #1CFB07;
  border-width: 2px;
  width: 485px;
  height: auto;
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
  float: right;
}
button {
   border-right: solid 2px #1CFB07;
  border-bottom:2px solid #1CFB07;
  border-width: 2px;
  width: 180px;
  height: 30px;
  margin-left: 60px;
}
input {
   border-right: solid 2px #1CFB07;
  border-bottom:2px solid #1CFB07;
  border-width: 2px;
  float: right;
}
table {
   border-right: solid 2px #1CFB07;
  border-bottom:2px solid #1CFB07;
}
tbody {
   border-right: solid 2px #1CFB07;
  border-bottom:2px solid #1CFB07;
}
/* KENBURNS STYLES 
-------------------------------------------------------*/
/*  kenburns_slideshow is the wrapper div. 
Our list of Images scrolls inside of this frame
To compute the minimum frame size needed:;
image width * scale
image height * scale

if the image size is smaller than the frame size,
gaps may appear. If image sizes are exactly the same,
the images will fade over one another and not move. 
*/
#kenburns-slideshow {
	position: center;
	width:600px;
	height: 305px;
	background-color:#1CFB07;
	border-bottom:2px solid #1CFB07;
    border-right:2px solid #1CFB07;
	z-index: 1;
	overflow: hidden;
        margin-left: 382px;
        margin-right:300px ;
        -webkit-box-shadow:  4px 0px 2px #1CFB07;
box-shadow: 4px 0px 2px #888888;
}

/*  The plugin wraps the images in div.kb-slide. This
allows me to run separate animations simultaneously. */
.kb-slide{
	position: absolute;
	z-index: 1;
	opacity: 0;
}


/* I used position relative here because IE8
didnt like the opacity when the img was set to absolute*
translate3d(000) kicks them into HW acceleration, and 
backface-visibility gives some performance boosts.*/
.kb-slide img{
	position: relative;
	-webkit-transform: translate3d(0,0,0)
	-moz-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;

}


/* If the script encounters an image that hasnt loaded,
it pops up a little loading wheel. I used a little CSS3
but you could also use a gif to better handle ie8*/
.loader {
	width:32px;
	height:32px;
	top:6px;
	left:250px;
	border:2px solid #1CFB07;
	opacity:.9;
	border-bottom:2px solid #1CFB07;
	border-right:2px solid #1CFB07;
	border-radius:32px;
	-moz-animation:spin .7s infinite linear;
	-webkit-animation:spin .7s infinite linear;
}

@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}

#kenburns-description{
	width: 560px;
        
	background-color:#000000;
	color:#999999;
	padding:0 22px 22px 22px;
    margin-left: auto;
    margin-right: auto;
   -webkit-box-shadow:  4px 3px 2px #1CFB07;
   box-shadow:  4px 3px 2px #888888;     
}

#kenburns-description p{
	margin:0;
	padding:0;
	line-height: 20px;
	font-size:12px;

}

#kenburns-description a{
	color:white;
	text-decoration: none;
}
#kenburns-description a:hover{
	color:#999999;
	text-decoration: none;
}

#kenburns-description a:visited{
	color:white;
}
.title {
	clear: left;
	margin:0;
	padding:15px 0 0 0;
}
#slide-title{
	font-size: 20px;
	float:left;
	color:#999999;
	text-shadow: 5px 4px 6px;
}
#status{
	color:#333;
	font-size: 12px;
	float:right;
	clear: right;
}