/*  Allgemein  */

body { 
	background-color: #fff;
	margin: 0;
	padding: 0;
        margin-top:5px;
}
body, div, table {
	font: 10pt 'Arial', sans-serif;
	color: #000;
}
textare, input { color: #000; background-color: #fff; }

th, td { text-align: left; vertical-align: top; }

h1, h2, h3 { color: #585858; }


td.neuheiten_und_nachrichten {
 background-color:#585858;
 color:#ffffff;
}



img { border: 0; }

a { color: #F8931D; text-decoration: none; }
a:hover { text-decoration: underline; }

.stopfloat { clear: both; border: 0; }


/*  Strukturen  */
#framework {
	width: 1001px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #fff;
	border-color: #8481a9;
	background-color: #fff;
}


#frameworkmain {
	width: 575px;
	margin-left: 10px;
/*	margin-right: auto;    */ /* 09.09 */
	border-left: 0px solid;
	border-right: 0px solid;
	border-color: #fff;
	border-color: #8481a9;
	background-color: #fff;
}

#framework_rechts {
	width: 190px;
	margin-left: auto;
	margin-right: auto;
	border-left: 0px solid;
	border-right: 0px solid;
	border-color: #fff;
	border-color: #8481a9;
	background-color: #fff;
}

#oben, #unten { background-color: #585858; }
#oben { padding-top: 10px; }

#haupt {
	padding-top: 0px;
	background-image: url("../img/bg-navi.gif");
	background-repeat: no-repeat;
}
#haupt .mitte, #haupt .rechts {
	padding-top: 15px;
}

.links, .rechts {
	width: 180px;
}
.links {
	float: left;
}
.rechts {
	float: right;
}
.mitte {
	margin-left: 0px;
	margin-right: 0px;
}
.mitteoben {
     
	margin-left: 195px;
	margin-right: 195px;
}
#oben .links {
	text-align: center;
}
#oben .mitte div, #oben .rechts div {
	border: 1px solid #fff;
	margin-top: 10px;
	height: 70px;
}
#oben .rechts div {
	text-align: center;
	border: 0;
	margin-right: 12px;
}
#oben .rechts div img {
	border: 1px solid #bbb;
	width: 35px;
	margin: 8px 5px 2px 0;
}
#unten .mitte { 
	padding: 15px 0 15px 0;
	margin: 0;
	color: #fff;
	text-align: center;
}
#unten .links, #unten .rechts { display: none }

#unten .mitte a, #unten .mitte a:visited {
	color: #fff;
	text-decoration: underline;
}
#unten .mitte a:hover {
	text-decoration: none;
}
.linkespalte, .rechtespalte { width: 280px; }
.linkespalte {
	float: left;
}
.rechtespalte {
	float: right;
}

/*  Navigation  */
#navi {
	margin-left: 7px;
	height: 500px;
}
#navi div {
	margin-bottom: 10px;
}
#navi div a, #navi div a:visited {
	display: block;
	color: #585858;
	font-size: 1.1em;
	background-color: #fff;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #585858;
	padding: 3px 0 3px 5px;
	margin-right: 8px;
}


#navi div#raceworld a, #navi div#raceworld a:visited {
	padding-left: 58px;
	background-image: url("../img/s-raceworld.gif");
	background-repeat: no-repeat;
}
#navi div#raceworld a:hover {
}
#navi div#bikeworld a, #navi div#bikeworld a:visited {
	padding-left: 58px;
	background-image: url("../img/s-bikeworld.gif");
	background-repeat: no-repeat;
}
#navi div#bikeworld a:hover {
}
#navi div#farmworld a, #navi div#farmworld a:visited {
	padding-left: 58px;
	background-image: url("../img/s-farmworld.gif");
	background-repeat: no-repeat;
}
#navi div#bikeworld a:hover {
}


/*  Content  */
.box {
	margin-bottom: 15px;
	background-color: #fff;
}
.box div.titlebig {      
	border: 1px solid #aaa;
	padding: 3px 5px 3px 7px;
	background-color: #585858;      
        color: #fff;   
}
.box div.titlebig h1 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1em;
        color: #fff;
}
.box div.titlebig .datum {
	padding-top: 1px;
	float: right;
        color: #fff;   
	font-size: 0.9em;
}
.box div.title {
        width:266px;
	border: 1px solid #aaa;
	padding: 3px 5px 3px 7px;        
	background-color: #585858;
}
.box div.title h1 {
	float: left;
	margin: 0;
	padding: 0;
        color: #ffffff;
	font-size: 1em;
}
.box div.title .datum {
	padding-top: 1px;
	float: right;
	color: #fff;
	font-size: 0.9em;
}

font.product_title {
  color: #585858; 
}
font.product_text {
  color: #585858; 
}

td.standardbox {
  background-color: #585858;  
  color: #fff; 
}

td.searchresults {
  border-color:#fff;
  border-top:5px solid;
  background-color: #585858;  
  color: #fff; 
 
}
.searchresults .text {
 color: #fff;
}


.searchmenubox .text {
 color: #fff;
 font-size:11px;
}
.searchmenubox a {
 color: #fff;
}

.searchmenubox_active .text {
 color: #fff;
 font-size:11px;

}
.searchmenubox_active a {
 color: #fff;
}

.searchmenubox {
  border-color:#585858;
  background-color:#585858;
  padding:0px;
}

.searchmenubox_active {
  border-color:#585858;
  background-color:#F8931D;
  padding:0px;
}

.searchmenubox_active td {
  text-align:center;
  padding:2px; 
  border: 1px solid;
  border-color:#fff;
}

.searchmenubox td {
  text-align:center;
  padding:2px; 
  border: 1px solid;
  border-color:#fff;
}




td.searchmenubox_space {
  background-color: #ffffff; 
  width:1px;
}


td.Neuheiten_und_Nachrichten {
  border-bottom:1px solid;
  border-top:1px solid;
  border-left:1px solid;
  border-right:1px solid;
  border-color:#aaa;
  padding:5px;
  background-color: #585858;
  color: #fff;
} 
.box div.nachricht {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #ddd;
	padding: 7px;
	text-align: center;
}
.box div.nachricht p {
	text-align: left;
	margin: 0; padding: 0;
	margin-top: 7px;
}
.sonderpreise div.title {
	border-color: #740a0a;
}
.sonderpreise div.title h1 {
	color: #fff;
}
.sonderpreise div.title {
	background-color: #F8931D;
}
.nachrichtenarchiv {        
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #ddd;
	padding: 5px;
}
.nachrichtenarchiv .bild {
	float: left;
	padding-top: 8px;
}
.nachrichtenarchiv .text {
	font-size: 8pt;
	color: #bbb;
	float: right;
	width: 180px;
}
.nachrichtenarchiv .text p {
	color: #000;
	font-size: 9pt;
	margin: 0; padding: 0;
	margin-top: 5px;
}


.searchbox input {
	margin-bottom: 4px;
        margin-left:22px;
	border: 0px solid #bbb;	
       
}

.searchbox input.los {
	margin-bottom: 4px;
        margin-top:2px;
        margin-left:106px;
	border: 2px solid #bbb;	
        border-color: #fff #666 #666 #fff; 
}

.searchbox h1 {
	color: #ffffff;
      font-size: 1em;   
	margin: 0; padding: 0;
	padding: 13px 0 3px 5px;
}




/*  Navi-Boxen links und rechts  */
.navibox {
	margin-bottom: 15px;
	background-color: #ffffff;
}
.navibox h1 {
	color: #ffffff;
        background-color:#585858;
	font-size: 1em;
	margin: 0; padding: 0;
	padding: 3px 0 3px 5px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
       border-right: 1px solid;
	border-color: #ccc;
}
.navibox div {
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #ccc;
	padding: 5px;
}
.navibox div p {
	margin: 0; padding: 0;
	margin-bottom: 7px;
}
.navibox a, .navibox a:visited {
	color: #585858;
}

.shopelement h1 {
	color: #ffffff;
}
.shopelement a, .shopelement a:visited {
	color: #585858;
}

.links .navibox {
	margin-bottom: 18px;
}
.links .navibox h1, .links .navibox div {
	padding-left: 8px;
	border-left: 0;
	border-right: 1px solid #ccc;
}
.links .navibox div input {
	margin-bottom: 4px;
	border: 1px solid #bbb;	
}
.links .suche {
	margin-left: 17px;
	margin-right: 8px;
	border-left: 1px solid #bbb;
	
}
.links .suche h1 {
}
.links .suche a {
	color: #cc0000;
}


/*  Spezial  */
.spacer1 {
	height: 17px;
	background-image: url("../img/s-dotted-white.gif");
	background-repeat: repeat-x;
}
#oben .spacer1 {
	margin-top: 15px;
}
.spacer2 {
	margin: 10px 0 10px 0;
	height: 6px;
}

.slogan {
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #585858;
	text-align: center;
	font-size: 1.6em;
}

#diesunddas {
	margin: 45px 0 15px 0;
	text-align: center;
}

#navi, .navibox {
	position: relative;
}
.flag {
	position: absolute;
}

/* Katalog */
div.katalog {
	margin-bottom: 15px;
 
  
}
div.katalog h1 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	border: 1px solid #aaa;
	padding: 3px 5px 3px 7px;       
	background-color: #585858;
        color: #fff;
}
div.katalog div {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #ddd;
}
div.katalog div p {
	position: relative;
	padding: 0;
	margin: 0;
	padding: 3px 0 3px 7px;
}
div.katalog div p img.neu {
	position: absolute;
	top: 3px;
	left: 90px;
}
div.katalog div p a {
	margin-right: 10px;
}

.bg1 { background-color: #fff; }
.bg2 { background-color: #f5f5f5; }
a.bg1, a.bg2 {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 3px;
}
div.katalog div p a.bg1, div.katalog div p a.bg2 {
	margin-right: -1px;
}

.bg1 span, .bg2 span {
	margin-right: 15px;
}
.bg1 span { color: #fff; }
.bg2 span { color: #f5f5f5; }
.bg1 span.aktiv, .bg2 span.aktiv {
	color: #888;
	font-weight: bold;
}

.vorschaubild {
	width: 40px;
	float: left;
	margin: 2px 15px 2px 2px;
}

/* Profisuche */
#profisuche {
	padding: 10px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #ddd;
}
h1.profisuche {
	margin: 0;
	padding: 0;
	font-size: 1em;
	border: 1px solid #aaa;
	padding: 3px 5px 3px 7px;
	background-color: #585858;  
        color: #fff;  
}
#profisuche table {
	width: 558px;
}
#profisuche table h2 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	border-bottom: 1px solid #c5c5c5;
	padding: 2px 5px 2px 0px;
	margin-top: 20px;
}
#profisuche select {
	width: 275px;
	margin-top: 5px;
}
#profisuche p {
	margin-top: 4px;
	margin-bottom: 10px;
}

/* Suchergebnis */
#suchergebnis {
}
#suchergebnis table {
	width: 100%;
}
#suchergebnis table tr td {
	padding: 3px;
}


tr.tr0 { background-color: #fff; }
tr.tr1 { background-color: #f5f5f5; }

.suchsteuerung {
	text-align: center;
	vertical-align: middle;
	padding: 7px 0 5px 0;
}
.suchsteuerung span {
	padding: 0 10px 0 10px;
}

/* Warenkorb */
.brotkrumen {
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #585858;
	text-align: center;
	font-size: 1em;
	margin-bottom: 15px;
}
.brotkrumen span {
	color: #888;
}

#warenkorb {
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #ddd;
	margin-bottom: 25px;
}
#warenkorb table {
	width: 100%;
}
#warenkorb table td {
	border-bottom: 1px solid #ddd;
	padding: 10px;
	vertical-align: middle;
}
#warenkorb table td.alignright {
	text-align: right;
}
#warenkorb table td span {
	color: #888;
}
#warenkorb table td h2 {
	font-size: 1.1em;
	margin: 5px 0 5px 0;
	padding: 0;
}

/* Adressdaten */
#adressdaten {
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #ddd;
	margin-bottom: 25px;
}
#adressdaten table {
	width: 100%;
}
#adressdaten table td, #adressdaten table th {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
#adressdaten table th {
	font-weight: normal;
	text-align: right;
}
#adressdaten table h2 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	border-bottom: 1px solid #c5c5c5;
	padding: 2px 5px 2px 0px;
	margin-bottom: 10px;
}
#adressdaten table td input {
	margin-bottom: 5px;
}



#adressdaten table td p {
	margin-bottom: 0;
}




#standardtable {
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #ddd;
	margin-bottom: 25px;
}
#standardtable table {
	width: 100%;
}
#standardtable table td, #adressdaten table th {
	padding: 10px;
	border-bottom: 0px solid #ddd;
}
#standardtable table th {
	font-weight: normal;
	text-align: right;
}
#standardtable table h2 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	border-bottom: 1px solid #c5c5c5;
	padding: 2px 5px 2px 0px;
	margin-bottom: 10px;
}
#standardtable table td input {
	margin-bottom: 5px;
}



#standardtable table td p {
	margin-bottom: 0;
}




/* Zusammenfassung */
#zusammenfassung {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #ddd;
	padding-top: 15px;
	margin-bottom: 25px;
}
#zusammenfassung table {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ddd;
	margin-top: 10px;
	margin-bottom: 20px;
}
#zusammenfassung h2 {
	width: 95%;
	margin: 0;
	padding: 0;
	font-size: 1em;
	border-bottom: 1px solid #c5c5c5;
	padding: 2px 0px 2px 0px;
	margin-left: auto;
	margin-right: auto;
}
#zusammenfassung table td {
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #d1d1d1;
	vertical-align: middle;
}
#zusammenfassung table th {
	padding: 3px 0 15px 0;
	font-weight: normal;
	text-align: left;
}
#zusammenfassung td.bildchen {
	padding: 5px 0 5px 5px;
	vertical-align: middle;
}
#zusammenfassung .bildchen img {
	width: 50px;
}

/*  Testen  */
div {
	border: 0px solid #F8931D;
}
div.stopfloat {
	border: 0;
}


#normal table td {
   border-bottom:0px solid;border-top:0px solid;border-left:0px solid;border-right:0px solid;border-color:#ddd;padding:0px
}


/* Farben */
/* blau - 0a0454 */
/* blau alt. - 585858 */
/* rot - F8931D */

/* 70% blau - 534f87 */
/* 60% blau - 6c6898 */
/* 50% blau - 8481a9 */
/* 30% blau - b5b3cb */
/* 20% blau - cecddd */
/* 10% blau - e6e5ee */