/*Style-Definition für die Seite*/
html, body{
height:100%;
width:100%;
}

body{
	margin:0;
	padding:0;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#676767;
	scrollbar-3dlight-color:#676767;
	scrollbar-arrow-color:#676767;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#676767;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	background-image:url(shared/bg.gif);
  background-repeat: repeat-y;
}


/*Style-Definition für die Containerelemente der Seite*/

#logo{
	z-index:20;
	position:absolute;
	left:305px;
	top:0px;
	width:400px;
	height:100px;
}

#bild_left{
	z-index:30;
	position:absolute;
	left:10px;
	top:300px;
	width:207px;
	height:79px;
}

#bild_top{
	z-index:10;
	position:absolute;
	left:0px;
	top:100px;
	width:707px;
	height:186px;
}

#headline{
	z-index:15;
	position:absolute;
	left:0px;
	top:257px;
	width:685px;
	height:30px;
	color:#F08800;
	font-weight:bold;
	text-align:right;
	font-size:18px;
}



#navi{
	line-height:18px;
	position:absolute;
	left:707px;
	top:102px;
	width:210px;
}

#zusatznavi{
	z-index:40;
	position:absolute;
	left:47px;
	top:80px;
	width:400px;
	height:20px;
}

#content{
	line-height:16px;
	position:absolute;
	left:250px;
	top:300px;
	width:440px;
	height:350px;
}

#angebot
{
	position:absolute;
	left:7px;
	top:380px;
	width:210px;
	height:220px;
}

li{
	list-style-image:url(shared/bullet.gif);
	list-style-position:outside;
	padding-left:5px;
	padding-bottom:5px;
}
/*Style-Definition für die First-Level-Navigation*/

font{
	font-size:12px;
	color:#045FB2;
	text-decoration: none;
	white-space:nowrap; 
	font-weight:normal;
}


DIV.fstLevel a
{
	text-decoration: none;
	display:block; 
	white-space:nowrap; 
	overflow:hidden;
	font-weight:normal;
	text-align:left;
  background-color:#ffffff;
	color:#045FB2;

}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
	color:#F08800;
  background-color:#ffffff;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
	text-decoration: none;
  background-color:#ffffff;
	display:block; 
	white-space:nowrap; 
	overflow:hidden;
	font-weight:bold;
	text-align:left;
	color:#F08800;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel a
{
	padding-left:10px;
	text-decoration:none;
	display:block; 
	white-space:nowrap; 
	overflow:hidden;
	font-weight:normal;
	text-align:left;
  background-color:#ffffff;
	color:#F08800;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
	color:#676767;
	padding-left:10px;
  background-color:#ffffff;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
	padding-left:10px;
	text-decoration:none;
	display:block; 
	white-space:nowrap; 
	overflow:hidden;
  background-color:#ffffff;
	font-weight:normal;
	text-align:left;
	color:#676767;
}

/*Style-Definition für Link*/

a:link,a:visited{
  font-weight:normal;
  font-size:12px;
  text-decoration:none;
  color:#F08800;
}

a:hover,a:active{
  font-weight:normal;
  font-size:12px;
  text-decoration:none;
  color:#676767;
}
*Style-Definition für das Anfrageformular*/

.knopf{
  clear: both;
  background-color:#cccccc;
  font-weight:bold;
  border:1px solid #F18800;
  text-align: center;
}

.eingabe{
  color:#000000;
  width:300px;
  background-color:#ffffff;
  border-top: 2px solid #ADADAD;
  border-left: 2px solid #ADADAD;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.textarea{
  font-family:verdana;
  color:#000000;
  width:300px;
  background-color:#ffffff;
  border-top: 2px solid #ADADAD;
  border-left: 2px solid #ADADAD;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  overflow:auto;
}

.label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#676767;
}

/*Style-Definition für die STabellen im Lagerbereich*/

.tabhead{
	font-weight:bold;
	border-bottom: 1px solid #F18800;
	text-align:center;
}

.tabinhalt1{
	color:#005EAB;
	text-align:center;
	background-color:#cccccc;
}
.tabinhalt2{
	color:#005EAB;
	text-align:center;
	background-color:#c3c3c3;
}

.tablinks{
	font-weight:bold;
	width:102px;
	text-align:right;
}
.tabrechts{
	padding-left:10px;
	color:#005EAB;
	text-align:left;
}

.produktbild{
	padding:5px;
	border: 1px solid #cccccc;
}


.vor{
	font-weight:bold;
	width:102px;
	text-align:right;
	border-bottom: 1px solid #F18800;
}

.tabinhalt1{
	color:#005EAB;
	text-align:center;
	border-bottom: 1px solid #F18800;
	padding-left:10px;
	padding-right:10px;
	background-color:#c3c3c3;
}

.tabinhalt2{
	color:#005EAB;
	text-align:center;
	border-bottom: 1px solid #F18800;
	padding-left:10px;
	padding-right:10px;
	background-color:#989898;
}

.lagertable{
	border-top: 1px solid #F18800;
}


/*Style-Definition für die STabellen im Lagerbereich GEANDERT!!!!!!!!!!!*/
.tabtop{
	font-weight:bold;
	color:#ffffff;
	border-bottom: 1px solid #F18800;
	background-color:#146BB2;
	text-align:center;
}

.zeile1{
	font-weight:normal;
	color:#000000;
	border-bottom: 1px solid #F18800;
	background-color:#F18800;
	text-align:center;
}

.zeile2{
	font-weight:normal;
	color:#146BB2;
	border-bottom: 1px solid #F18800;
	text-align:center;
}