*{
	margin:0px;
	padding:0px;
}

html, body{
background-color:#000000;
height:680px;
}

html{
background-image:url('images/logo_hoellwerk_ohne_dunkel.JPG'); background-repeat:no-repeat;
background-position:top center;
margin-top:20px
}

/* *********typo**********
   ********************************************* */

body{
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
color:#fff;
background-color:#000000;
}

/* **********navigation**********
   ********************************************* */
   
.haupt-header {
    margin:120px auto 0px;
	width:990px;
	height:30px;
	border-top:1px solid;
	border-top-color:silver;
	cursor:pointer;
}

   
.navbar {
	width:950px;
	height:20px;
	text-decoration:none;
	color:black;
	margin-left:40px;
}
 
   
   
.navbar ul .hori {

list-style-type:none;
width:990px;
float:left;
height:20px;
}

.navbar ul.hori > li{
float:left;
height:20px;
text-decoration:none;
}

.navbar ul.hori li a {
font-family:Verdana, Helvetica, Arial, sans-serif:11px;
font-size:11px;
font-weight:400;
line-height:20px;
color:#FFF;
text-decoration:none;
width:auto;
text-align:left;
margin-left:10px;
margin-right:10px;
height:20px;
display:block;
float:left;
background-color:black;
}

.navbar ul.hori li a:hover {
color:#a38445;
font-size:11px;
background:black;
}

.navbar ul.hori li.drop_holder{
	position:relative;
}

.navbar ul.hori li ul.dropdown{
	list-style-type:none;
	clear:both;
	background:black;
	display:none;
}

.navbar ul.hori li.drop_holder:hover ul.dropdown{
	display:block;
}

.navbar ul.hori li ul.dropdown li{
	height:20px;
}

.navbar ul.hori li ul.dropdown li a{
font-size:11px;
}

.navbar ul.hori li.drop_holder ul.dropdown li a:hover{
	background:black;
	color:#a38445;
}

.imgfloat {
	
	float:left;
	margin-left:7px;
	margin-bottom:7px;
	padding:0px;
	border:2px solid silver;
}

img:hover
 {
 opacity:0.4;
}

#schmucknavigation {
    margin:20px auto 0px;
	width:840px;
	height:20px;
}

   
#unter-navigation {
	width:auto;
	height:30px;
	list-style-type:none;
	display:block;
	background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}


#unter-navigation .ul hori{

list-style-type:none;
width:auto;
height:30px;
}

#unter-navigation .ul hori li{

float:left;
height:30px;
}

#unter-navigation .ul hori li a{

float:left;
height:30px;
line-height:27px;
color:#ffffff;
text-align:center;
padding:0 25px 0 25px;
}






  
   
#unter-navigation .menu {

list-style-type:none;
width:840px;
float:left;
}

#unter-navigation .menu li a {
font-family:Verdana, Helvetica, Arial, sans-serif:16px;
font-size:small;
font-weight:normal;
line-height:20px;
text-align:left;
color:silver;
text-decoration:none;
text-shadow: 1px 1px 0px #000000;
width:120px;
height:20px;
display:block;
background-color:#000000;
float:left;
}

#unter-navigation .menu li a:hover {
color:gray;
}


#unten {
	width:990px;
	margin:20px auto;
	background-color:black;
	height:20px;
	margin-top:20px;
	color:#FFF
}


#unten1 {
	width:330px;
	margin:20px auto;
	background-color:black;
	height:20px;
	margin-top:20px;
	text-align:left;
	font-family:"Microsoft Sans Serif";
    font-size:10px;
    line-height:20px;
    border-top:1px solid;
	border-top-color:silver;
	float:left;
	color:#FFF
}

#unten1 a {
	font-family:Verdana, Helvetica, Arial, sans-serif;
    font-size:10px;
   	color:#FFF;
}

#unten1 a:hover {
	color: #a38445;
}


#unten2 {
	width:330px;
	margin:20px auto;
	background-color:black;
	height:20px;
	margin-top:20px;
	text-align:center;
	font-family:Verdana, Helvetica, Arial, sans-serif;
    font-size:10px;
    line-height:20px;
    border-top:1px solid;
	border-top-color:silver;
	float:left;
	color:#FFF;
}
#unten3 {
	width:330px;
	margin:20px auto;
	background-color:black;
	height:20px;
	margin-top:20px;
	text-align:right;
	font-family:Verdana, Helvetica, Arial, sans-serif;
    font-size:10px;
    line-height:20px;
    border-top:1px solid;
	border-top-color:silver;
	float:left;
	color:#FFF;
}

#unten3 a {
	font-family:Verdana, Helvetica, Arial, sans-serif;
    font-size:10px;
   	color:#FFF;
   	text-decoration:none;
}

#unten3 a:hover {
	color: #a38445;
}


#rahmen1{
	margin:0px auto;
	width:970px; 
	height:420px; 
	border:1px solid silver;
}

#rahmen {
	margin:0px auto;
	width:930px; 
	height:340px; 
	border-left:20px;
	border-right:20px;
	border-bottom:20px;
	border-top:60px;
	border-style:solid;
	border-color:#bdb76b;
}

#logo {
	width: 300px;
	height: 96px;
	padding: 0px 0 0 0px;
	margin: 0px auto;
	clear: left;
	position:absolute;
	top:0px;
	left:0px
}


.mousetext {
      color:red;
      }




   a.menu {
      display:block;
      color:#808080;
      background-color:#220000;
      width:110px;
      padding:11px;
      font-size:12px;
      font-family:Arial, Helvetica, Sans-Serif;
      font-weight:normal;
      text-decoration:none;
      text-align:center;
      margin-top:14px;margin-left:5px;
      border:1px solid #C0C0C0;
      background-image:url(hinter.gif);
      }
   a.menu:hover {
      display:block;
      color:#fff;
      background-color:#808080;
      background-image:url(hinter_on.gif);
      }
         
      
      
   a.menu2 {
      display:inline-block;
      color:#808080;
      background-color:#220000;
      width:100px;
      padding:10px;
      font-size:10px;
      font-family:Arial, Helvetica, Sans-Serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin-top:30px;margin-left:15px;
      border:1px solid #C0C0C0;
      background-image:url(hinter.gif);
      }
   a.menu2:hover {
      display:inline-block;
      color:#fff;
      background-color:#808080;
      background-image:url(hinter_on.gif);
      }

  a.menu3 {
      display:inline-block;
      color:#808080;
      background-color:#220000;
      width:80px;
      padding:4px;
      font-size:10px;
      font-family:Arial, Helvetica, Sans-Serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin-top:19px;margin-left:5px;
      border:1px solid #C0C0C0;
      background-image:url(hinter.gif);
      }
   a.menu3:hover {
      display:inline-block;
      color:#fff;
      background-color:#808080;
      background-image:url(hinter_on.gif);
      }
      
      
      
   a.menu4 {
      display:block;
      color:#808080;
      background-color:#220000;
      width:80px;
      padding:4px;
      font-size:10px;
      font-family:Arial, Helvetica, Sans-Serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin-top:100px;margin-left:105px;
      border:1px solid #C0C0C0;
      background-image:url(hinter.gif);
      }
   a.menu4:hover {
      display:block;
      color:#fff;
      background-color:#808080;
      background-image:url(hinter_on.gif);
      }
 
 
 a.menu5 {
      display:inline-block;
      color:#808080;
      background-color:#220000;
      width:120px;
      padding:5px;
      font-size:10px;
      font-family:Arial, Helvetica, Sans-Serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin-top:0px;margin-left:10px;
      border:1px solid #C0C0C0;
      background-image:url(hinter.gif);
      }
   a.menu5:hover {
      display:inline-block;
      color:#fff;
      background-color:#808080;
      background-image:url(hinter_on.gif);
      }


.wrap {
	width: 300px;
	height: 225px;
	padding: 0px 0 0 0px;
	margin: 0px auto;
	clear: left;
	position:absolute;
	top:180px;
	left:602px
}

	.image {
		width: 72px;
		height: 54px;
		padding: 0px;
		margin-top:0px;
		float: left;
		display: inline;
		position: relative;
		z-index: 10;
		background-color: #CCC;
	}

	.js .image:hover {
		background-color: #36F;
	}

		.image img {
			position: relative;
			z-index: 30;
			border-width: 0px;
			border-style: solid;
			border-color: #666 #999 #999 #666;
		}

		.layer1, .layer2 {
			display: block;
			position: absolute;
		}

		.layer1 {
			width: 72px;
			height: 54px;
			top: 0;
			left: 0;
			z-index: 20;
			background-color: #36F;
		}

		.layer2 {
			width: 72px;
			height: 54px;
			top: 0px;
			left: 0px;
			z-index: 40;
			background-color: #000;
		}

.wrap2 {
	width: 300px;
	height: 225px;
	padding: 0px 0 0 0px;
	margin: 0px auto;
	clear: left;
	position:absolute;
	top:180px;
	left:600px;
	text-align:center;
}

	.image {
		width: 72px;
		height: 54px;
		padding: 0px;
		margin-top:0px;
		float: left;
		display: inline;
		position: relative;
		z-index: 10;
		background-color: #CCC;
	}

	.js .image:hover {
		background-color: #36F;
	}

		.image img {
			position: relative;
			z-index: 30;
			border-width: 0px;
			border-style: solid;
			border-color: #666 #999 #999 #666;
		}

		.layer1, .layer2 {
			display: block;
			position: absolute;
		}

		.layer1 {
			width: 72px;
			height: 54px;
			top: 0;
			left: 0;
			z-index: 20;
			background-color: #36F;
		}

		.layer2 {
			width: 72px;
			height: 54px;
			top: 0px;
			left: 0px;
			z-index: 40;
			background-color: #000;
		}



<!--img {border:none;}
.box{height:45px;width:60px;padding:0px;margin-left:0px; margin-top:0px}
.box div{display:none;}
.box:hover img{display:inline-block;width:400px; height:300px; position:absolute;top:305px;left:733px;padding:0px;}
.box span{display:none;}
.box:hover span{display:inline-block;width:300px; height:84px; background-color:white; position:fixed;top:50%;left:50%;padding:0px;margin-top:-204px; 
	margin-left:-150px; font-family: Arial, Helvetica, Sans-Serif;
	font-size:small;
	color:#937839;
	text-align: center;
	font-weight:normal; 
}
.box:hover strong{display:inline-block;width:300px; height:84px; background-color:white; position:fixed;top:50%;left:50%;padding:0px;margin-top:-204px; 
	margin-left:-150px; font-family: Arial, Helvetica, Sans-Serif;
	font-size:medium;
	color:#937839;
	text-align: center;
	font-weight:normal; 
	
}


<!--img {border:none;}
.boxgroß{height:45px;width:60px;padding:0px;margin-left:0px; margin-top:0px}
.boxgroß div{display:none;}
.boxgroß:hover div{display:inline-block;width:300px;position:fixed;top:50%;left:50%;padding:0px;margin-top:-316px;
	margin-left:-390px;}
.boxgroß span{display:none;}
.boxgroß:hover span{display:inline-block;width:300px; height:84px; background-color:transparent; position:fixed;top:50%;left:50%;padding:0px;margin-top:-300px; 
	margin-left:-150px; font-family: Arial, Helvetica, Sans-Serif;
	font-size:small;
	color:#2E2E2E;
	text-align: center;
	font-weight:normal; 
}



<!--img {border:none;}
.box2{height:54px;width:72px;padding:0px;margin-left:2px; margin-top:2px}
.box2 div{display:none;}
.box2:hover div{display:inline-block;width:300px;position:fixed;top:50%;left:50%;padding:0px;margin-top:-136px; 
	margin-left:-150px;
}
.box2:hover strong{display:inline-block;width:300px; height:84px; background-color:white; position:fixed;top:50%;left:50%;padding:0px;margin-top:-204px; 
	margin-left:-150px; font-family: Arial, Helvetica, Sans-Serif;
	font-size:large;
	color:#220000;
	text-align: center;
	font-weight:normal; 
	
}
.box2:hover i{display:inline-block;width:300px; height:180px; background-color:white; position:fixed;top:50%;left:50%;padding:0px;margin-top:105px; 
	margin-left:-150px; font-family: Arial, Helvetica, Sans-Serif;
	font-size:small;
	color:#C0C0C0;
	text-align: center;
	font-weight:normal; 
	background-color:#737A36;
	font-style:normal;
	
}

<!--img {border:none;}
#box3{height:20px;width:300px;padding:0px;margin-left:0px; margin-top:0px}
#box3 div{display:none;}
#box3:hover div{display:inline-block;width:300px;position:fixed;top:50%;left:50%;padding:0px;margin-top:-136px; 
	margin-left:-150px;
}

<!--img {border:none;}
#box5{height:20px;width:300px;}
#box5 div{display:none;}
#box5:hover div{display:inline-block;width:300px;height:225px;position:fixed;top:50%;left:50%;padding:0px;margin-top:-136px; 
	margin-left:-450px;
}

<!--img {border:none;}
#box6{height:90px;width:50px;}
#box6 div{display:none;}
#box6:hover div{display:inline-block;width:300px;height:225px;position:fixed;top:50%;left:50%;padding:0px;margin-top:-136px; 
	margin-left:150px;
}



a {
	color: #C0C0C0;
}
a:visited {
	color: #C0C0C0;
}
a:active {
	color: #C0C0C0;
}
a:hover {
	color:white; text-decoration:underline;
}

h1 { 
font-family:Verdana, Helvetica, Arial, sans-serif;
        font-size:14px;
        text-align: center;
        font-weight:normal;
        line-height:95px;
        color:#a38445;
}

h2 {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:13px;
	color:white;
	text-align:center;
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
	}

h3 {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	color:white;
	text-align:justify;
	font-weight:normal;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}
h3 a{color:#a38445;
text-decoration:none
}

h3 a:visited {
	color:#a38445;
}


body.c31 {color: #2E2E2E; background: #444433 url('gradientgrau.png') repeat-x;}
#c55 {width:300px; height:225px; background-color:#220000; float:left}
#c555 {width:150px; height:225px; background-color:#220000; float:left}
  
#c31 {width:300px; height:225px; background-color:#DECBAD; float:left}
#c30 {width:300px; height:180px; background-color:#220000; float:left}
#c29 {width:300px; height:180px; background-color:#737A36; float:left}
#c28 {width:80px; height:60px; float:left}
#c27 {width:80px; height:60px; float:left}
#c26 {width:80px; height:60px; float:left}
#c25 {width:80px; height:60px; float:left}
#c24 {width:80px; height:60px; float:left}
#c23 {width:80px; height:60px; float:left}
#c22 {width:80px; height:60px; float:left}
#c21 {width:80px; height:60px; float:left}
#c20 {width:80px; height:60px; float:left}
#c19 {width:80px; height:60px; float:left}
#c18 {width:80px; height:60px; float:left}
#c17 {width:80px; height:60px; float:left}
#c16 {width:80px; height:60px; float:left}
#c15 {width:80px; height:60px; float:left}
#c14 {width:80px; height:60px; float:left}
#c13 {width:80px; height:60px; float:left}
#c12 {width:80px; height:60px; float:left}
#c11 {width:80px; height:60px; float:left}
#c10 {width:80px; height:60px; float:left}
#c9 {width:80px; height:60px; float:left}
#c99 {width:400px; height:180px; background-color:#000000; float:left}
#c98 {width:320px; height:180px; background-color:#000000; float:left; margin-left:30px; margin-right:120px;}
#c8 {width:450px; height:340px; float:right;}
#c7 {width:300px; height:180px; background-color:#000000; float:left}
#c6 {width:240px; height:225px; float:left}
#c5 {width:480px; height:180px; float:left; background-color:black; overflow:auto}
#c4a {width:480px; height:340px; float:left; background-color:black}
#c4b {width:480px; height:170px; float:left; background-color:black}
#c4c {width:480px; height:170px; float:left; background-color:white}
#cstart {width:930px; height:340px; float:left; background-color:black}
#c4 {width:480px; height:160px; float:left; background-color:black}
#c3 {width:930px; height:340px}
#c2 {width:300px; height:180px; background-color:#FFFFFF; float:left}
#c1 {width:300px; height:180px; background-image:url('mistel.JPG'); float:left;}
#c32 {position:absolute; top:205px; width:300px; left:0px; height:20px; padding-left:10px; background-color:#937839;}


#c1000 {width:900px; height:30px; float:left;}
#c2000 {width:900px; height:30px; float:left;}
#c3000 {width:900px; height:135px; float:left; background-color:silver}

#c401 {position:absolute; top:0px; width:600px; left:0px; height:90px; background-color:#937839;}
#c20g {position:absolute; top:540px; width:60px; left:840px; height:45px;}
#c19g {position:absolute; top:495px; width:60px; left:840px; height:45px;}
#c18g {position:absolute; top:450px; width:60px; left:840px; height:45px;}
#c17g {position:absolute; top:405px; width:60px; left:840px; height:45px;}
#c16g {position:absolute; top:360px; width:60px; left:840px; height:45px;}
#c15g {position:absolute; top:180px; width:60px; left:840px; height:45px;}
#c14g {position:absolute; top:135px; width:60px; left:840px; height:45px;}
#c13g {position:absolute; top:90px; width:60px; left:840px; height:45px;}
#c12g {position:absolute; top:45px; width:60px; left:840px; height:45px;}
#c11g {position:absolute; top:0; width:60px; left:840px; height:45px;}
#c10g {position:absolute; top:540px; width:60px; left:0px; height:45px;}
#c9g {position:absolute; top:495px; width:60px; left:0px; height:45px;}
#c8g {position:absolute; top:450px; width:60px; left:0px; height:45px;}
#c7g {position:absolute; top:405px; width:60px; left:0px; height:45px;}
#c6g {position:absolute; top:360px; width:60px; left:0; height:45px;}
#c5g {position:absolute; top:180px; width:60px; left:0px; height:45px;}
#c4g {position:absolute; top:135px; width:60px; left:0px; height:45px;}
#c3g {position:absolute; top:90px; width:60px; left:0px; height:45px;}
#c2g {position:absolute; top:45px; width:60px; left:0px; height:45px;}
#c1g {position:absolute; top:0; width:60px; left:0; height:45px;}

#c500 {position:absolute; top:225px; width:60px; left:0px; height:135px;}
#c600 {position:absolute; top:225px; width:60px; left:840px; height:135px;}
#c700 {position:absolute; top:0px; width:780px; left:60px; height:585px;}
#c300 {position:absolute; top:-40px; width:400px; left:250px; height:40px;}
#c400 {position:absolute; top:585px; width:200px; left:350px; height:40px;}
#c401 {position:absolute; top:575px; width:20px; left:910px; height:0px;}