body {

background: url(../images/body_bg_10.jpg) repeat-x;
background-color:#151515;
font-size:80%;
padding: 0; margin: 0;
 font-family:  Arial, sans-serif; 
 line-height: 1.5em;

}

h1{
color:#990000;
text-transform:uppercase;
display:none;
font-family: trebuchet ms, verdana, arial, tahoma;
font-size:160%;

}
#content h2{
color:#CCCCCC;
font-size:120%;
font-family: trebuchet ms, verdana, arial, tahoma;}
#content a
{color:#FFFFFF;
font-weight:bold;
text-decoration:underline}
/* Struktur.............................................................. */
#wrapper{
width:1000px;
margin: 0 auto; 
padding: 0px;
text-align:center;}

#header{
margin:0;
height:316px;
text-align:left;
width:1000px;
padding:0;
background-image:url(../images/oben_quer5.jpg);
background-repeat:no-repeat;}


#contentbig{
margin:0 auto;
padding:0;
text-align:left;
width:1000px;}

.line {
border-bottom: 1px dashed #cc0000; 

}

/* SNavigation............................................................... */

#nav{

float: left;
background-image:url(../images/bg_nav_quer.jpg);
z-index:100;
height:420px;
width:230px;
text-align: left;
font-size:100%;
margin-left:40px;

}

#inside{
margin: 0;
padding:10px 0 0 20px;
list-style-type: none;
}


#inside a:link, #inside a:visited {
text-decoration: none;
width:140px;

}

#inside li a {  
color:#fff;
font-weight:bold;
display: block;
font-size:13px;
width:140px;
padding: 5px 0px 5px 15px;
background:url(../images/arrow.gif) left center no-repeat;
text-decoration: none;
}
#inside li a.current {  

color:red;
font-weight:bold;
display: block;
font-size:13px;
width:140px;
padding: 5px 0px 5px 15px;
background:url(../images/arrow.gif) left center no-repeat;
text-decoration: none;

}

#inside li a.submenu
{ color:#CCCCCC;
font-weight:bold;
display: block;
background:url() left center no-repeat;
padding: 2px 0px 2px 26px;
text-decoration: none;}
#inside li a.submenuc
{ color:#990000;
font-weight:bold;
display: block;
background:url() left center no-repeat;
padding: 2px 0px 2px 26px;
text-decoration: none;}
#inside li a:hover {

background:url() left center no-repeat;
text-decoration: none;
color:#990000;
width:140px;
}
#inside li a:hover.submenu {
background-image:url() ;
text-decoration: none;
color:#990000;
}
#inside li a:hover.submenuc {
background-image:url() ;
text-decoration: underline;
font-weight:bold;
color:#990000;
}



* html #inside li a {  /*  hover effekt  in IE */

width: 215px;	}	

/* content............................................................... */
#content{    
float: right;
color:#fff;
width:700px;
padding-top:30px;
text-align: left;
font-size:13px;

}
#content ul
{list-style-image:url(../images/lis.gif);}

#textbox
{float:right;
width:440px;}
#textboxschmal
{float:right;
width:270px;
margin:0 ;
padding:0 10px 0 0 ;}
#bildbox2
{width:204px;
float:right;
margin:0 ;
padding:0;
}
#bildbox3
{width:202px;
margin:0;
padding:0;}
#bildbox2 p
{margin:0 0 7px 0;
padding:0}
#bildbox3 p
{margin:0 0 7px 0;
padding:0}

#bildbox
{width:220px;}
#bildbboxbreit
{width:620px;}
.eisenbau
{font-weight:bold;
font-family:"Trebuchet MS", Verdana, Tahoma;
color:#CCCCCC;
text-transform:capitalize;}
/* footer............................................................... */

#footer {
text-align:left;
margin:5px 0 0 14%;
}


#footer p{
padding:2px 10px 2px 15px;
font-size: 11px;
font-weight:500;


}


#rights a { 
color:#fff;
font-weight:500;
font-size:10px;

}

#rights a:hover { 
color:#666666;
font-weight:500;

}



#footer span{
font-weight:500;
color: #669900;

}

/* SLIDESHOW */
#slideshow {
height:170px; /* hier Hoehe der Slideshow-Bilder angeben */
position:relative;
}
#slideshow img {
display:none;
padding:1px;
border:1px solid #666;
position:absolute;
top:50px; 
left:360px;
}
#slideshow img.start {
display:block;
}
#slideshow2 img {

padding:1px;
border:1px solid #666;
position:absolute;
top:50px; left:360px;
}
#slideshow2 {
height:170px; /* hier Hoehe der Slideshow-Bilder angeben */
position:relative;
}

#logobild
{
height:190px; 
position:relative;
float:left;
}
#logobild img {
padding:5px;
position:absolute;
padding:2px;
border:1px solid #111;
top:50px; left:3px;
}
.bildunterschrift{
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin:0;
	padding:0;
	
	
	
	
}



#content a.screen, a.screen:visited {
color:#fff;
position:relative; 
text-decoration:none;
z-index:1;
}
#content a.screen strong {
position:absolute;
visibility:hidden; /* hide the image */
width:167px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid silver; /* add a border */
left:0px; /* position:the image */
margin-top:20px;
}
#content a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
#content a.screen:hover strong {
visibility:visible; /* make the image visible */
height:auto; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
text-decoration:none;
}
#content a.screen:hover strong img 
{

border:0; /* remove the link border */
}