<style type="text/css">

body { margin-left:0px; }
body { margin-top:25px; }
body { margin-right:0px; }
body { margin-bottom:0px; }
body { background:#dddddd; }
body { 
background-image: url('grafiken/hintergunrd_farbwechsel.png'); 
background-size: 100% auto;
background-repeat: repeat-y; 
background-position: left top; 

}

@font-face {
    font-family: dobra;
    src: url(DobraSlab-Medium.otf);
}

@font-face {
    font-family: klavika;
    src: url(Klavika.otf);
}

img.logo { 
	height: 70px;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-top: 20px
   }
  
img.titelbild { 
	width: 300px;
	float:right;
	border-radius: 5px;
	margin-left: 16px;
	margin-right: 2px;
	margin-bottom: 15px;
	margin-top: 0px
   }
   
img.titelbild_links { 
	width: 300px;
	float:left;
	border-radius: 5px;
	margin-left: 16px;
	margin-right: 2px;
	margin-bottom: 15px;
	margin-top: 0px
   }
   
img.maintext-bild { 
	border-radius: 5px;
	margin: 0x 0px 0px 0px;
   }
   
   
img.team-bild { 
	border-radius: 15px;
	margin: 0x 0px 0px 0px;
   }
      
img.main_menu_grafik_links { 
	height: 20px;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px
   }
   
img.main_menu_grafik { 
	height: 20px;
	margin-left: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px
   }
   
img.link-arrow { 
	width: 10px;
	margin-left: 0x;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px
   }
   
img.shop_preview { 
	width: 100%;
	height: auto;
	border-radius: 5px;
   }

img.warenkorb_liste { 
	width: 40px;
	border-radius: 0px;
   }

img.top_warenkorb_grafik { 
	width: 40px;
	border: 0px;
   }
   
img.lagerbestand { 
	width: 20px;
	border-radius: 0px;
   }
 
div.mainmenu {
	position: relative;
	height: 15px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
   }
   
div.galerie {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	font-size : 8pt;
	COLOR: #777777; 
	font-weight : none;
	width: 204px;
	height: 204px;
	text-align: center;
	display: block;
	float:left;
}

table.maintable_a { 
	width: 75%; 
	max-width: 1100px;
	min-width: 600px;
	}

table.maintable_b { 
	width: 100%; 
	}
	
p.maintext {
	font-family: klavika;
	COLOR: #888888;
	FONT-SIZE: 12pt;
	font-style: none;
	text-align: justify;
	text-decoration: none;
	letter-spacing: 0.03em;
	padding: 0px 16px 8px 16px;
	}
	
p.titel_kgo {
	font-family: klavika;
	COLOR: #eeeeee;
	background-color: #888888;
	FONT-SIZE: 14pt;
	font-style: none;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.03em;
	padding: 0px 16px 0px 16px;
	}

li.maintext {
	font-family: klavika;
	COLOR: #888888;
	FONT-SIZE: 12pt;
	font-style: none;
	text-align: justify;
	hyphens: auto;
	text-decoration: none;
	letter-spacing: 0.03em;
	line-height: 1.0;
	padding: 0px 16px 8px 16px;
	}
	
li {
	font-family: klavika;
	COLOR: #888888;
	FONT-SIZE: 12pt;
	font-style: none;
	text-align: justify;
	text-decoration: none;
	letter-spacing: 0.03em;
	line-height: 1.2;
	padding: 0px 8px 0px 6px;
	}
	
font.maintext-titel {
	font-family: klavika;
	COLOR: #bb6200;
	FONT-SIZE: 16pt;
	}
		
p.maintext-titel {
	font-family: klavika;
	COLOR: #888888;
	FONT-SIZE: 14pt;
	font-style: none;
	text-align: justify;
	text-decoration: none;
	letter-spacing: 0.03em;
	padding: 0px 16px 0px 16px;
	}

table.normal
{ padding : 0px 16px 0px 16px;
}

table.normal_minus4
{ padding : 0px 12px 0px 12px;
}

td.normal
{ padding : 2px 10px 2px 0px;
  font-family: klavika;
  font-size: 12pt;
  color : #888888;
}

td.prod_eigenschaften
{ font-family: klavika;
  font-size: 9pt;
  color : #888888;
  background: #ffffff;
}
	
td.fakliste_A
{ padding : 10px 10px 10px 10px;
  margin : 0px 0px 0px 0px;
  font-family: klavika;
  letter-spacing: 0.03em;
  line-height: 1.4;
  font-size: 12pt;
  color : #555555;
  background: #eeeeee;
}

td.fakliste_B
{ padding : 0px 16px 0px 0px;
  margin : 0px 0px 0px 0px;
  font-family: klavika;
  letter-spacing: 0.03em;
  line-height: 1.4;
  font-size: 9pt;
  color : #777777;
  background: #eeeeee;
}

div.admin_kategorie
{ width: 800px;
  height: 400px;
  background: #aa33aa;
  border-style: solid;
  border-width: 1px;
  border-color: #888888;
  border-radius: 10px;
 }
 
a.admin_menu
{ background: #faf0e2;
  border-style: solid;
  border-width: 1px;
  border-color: #888888;
  border-radius: 10px;
  margin: 5px 15px 5px 0px;
  padding: 5px 14px 5px 14px;
  float:left;
  COLOR: #555555; 
  FONT-FAMILY: "klavika";
  font-style: none;
  FONT-SIZE: 12pt;  
  TEXT-DECORATION: none;
 }

a.admin_menu:hover
{ COLOR: #aaaaaa; 
  TEXT-DECORATION: none;
}
              
a.admin_menu:active
{ COLOR: #444444; 
  TEXT-DECORATION: none;
}

a.admin_menu_kgo
{ background: #faf0e2;
  border-style: solid;
  border-width: 1px;
  border-color: #888888;
  border-radius: 10px;
  margin: 5px 15px 5px 0px;
  padding: 4px 10px 4px 10px;
  float:left;
  COLOR: #555555; 
  FONT-FAMILY: "klavika";
  font-style: none;
  FONT-SIZE: 10pt;  
  TEXT-DECORATION: none;
 }

a.admin_menu_kgo:hover
{ COLOR: #aaaaaa; 
  TEXT-DECORATION: none;
}
              
a.admin_menu_kgo:active
{ COLOR: #444444; 
  TEXT-DECORATION: none;
}

	
a.maintext
{ COLOR: #444444; 
  FONT-FAMILY: "klavika";
  font-style: none;
  FONT-SIZE: 12pt;  
  TEXT-DECORATION: none;
 }
                
a.maintext:hover
{ COLOR: #888888; 
  TEXT-DECORATION: underline;
}
              
a.maintext:active
{ COLOR: #444444; 
  TEXT-DECORATION: none;
}

a
{ COLOR: #444444; 
  FONT-FAMILY: "klavika";
  font-style: none;
  FONT-SIZE: 12pt;  
  TEXT-DECORATION: none;
 }
                
a:hover
{ COLOR: #888888; 
  TEXT-DECORATION: underline;
}
              
a:active
{ COLOR: #444444; 
  TEXT-DECORATION: none;
}

a.menutext
{ COLOR: #444444; 
  FONT-FAMILY: "klavika";
  font-style: none;
  FONT-SIZE: 12pt;
  TEXT-DECORATION: none;
 }
                
a.menutext:hover
{ COLOR: #888888; 
  TEXT-DECORATION: underline;
}
              
a.menutext:active
{ COLOR: #444444; 
  TEXT-DECORATION: none;
}
	
p.WhereAmI {
	font-family: klavika;
	COLOR: #888888;
	FONT-SIZE: 9pt;
	font-style: italic;
	text-align: justify;
	text-decoration: none;
	letter-spacing: 0.05em;
	padding: 0px 0px 0px 11px;
	}
	
a.WhereAmI
{ COLOR: #888888; 
  FONT-FAMILY: "klavika";
  font-style: italic;
  FONT-SIZE: 9pt;
  padding: 0px 4px 0px 4px;
  TEXT-DECORATION: none;
 }
                
a.WhereAmI:hover
{ COLOR: #888888; 
  TEXT-DECORATION: none;
}
              
a.WhereAmI:active
{ COLOR: #888888; 
  TEXT-DECORATION: none;
}
		
p.bottom {
	font-family: klavika;
	COLOR: #444444;
	FONT-SIZE: 9pt;
	text-align: justify;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
 }

a.bottomlink
{ COLOR: #444444; 
  FONT-FAMILY: "klavika";
  font-style: none;
  FONT-SIZE: 9pt;
  padding: 0px 0px 0px 0px;
  TEXT-DECORATION: none;
 }
                
a.bottomlink:hover
{ COLOR: #888888; 
  TEXT-DECORATION: none;
}
              
a.bottomlink:active
{ COLOR: #444444; 
  TEXT-DECORATION: none;
} 

table.seitentext_liste
{ padding : 0px 10px 0px 10px;
}

td.seitentext_liste_td
{ padding : 2px 10px 2px 10px;
  font-family: klavika;
  font-size: 12pt;
  background: #dddddd;
  color : #555555;
}

td.seitentext_liste_td_klein
{ padding : 2px 10px 2px 10px;
  font-family: klavika;
  font-size: 10pt;
  background: #dddddd;
  color : #555555;
}

td.seitentext_liste_td_klein_weiss
{ padding : 2px 10px 2px 10px;
  font-family: klavika;
  font-size: 10pt;
  background: #ffffff;
  color : #555555;
}

td.seitentext_liste_td_total
{ padding : 2px 10px 2px 10px;
  text-decoration : none; 
  FONT-FAMILY: klavika;
  font-size: 12pt;
  font-weight: bold;
  font-style: none;
  background: #888888;
  color : #dddddd;
}


/* SHOP CSS */

div.shop_mainbox {
	padding : 10px 10px 10px 10px;
	margin : 0px 0px 10px 10px;
	BACKGROUND: #dddddd;
	width: 80%;
	height: *;
	text-align: left;
	display: block;
	float:left;
}

div.shop_mainbox_breit {
	padding : 10px 10px 0px 10px;
	margin : 0px 0px 10px 10px;
	BACKGROUND: #eeeeee;
	width: 92%;
	height: *;
	text-align: left;
	display: block;
	float:left;
}

div.shop_mainbox_detail {
	padding : 10px 10px 10px 10px;
	margin : 0px 0px 10px 10px;
	BACKGROUND: #dddddd;
	text-align: left;
	display: block;
	float:left;
}

div.shop_titel {
	FONT-FAMILY: "klavika";
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 7px 0px;
	font-size : 12pt;
	COLOR: #777777;
	font-weight : bold;
	text-align: left;
}

a.shop_link
{ COLOR: #444444; 
  FONT-FAMILY: "klavika";
  font-style: none;
  FONT-SIZE: 10pt;
  padding: 0px 0px 0px 9px;
  TEXT-DECORATION: none;
  line-height: 1.5;
 }
                
a.shop_link:hover
{ COLOR: #888888; 
  TEXT-DECORATION: none;
}
              
a.shop_link:active
{ COLOR: #444444; 
  TEXT-DECORATION: none;
}

a.shop_liste_name
{ COLOR: #888888; 
  FONT-FAMILY: "klavika";
  font-style: none;
  FONT-SIZE: 12pt;
  padding: 0px 0px 0px 0px;
  TEXT-DECORATION: none;
  line-height: 1.5;
 }
                
a.shop_liste_name:hover
{ COLOR: #444444; 
  TEXT-DECORATION: none;
}
              
a.shop_liste_name:active
{ COLOR: #444444; 
  TEXT-DECORATION: none;
}

img.produktebild { 
	width: 90px;
	border-radius: 5px;
	margin-left: 0x;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px
   }

img.produktebild_ayax { 
	height: 50px;
	border-radius: 5px;
	margin-left: 0x;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px
   }
   
td.shop_titel
{ padding : 2px 10px 2px 10px;
  font-family: klavika;
  font-size: 12pt;
  background: #dddddd;
  color : #555555;
}

td.shop_liste
{ padding : 2px 10px 2px 10px;
  font-family: klavika;
  font-size: 12pt;
  background: #eeeeee;
  color : #555555;
}

td.shop_liste_detailtext
{ padding : 2px 10px 2px 10px;
  font-family: klavika;
  font-size: 12pt;
  background: #eeeeee;
  color : #888888;
}

div.warenkorb_top {
	font-family: klavika;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	font-size : 8pt;
	COLOR: #999999; 
	font-weight : none;
	text-align: center;
}

div.shop_liste_marke
{ font-size: 10pt;
  color : #bbbbbb;
  line-height: 1.2;
}

div.shop_ean
{ font-size: 10pt;
  color : #aaaaaa;
  line-height: 1.2;
  padding : 7px 0px 7px 0px;
}

div.shop_abstand
{ height : 10px;
}

/* KASSE */
p.ok
 {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #008800;
 }
 
 p.ok_kgo {
	font-family: klavika;
	COLOR: #00aa00;
	FONT-SIZE: 12pt;
	font-style: none;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0.03em;
	padding: 0px 16px 8px 16px;
	}
	
 p.not_ok_kgo {
	font-family: klavika;
	COLOR: #aa0000;
	FONT-SIZE: 12pt;
	font-style: none;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0.03em;
	padding: 0px 16px 8px 16px;
	}
 
p.not_ok
 {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #aa0000;
 }
 
input.update
 {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  background: #007700;
  border-radius: 8px;
  padding: 6px 6px 6px 6px;
 }
 
input.update_kgo
 {
  background: #faf0e2;
  border-style: solid;
  border-width: 1px;
  border-color: #888888;
  border-radius: 10px;
  margin: 5px 15px 5px 0px;
  padding: 5px 14px 5px 14px;
  COLOR: #555555; 
  FONT-FAMILY: "klavika";
  font-style: none;
  FONT-SIZE: 12pt;  
  TEXT-DECORATION: none;
 }
 
input.update_back_kgo
 {
  background: #af82aa;
  border-style: solid;
  border-width: 1px;
  border-color: #888888;
  border-radius: 10px;
  COLOR: #ffffff; 
  FONT-FAMILY: "klavika";
  font-style: none;
  font-weight: bold;
  FONT-SIZE: 12pt;  
  TEXT-DECORATION: none;
  padding: 6px 6px 6px 6px;
  margin: 10px 0px 10px 16px;
 }
 
input.updategrau
 {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  background: #aaaaaa;
 }
 
input.update_rot
 {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  background: #aa0000;
 }
 
input.del
 {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  background: #aa0000;
 }
 
input.prozent
 {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  background: #aaaa00;
 }

td.shop_produktdetail_a
{ font-family: klavika;
  font-size: 11pt;
  background: #ffffff;
  color : #888888;
  padding: 4px 4px 4px 4px;
}

a.shop_produktdetail_a
{ COLOR: #888888; 
  FONT-FAMILY: "klavika";
  font-style: none;
  FONT-SIZE: 11pt;
  TEXT-DECORATION: none;
  line-height: 1.5;
 }
                
a.shop_produktdetail_a:hover
{ COLOR: #444444; 
  TEXT-DECORATION: none;
}
              
a.shop_produktdetail_a:active
{ COLOR: #444444; 
  TEXT-DECORATION: none;
}

</style>
