/* VOLTWERK Main CSS */


/********************/
/*  COMMON CLASSES  */
/********************/

/*all images without border*/

img{border-width: 0;
	border-style: none;}	
	
a, .intro a, a.external-link-new-window, a.internal-link, a.internal-link-new-window{
	text-decoration: underline;
	color: #000;
	font-weight: normal;}

a:hover, a.external-link-new-window:hover, a.internal-link:hover, a.internal-link-new-window:hover{
	color: #ee7500;}
.bold{
	font-weight: bold;}

h4 a, 
h4 a.external-link-new-window, 
h4 a.internal-link, 
h4 a.internal-link-new-window{
	font-weight: bold;
	text-decoration: underline;
}
	
/* Common Style, see product.css */	
table {}

/* turn on javascript */
p.alert{
	font-size: 90%;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 20px;
}	


/********************/
/* MAIN PAGE AREAS  */
/********************/

/* NON-HEADER */
*{padding:0; margin:0;}
body { 
background-color: #fff;
font: 62.5% arial,hevetica,sans-serif;
}

.page-container {
	width:910px; 
	font-size:1.0em; 
	padding: 20px;
	margin: auto; /*zentrieren*/
	/*margin-top: 10px;
	margin-left: 10px;
	wenn der srollbalken verschwindet, springt die seite nicht*/
}
.main {clear:both; width:938px;
min-height: 410px;
height: auto;
}

.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:140px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* START */
.start {
display:inline /*Fix IE floating margin bug*/; 
float:left; 
width:910px; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;
margin: 0 0 0 -30px;
z-index: 99;
position: relative;
}


/* NORMAL */
.main-content {
display:inline /*Fix IE floating margin bug*/; 
float:left; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;
width:768px; 
margin: 0 0 0 30px;
}

/* FOOT */
.footer {clear:both; width:880px; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
border-top: 1px solid #000;
padding-top: 0.7em;
	margin-top: 3em;
}

/* HEADER */
.header {width:910px; font-family:arial,sans-serif; background: #fff;
	position: relative;
	height: 77px;
}


/********************/
/*  HEADER SECTION  */
/********************/
.logo { 
	position: absolute;
	bottom: -2px;
	right: 2px;
}

/* Service-Links, top and bottom of the page */	
.smallbar{
}
	
.service-links, .foot {
	margin: 0;
	color: #000;
	font-size: 90%;
	font-weight: normal;}

.service-links li{
	float: left;
	list-style: none;
	padding: 0 5px 0 0;
	margin-right: 5px !important;
	margin-right: 3px;
}

/* Instead pipe after "Language"*/
/*notation if IE 6 was working like a reasonable browser:
.service-links > li{
	border-right: 1px solid #818181;}*/
.service-links li{
	border-right: 1px solid #818181;}
.service-links * li{
	border-style: none;}

/* span.first and span.last see foot-menu*/
.service-links a, .language a, .foot a{
	font-weight: normal;
	font-style: normal;
	color: #818181;
	text-decoration: none;
}

.service-links a:hover, .language a:hover, .language span.act, .foot a:hover{
text-decoration:none; color:#ee7500;
}

/* choice of language */
.service-links li:hover ul.language, .service-links li.hover ul.language{
	display: block;}
		
ul.language{
	display: none;
	position: absolute;
	top: 10px !important;
	top: 11px;
	left:0px;
	background-color: #fff;
}

ul.language li{
    float: none;
	position: relative;}

ul.language li img{
	width: 14px;
	padding-right: 5px;
	margin-bottom: -3px;}
	
/*  Flag-icons */
.lang img {
}

/*BREADCUMBS*/
.header-breadcrumbs {clear:both; width:910px;
height: 10px; 
padding-bottom: 0.7em;
padding-top: 1.3em;
}

.rootline a {
	color: #818181;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.rootline a:hover {
	font-weight: normal;
	font-style: normal;
color:#ee7500;}

.rootline { 
	font-size: 90%;
	margin-left: 170px;
}

/* HORIZONTAL MENU */
/* Navigation Level 1 */
.nav1-top {
	color: #000; 
	font-size: 110%;
	border-bottom: 1px solid #000;
	width: 630px;
	float: left;
	position: absolute;
	bottom: 0;
} 

.nav1-top ul {
	margin-right: auto;
	margin-left: auto;}
	
	
.nav1-top ul li.no, .nav1-top ul li.act{
	float:left; 
	list-style:none;
	padding: 0 30px 7px 0;
}

/*li.no Normalzustand*/
/*li.act aktiver Zustand*/
	
.nav1-top ul li.no a:hover, .nav1-top ul li.act a {
	color: #ee7500;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.nav1-top ul li.no a, .nav1-top ul li.nolast a {
	color: #000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}


/******************/
/*  MAIN SECTION  */
/******************/
/* LEFT MAIN MENU */
/* Navigation Level 2 to 4 */
/* IE styles see IE-hack.css*/

/* Common Styles */
.nav-main {width:140px;
	margin-top: -1em;
}

.nav-main a{
	display:block; 
	color: #000;
	text-decoration: none;
	font-size: 110%;
	min-height:1.2em /*Non-IE6*/; 
	height:auto !important; 
	height:1.2em /*IE6*/; 
	line-height: 1.2em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	font-weight: normal;
	font-style: normal;
	padding: 0 15px 0px 0;}
	
.nav-main li {list-style: none;
}

/* Level 2 */
.nav-main > li {
	border-bottom: 1px solid #000;}

.nav-main > li > a{
	margin-top: 0.8em;
	margin-bottom: 0.8em;}	
				
.nav-main li a:hover, .nav-main li.act > a, .nav-main li.actifsub > a{color: #ee7500;}
	
.nav-main li.ifsub a{
	background: #fff url(../img/closed.gif) no-repeat 125px;
}	

.nav-main li.ifsub a:hover, .nav-main li.actifsub a {	
	background: #fff url(../img/open.gif) no-repeat 125px;}	

/*level3*/
.nav-main li ul li{
	margin-left: 15px;
	border-top: 1px dotted #818181;
}

.nav-main li ul li.ifsub a{
	background: #fff url(../img/closed.gif) no-repeat 110px;
}	

.nav-main li ul li.ifsub a:hover, .nav-main li ul li.actifsub a {	
	background: #fff url(../img/open.gif) no-repeat 110px;}	
	
/*level4*/	
.nav-main li ul li ul li.ifsub a{
	background: #fff url(../img/closed.gif) no-repeat 95px;
}	

.nav-main li ul li ul li.ifsub a:hover, .nav-main li ul li ul li.actifsub a {	
	background: #fff url(../img/open.gif) no-repeat 95px;}	
		
/*dynamisches Ein- und Ausblenden der 3.Ebene on-click*/
.nav-main li ul{
	display: none;}

.nav-main li.actifsub ul, .nav-main li.act ul {
	display: block;}
		
/*dynamisches Ein- und Ausblenden der 4.Ebene on-click*/
.nav-main li ul li.ifsub ul, .nav-main li ul li.no ul{
	display: none;}
	
.nav-main li ul li.actifsub ul, .nav-main li ul li.act ul{
	display: block;}

/****************************/

/* TOP OF PAGE */
.topofpage, .csc-linkToTop {	
	width: 710px;
	border-bottom: 1px solid #000;
	font-size: 90%;
	text-align: right;
	float: left;
	padding: 0;
}/*generell, L2 contentblock-products*/

.csc-linkToTop{
	width: 700px;
	margin-top: 0.7em;
	background: #fff url(../img/top.gif) no-repeat right -3px;
	padding-right: 10px;
}

.contentblock .topofpage, 
.contentblock .csc-linkToTop {	
	float: none;}/*L4a + non products*/

.references-container .topofpage {	
	float: none;
	margin-top: 0.4em;
}

#tabContent2 .topofpage, #tabContent3 .topofpage{	
	margin-top: 0.5em;
}/*L4b Technische Daten + L4c Download*/

.topofpage a, .csc-linkToTop a{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000;
}

.topofpage a:hover, .csc-linkToTop a:hover{
	color: #ee7500;
	text-decoration: none;
}
/*  FOOTER SECTION  */
/********************/
/* foot-menu and small top menu*/
span.first {
	padding-right: 5px;
	padding-left: 0px;
}

span.last {
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #818181;
	}
	
.foot#left{
	float: left;
	width: 33%;
}

.foot#middle{
	float: left;
	text-align: center;
	width: 33%;
	color: #818181;
}

.foot#right{
	float: right;
	width: 33%;
	text-align: right;
	color: #818181;
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.main:after, .page-container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clear {clear:both;}

/******************/
/*  SITEMAP  */
/******************/

.csc-firstHeader{
	background-color: #fff;
	font: bold 140%/1.5em Arial, Helvetica, sans-serif;
	color: #000;
	margin-left: 140px;
}

.csc-sitemap{
	font-size: 110%;
	line-height: 1.7em;
	width: 710px;
	margin-left: 140px;
}

.csc-sitemap ul{
	list-style-type: none;
}

/*.csc-sitemap ul li{
	margin-left: 15px;
}*/

.csc-sitemap ul li  {
	/*background-color: #ee7500;*/
	text-indent: 15px;
	padding-top: 1em;
}

.csc-sitemap * ul li {
	/*background-color: #cacaca;*/
	text-indent: 30px;
	border-bottom: none;
	border-top: none;
	padding-top: 0;
}

.csc-sitemap * ul li ul li {
	/*background-color: #e6e6e6;*/
	text-indent: 45px;
	border-bottom: none;
	border-top: none;
	padding-top: 0;
}

.csc-sitemap * ul li ul li ul li {
	/*background-color: #fff;*/
	text-indent: 60px;
	border-bottom: none;
	border-top: none;
	padding-top: 0;
}

.csc-sitemap ul li a{
	font-weight: bold;
}

.csc-sitemap * ul li a{
	font-weight: normal;
}


.csc-textpic{
	margin-left: 130px;
}