BODY {
	/*background: url(../grafik/hintergrund.jpg) #F8F8F8 repeat-x 50% top;*/
	margin-top: 20px;
	background: #F8F8F8;
}


body,td,p,div {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	color: #555747; 
}


input,textarea,select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	color: #555747; 
}




form {
	display:inline;
}


h1 {
	font-size: 18px;
	color: #555747;
	margin-bottom: 0;
	font-weight: normal;
}

h1.shop {
	font-size: 18px;
	color: #555747;
	margin-bottom: 0;
	font-weight: normal;
}




h2 {
	font-size: 14px;
	color: #555747;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: bold;
}


h2.shop {
	font-size: 14px;
	color: #0064A1;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: bold;
}



h3,h4,h5,h6 {
	font-size: 12px;
	color: #555747;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: bold;
}


a:link,a:visited,a:active {
	color: #555747; 
	text-decoration: underline;
}
a:hover {
	color: #555747; 
	text-decoration: none;
}

.error {
	color: #FF0000;
}


.button-okay {
	background-color: #E6E6E6;;
	color: #485A6B;
	border: 1px solid #9D9E9F;
	font-weight: normal;
}

.button-abbruch {
	background-color: #E6E6E6;;
	color: #485A6B; 
	border: 1px solid #9D9E9F;
}

.button-neutral {
	background-color: #E6E6E6;;
	color: #485A6B;
	border: 1px solid #9D9E9F;
}


.box-rahmen {
                background-color: #EEEEEE;
}

.box1 {
                background-color: #F8F8F8;
}

.box2{
                background-color: #FFFFFF;
}


/*************************************/
/* Design                            */
/*************************************/



.navigation {
	border: 4px solid #EEEEEE;
	background: #FFFFFF;
	padding: 6px 6px 6px 6px;
}

.content {
	border: 4px solid #EEEEEE;
	background: #FFFFFF;
	padding: 0 20px 35px 20px;
}

.warenbox {
	border: 4px solid #EEEEEE;
	background: #FFFFFF;
	padding: 0 8px 0 8px;
}

.strich {
	background: #EEEEEE;
}



/*************************************/
/* Produkt Vorschau                  */
/*************************************/

.produkt-rahmen {
	background: #E1E1E1;
}

.produkt-feld {
	background: #FDFDFD;
}

.produkt-hintergrund {
	background: #FFFFFF;
}



a#produkt-titel {	
	font-weight: bold;
	color: #555747;
	font-size: 14px;
}

a#produkt-titel:link, a#produkt-titel:visited {
	text-decoration: underline;
 	color: #555747; 
}

a#produkt-titel:hover {
	text-decoration: none;
  	color: #555747; 
}


.produkt-tesar {
	font-size:11px;
}

.produkt-preis {
	font-size: 14px; 
	font-weight: bold;
}

.produkt-versandinfo {
	color: #AAAAAA;
	font-size:11px;
}

.anstatt {
	font-size: 14px;
	font-weight: bold;	
	color: #FF0000;
	text-decoration: line-through;
}


.warenaktion {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;	
	color: #FF0000;
}



.produkt-img {
	border: 1px solid #E1E1E1;
	padding: 2px;
	background: #FDFDFD;
}







/*************************************/
/* Header                            */
/*************************************/



.header {
	padding: 13px 0 13px 211px;
	font-size: 12px;
	color: #5B5B5B;
}

a#header-link {
	font-size: 12px;
  	text-decoration: none;
	font-weight: normal;
	border: 1px solid #DDDDDD;
	padding: 4px 8px 4px 8px;
}

a#header-link:link, a#header-link:visited {
 	color: #5B5B5B;
	background: #FFFFFF; 
}

a#header-link:hover {
  	color: #8B8B8B;
	background: #EEEEEE; 
}










/*************************************/
/* Footer                            */
/*************************************/



.footer {
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	padding: 15px 12px 10px 12px;
	font-size: 11px;
	color: #8B8B8B;
}

a#footer-link {
	font-size: 11px;
  	text-decoration: none;
	font-weight: normal;
}

a#footer-link:link, a#footer-link:visited {
 	color: #8B8B8B; 
}

a#footer-link:hover {
  	color: #8B8B8B; 
}







/*************************************/
/* Warenkorbbox                      */
/*************************************/

.warenkorbbox {
	padding: 0 0 0 0;
}


h1.warenkorbbox {
	font-size: 16px;
	color: #555747;
	margin-bottom: 0;
	font-weight: bold;
}


a#warenkorbbox {
	display: block; 
  	height: 1.3em; 
  	padding: 0 0 0 0;
  	text-align: left; 
  	text-decoration: none;
	font-weight: bold;
}

a#warenkorbbox:link, a#warenkorbbox:visited {
 	color: #555747; 
}

a#warenkorbbox:hover {
  	color: #A6D10F; 
}




/*************************************/
/* Suchebox                          */
/*************************************/

.suchebox {
	padding: 0 0 0 0;
}


h1.suchebox {
	font-size: 16px;
	color: #555747;
	margin-bottom: 0;
	font-weight: bold;
}


.suchebox-input {
	border: 1px solid #BBBBBB;
}



/*************************************/
/* Warenkorb & Kassa                 */
/*************************************/




.warenkorb-rahmen {
	background-color: #E1E1E1;
}

.warenkorb-hintergrund {
	background-color: #FFFFFF;
}

.warenkorb-spalte {
	font-weight: bold;
	height: 25px;
	white-space: nowrap;
}






/*************************************/
/* Menuepunkte                       */
/*************************************/

a#menuepunkt {
	display: block; 
  	font-size: 11px;
  	padding: 0 6px 0 0;
  	text-align: left; 
  	text-decoration: none;
	width: 100%;
}

a#menuepunkt:link, a#menuepunkt:visited {
 	color: #8B8B8B; 
}

a#menuepunkt:hover {
  	color: #5B5B5B;
}








/*************************************/
/* Rubrik                            */
/*************************************/



.rubrik {
	background: #A6D10F;
	padding: 2px 3px 2px 3px;
}


h1.rubrik {
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 0;
	font-weight: bold;
}


a#rubrik {
	display: block; 
  	font-size: 14px;
  	padding: 3px 5px 3px 5px;
  	text-align: left; 
  	text-decoration: none;
	width: 100%;
	border: 1px solid #DDDDDD;
	background: #EEEEEE;
}

a#rubrik:link, a#rubrik:visited {
 	color: #5B5B5B;

}

a#rubrik:hover {
  	color: #8B8B8B;

}

a#rubrikaktiv {
	display: block; 
  	font-size: 14px; 
  	padding: 3px 5px 3px 5px;
  	text-align: left; 
  	text-decoration: none;
	width: 100%;
	font-weight: bold;
	border: 1px solid #DDDDDD;
	background: #EEEEEE;

}

a#rubrikaktiv:link, a#rubrikaktiv:visited {
 	color: #5B5B5B;

}

a#rubrikaktiv:hover {
  	color: #5B5B5B;

}




/*************************************/
/* Kategorie Ebene 1                 */
/*************************************/


.kategorie {
	background: #A6D10F;
	padding: 2px 3px 2px 3px;
}


h1.kategorie {
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 0;
	font-weight: bold;
}


a#kategorie1 {
	display: block; 
  	padding: 3px 5px 3px 5px;
  	text-align: left; 
  	text-decoration: none;
	width: 100%;
	font-size: 12px;
	border: 1px solid #DDDDDD;
	background: #EEEEEE;
}

a#kategorie1:link, a#kategorie1:visited {
	color: #5B5B5B;
}

a#kategorie1:hover {
	color: #8B8B8B;
	background: #EEEEEE; 
}

a#kategorie1aktiv {
	display: block; 
  	padding: 3px 5px 3px 5px;
  	text-align: left; 
  	text-decoration: none;
	width: 100%;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #DDDDDD;
	background: #EEEEEE;
}

a#kategorie1aktiv:link, a#kategorie1aktiv:visited {
	color: #5B5B5B;
}

a#kategorie1aktiv:hover {
	color: #5B5B5B;
}




/*************************************/
/* Kategorie Ebene 2                 */
/*************************************/

a#kategorie2 {
	display: block; 
  	padding: 2px 0 2px 12px;
  	text-align: left; 
  	text-decoration: none;
	width: 100%;
	font-size: 11px;
}

a#kategorie2:link, a#kategorie2:visited {
 	color: #5B5B5B; 
}

a#kategorie2:hover {
  	color: #5B5B5B;
}

a#kategorie2aktiv {
	display: block; 
  	padding: 2px 0 2px 12px;
  	text-align: left; 
  	text-decoration: none;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
}

a#kategorie2aktiv:link, a#kategorie2aktiv:visited {
 	color: #5B5B5B;
}

a#kategorie2aktiv:hover {
  	color: #5B5B5B;
}






/*************************************/
/* Blätterfunktion                   */
/*************************************/
.seite-aktiv {
	width: 20px;
	background: #7E868B; /*D0D9DF*/
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	vertical-align: top;
	border: solid 1px #D0D9DF;
}

.seite-inaktiv {
	width: 20px;
	background: #FFFFFF;
	padding: 2px 5px 2px 5px;
	border: solid 1px #D0D9DF;
}


