@charset "utf-8";
/* CSS Document */

html {
	background:url(../images/bg-tile.jpg) repeat-x left top #f5f5f5;
}
html, body { height: 100% !important; }
body {
	text-align:center;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	color:#fff;
	margin-right:0;
	background:url(../images/bg-background.jpg) no-repeat center top;
}
#site-container {
	text-align:left;
	top:0;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#site {
	position:relative;
	width:980px;
}
a:hover, a:active, a:focus {
	outline: none;
}
div#euroweb {
	display:block;
	margin-top:25px;
	margin-left:7px;
}
div#euroweb a {
	text-decoration:none;
}
.clear {
	float:none;
	clear:both;
}
p, h2, h3 {
	float:none;
	clear:both;
}
.float-left {
	float:left;
	margin-right:15px;
}
.float-right {
	float:right;
	padding-left:15px;
}
.break {
	margin-bottom:15px;
	display:block;
	position:relative;
}
.super {
	vertical-align: super;
	font-size:9px;
	line-height:normal;
}
/**************************** =header-container **************************/

#header-container {
	width:980px;
	height:150px;
	position:relative;
	display:block;
	background:url(../images/bg-header.jpg) no-repeat left top;
	z-index:901;
}
/**************************** =branding **************************/

h1#branding {
	display:block;
	position:absolute;
	left:69px;
	top:91px;
	width:254px;
	height:50px;
}
h1#branding a {
	text-indent:-9000px;
	display:block;
	width:254px;
	height:50px;
}
/**************************** =navi-add **************************/

span.padding {display:inline; padding:0 7px;}


#navi-add {
   width:auto;
	height:18px;
   position:absolute;
	display:block;
	top:16px;
	left:790px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#navi-add p {
	color:#34383a;
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	text-align:left;
	padding:5px 0px 5px 0px;
}

#navi-add p a {
	color:#34383a;
	text-decoration:none;
}

#navi-add p a:hover {
	color:#324c96;
	text-decoration:none;
}


/**************************** =navi-lang **************************/

span.padding {display:inline; padding:0 7px;}


#navi-lang {
   width:auto;
	height:18px;
   position:absolute;
	display:block;
	top:16px;
	left:69px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#navi-lang p {
	color:#34383a;
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	text-align:left;
	padding:5px 0px 5px 0px;
	text-transform:uppercase;
}

#navi-lang p a {
	color:#34383a;
	text-decoration:none;
}

#navi-lang p a:hover {
	color:#324c96;
	text-decoration:none;
}


/**************************** =navi **************************/

ul#navi {
	width:648px;
	height:68px;
	position:absolute;
	display:block;
	margin:0px 0px 0 49px;
	top:82px;
	left:333px;
}

ul#navi li {
	float:left;	
	padding:0px 0px 0px 0px;
	position:relative;
}
	
ul#navi li a {
   display:block;
   position:relative;
   text-indent:-9000px;
   cursor:pointer;
}



ul#navi li a.home, ul#navi li a.home:visited {
   width:80px;
	height:63px;
   background:url(../images/bg-navi.jpg) -49px 0px no-repeat;
}

ul#navi li a.home-active {
   width:80px;
	height:63px;
	background:url(../images/bg-navi.jpg) -49px -136px no-repeat;
}

ul#navi li a .rollover-home {
   width:80px;
	display:block;
	height:63px;
	background:url(../images/bg-navi.jpg) -49px -68px no-repeat;
}




ul#navi li a.produkte, ul#navi li a.produkte:visited {
   width:123px !important;
	height:63px;
   background:url(../images/bg-navi.jpg) -129px 0px no-repeat;
}

ul#navi li a.produkte-active {
   width:123px !important;
	height:63px;
	background:url(../images/bg-navi.jpg) -129px -136px no-repeat;
}

ul#navi li a .rollover-produkte {
   width:123px !important;
	height:63px;
	display:block;
	background:url(../images/bg-navi.jpg) -129px -68px no-repeat;
}



ul#navi li a.logistik, ul#navi li a.logistik:visited {
   width:105px;
	height:63px;
   background:url(../images/bg-navi.jpg) -252px 0px no-repeat;
}

ul#navi li a.logistik-active {
   width:105px;
	height:63px;
	background:url(../images/bg-navi.jpg) -252px -136px no-repeat;
}

ul#navi li a .rollover-logistik {
   width:105px;
	height:63px;
	display:block;
	background:url(../images/bg-navi.jpg) -252px -68px no-repeat;
}



ul#navi li a.aktuelles, ul#navi li a.aktuelles:visited {
   width:126px;
	height:63px;
   background:url(../images/bg-navi.jpg) -357px 0px no-repeat;
}

ul#navi li a.aktuelles-active {
   width:126px;
	height:63px;
	background:url(../images/bg-navi.jpg) -357px -136px no-repeat;
}

ul#navi li a .rollover-aktuelles {
   width:126px;
	height:63px;
	display:block;
	background:url(../images/bg-navi.jpg) -357px -68px no-repeat;
}



ul#navi li a.ueber-uns, ul#navi li a.ueber-uns:visited {
   width:114px;
	height:63px;
   background:url(../images/bg-navi.jpg) -483px 0px no-repeat;
}

ul#navi li a.ueber-uns-active {
   width:114px;
	height:63px;
	background:url(../images/bg-navi.jpg) -483px -136px no-repeat;
}

ul#navi li a .rollover-ueber-uns {
   width:114px;
	height:63px;
	display:block;
	background:url(../images/bg-navi.jpg) -483px -68px no-repeat;
}







/**************************** =dropdown **************************/
	

ul#navi ul {
	position:absolute;
	display:block;
   padding:5px 0px 18px 14px;
	margin-top:0px;
	margin-left:1px;
	height:auto;
	width:205px !important;
	text-indent:0px;
	z-index:1000;
	background:url(../images/bg-dropdown2.jpg) repeat 0 0;
}

ul#navi ul li {
	float:none;
	width:auto;
	text-indent:0px;
}

ul#navi ul li a, ul#navi ul li a:visited {
    position:relative;
    display:block;
    padding:0 0 0 15px;
    color:#fff;
	 font:12px Tahoma, Arial, Helvetica, sans-serif;
	 line-height:20px !important;
	 height:20px !important;
    text-decoration:none;
	 text-indent:0px;
	 background:url(../images/bg-button3.jpg) no-repeat 0 6px;
	 cursor:pointer;
}

ul#navi ul li a.heading {
    position:relative;
    display:block;
    padding:12px 0 3px 15px;
    color:#efefef;
	 font:12px Tahoma, Arial, Helvetica, sans-serif;
	 line-height:20px !important;
	 height:20px !important;
    text-decoration:none;
	 text-indent:0px;
	 font-weight:600;
	 background:none;
	 cursor:pointer;
}

ul#navi ul li a:hover {
    text-decoration:none;
	 background:url(../images/bg-button.jpg) no-repeat 0 6px;
}

ul#navi ul li a:hover.heading  {
    text-decoration:none;
	background:none;
}

ul#navi li ul {
   display:none;
}
					
ul#navi li:hover ul, ul#navi li.iehover ul {
   display:block;
	text-indent:0px;
}







/**************************** =content-main **************************/

#content-main {
   width:980px;
	height:auto !important;
	min-height:350px;
	_height:350px;
   position:relative;
	display:block;
	background:url(../images/bg-content-main.jpg) 0 0 no-repeat;
	z-index:900;
}



/**************************** =content-main-solved **************************/

#content-main-solved {
   width:980px;
	height:auto !important;
	min-height:544px;
	_height:544px;
   position:relative;
	display:block;
	background:url(../images/bg-content-main-solved.jpg) 0 0 no-repeat;
	z-index:900;
}


/**************************** =content-top **************************/

#content-top {
   width:980px;
	height:304px;
	top:28px;
   position:relative;
	display:block;
	background:url(../images/bg-content-start.jpg) 0 0 no-repeat;
	z-index:900;
}






/**************************** =box **************************/

#box1 {
   width:280px;
	height:auto;
   position:absolute;
	display:block;
	top:150px;
	left:69px;
}

#box2 {
   width:136px;
	height:auto;
   position:absolute;
	display:block;
	top:60px;
	left:384px;
}

#box3 {
   width:200px;
	height:auto;
   position:absolute;
	display:block;
	top:150px;
	left:384px;
}

h3 {
	font:18px/24px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#34383a;
	width:auto;
	padding:0px;
	font-weight:500;
	margin-top:10px;
}

.blue {
	color:#1a3175;
}


p {
	font:12px/20px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#34383a;
	width:auto;
	padding:5px 0px 5px 0px;
}

p a {
	text-decoration:underline;
	color:#34383a;
}

p a:hover {
	color:#1a3175;
	text-decoration:none;
}


/**************************** =content-container **************************/

#content-container {
   width:500px;
	height:255px;
	top:28px;
   position:relative;
	display:block;
	z-index:900;
	left:69px;
	padding-top:25px;
	float:left;
}

#content-container p {
	font:12px/20px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#34383a;
	width:auto;
	padding:5px 15px 5px 0px;
}

#content-container p a {
	text-decoration:underline;
	color:#34383a;
}

#content-container p a:hover {
	color:#324c96;
	text-decoration:none;
}



/**************************** =image-container **************************/

#image-container {
   width:310px;
	height:255px;
	top:28px;
   position:relative;
	display:block;
	z-index:900;
	left:109px;
	padding-top:35px;
	float:left;
}



/**************************** =slideshow **************************/


/*#slide-show {
	position:absolute;
	display:block;
	top:97px;
	left:108px;
	width:462px;
	height:307px;
}*/

ul#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:310px;
	height:255px;
	overflow:hidden;
}

ul#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

ul#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}






/**************************** =content **************************/

#content {
   width:980px;
	height:auto;
   position:relative;
	display:block;
	top:28px;
}


/**************************** =column1 **************************/

#column1 {
   width:470px;
	height:auto;
   position:relative;
	display:block;
	margin:42px 0px 20px 0px;
	left:69px;
	float:left;
}


h2 {
	font:25px/27px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#0e0f10;
	width:auto;
	padding:8px 0px 8px 0px;
	font-weight:500;
}

.index {
	padding:70px 0 0 69px;
	font:24px/30px !important;
}


h3.start {
	font:20px/24px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#0e0f10;
	width:auto;
	padding:18px 0px 5px 0px;
	font-weight:500;
	text-transform:uppercase;
}


/**************************** =list **************************/

ul.list {
	display:block;
	position:relative;
	height:auto;
	padding:2px 10px 8px 0px;
}

ul.list li {
	font:12px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#34383a;
	margin:4px 0px;
	padding-left:16px;
	background:url(../images/bg-button-list.jpg) no-repeat 3px 7px;
}

ul.list li a {
	text-decoration:underline;
	color:#34383a;
}

ul.list li a:hover {
	color:#324c96;
	text-decoration:none;
}



/**************************** =list **************************/

ul.list-half {
	display:block;
	position:relative;
	width:210px;
	height:auto;
	padding:2px 10px 8px 0px;
	float:left;
}

ul.list-half li {
	font:12px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#34383a;
	margin:4px 0px;
	padding-left:16px;
	background:url(../images/bg-button-list.jpg) no-repeat 3px 7px;
}



/**************************** =list **************************/

ul.list-third {
	display:block;
	position:relative;
	width:170px;
	height:auto;
	padding:2px 10px 8px 0px;
	float:left;
}

ul.list-third li {
	font:12px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#34383a;
	margin:4px 0px;
	padding-left:16px;
	background:url(../images/bg-button-list.jpg) no-repeat 3px 7px;
}



/**************************** =list **************************/

ul.list-twothird {
	display:block;
	position:relative;
	width:260px;
	height:auto;
	padding:2px 10px 8px 0px;
	float:left;
}

ul.list-twothird li {
	font:12px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#34383a;
	margin:4px 0px;
	padding-left:16px;
	/*background:url(../images/bg-button-list.jpg) no-repeat 3px 7px;*/
}

ul.list-twothird li a {
	text-decoration:underline;
	color:#34383a;
}

ul.list-twothird li a:hover {
	color:#324c96;
	text-decoration:none;
}


/**************************** =column2 **************************/

#column2 {
   width:300px;
	height:184px;
   position:relative;
	display:block;
	margin:60px -1px 0px 0px;
	left:155px;
	float:left;
	/*background:url(../images/bg-contactinfo.jpg) no-repeat 0 0;*/
}




#column2 h4 {
	font:0px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#34383a;
	width:auto;
	text-indent:-9000px;
	font-weight:500;
}




/**************************** =footer-container **************************/

#footer-container {
   width:100%;
	height:300px;
	margin-top:40px;
   position:relative;
	display:block;
	background:url(../images/bg-footer-tile.jpg) left top repeat-x;
}


/**************************** =footer-wide **************************/

#footer-wide {
   width:100%;
	height:300px;
   position:relative;
	display:block;
	background:url(../images/bg-footer-wide.jpg) center top no-repeat;
}



/**************************** =footer **************************/

#footer {
	height:300px;
   position:relative;
   text-align:left;
	top:0;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	background:url(../images/bg-footer.jpg) left top no-repeat;
}




/**************************** =column3 **************************/

#featured-news {
   width:470px;
	height:auto;
   position:relative;
	display:block;
	margin:55px 0px 20px 0px;
	left:69px;
	float:left;
}

#featured-news h6 {
	font:14px/18px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#9d9d9d;
	width:auto;
}

#featured-news h5 {
	font:20px/24px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#fff;
	width:auto;
	padding:8px 0px 5px 0px;
	font-weight:500;
}

#featured-news p {
	font:12px/20px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#e7e7e7;
	width:auto;
	padding:5px 0px 5px 0px;
}

#featured-news p a {
	text-decoration:underline;
	color:#fff;
}

#featured-news p a:hover {
	color:#fff;
	text-decoration:none;
}



/**************************** =column2 **************************/

#news {
   width:400px;
	height:190px;
   position:relative;
	display:block;
	margin:85px 0px 0px 45px;
	left:109px;
	float:left;
}


#news h6 {
	font:14px/18px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#9d9d9d;
	width:auto;
	padding:9px 0px 0px 0px;
}

#news p {
	font:12px/20px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	position:relative;
	color:#e7e7e7;
	width:auto;
	padding:5px 0px 5px 0px;
}

#news p a {
	text-decoration:none;
	color:#e7e7e7;
}

#news p a:hover {
	color:#fff;
	text-decoration:underline;
}