*{
margin:0;
padding:0;
list-style:none;
}

html{
padding:0;
margin:0;
}

a img{border:none;}

a{
text-decoration:none;
font-weight:bold;
color:#333;
}

body{
padding:0px;
margin:0px;
border-top:4px solid #FE3E14;
background:url(images/header.png) no-repeat center 5px #E7E7E7;
}

	#bordertop{
	border-top:1px solid #fff;
	position:absolute;
	width:100%;
	z-index:3;
	}

	#wrapper{
	position:relative;
	margin:0 auto;
	width:940px;
	z-index:100;		
	}

		#logo{
		width:156px;
		height:91px;
		position:absolute;
		top:62px;
		left:7px;
		z-index:999;
		}
		
		#info{
		position:absolute;
		left:0px;
		top:613px;
		padding:15px 15px 15px 15px;
		width:200px;
		margin:0 0 0 4px;
		background:#fff;
		}

		#info.standards_barcodes, #info.solutions_edi_praxis{top:661px;}

		#info.solutions_category_management{top:709px;}

			#info span{
			font-family:'myriad-pro',Arial,Helvetica,sans-serif;
			color:#222;
			font-size:20px;
			font-weight:600;
			line-height:28px;
			display:block;
			margin:7px 0 14px 0;
			}

				#info li a{
				float: left;
				color: #555;
				padding: 0px 3px;
				text-shadow: 0 1px 0 white;
				white-space: nowrap;
				margin:0 3px 5px 0;
				font-family: Arial;
				font-weight: normal;
				display:block;
				}

				#info li a:hover{color:#222;}

				#info li{margin:0  0 3px 0;}

				#info li.dg{
				float: left;
				width: auto;
				height: 21px;
				font-size: 14px; 
				padding: 0 0 0 2px;
				background: url(images/bg_dark_grey_size_m.png) no-repeat 0px 0px;
				}

				#info li.dg:hover{background: url(images/bg_light_grey_size_m_hover.png) no-repeat 0px 0px;}

				#info li.dg a{
				float: left;
				width: auto;
				height: 18px;
				color: #333;
				text-shadow: 0 1px 0 white;
				white-space: nowrap; 
				padding: 3px 4px 0 0px;
				background: url(images/bg_dark_grey_size_m_right.png) no-repeat right 0px;
				}

				#info li.dg a:hover{background:url(images/bg_light_grey_size_m_right_hover.png) no-repeat right 0px;}

				#info li.lg{
				float: left;
				width: auto;
				height: 21px;
				font-size: 12px; 
				margin: 0px 0 3px 0;
				padding: 0 0 0 2px;
				background: url(images/bg_light_grey_size_m.png) no-repeat 0px 0px;
				}

				#info li.lg:hover{
				float: left;
				width: auto;
				height: 21px;
				font-size: 12px; 
				margin: 0px 0 3px 0;
				padding: 0 0 0 2px;
				background: url(images/bg_light_grey_size_m_hover.png) no-repeat 0px 0px;
				}

				#info li.lg a{
				float: left;
				width: auto;
				height: 18px;
				padding: 3px 4px 0 0px;
				background: url(images/bg_light_grey_size_m_right.png) no-repeat right 0px;
				}

				#info li.lg a:hover{
				float: left;
				width: auto;
				height: 18px;
				padding: 3px 4px 0 0px;
				background: url(images/bg_light_grey_size_m_right_hover.png) no-repeat right 0px;
				}

				#info li.lg_s{
				float: left;
				width: auto;
				height: 16px;
				font-size: 9px;
				margin: 3px 0 3px 0;
				padding: 0 0 0 2px;
				background: url(images/bg_light_grey_size_m.png) no-repeat 0px 0px;
				}

				#info li.lg_s:hover{background:url(images/bg_light_grey_size_m_hover.png) no-repeat 0px 0px;}

				#info li.lg_s a{
				float: left;
				width: auto;
				height: 13px;
				padding: 3px 4px 0 0px;
				background: url(images/bg_light_grey_size_m_right.png) no-repeat right 0px;
				}

				#info li.lg_s a:hover{background:url(images/bg_light_grey_size_m_right_hover.png) no-repeat right 0px;}

		#content{
		position: relative;
		float: left;
    width: 698px;
		margin: 285px 0 0 238px;
		background: #fff;
		}

			#left_column{
			float: left;
			width: 450px;
			padding: 0 0 10px 0;
			}

				#content hr {
				width: 698px;
				height: 4px;
				background: #E7E7E7;
				border: none;
				padding: 0px; 
				margin: 0px 0 20px 0;
				}	
		
				#left_column #bg_dot{
					width: 450px;
					padding: 0 0 5px 0;
					margin: 49px 0 20px 15px;
					background: url("images/border_dotted.png") repeat-y right 0;
				}
		
				#left_column #bg_dot_2{
					width: 440px;
					margin: 20px 0 15px 15px;
					padding: 0 10px 0 0;
					display: block;
					background: url("images/border_dotted.png") repeat-y right 0;
				}
				
					#content strong {
						padding: 3px 0 13px 0;
						color: #222222;
						display:block;
						font-family: Arial,Helvetica,sans-serif;
						font-size: 23px !important;
						font-weight: 600;
						line-height: 28px;
					}
					
						#content h1{
							color: #777777;
							font-family: Arial,Helvetica,sans-serif;
							font-size: 15px;
							font-weight: bold;
							line-height: 18px;
							margin: 0 0 0.67em;
						}
						
						#content h2{
							font-family:Arial,Helvetica,sans-serif;
							font-size: 12px;
							font-weight: bold;
							margin: 0 0 0.67em;
							line-height: 18.6px;
						}
							#content p {
								font-family:Arial,Helvetica,sans-serif;
								font-size: 12px;
								margin: 0 0 0.67em;
								line-height: 18.6px;
								padding: 0 0 2.9px 0;
							}
						
							
			#content #image_text {
				width: 210px;
				height: 60px;
				top: 177px;
				left: 0;
				position: absolute;
				color: white !important;
				font-size: 15px;
				line-height: 20px;
				font-family: 'myriad-pro',Arial,Helvetica,sans-serif;
				font-weight: normal;
				padding: 10px 10px 0 20px;
				text-shadow: 0 1px 0 #FD1203;
				letter-spacing: 0.04em;
				background: url("images/orange-text-bg.png") no-repeat 0px 0px;
				
			}
			
			#content #image {
				width: 240px;
				height: 72px;
				top: 177px;
				left: 0;
				position: absolute;
			}
			
				
			#content #teaser_box{
				width: 434px;
				height: 162px;
				padding: 15px 20px 27px 7px;
				position: relative;
				display: block;
				margin: 2px 0 0 0;
				background: url("images/bg_teaser_lessh.png") no-repeat 0px 0px;
			}
		
			#content #teaser_box.edi{
				width: 434px;
				height: 162px;
				padding: 15px 20px 0 7px;
				position: relative;
				display: block;
				margin: 2px 0 0 0;
				background: url("images/bg_teaser_lessh_edi.png") no-repeat 0px 0px;
			}	
		
			
			#content #teaser_left {
				width: 215px;
				float: left;
				padding: 40px 0 0 11px; 
			}
			
			
			#content #teaser_right {
				width: 175px;
				float: left;
			}
			
				#content #teaser_right  p span{
					font-weight:bold;
				}	
	
			
				#content #teaser_box p{
					font-weight: normal;
					padding: 0 0 0 3px;
					margin: 0px;
				}
			
				#content #teaser_box a{
					width: 120px;
					height: 36px;
					color: #555555;
					display: block;
					line-height: 30px;
					font-family: Arial,Helevetica,sans-serif;
					font-size: 11px;
					background: url("images/bg_teaser_button.png") no-repeat 0 0;
					padding: 2px 0 0 10px;
					margin: 20px 0 0 0;
					font-weight: normal;
					text-shadow: 0 1px 0 white;
				}
				
				#content #teaser_box a:hover{
					color: #333333;
					background: url("images/bg_teaser_button_hover.png") no-repeat 0 0;
				}

			#right_column{
				width: 218px;
				float: right;
				padding: 51px 0 0 0;
				background: url("images/bg_gs1_complete_cut.png") no-repeat 85px 54px;
				
			}
					
				#right_column  p.big {
					font-family: 'myriad-pro',Arial,Helvetica,sans-serif;
					color: #222222;
					font-size: 22px;
					font-weight: 600;
					line-height: 28px;
					display: block;
					margin: 0px;
				}
			
					#right_column #login_box{
						width: 203px;
						height:129px;
						margin: 11px 0 0 0;
						padding: 10px 0 0 10px;
						background: url("images/bg_login_box.png") no-repeat 0 0;
					}

							#right_column #login_box .form-row{
								width: 203px;
							}
					
								#right_column #login_box input.email {
									height: 25px;
									float: left;
									width: 95px;
									margin: 0px 9px 0 0px;
									border: solid 1px #999999;
									border-color: #999999;
									border-radius: 0 0 0 0;
									box-shadow: 0 0 0 3px #CBCBCB;
									color: #666666;
									font-family: Arial;
									font-size: 11px;
									padding: 0 0 0 5px;
								}
								
								#right_column #login_box input.password {
									height: 25px;
									float: left;
									width: 60px;
									margin: 6px 8px 0 0px;
									border: solid 1px #999999;
									border-color: #999999;
									border-radius: 0 0 0 0;
									box-shadow: 0 0 0 3px #CBCBCB;
									color: #666666;
									font-family: Arial;
									font-size: 11px;
									padding: 0 0 0 5px;	
								}
								
								#right_column #login_box input.checkbox {
									width: 14px;
									height: 14px;
									margin: 6px 5px 0 0;
									float: left;
							
								}
					
								#right_column #login_box p {
									font-family: Arial,Helevetica,sans-serif;
									font-size: 9.83333px;
									line-height: 9.83px;
									font-weight: normal;
									color: #222222;
									text-shadow: 0 1px 0 white;
									padding: 4px 0 0 0;
									display: block;
								}
								
								 button.small {
									background:none;
									border: none;
									font-size: 11px;
									font-weight: normal;
									line-height: 24px;
									font-family: Arial,Helevetica,sans-serif;
									padding: 8px 0 0 6px;
									font-weight: normal;
									color: #333333;
									text-shadow: 0 1px 0 white;
								}
					
					
								.user-menu {
									width: 203px; 
									color: #222222;
									text-shadow: 0 1px 0 white;
									font-family: Arial,Helevetica,sans-serif;
									font-size: 10px;
									line-height: 15px;
									margin: 13px 0 0 0;
									font-weight: normal;
									letter-spacing: -0.5px;
								}
									
					#right_column #link_box{
						width: 203px;
						margin: 87px 0 0 0;
					}
						#right_column #link_box p.small{
							font-weight: bold;
							font-size: 11px;
							line-height: 15px;
							padding: 9px 0 3px 0;
						}
						
						#right_column #link_box ul{
							padding: 0 0 1px 0;
						}
						
						#right_column #link_box ul li a{
							padding: 0 0 0 15px;
							font-family:Arial;
							font-size: 11px;
							display:block;							
							line-height: 15.65px;
							font-weight: normal;
							background: url("images/arrow_right_black.png") no-repeat 4px 6px;
						}
						
						#right_column #link_box ul li a:hover{
							text-decoration:underline;
						}

			#breadcrumb{
				width: 430px;
				top: 0px; 
				left: 0px;
				position: absolute;
				font-family:Arial;
				background: none repeat scroll 0 0 white;
				color: #555555;
				display: block;
				font-size: 9px;
				line-height: 9px;
				margin: 0;
				overflow: hidden;
				padding: 20px 15px 0;
			}
		
				#breadcrumb a{
					 color: #999999;
					 padding: 0 0 0 1px;
					 font-weight: normal;
				}
		
		#metanav {
			position: absolute;
			top:13px;
			right: 210px;
		}	
		
		
		#metanav li{
			float: left;
		}
		
			#metanav li a{
				color: #555555;
				font-size: 11px;
				line-height: 24px;
				text-shadow: 0 1px 0 white;
				font-family: Arial,Helvetica,sans-serif;
				padding: 0 5px 0 6px;
			}
			
			#metanav li a:hover{
				color: #333333;
			}
			
			
		#top_search {
			display: inline-block;
			margin-top: -1px;
			overflow: visible;
			position: absolute;
			top: 13px; 
			right: 2px;
			width: auto;
			overflow: visible;
		}
	
		#top_search input.text {
			background: none repeat scroll 0 0 white;
			border: 1px solid #BBBBBB;
			border-radius: 4px 4px 4px 4px;
			box-shadow: 0 0 0 0 transparent;
			color: #666666;
			height: 22px;
			line-height: 22px;
			padding: 0;
			text-indent: 22px;
			width: 79px;
			font-family: Arial;
			font-size: 11px;
		}
		
		#top_search input.icon_lupe {
			width:11px;
			height: 13px;
			background: url("images/icon_lupe.png") no-repeat 0px 0px;
			position: absolute;
			top: 7px; 
			left: 9px;
		}	
			
		#sidenavi {
			position: absolute;
			width: 200px; 
			border-right: 4px solid #EAEAEA;
			top:285px;
			left:0px;
			height:auto;
			margin: 0 0 0 4px;
			background:#fff;
			padding:12px 15px 0 15px;
		}
			
				#sidenavi span {
					font-family: 'myriad-pro',Arial,Helvetica,sans-serif;
					color: #222222;
					font-size: 20px;
					font-weight: 600;
					line-height: 28px;
					display: block;
					margin: 7px 0 14px 0;
				}
				
				#sidenavi ul{padding-bottom:20px;}
				#sidenavi ul ul{padding-bottom:0;}
				
					#sidenavi li {
						border-top: 1px dotted #A8A8A8;
						display: block;
						line-height: 23px;
						font-family: Arial,Helevetica,sans-serif;
						font-size: 11px;
						line-height: 23px;
					}
					
					#sidenavi li a{
						padding: 0 0 0 5px;
					}
					
					#sidenavi li a:hover{
						color: #FE3E14;
					}
				
						#sidenavi li a.aktiv{
							color: #FE3E14;
							padding: 0 0 0 15px;
							display: block;
							background: url("images/arrow_left_orange.png") no-repeat 5px 6px; 
						}
				
								#sidenavi li ul li a{
									color: #FE3E14;
									padding: 0 0 0 15px;
									font-weight: normal;
								}
			
		#outerfooter{
			position: relative;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			overflow: visible;
		}
				
			#footer{
				position: relative;
				width: 932px;
				height: 45.5px;
				margin: 27px auto 52px auto;
				background: #fff;
				z-index: 0;
				font-family: Arial,Helevetica,sans-serif;
				font-size: 12px;
				line-height: 42px;
				font-weight: normal;
			}	
			
			
				#footer #copy{
					width: auto;
					padding: 2px 0 2px 15px;
					float: left;
				}	
				
				#footer #footer_left{
					width: 215px;
					border-right: solid 4px #E7E7E7;
					padding: 16px 0 15px 15px;
					float: left;
				}	
					#footer #footer_left a{
						float: left;
						margin: 0 4px 0 0;
					}	
					
					#footer #footer_left a.rss{
						width: 18px;
						height: 18px;
						background: url("images/icon_rss.png") no-repeat 0px 0px; 
					}	
					#footer #footer_left a.rss:hover{
						background: url("images/icon_rss_hover.png") no-repeat 0px 0px; 
					}
					
					#footer #footer_left a.fb{
						width: 18px;
						height: 18px;
						background: url("images/icon_fb.png") no-repeat 0px 0px; 
					}	
					
					#footer #footer_left a.fb:hover{
						background: url("images/icon_fb_hover.png") no-repeat 0px 0px; 
					}	
					
					#footer #footer_left a.tw{
						width: 18px;
						height: 18px;
						background: url("images/icon_tw.png") no-repeat 0px 0px; 
					}	
					
					#footer #footer_left a.tw:hover{
						background: url("images/icon_tw_hover.png") no-repeat 0px 0px; 
					}	
					
					#footer #footer_left a.yt{
						width: 22px;
						height: 18px;
						margin: -1px 0 0 0;
						background: url("images/icon_yt.png") no-repeat 0px 0px; 
					}	
					
					#footer #footer_left a.yt:hover{
						background: url("images/icon_yt_hover.png") no-repeat 0px 0px; 
					}	
				
					#footer #footer_left p {
						padding: 0 0 0 15px;
						color: #222222;
						
					}	
					
				#footer_nav {
					float: right;
					padding: 2px 15px 0 0;
				}	
				
					#footer_nav li {
						float: left;
						
					}	

						#footer_nav li a{
							float: left;
							font-weight: normal;
							padding:0px 6px;
						}	
						
						#footer_nav li a:hover{
							color: #FE3E14;
						}	
				
		#header {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 1000px;
			padding: 187px 0 0 0;
			background: url("images/bg_header_text.png") no-repeat 471px 89px;
		}
		
			#header #menue li {
				width: 234px;
				height: 71px;
				float: left;
				padding: 5px 4px 0 0;
				margin: 0 0 0 -4px;
			}
			
				#header #menue li.aktiv{
					background: url("images/bg_menue_hover.png") no-repeat 0px 0px;
					margin: 0 0 0 0;
				}
				
				#header #menue li:hover{
					background: url("images/bg_menue_hover.png") no-repeat 0px 0px;
				}
			
			#header #menue  li a{
				color: #FE3E14;
				display: block;
				font-size: 20px;
				font-family: 'myriad-pro',Arial,Helvetica,sans-serif;
				font-size: 20px;
				font-weight: normal;
				color: #FE3E14;
				display: block;
				font-size: 18px;
				padding: 15px 15px 5px;
				text-shadow: 0 1px 0 white;
			}

			#header #menue  li a span{visibility: hidden;}
					
				#header #menue  li a span.blue{
					font-size: 18px;
					color: #091351;
					font-weight:bold;
				}

					#header #menue  li a span.subtitle{
						color: #222222;
						font-size: 10px;
						display: block;
					}

					#header_pic {
						position: absolute;
						top: 285px;
						left: 0px;
						width: 698px;
						height: 286px;
						border-bottom: 4px solid #EAEAEA;
						margin: 0 0 0 234px;
						background: #fff;
					}

/*Styles für Dateit mit Grafiken*/
#header {
	position: absolute;
	top: 0px;
	left: 4px;
	width: 1000px;
	padding: 182px 0 0 0;
	background: url("images/bg_header_text.png") no-repeat 467px 89px;
}

#header #menue li {
	width: 238px;
	height: 76px;
	float: left;
}

#header #menue li:hover{
	background: none;
}	

#header #menue li  a.standards {
	width: 238px;
	height: 76px;
	float: left;
	background: url("images/bg_standards_hover.png") no-repeat 0px 0px;
}
#header #menue li  a.standards.normal:hover {

	background: url("images/bg_standards_hover.png") no-repeat 0px 0px;
}


#header #menue li  a.standards.normal {
	background: url("images/bg_standards.png") no-repeat 0px 0px;
}

#header #menue li  a.solutions {
	width: 238px;
	height: 76px;
	float: left;
	background: url("images/bg_solutions.png") no-repeat 0px 0px;
}
	
#header #menue li  a.solutions:hover {
	background: url("images/bg_solutions_hover.png") no-repeat 0px 0px;
}

#header #menue li  a.solutions.aktive {
	background: url("images/bg_solutions_hover.png") no-repeat 0px 0px;
}

	
#header #menue li  a.consult {
	width: 238px;
	height: 76px;
	float: left;
	background: url("images/bg_consult.png") no-repeat 0px 0px;
}

#header #menue li  a.consult:hover {
	margin: 0 0 0 -8px;
	background: url("images/bg_consult_hover.png") no-repeat 0px 0px;
}

#header #menue li  a.academy {
	width: 238px;
	height: 76px;
	float: left;
	background: url("images/bg_academy.png") no-repeat 0px 0px;
}	
		
#header #menue li  a.academy:hover {
	margin: 0 0 0 -12px;
	background: url("images/bg_academy_hover.png") no-repeat 0px 0px;
}


	
#sidenavi img{
	padding: 11px 15px 21px 0;
	margin: 0 0 0 -1px;
}
		
#info img{
	padding: 11px 15px 21px 0;
}			

#content h1 span{
	display: none;
}

#content h1 img{
	padding: 3px 0 0 1px;
}


#right_column img {
	padding: 3px 0 0 1px;
}

#right_column #link_box img {
	padding: 8px 0 3px 0px;
}


#info span.image {
	width: 180px;
	height: 22px;
	margin: 11px 0px 18px 0px;
	background: url("images/schnelleinstieg_headline.png") no-repeat 0px 0px; 
}

#info span.text {
	display: none;
}

#sidenavi span.image {
	height: 30px;
	border-top: none;
	display: block;
	padding: 0 0 0 0;
	margin: 14px 0px 8px -1px;
	background: url("images/gs1_standards_headline.png") no-repeat 0px 0px; 
}

#sidenavi span.text {
	display: none;
}


#right_column span.headline_grafik_login{
	width: 59px;
	height: 27px;
	display:block;
	background: url("images/login_complete_headline.png") no-repeat 1px 3px;
}		

#right_column span.text{
	display: none;
}	
		
#right_column span.headline_grafik{
	width:  185px;
	height:  17px;
	border-top: none;
	display: block;
	padding: 0 0 0 0;
	margin: 20px 0px 8px 0px;
	background: url("images/auch_interssant_headline.png") no-repeat 0px 0px; 
}		



					
/*

/*======================================================*/			
		
.clearing{clear:both;}

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

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