body { color:#333333;
margin: 10px auto; padding: 0; font: 76% Verdana,Tahoma,Arial,sans-serif; background: #ffffff; }


#wrap { background: url(../pics/hp92.gif) no-repeat; align: middle;
color: #ffffff;  margin: 0 auto; padding: 2px; width: 900px; }

#header { clear: both; margin: 0px 0 0 0; padding: 0; }

#header h1 {  margin: 0 0 0px 0; float: left; }

/* zweite Reihe home impressum kontakt */
#second { clear: both;  margin: 0 0 0 0; padding: 0;  position:relative;
display:block; background: #ffffff; border:1px solid red;}

/* vulkan alle  */
div#start2 { float:right;
font-family : Verdana, Georgia, sans-serif, Galant; text-align : right; font-size : 12px; color : #333333;
letter-spacing : 0.03em; text-decoration : none; position : static; line-height : 1.3; padding : 5px 10px 5px 10px;
}
div#start2 a {
font-family : Verdana, Arial, Helvetica, sans-serif; position : static; color : #333333; text-decoration : none;
}
div#start2 a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif; position : static; color : red; text-decoration : none;
}

/* vertical menu */
#avmenu { clear: left; float:left;  margin: 5px 0 15px 3px; padding-bottom:5px;
 width: 170px; overflow:hidden;   text-align:right; min-height:520px;}

#vert { position:relativ;  overflow:hidden;
margin: 40px 0 10px 2px; padding: 10px 0 20px 10px;}

#vert a { color: #ffffff;  text-decoration: none; padding: 0 0 0 25px; }

#vert a:hover {  color: red; text-decoration: none; }

#vert a:active { color: red;}


/* vulkan */
div#start4 {
font-family : Verdana, Georgia, sans-serif, Galant; text-align : right; font-size : 11px;
color : #333333; letter-spacing : 0.03em; text-decoration : none; position : static;
line-height : 1.3; padding : 3px 0px 5px 1px; margin : 20px 0px 0px 0px;
}
div#start4 a {
font-family : Verdana, Arial, Helvetica, sans-serif; position : static; color : #333333;
text-decoration : none;
}

div#start4 a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif; position : static;
color : red; background: url(../pics/bs_red130.gif) no-repeat 0 50%; text-decoration : none;
}


/* vulkan */
div#nav_1 {
font-family : Verdana, Georgia, sans-serif, Galant; text-align : right; font-size : 13px; color : #333333;
margin: 0 0px 0 5px;  letter-spacing : 0.035em; text-decoration : none; position : static;
line-height : 1.8; padding : 10px 0px 5px 5px; }

div#nav_1 a {
font-family : Verdana, Arial, Helvetica, sans-serif; position : static; color : #333333; text-decoration : none; }

div#nav_1 a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif; position : static; color : #555fff;
background: url(../pics/blau.gif) no-repeat 0 50%; text-decoration : none;
}

.ca4 { color:red; padding-left: 75px; }

.ca5 { color:red; font-weight:bold;padding-left: 75px;}

.ca1 { color:red; font-weight:bold; padding-left: 50px; }
.ca11 {padding-left: 50px;  }
.ca111 {padding-left: 53px; background: url(../pics/blau.gif) no-repeat 0 50%; text-decoration : none; }

.ca2 { color:red; font-weight:bold; padding-left: 30px; }
.ca21 {padding-left: 35px; }

.ca3 { color:red; font-weight:bold; padding-left: 55px; }
.ca31 {padding-left: 61px; }
.ca32 {padding-left: 59px; }


/* rechte spalte  */
#c12 { clear:right; float: right; width: 180px; margin: 0px 0px 0px 0px;
font-family : Verdana, Georgia, sans-serif, Galant; text-align : center; font-size : 11px; color : #333333;
background: url(../pics/higru_re.png) no-repeat 0 50%; }

#c12 a{ font-family : Verdana, Georgia, sans-serif, Galant; font-size : 11px; color : #333333;
text-decoration:none;}

.pic1 { padding-bottom: 60px;}

.pic2 { float:right;}

/* vulkan */
div#prof_re {
font-family : Verdana, Georgia, sans-serif, Galant; text-align : center; font-size : 11px; color : #333333;
letter-spacing : 0.03em; text-decoration : none;line-height : 1.3; padding : 5px 10px 5px 10px;
}
div#prof_re a { font-family : Verdana, Arial, Helvetica, sans-serif; color : #333333; text-decoration : none;
}
div#prof_re a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif; color : red;
background: url(../pics/bs_red130.gif) no-repeat 0 50%; text-decoration : none; }


/* hauptteil*/

/* dritte Reihe OF*/
#block2 {  overflow:hidden; clear:both; }

#content {  width: 470px;
margin: 0px 20px 5px 200px; padding : 320px 5px 5px 45px;
 background: url(../pics/hp82.gif) no-repeat; }


#content img {  display:inline; padding: 0px 20px 0px 0px; }

#content li { font: 13px Verdana,Tahoma,Arial,sans-serif; }

#content1 {display:block;  width: 470px; margin: 0px 20px 5px 200px; padding : 250px 5px 5px 45px;
min-height:280px; background: url(../pics/hp81.gif) no-repeat; }

#content2 {display:block;  width: 470px; margin: 0px 20px 5px 200px; padding : 250px 5px 5px 45px;
min-height:280px; background: url(../pics/hp83.gif) no-repeat; }

#content3 {display:block;  width: 470px; margin: 0px 20px 5px 200px; padding : 250px 5px 5px 45px;
background: url(../pics/hp84.gif) no-repeat; }

#content4 {display:block;  width: 470px; margin: 0px 20px 5px 200px; padding : 250px 5px 5px 45px;
min-height:280px; background: url(../pics/hp85.gif) no-repeat; }

#content5 {display:block;  width: 470px; margin: 0px 20px 5px 200px; padding : 250px 5px 5px 45px;
min-height:280px; background: url(../pics/hp87.gif) no-repeat; }

#content6 {display:block;  width: 470px; margin: 0px 20px 5px 200px; padding : 250px 5px 5px 45px;
min-height:280px; background: url(../pics/hp88.gif) no-repeat; }


#contenttext {  font-family : Verdana, Georgia, sans-serif, Galant;
font-size : 12px; color : #333333; letter-spacing : 0.04em;
text-align:top; line-height: 1.7em; padding : 0px 25px 0px 5px;  }

#contenttext h1{font: 14px Verdana,Tahoma,Arial,sans-serif; font-weight:bold;  color:blue; text-align:center;   }

#contenttext span{ display:block; padding:2px 0 0 30px;  }


#produkte {  padding : 0px 5px 20px 0px; margin : 0px 0px 20px 0px;  }

#produkte h1{font: 14px Verdana,Tahoma,Arial,sans-serif; text-transform:uppercase; font-weight:bold;
 padding:5px 0px 5px 0px; color:red; text-align:left;   }

#produkte span{ margin:5px 35px 0px 0px; display:block; padding:2px 0px 2px 0px; text-align:center;
font-size : 11px; color : #333333; letter-spacing : 0.03em; }

.prod { margin:15px 35px 20px 0px; display:block;  padding:5px 0px 5px 0px; text-align:left;
font-weight:bold; font-size : 12px verdana; color : #333333; letter-spacing : 0.04em;
border: 1px solid #cccccc;  background-color: #ECEDFE;}

.prod1 { display:block; width:470px;  padding:0px 0px 0px 0px; }

.text22 { font-family : Verdana, Georgia, sans-serif, Galant;  text-align :left;
font-size : 11px; color : #333333; padding:2px 0px 0px 0px; letter-spacing : 0.04em;}

.pic23 { float:left;  display:block; border:0px; padding :0px 35px 0px 0px;}


.text24 { font-family : Verdana, Georgia, sans-serif, Galant;
text-align : left; font-size : 11px; color : #333333; padding:2px 20px 0px 0px;
letter-spacing : 0.04em; left:10px;}

.pic25 { float:right;  margin:0px 40px 20px 10px; border:0; display:block;}

.text26 { font-family : Verdana, Georgia, sans-serif, Galant;
text-align :left; font-size : 12px; color : #333333; margin:2px 35px 0px 10px;
letter-spacing : 0.04em; line-height: 1.5em; }

.pic26 { float:right;   border:0px; padding :10px 20px 10px 10px; }

.text27 { font-family : Verdana, Georgia, sans-serif, Galant;
text-align :left; font-size : 12px; color : #333333; padding:0px 35px 15px 10px;
letter-spacing : 0.04em; line-height: 1.5em;}


#refer { display:block; width:470px;  padding:0px 0px 0px 0px;  }

.refer3 { display:block; width:470px; min-height:80px;  padding:2px 0px 10px 0px;  }

#refer h1{font: 14px Verdana,Tahoma,Arial,sans-serif; text-transform:uppercase; font-weight:bold;
 padding:5px 0px 5px 0px; color:red; text-align:left;   }

span.text31 {display:block; height:1px; width:450px; margin:10px 0px 10px 0px;
 border: 1px solid #cccccc;}


/* vulkan über uns  */

div#start14 {
font-family : Verdana, Georgia, sans-serif, Galant; text-align : left; font-size : 12px; color : #333333;
padding : 0px 25px 20px 0px; margin : 0px 10px 20px 0px; letter-spacing : 0.04em; text-decoration : none; position : static;
line-height : 1.8em;
}
div#start14 a {
font-family : Verdana, Arial, Helvetica, sans-serif; position : static; color : #333333; text-decoration : none;
}
div#start14 a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif; position : static; color : red; text-decoration : none;
}

#start14 h1{font: 13px Verdana,Tahoma,Arial,sans-serif; text-transform:uppercase; font-weight:bold;
 padding:5px 0px 5px 0px; color:dark blue; text-align:left; border-bottom: 1px solid #cccccc;  }

#start14 h2{font: 13px Verdana,Tahoma,Arial,sans-serif; text-transform:uppercase; font-weight:bold;
 padding:5px 0px 5px 0px; color:dark blue; text-align:left; border-top: 1px solid #cccccc;  }

.rightimg1 {  padding-top: 20px;   float:right; text-align : left;
 position : static;
}

#haftung { font-family : Verdana, Georgia, sans-serif, Galant;
text-align :left; font-size : 11px; color : #333333; padding:0px 35px 15px 0px;
letter-spacing : 0.04em; line-height: 1.5em; width: 620px;}

/*Credits: Dynamic Drive CSS Library vulkan*/
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{ position: relative;  /* position: absolute; */  z-index: 50; }

.thumbnail:hover{ background-color: transparent; z-index: 1050; }

.thumbnail span{ /* CSS for enlarged image */
position: absolute; /*position: relative;*/
background-color: lightgrey;
padding: 5px; top:200px;
left: -1000px;
border: none;  /* border: 1px dashed gray; */
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0; top:200px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 500px; /* position where enlarged image should offset horizontally */
top: 150px;  /* position where enlarged image should offset vertically, positive an negative ist possible */
}



/* unterste reihe */
#d12 { clear: both;  padding: 5px 5px 5px 0; border-top: 1px solid #f0f0f0;
text-align: center; color: #333333; font-size: 0.9em; background: #ffffff;}

#d12 a { text-decoration: none;  color: #333333;}

#d12 a:hover {color: red;}


#str1
{display:block; width:99%; text-align:left; color:#cccccc; margin-left: 1px; margin-right: 1px; height:1px;
background-color:#cccccc;  border:#cccccc; vertical-align:top;margin-bottom: 10px;}

#str
{ width:99%; text-align:left; color:#cccccc;  margin-left: 1px; margin-right: 1px; height:1px;
background-color:#cccccc;  border:#cccccc; vertical-align:top;}

.str
{ width:92%; text-align:left; color:#cccccc;  margin-left: 1px; margin-right: 1px; height:1px;
background-color:#cccccc;  border:#cccccc; vertical-align:top;}

.str1
{ width:99%; text-align:left; color:#cccccc;  margin-left: 1px; margin-right: 1px; height:1px;
background-color:#cccccc;  border:#cccccc; vertical-align:top;}