.fade-left {
background: url('http://www.elmeko.de/pics/fade_left.png');
background-repeat:repeat-y;
background-position:right;
}
.fade-right {
background: url('http://www.elmeko.de/pics/fade_right.png');
background-repeat:repeat-y;
background-position:left;
}

.range0{
height:22px;
}
.range1{
height:17px;
padding-left:3px;
background-color:#fe0002;
font-weight:bold;
}
.range2{
height:22px;
}
.range3{
height:22px;
}
.range4{
height:5px;
}

TD.headerInformation
{
	text-align:left;
	vertical-align:center;
	padding-left:8px;
}

A.headerInformation {
  text-decoration: none;
}
TD.navi { padding-top:10px; padding-left:3px;}
TD.ContentSpacer {font-size:0px; width:8px;}
TD.ContentLeft { width:615px; vertical-align:top;}
TD.ContentRight { width:180px; vertical-align:top; text-align:center;}


/**** CSS neu 2011 ****/
/* CSSDOC ELMEKO GmbH & Co. KG (c) 2011 noxevo oHG */

* {margin:0; padding:0;}

body {background: url(../images/bg.jpg) left bottom fixed repeat-x #ffffff; height: 100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #575757; text-align: left;}
a {color: #575757; text-decoration:none; }
a:hover {  }

.clearfix {clear:both;}

.page {width: 100%;}

li { margin-left: 15px; }

#banner li { margin-left: 0px; list-style-type: none; }
#banner li img { border: 0; }

/* Head */
.head-wrapper {width: 100%; height: 125px; background:url(../images/head-bg.jpg) 0 0 repeat-x #FFFFFF; }
.head-wrapper .head {width: 1020px; height: 125px; background:url(../images/head.png) 0 0 no-repeat transparent; margin: 0 auto;}
.head-wrapper .head a.logolink {display:inline-block; width: 240px; height: 60px; margin: 35px 0 0 32px;}

/* Navigation */
.navigation-wrapper {width: 100%; height: 34px; background:#575757; }
.navigation-wrapper ul.navigation {width: 1000px; height: 32px; padding: 1px 10px; margin: 0 auto; list-style:none; list-style-type:none;}
.navigation-wrapper ul.navigation li {float:left; margin-left:0; z-index: 1000; }
.navigation-wrapper ul.navigation li a {display:block; height: 24px; padding: 8px 12px 0; color: #FFFFFF; font-size:14px; text-decoration:none;}
.navigation-wrapper ul.navigation li a:hover {background: #717171;}

/* Breadcrumbs */
.breadcrumbs {width: 960px; padding: 8px 30px 0 30px; margin: 0 auto; }
.breadcrumbs ul {width: 1000px; height: 15px; list-style:none; list-style-type:none; font-size:11px; }
.breadcrumbs ul li {display:inline;}
.breadcrumbs ul li a {color: #575757; text-decoration:none;}
.breadcrumbs ul li a:hover {border-bottom: 1px dotted #575757;}
.breadcrumbs ul li span {background: url(../images/breadcrumbs_marker.gif) no-repeat 2px 5px transparent; padding: 0 3px;}

/* Main */
.main-wrapper {width: 1020px; min-height: 400px; margin: 0 auto;}
.main-wrapper .top {width: 1020px; height: 18px; background:url(../images/main-top.png) 0 0 no-repeat transparent; }
.main-wrapper .main {width: 1000px; padding: 0px 10px; min-height: 400px; background:url(../images/main-bg.png) 0 0 repeat-y transparent; }
.main-wrapper .bottom {width: 1020px; height: 18px; background:url(../images/main-bottom.png) 0 0 no-repeat transparent; }

.main .content {float:left; width: 704px; min-height: 400px; padding: 8px 20px 15px 20px; }
.main .right {float:left; width: 220px; min-height:400px; padding: 8px 10px 15px 1px; margin-left:25px; }

/* Content */

h1 {font-size:16px; color: #e31e24; font-weight: bold; padding-bottom: 5px;}
h2 {font-size:14px; color: #575757; font-weight: normal; padding-bottom: 5px;}


/* Right */
.right .box {width: 220px;}
.right .box .box-top {width: 170px; height: 23px; background:url(../images/box-top.jpg) 0 0 no-repeat; padding: 7px 5px 0 10px; font-size:12px; font-weight:bold; color: #FFFFFF;  }
.right .box .box-content {width: 200px; min-height: 30px; padding: 5px 5px 10px 15px;}

/**** CSS Menue ****/

.navigation-wrapper{
background: #575757;
width: 100%;
}

.navigation-wrapper ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.navigation-wrapper ul li{
position: relative;
display: inline;
float: left;
}

.navigation-wrapper ul li a{
display: block;
height: 24px;
background: #575757;
color: white;
padding: 8px 20px 0 20px;
text-decoration: none;
}

* html .navigation-wrapper ul li a{
display: inline-block;
}

.navigation-wrapper ul li a:link, .navigation-wrapper ul li a:visited{
color: white;
}

.navigation-wrapper ul li a:hover{
background: #717171;
color: white;
}

.navigation-wrapper ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
padding-top:2px;
}

.navigation-wrapper ul li ul li{
display: list-item;
float: none;
}

.navigation-wrapper ul li ul li ul{
top: 0;
}

.navigation-wrapper ul li ul li a{
width: 200px;
padding: 8px 20px 8px 20px;
height: 16px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #979797;
}

.navigation-wrapper ul li ul li a:hover{
background: #717171;
color: white;
}

.productTable .red { background: #e31e24; color: #FFFFFF; }
.productTable .grey { background: #575757; color: #FFFFFF; }
.productTable td { padding: 5px 10px; }
