/* www.smartgraphix.de*/

	
body
    {
	margin: 0;
    	padding: 0;
    	color: #333;
    	font: 13px arial, helvetica, geneva, sans-serif;
    	text-align: center;
	background: #C0C0C0;
	
	
    }
#container
    {
	margin: 0 auto;
    	width: 980px;
    	position: relative;
    	text-align: center;

    }
/*#container1
    {
   
	width: 980px;
	position: absolute;
	top:20px;
	text-align: center;
	

    }*/
#head
    {
	position:absolute;
	top:15px;
	left:0px;
	width:980;
	height: 100px;

	
    }

#menuc{
	position: absolute;
	padding: 0;
	top:180px;
	left:0px;
	margin: 0;
	color: #fff;
	text-align:left;
	
}
#menus{
	position: absolute;
	padding: 0;
	top:580px;
	left:0px;
	margin: 0;
	color: #fff;
	text-align:left;
	
}
#menub{
	position: absolute;
	padding: 0;
	top:450px;
	left:0px;
	margin: 0;
	color: #fff;
	text-align:left;
	
}
#menu{
	position: absolute;
	top:15px;
	width:170px;
	text-align:left;
	background:url(images/mrahmenoben.gif) no-repeat top;
	
}
#moben{position:absolute;
	top:0px;
	width:170px;
	height:15px;
	background:url(images/mrahmenoben.gif) no-repeat;


}
#munten{position:relative;
	
	width:170px;
	height:15px;
	background:url(images/mrahmenunten.gif) no-repeat;


}
#menu a 
{
	padding-top:5px;
	padding-left:10px;
	display: block;
	height:20px;
	font-weight:bold;
	font-size: 12px;
	text-decoration: none;
	color:#fff;
	
	
}
#menu a:hover
{	display: block;
	font-size: 12px;
	color:#fff;
	background: #fe0007;
}
#menu .untermenu a 
{
	padding-top:5px;
	padding-left:15px;
	display: block;
	height:20px;
	font-weight:bold;
	font-size: 12px;
	text-decoration: none;
	color:#000000;
	
	
}
#menu .untermenu a:hover
{	display: block;
	font-size: 12px;
	color:#fff;
	background: #fe0007;
}
#menu ul{	
	list-style-type:none;
	margin:0;                
	padding:0;
}
#menu .untermenu{
	background:#e0e0e0;
	border-bottom: 1px solid #fff;
}
#menu .normalmenu{
	background:#686868;
	color:#fff;
	border-bottom: 1px solid #fff;
}
#menu .normalmenube{
	background:#686868;
	color:#fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
#menu .aktivmenu {
background:#fe0007;
border-bottom: 1px solid #fff;


}
#menu .unteraktivmenu {
padding-left:5px;
background:#fe0007;
border-bottom: 1px solid #fff;
}
#menusprache ul{	
	list-style-type:none;
	margin:0;                
	padding:0;
}
#menusprache  a 
{
	
	padding-top:3px;
	display: block;
	height:20px;
	font-weight:bold;
	font-size: 12px;
	text-decoration: none;
	color:#fff;
	
	
}
#menusprache  a:hover
{	display: block;
	font-size: 12px;
	color:#000;

}

#menusprache .eng {

color:#fe0007;

	padding-left:50px;
	
	height:20px;
	font-weight:bold;
	font-size: 12px;
	background:url(images/spracheeng.gif) no-repeat;
border-bottom: 1px solid #fff;

}
#menusprache .de {

color:#fe0007;

	padding-left:50px;
	
	height:20px;
	font-weight:bold;
	font-size: 12px;
	background:url(images/sprachede.gif) no-repeat;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;

}
#menusprache{
	position: absolute;
	top:15px;
	width:170px;
text-align:left;}
#menube{
	position: absolute;
	top:15px;
	width:170px;
text-align:left;}
/*-------------------------------------------------*/

#main{
	position: absolute;
	top:180px;
	left:185px;
	width: 793px;
	height:auto;
	color: #fff;
	background:#fff;
	text-align:left;
}
#mains{
	position: absolute;
	top:180px;
	left:185px;
	width: 793px;
	height:auto;
	color: #fff;
	background:#fff;
	text-align:left;
	background:url(images/hinterstart.jpg) repeat-x;
}
#mainoben{
	position: relative;
	width: 793px;
	height:25px;
	color: #fff;
	background:#fff;
	text-align:left;
}
#mainmitte{
	position: relative;
	width: 793px;
	height:auto;
        margin-bottom:15px;
	color: #000000;
	background: #fff;
	text-align:center;
	
}
#mainmitte ul.uebersicht{
	line-height:25px;
	
}
#mainmittes{
	position: relative;
	width: 793px;
	height:auto;
	color: #000000;
	background: #fff;
	text-align:center;
	
}
.maintext{
	position: relative;
	padding-left:10px;
	padding-right:10px;
	width: 773px;
	height:auto;
	color: #000000;
	text-align:left;
	
}
.mainbilder{
	position: relative;
	width: 793px;
	height:auto;
	color: #000000;
	background: #fff;
	text-align:center;
	
}
#maincenter{
	margin:0 auto;
	padding-top:20px;
	position: relative;
	width: 590px;
	height:auto;
	color: #000000;
	text-align:left;
}
.maincenterprodukte{
	margin:0 auto;
	padding-top:20px;
	position: relative;
	width: 630px;
	height:auto;
	color: #000000;
	text-align:left;
}
#maincenterzu{
	margin:0 auto;
	padding-top:20px;
	position: relative;
	width: 650px;
	height:auto;
	color: #000000;
	text-align:left;
}
#maincenteredelzu{
	margin:0 auto;
	padding-top:20px;
	position: relative;
	width: 700px;
	height:auto;
	color: #000000;
	text-align:left;
}
#mainunten{
	position: relative;
	width: 793px;
	height:25px;
	color: #fff;
	/*background:#fff;*/
	text-align:left;
}
#maintextlinks{
	position: relative;
	padding-left:70px; 
	margin-top:30px;
	margin-bottom:20px;
	width: 450px;
	height:auto;
      
	color: #000000;
	
	text-align:left;
	float:left;
	
}
#maintextrechts{
	position: relative;
	margin-top:30px;
	margin-bottom:20px;
        
	width: 190px;
	height:auto;
        padding-left:20px;
	color: #000000;
	text-align:left;
	float:left;
	border-left:1px dotted #fe0007;
	
}
.rahmengesamt{
	position: relative;
	width: 400px;
	
	color: #000000;

	
}
.rahmenlinks{
	position: relative;
	width: 195px;
	height:auto;
	color: #000000;
	float:left;
	padding-right:10px;
	
	
	
}
.rahmenaktion{
	position: relative;
	width: 400px;
	height:155px;
	color: #000000;
	float:left;
	padding-top:10px;
	padding-right:10px;
	
	
	
}
.rahmenrechts{
	position: relative;
	width: 195px;
	height:auto;
	color: #000000;
	float:left;
	
	
	
}
/*-------schiene------------------------------------------*/

#contuntermenu{
	position:relative;
	width:793px;
        height:40px;
}

#contuntermenu ul{
padding: 0px;
margin: 0px;


}
#contuntermenu li{
         
         list-style:none;
         float:left;
         margin:0;
         border-right:3px solid #ffffff;
}
 .contuntermenupassiv {
	padding:5px 10px 6px 10px;
	background:#fe0007;
	color:#fff;
        font-weight:bold;
	font-size: 12px;
        display:block;
	

	}

#contuntermenu li a{
	padding:5px 10px 6px 10px;
	background:#cecece;
	color:#000000;
	text-decoration: none;
	font-weight:bold;
	font-size: 12px;
        display:block;
	}
#contuntermenu li  a:hover{
	padding:5px 10px 6px 10px;
	background:#fe0007;
        font-size: 12px;
	color:#fff;
	text-decoration: none;
        display:block;
	
	}
.contmenu{
	margin-right:30px;
	position:relative;
	width:175px;
        height:330px;
	padding-bottom:20px;
	float:left;
}
.contmenustart{
	
	margin-right:30px;
	position:relative;
	width:200px;
        height:330px;
	padding-bottom:20px;
	float:left;
}

.contmenu2{
	position:relative;
	width:175px;
	float:left;
}
.headmenustart{
	position:relative;
	width:195px;
	height:20px;
	background:#fe0007;
	color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 13px;
	padding-top: 7px;
	

}
.headmenu{
	position:relative;
	width:175px;
	height:20px;
	background:#fe0007;
	color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 13px;
	padding-top: 7px;
	

}
.bildmenustart{
	position:relative;
	width:193px;
	height:175px;
	border-right:1px solid #fe0007;
	border-left:1px solid #fe0007;
}
.bildmenu{
	position:relative;
	width:173px;
	height:175px;
	border-right:1px solid #fe0007;
	border-left:1px solid #fe0007;
}

.rubrikenmenu a 
{
	padding-top:5px;
	padding-left:15px;
	display: block;
	height:20px;
	font-weight:bold;
	font-size: 12px;
	text-decoration: none;
	color:#fff;
	border-bottom: 1px solid #fff;
	
	
}
.rubrikenmenu a:hover
{	display: block;
	font-size: 12px;
	color:#fff;
	background: #fe0007;
}
.rubrikenmenustart a 
{
	padding-top:5px;
	padding-left:15px;
	display: block;
	height:20px;
	font-weight:bold;
	font-size: 12px;
	text-decoration: none;
	color:#fff;
	border-bottom: 1px solid #fff;
	
	
}
.rubrikenmenustart a:hover
{	display: block;
	font-size: 12px;
	color:#fff;
	background: #fe0007;
}
.rubrikenmenu .rumenu{
	background:#686868;
	color:#fff;
}
.rubrikenmenustart .startrumenu{
	background:#686868;
	color:#fff;
}
.rubrikenmenu{
	position:relative;
	width:175px;
	height:auto;
	background:#686868;
}
.rubrikenmenustart{
	position:relative;
	width:195px;
	height:auto;
	background:#686868;
}
.rubrikenmenubestell{
	position:relative;
	width:350px;
	height:auto;
	background:#686868;
}
.rubrikenmenubestell a 
{
	padding-top:5px;
	padding-left:15px;
	display: block;
	height:20px;
	font-weight:bold;
	font-size: 12px;
	text-decoration: none;
	color:#fff;
	border-bottom: 1px solid #fff;
	
	
}
.rubrikenmenubestell a:hover
{	display: block;
	font-size: 12px;
	color:#fff;
	background: #fe0007;
}
.rubrikenmenubestell ul
{	
	list-style-type:none;
	margin:0;                
	padding:0;
}
.rubrikenmenu ul
{	
	list-style-type:none;
	margin:0;                
	padding:0;
}
.rubrikenmenustart ul
{	
	list-style-type:none;
	margin:0;                
	padding:0;
}
/*-------edelstahlwellrohrzubehoer------------------------------------------*/
.edelzu{
position:relative;
width:325px;
height:176px;
border:1px solid #686868;
margin-bottom:15px;
margin-right:20px;
float:left;
}
.edelzuhead{
	padding:6px 0px 0px 10px;
	position:relative;
	height:20px;
	width:315px;
	float:left;
	background:#686868;
	text-align:left;
	color:#fff;
	font-weight:bold;
	font-size:13px;

}
.edelzutext{
	
	
	position:relative;
	height:140px;
	width:150px;
	text-align:left;
	float:left;

}
.edelzutext li{
	
list-style:none;
}
.edelzutextk{
	padding-top:10px;
	padding-left:10px;
	position:relative;
	height:140px;
	width:150px;
	text-align:left;
	float:left;

}
.edelzubild{
	position:relative;
	height:150px;
	width:150px;
        border-right:1px solid #686868;
	float:left;

}
/*-------schienezubehoer------------------------------------------*/

.schienezu{
position:relative;
width:650px;
height:176px;
border:1px solid #686868;
margin-bottom:15px;
}
.schienezuhead{
	padding:6px 0px 0px 10px;
	position:relative;
	height:20px;
	width:640px;
	float:left;
	background:#686868;
	text-align:left;
	color:#fff;
	font-weight:bold;
	font-size:17px;

}
.schienezubild{
	position:relative;
	height:150px;
	width:150px;
	float:left;

}
.schienezutext{
	padding-top:10px;
	padding-left:10px;
	position:relative;
	height:140px;
	width:480px;
	text-align:left;
	float:left;

}
/*-------schieneverarbeitung------------------------------------------*/
.schienever{
position:relative;
width:200px;
height:260px;
border:1px solid #686868;
margin-bottom:20px;
margin-left:15px;
float:left;
}
.cprofilver{
position:relative;
width:200px;
height:300px;
border:1px solid #686868;
margin-bottom:20px;
margin-left:15px;
float:left;
}
.cprofilverblank{
position:relative;
width:200px;
height:300px;
border:1px solid #fff;
margin-bottom:20px;
margin-left:15px;
float:left;
}

.schienevertext{
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	position:relative;
	height:55px;
	width:190px;
	text-align:left;
	float:left;
}
.multivertext{
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	position:relative;
	height:100px;
	width:190px;
	text-align:left;
	float:left;
}
.schieneverbild{
	position:relative;
	height:200px;
	width:200px;
	float:left;

}
.multiverbild{
	position:relative;
	height:150px;
	width:200px;
	float:left;

}
#maincenterver{
	margin:0 auto;
	padding-top:20px;
	position: relative;
	width: 670px;
	height:auto;
	color: #000000;
	text-align:left;
}
.multihalterver{
	margin:0 auto;
	padding-top:20px;
	position: relative;
	width: 670px;
	height:auto;
	color: #000000;
	text-align:left;
}
.schienever2{
position:relative;
width:200px;
height:200px;
border:1px solid #686868;
margin-bottom:20px;
margin-left:15px;
float:left;
}
.galerieuber{
position:relative;
width:500px;
height:50px;
margin-left:15px;
}
.galeriehead{
font-weight:bold;
font-size:18px;
}
/*------------------schieneinfo-------------------------------*/
.schieneinfo{
position:relative;
width:550px;
height:32px;
margin-left:150px;
margin-top:20px;
margin-bottom:20px;
text-align:right;

}
.schieneinfobild{
	position:absolute;
        left:1px;
	height:32px;
	width:35px;
}
.schieneinfotext{
	padding-top:5px;
	position:absolute;
        left:45px;
	height:27px;
	width:500px;
	text-align:left;

}
#maincenterinfo{
	margin:0 auto;
	position: relative;
	width:710px;
	color: #000000;
	text-align:center;
}
/*------------------referenzen-------------------------------*/
.referrahmen{
margin:0 auto;
position:relative;
width:550px;
height:80px;
margin-top:20px;
margin-bottom:20px;
text-align:center;

}
.referbild{
	position:absolute;
        left:1px;
	height:80px;
	width:300px;
        text-align:left;
       
}
.refertext{
	padding-top:5px;
	position:absolute;
        left:330px;
	height:80px;
	width:250px;
	text-align:left;

}
/*-----------------allgemein-a---------------------------*/
a 
{
	font-weight:bold;
	font-size: 13px;
	color:#fe0007;
	text-decoration: none;
}
a:hover
{	
	font-size: 13px;
	color:#686868;

}
/*-----------------download--------------------------------*/
#downrahmen{
margin:0 auto;
position:relative;
width:700px;
height:auto;
margin-left:70px;
margin-top:20px;
margin-bottom:20px;
text-align:left;
}
.listedown{
        list-style-image:url(images/pdf.jpg);
        padding-bottom:5px;
        margin-left:20px;
}
.listedown2{
        list-style-image:url(images/txtico.gif);
        padding-bottom:5px;
        margin-left:20px;
}
.listedown3{
        list-style-image:url(images/filmicon.gif);
        padding-bottom:5px;
        margin-left:20px;
}
/*-----------------kontakt--------------------------------*/
#mainkontakt{
	margin-left:30px;
	margin-top:30px;
	position: relative;
	width: 760px;
	height:auto;
	color: #000000;
	background: #fff;
	text-align:center;
	
}
.kontaktrahmen{
position:relative;
width:350px;
height:230px;
text-align:left;
float:left;
}
.kontaktbild{
	position:relative;
	height:51px;
	width:271px;
}
.kontakttext{
	padding-left:5px;
	padding-top:10px;
	position:relative;
	height:150px;
	width:300px;
	text-align:left;
}
.headlinek{
	font-weight:bold;
	font-size: 15px;
	color:#000000;
}
/*-------------------------------------------------*/
.kontaktim{
	padding-left:5px;
	padding-top:10px;
	position:relative;
	height:auto;
	width:700px;
	text-align:left;
}
.kontaktra{
position:relative;
width:700px;
height:auto;
text-align:left;
float:left;
}
p{
margin-top:0px;
line-height:15px;

}
.achtung{
        font-weight:bold;
	font-size: 20px;
	color:#fe0007;
	
}
.bestnr{
        font-weight:bold;
	font-size: 15px;
	color:#fe0007;

}
.wellzub{
font-size: 12px;

}
.headlines{
font-weight:bold;
	font-size: 18px;
	color:#000000;
	line-height:25px;



}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
    
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}