body {
background-image: url("https://www.motoruf.de/n/img/bg/herbst3.jpg");
background-size: cover;
}

#middle {
width: 960px;
}

#layout {
width: 960px;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
background: #cedce7; /* Old browsers */
background: -moz-linear-gradient(left,  #cedce7 0%, #596a72 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #cedce7 0%,#596a72 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #cedce7 0%,#596a72 100%); /* IE10+ */
background: linear-gradient(to right,  #cedce7 0%,#596a72 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=1 ); /* IE6-9 */


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#44b5e2+0,ddf1f9+86,ddf1f9+86,feffff+100&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(68,181,226,1) 0%, rgba(221,241,249,0.14) 86%, rgba(254,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(68,181,226,1)), color-stop(86%,rgba(221,241,249,0.14)), color-stop(100%,rgba(254,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(68,181,226,1) 0%,rgba(221,241,249,0.14) 86%,rgba(254,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(68,181,226,1) 0%,rgba(221,241,249,0.14) 86%,rgba(254,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(68,181,226,1) 0%,rgba(221,241,249,0.14) 86%,rgba(254,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(68,181,226,1) 0%,rgba(221,241,249,0.14) 86%,rgba(254,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b5e2', endColorstr='#00feffff',GradientType=1 ); /* IE6-9 */


}

#header {
width: 960px;
height: 96px;
border-bottom: 5px solid white;
padding-top:0px;



}

#menuleft{
-webkit-box-shadow: none;
box-shadow: none;
margin-top:30px;
border-left: 0px solid #ffed00;
border-bottom: 0px solid #ffed00;
-webkit-border-radius: 0px 0px 0px 2px;
border-radius: 0px 0px 0px 2px


}
#menuleft li ul{
font-size: 16px;
font-weight:bold;
padding-bottom:20px;
}
#menuleft a{
padding: 10px 19px;
}

#suchen {
text-align: center;
position: absolute;
left: 361px;
top: 31px;
height: 35px;
width: 300px;
}

#wk {
position: absolute;
top: 108px;
left: 749px;
width: 162px;
height: 35px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 0px 0px #b0adad;
box-shadow: 0px 0px 0px 0px #b0adad;
padding: 4px;
background-color: white;
z-index: 1000;
border-left: 6px solid #FCA739;
border-bottom: 5px solid #FCA739;
border-right: 6px solid #FCA739;
}

#konto {
position: absolute;
top: -21px;
left: 798px;

}

#meinkonto {
padding-top: 43px;
font-size: 12px;
font-weight: bold;
color: white;
padding-left: 6px;
height: 16px;
}

#konto_inhalt {
border-top: 0px solid #FFED00;
border-right: 0px solid #FFED00;
border-left: 0px solid #FFED00;
padding-top: 4px;
-webkit-border-radius: 2px 2px 0px 0px;
border-radius: 2px 2px 0px 0px;
height: 50px;
width: 120px;
background-color:white;
text-align: center;
line-height: normal;
border-left:4px solid #FCA739;
border-right:4px solid #FCA739;
border-top:4px solid #FCA739;    
}


#menu {
height: 33px;
margin-top: 0px;
border-bottom: 5px solid white;
padding-left: 0px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc578+0,fb9d23+100;Orange+3D+%233 */
background: #ffc578; /* Old browsers */
background: -moz-linear-gradient(left,  #ffc578 0%, #fb9d23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffc578 0%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffc578 0%,#fb9d23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffc578 0%,#fb9d23 100%); /* IE10+ */
background: linear-gradient(to right,  #ffc578 0%,#fb9d23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=1 ); /* IE6-9 */



}
#kwicks .kwick{
border: 1px solid #A51F1F;
}

#kwicks .kwick .afueralles .titel {

color: #861111;
}
.block h2 {
background-image:none;
background-repeat: repeat-x;
color: #E1140C;
background-color:#ffed00;
}
.block {
border: 1px solid #E1140C;
}

.kategorieliste {

border-color: #E1140C;
width: 590px;
}

.kategorieliste .katkasten a {
color: #E1140C;
}

#menu a {
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
color: #484747;
text-decoration: none;
display: inline-block;
height: 27px;
padding-right: 17px;
padding-left: 17px;
padding-top: 6px;
border-right:5px solid white;
}
#menu a:hover{
background-color:#E1140C; 
color:white;
}
.selected_nav{
background-color:#E1140C;
color:white !important; 
}
#konto a:hover{
background-color :  #E1140C;
text-decoration:none; 
color:white;
}
#menu .selected_nav {
background-color: #E1140C;
font-weight: bold;
text-shadow: 0px 0 0 #FFFFFF;
font-color: white;
color: white;
}


#menu li {
 border-left: 0px
}


h1 {
background-color: white;
background-image: none;
padding-right: 10px;
padding-left: 30px;
padding-top: 30px;
padding-bottom: 0px;
width: 670px;
border-right: 1px solid #FFFFFF;
min-height: 42px;
line-height: normal;
font-weight: bold;
color: red;
letter-spacing: 1pt;
font-size: 35px;
text-align: left;
font-family: 'Shadows Into Light';
text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}


#text {
border-top: 0px solid #73753a;
border-right: 0px solid #73753a;
width: 711px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
min-height: 600px;
background-color: white;
}

#content{
width:700px;
background-image:none;
    padding-left: 9px;
}

h2 {
font-weight: bold;
color: #E3000A;
letter-spacing: 0pt;
font-size: 25px;
font-family: lucida sans unicode, lucida grande, sans-serif;
padding-top: 5px;
padding-bottom: 10px;
line-height: normal;
}
h3 {
padding-top: 9px;
padding-bottom: 1px;
color: #E3000A;
}
#footer {
background: #ffed00;
height:30px;
border-top:0px;
}
#zahlarten {
display: block;
width:735px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 225px;
height: 180px;
}
.artikkellisterechts table {
z-index: 100;
padding-top:20px;
position: relative;
left: 0px; 
top: 0px;
width: 100%;
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
-webkit-box-shadow:none;
box-shadow: none;
background-color: white;
font-size: 12px;
line-height: 17px;
}

#lileft1{
font-size:14px;
padding:0px;
}
#lileft2{
font-size:14px;
padding:0px;
}
#lileft3{
font-size:14px;
padding:0px;
}

#lileft1 a:hover,#lileft2 a:hover,#lileft3 a:hover{
color:white;
background-color:#E1140C; 
}
#lileft1 .selected_nav,#lileft2 .selected_nav,#lileft3 .selected_nav{
 color:white;
background-color:#E1140C; 
}
.navitem{
width:300px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.block{
width: 283px;
}
#languages {
padding: 0px;
padding-bottom: 5px
}

.navtitel {
font-weight: bold;
color: #E1140C;
padding: 5px;
font-family: 'Shadows Into Light';

background: #ffc578;
    background: -moz-linear-gradient(left, #ffc578 0%, #fb9d23 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffc578), color-stop(100%,#fb9d23));
    background: -webkit-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: -o-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: -ms-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: linear-gradient(to right, #ffc578 0%,#fb9d23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=1 );

}
#menuleft a{
margin:0px;
color:#3C3C3C;
}
.rechts{
left:946px;
top:106px;
}
.navigationstitel{

background: #ffc578;
    background: -moz-linear-gradient(left, #ffc578 0%, #fb9d23 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffc578), color-stop(100%,#fb9d23));
    background: -webkit-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: -o-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: -ms-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: linear-gradient(to right, #ffc578 0%,#fb9d23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=1 );

}
.dataTables_filter, .dataTables_filter, .navitem,.artikeldetails,.numsuchbild{
border-color:#E1140C;
}
table.dataTable{
border:1px solid #E1140C !important;
}
.dataTable thead th{
border-color:#E1140C;
}
.wkpreisanzahl{
background: #ffc578;
    background: -moz-linear-gradient(left, #ffc578 0%, #fb9d23 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffc578), color-stop(100%,#fb9d23));
    background: -webkit-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: -o-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: -ms-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: linear-gradient(to right, #ffc578 0%,#fb9d23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=1 );
}

.wksumme {
border-top: 6px double #E1140C;
}


.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #bfbf00;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#ffffaa; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #bfbf00;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:8px;
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #ffff00 5%, #ffed00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffff00), color-stop(1, #ffed00) );
	background:-moz-linear-gradient( center top, #ffff00 5%, #ffed00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#ffed00");	background: -o-linear-gradient(top,#ffff00,ffed00);

	background-color:#ffff00;
	border:0px solid #bfbf00;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #ffff00 5%, #ffed00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffff00), color-stop(1, #ffed00) );
	background:-moz-linear-gradient( center top, #ffff00 5%, #ffed00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#ffed00");	background: -o-linear-gradient(top,#ffff00,ffed00);

	background-color:#ffff00;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.loginformtitel{
background: #ffc578;
    background: -moz-linear-gradient(left, #ffc578 0%, #fb9d23 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffc578), color-stop(100%,#fb9d23));
    background: -webkit-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: -o-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: -ms-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: linear-gradient(to right, #ffc578 0%,#fb9d23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=1 );
}

.button {
 cursor:pointer;
background: #ffc578;
    background: -moz-linear-gradient(left, #ffc578 0%, #fb9d23 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffc578), color-stop(100%,#fb9d23));
    background: -webkit-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: -o-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: -ms-linear-gradient(left, #ffc578 0%,#fb9d23 100%);
    background: linear-gradient(to right, #ffc578 0%,#fb9d23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=1 );
}
.button:hover {
background: #f2f200; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f200 0%, #f9f9a9 45%, #ffff00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f200), color-stop(45%,#f9f9a9), color-stop(100%,#ffff00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f200 0%,#f9f9a9 45%,#ffff00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f200 0%,#f9f9a9 45%,#ffff00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f200 0%,#f9f9a9 45%,#ffff00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f200 0%,#f9f9a9 45%,#ffff00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f200', endColorstr='#ffff00',GradientType=0 ); /* IE6-9 */
color:black;
}
.blaettern{
border: 1px solid #E1140C;
}
.blaettern a{
 cursor:pointer;
	 background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
border-color:#E1140C;
}