/* Allgemeines CSS für die Voltcraft-Seiten */

*{
	font-family:arial;
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
}

a:link { color:red; text-decoration:none; }
a:visited { color:red; text-decoration:none; }
a:active { color: rgb(255,100,100); text-decoration:none; }
a:hover { color: rgb(255,100,100); text-decoration:none; }



body{
/*background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	background-color:#666666;*/
	margin-top:0px;
}

#main{
	margin:auto;
	width:990px;
}
#header{
  position:absolute;
  top:0px;
  margin:0 auto;
  width:990px;
  z-index:0;
}

#header_fg{
  position:absolute;
  top:0px;
  margin:0 auto;
  width:990px;
  z-index:2;
  background-image: url(../img/header_fg.png);
  clip:rect(0px, 300px, 165px, 0px);
}

#headNavi{
	color:#FF0000; 
	font-size: 14px;
	font-family: Arial; 
	font-weight: bold;
	background-image:url(../img/headNavi.jpg);
	width:990px;
	height:23px;
}
#vNavAndContent{
  position:absolute;
  top:166px;
  width:990px;
}
.bold{
	font-weight:bold;
}


sup{
  color:black;
}

img{
  behavior: url(iepngfix.htc);
}

/* Timeline */

#slideview{
  position:absolute;
  top:50px;
  left:0px;
  width:990px;
  height:478px;
  z-index:2;
  clip:rect(0px, 840px, 478px, 0px);*/
  padding-left:10px;
  margin-left:60px;
}

#slideview_button_left{
  position:absolute;
  left:0px;
  top:270px;
  width:57px;
  height:81px;
  z-index: 30;
}

#slideview_button_right{
  position:absolute;
  left:900px;
  top:270px;
  width:57px;
  height:81px;
  z-index: 30;
}


/* Vertikale Navigation */
#vNavi{
	width:117px;
	height:448px;
	background-image:url(../img/vNavi.JPG);
	background-repeat:no-repeat;
	float:left;
}
.vnavi_ele_spacer{
	height:29px;
	width:117px;
}
.vnavi_link_active{
	color: rgb(93,93,103);
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	margin-left:10px;
}
.vnavi_link{
	color:#ffffff;
	font-size:13px;
	font-family:arial;
	font-weight:bold;
	margin-left:10px;
}
.vnavi_link:hover{
	color:#787878;
}
.vNavElement{
	height:29px;
	width:117px;
	background-image:url(../img/vNavElement.jpg);
	background-repeat:no-repeat;
	vertical-align:middle;
}

/* Content */
#content{
	/*width:873px; ie6 verkraftet keine width-angabe...*/
	height:565px;
	margin-left:0px; /*  117px mit left-navi */
	width:100%;
}


#bg_header{
  position:absolute:
  top:0px;
  left:0px;
  width:100%;
  height:165px;
  z-index:-1;
}

#bg_header_leftpart{
  position:absolute;
  left:0px;
  top:0px;
  min-width:50%;
  height:165px;
  background-color:rgb(19,8,24);
  z-index:0;

}

#bh_header_rightpart{
  min-width:100%;
  height:165px;
  background-color:rgb(223,222,227);
  z-index:0;

}

#bg_content{
  position:absolute;
  top:166px;
  left:0px;
	background-color:#ffffff;
	height:100%;
	width:100px;
	margin-left:0px;
	z-index:-1;
}

#content_spacer{
	height:25px;
}
.centerElement{
  margin: 0 auto;
}
#content_text{
	margin-left:15px;
	color:#000000;
	font-size:14px;
	font-family:arial;
	width:700px;
}

/* Footer */

#footer{
  height:38px;
}
/*



#footerTable{
	color:#000000; 
	font-size: 12px;
	font-family: Arial; 
	font-weight: bold;
}
.footer_link{
	color:#FFFFFF;
	font-size:12px;
}
.footer_link:hover{
	color:rgb(124,123,129);
}
*/

/* New Elements */

#head_spacer{
  height:40px;
  width:990px;
}

#segment_text{
  width:585px;
  color:black;
  height: auto;
  margin-left:15px;
  float:left;
}


#segment_headlines{
  width:309px;
  height: 47px;
  margin-left:3px;
  }


#segment_links{
  width:585px;
  height:200px;
  padding-top:15px;
  padding-left:30px;
  float:none;
}

#segment_overview_box{
  position:absolute;
  left:0px;
  width:990px;
  top:130px;
  height:200px;
  background-color:rgb(223,222,227);
}

#segment_box{
  width:260px;
  height:175px;
  border:2px solid grey;
  color:black;
  margin-left:50px;
  margin-top:20px;
  float:left;
}