body {
background-image:  url(basics/back.jpg);
text-align: justify;
}
#kat {
float: left;
display: block;
height: 640px;
}
#rahmen1, #rahmen2 {
float: left;
display: block;
width: 640px;
}
#shopbutton0, #shopbutton1, #shopbutton2, #shopbutton3, #shopbutton4 {
float: left;
display: block;
width: 180px;
height: 215px;
padding: 10px;
padding-top: 6px;
margin-right: 8px;
background-image: url(basics/shop-button.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
#shopbutton0 {
float: left;
display: block;
width: 180px;
height: 215px;
padding: 10px;
padding-top: 6px;
margin-right: 8px;
background-image: url(basics/shop-button-boebel.jpg);
background-repeat: no-repeat;
overflow: hidden;
margin-left: 0px;
}
#shopbutton2 {
margin-left: 10px;
}
#shopbutton3 {
margin-right: 0px;
}
#shopbutton4 {
float: left;
display: block;
width: 180px;
height: 215px;
padding: 10px;
padding-top: 6px;
margin-right: 8px;
background-image: url(basics/shop-button-dhl.jpg);
background-repeat: no-repeat;
overflow: hidden;
margin-left: 10px;
}

#detailartikel_titel1 {
float: left;
display: block;
height: 33px;
width: 522px;
background-color:#008d54; 
padding-top: 4px;
}
#detailartikel_titel2 {
float: left;
display: block;
height: 33px;
width: 88px;
background-color:#008d54; 
padding-top: 4px;
padding-right: 12px;
}
#detailartikel_untertitel1, #detailartikel_untertitel2, #detailartikel_untertitel3, #detailartikel_untertitel4, #detailartikel_untertitel5 {
float: left; display: block; height: 25px; width: 118px; background-color:#4AD39D; padding: 3px; border-style: dotted;
border-width: 0px; border-right-width: 1px; border-color: #ffffff;
}
#detailartikel_untertitel1 {width: 75px; padding-top: 7px; height: 21px; }
#detailartikel_untertitel2 {width: 130px; padding-top: 7px; height: 21px; }
#detailartikel_untertitel3 {width: 80px; padding-top: 7px; height: 21px; }
#detailartikel_untertitel4 {width: 140px; }
#detailartikel_untertitel5 {width: 162px; }

#detailartikel_daten {
float: left;
display: block;
height: 30px;
width: 622px;
padding-top: 0px;
}

#detailartikel_rahmen {
float: left;
display: block;
height: 270px;
width: 620px;
border-style: solid;
border-width: 1px;
border-color: #008d54;
}

#detailartikel_bild {
float: left;
display: block;
height: 260px;
width: 260px;
border-style: solid;
border-width: 0px;
border-right-width: 1px;
border-color: #008d54;
padding-left: 10px;
padding-top: 10px;
}

#detailartikel_navigation {
float: left;
display: block;
height: 40px;
width: 334px;
padding-left: 15px;
padding-top: 10px;
border-style: solid;
border-width: 0px;
border-bottom-width: 1px;
border-color: #008d54;
background-image: url(basics/shopback.gif);
background-repeat: repeat;
}

#detailartikel_beschreibung {
float: left;
display: block;
height: 175px;
width: 334px;
padding-left: 15px;
padding-top: 10px;
}
#detailartikel_datenblatt {
float: left;
display: block;
height: 20px;
width: 334px;
padding-left: 15px;
padding-top: 10px;
}


#detailartikel_navi {
float: left;
display: block;
height: 90px;
width: 338px;
padding: 10px;
}
#detailartikel1_navi {
float: left;
display: block;
height: 100px;
width: 145px;
padding-left: 15px;
border-style: solid;
border-width: 1px;
border-color: #008d54;
}
#detailartikel2_navi {
float: left;
display: block;
height: 80px;
width: 145px;
padding: 10px;
border-style: solid;
border-width: 1px;
border-color: #008d54;
margin-left: 9px;
}

a.katbutton {
float: left;
display: block;
width: 118px;
height: 136px;
padding-left: 5px;
background-image: url(basics/kat-off.jpg);
background-repeat: no-repeat;
text-decoration: none;
margin-bottom: 3px;
margin-right: 2px;
}
a.katbutton:hover   { background-image: url(basics/kat-on.jpg);
}
.katbuttontext {
float: left;
display: block;
padding: 7px 7px 0px 4px;
width: 113px;
height: 31px;
font-size: 12px;
line-height: 14px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
}

a.artikelbutton {
float: left;
display: block;
width: 119px;
height: 136px;
padding-left: 5px;
background-image: url(basics/artikel-button-off.jpg);
background-repeat: no-repeat;
text-decoration: none;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 6px;
border-width: 1px;
border-color: #029057;
border-style: dotted;
text-align: center;
overflow: hidden;
}
a.artikelbutton:hover   { background-image: url(basics/artikel-button-on.jpg);
}
a.artikelbuttonprobier {
float: left;
display: block;
width: 119px;
height: 136px;
padding-left: 5px;
background-image: url(basics/probiertuete-off.jpg);
background-repeat: no-repeat;
text-decoration: none;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 6px;
border-width: 1px;
border-color: #029057;
border-style: dotted;
text-align: center;
}
a.artikelbuttonprobier:hover   { background-image: url(basics/probiertuete-on.jpg);
}
.artikelbuttontext {
float: left;
display: block;
padding: 0px 0px 0px 0px;
width: 118px;
height: 31px;
font-size: 11px;
line-height: 14px;
color: #000000;
font-weight: normal;
text-decoration: none;
}

.artikelbuttonbild {
padding-left: 10px;
padding-top: 5px;
text-align: center;
float: left;
display: block;	
width: 100px;
height: 100px;
}

#shopbuttonende1, #shopbuttonende2, #shopbuttonende3 {
float: left;
display: block;
width: 640px;
}

#shopbuttonende4 {
float: left;
display: block;
width: 640px;
}
#shopbuttonende5 {
margin-top: 30px;
float: left;
display: block;
width: 640px;
height: 280px;
}
.suchehead {
font-size: 12px;
float: left;
color: #000;
display: block;
width: 375px;
background-color: #C8C8C8;
padding: 5px;
}
.suchetext {
color: #3c3c3c;
float: left;
display: block;
width: 375px;
background-color: #E6E6E6;
padding: 5px;
margin-bottom: 10px;
}
#katbereich {
float: left;
display: block;
width: 640px;
}
.bildausschnitt {
display: block;
width: 150px;
height: 150px;
overflow: hidden;
margin-bottom: 0px;
}
.textausschnitt {
display: block;
width: 140px;
height: 40px;
overflow: hidden;
padding: 6px;
padding-bottom: 0px;
}

.buttonhead1, .buttonhead2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	font-weight: normal;
}
.buttonhead2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
}
.formular {border-style: dotted; border-color: #a0a0a0; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; text-align: left; width:175px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 15px; padding: 8px;
}
.formularklein {border-style: dotted; border-color: #a0a0a0; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; text-align: left; width:175px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; padding: 2px; margin: 0px;
}
.formularkundendaten1, .formularkundendaten2, .formularkundendaten3, .formularkundendaten4, .formularkundendaten5, .formularkundendaten6 {
border-style: dotted; 
border-color: #464646; 
border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px;
text-align: left; 
padding: 3px; margin: 2px 0px 2px 0px;
font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; 
}
.formularkundendaten1 { width:260px; }
.formularkundendaten2 { width:190px; }
.formularkundendaten3 { width:50px; }
.formularkundendaten4 { width:191px; }
.formularkundendaten5 { width:80px; }
.formularkundendaten6 { width:475px; }

.feldeingabe {
text-align: center; width:50; height: 25px; font-family: Arial, Helvetica, sans-serif; font-style: normal; color: #ffffff; font-size: 18px; background-color:#db1b1b
}

 
/************************************************
*************FIRST_LEVEL*************************
************************************************/
/*Style-Definition für die First-Level-Navigation*/
DIV.fstLevel a
{
font-family: Arial, Helvetica, sans-serif;
display: block;
background-image: url(basics/Link.jpg);
margin-bottom: 3px;
margin-left: 0px; 
height: 18px;
width: 100%;
font-size: 13px;
font-weight: bold;
text-decoration: none;
visibility: visible;
border-style: solid;
border-left-width: 0px;
padding-left: 40px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-top-width: 0px;
border-left-color: #C8C8C8; 
border-bottom-color: #75C136;
border-top-color: #62B021;
color:#FFFFFF;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
font-family: Arial, Helvetica, sans-serif;
display: block;
background-image: url(basics/LinkAktiv.jpg);
margin-bottom: 3px;
margin-left: 0px; 
height: 18px;
width: 100%;
font-size: 13px;
font-weight: bold;
text-decoration: none;
visibility: visible;
border-style: solid;
border-left-width: 0px;
padding-left: 40px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-top-width: 0px;
border-left-color: #C8C8C8; 
border-bottom-color: #75C136;
border-top-color: #62B021;
color:#FFFFFF;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
font-family: Arial, Helvetica, sans-serif;
display: block;
background-image: url(basics/LinkAktiv2.jpg);
margin-bottom: 3px;
margin-left: 0px; 
height: 18px;
width: 100%;
font-size: 13px;
font-weight: bold;
text-decoration: none;
visibility: visible;
border-style: solid;
border-left-width: 0px;
padding-left: 40px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-top-width: 0px;
border-left-color: #C8C8C8; 
border-bottom-color: #75C136;
border-top-color: #62B021;
color:#008D54;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel a
{
font-family: Arial, Helvetica, sans-serif;
display: block;
background-image: url(basics/UnterLink.jpg);
margin-bottom: 3px;
margin-left: 0px; 
height: 18px;
width: 100%;
font-size: 13px;
font-weight: normal;
text-decoration: none;
visibility: visible;
border-style: solid;
border-left-width: 0px;
padding-left: 55px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-top-width: 0px;
border-left-color: #C8C8C8; 
border-bottom-color: #75C136;
border-top-color: #62B021;
color:#FFFFFF;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
font-family: Arial, Helvetica, sans-serif;
display: block;
background-image: url(basics/UnterLinkAktiv.jpg);
margin-bottom: 3px;
margin-left: 0px; 
height: 18px;
width: 100%;
font-size: 13px;
font-weight: normal;
text-decoration: none;
visibility: visible;
border-style: solid;
border-left-width: 0px;
padding-left: 55px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-top-width: 0px;
border-left-color: #C8C8C8; 
border-bottom-color: #75C136;
border-top-color: #62B021;
color:#FFFFFF;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
font-family: Arial, Helvetica, sans-serif;
display: block;
background-image: url(basics/UnterLinkAktiv2.jpg);
margin-bottom: 3px;
margin-left: 0px; 
height: 18px;
width: 100%;
font-size: 13px;
font-weight: normal;
text-decoration: none;
visibility: visible;
border-style: solid;
border-left-width: 0px;
padding-left: 55px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-top-width: 0px;
border-left-color: #C8C8C8; 
border-bottom-color: #75C136;
border-top-color: #62B021;
color:#008D54;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	font-weight: normal;
}
.normalkleiner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	font-weight: normal;
}
.shopmeldung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	font-weight: bold;
}
.antwort_boebel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #008D54;
	font-weight: normal;
}
.hervorhebung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
a.hervorhebunglink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
a.hervorhebunglink:hover  {color: #000000;}


.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
}
.bildtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
}

a.bildtextlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #008D54;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
}
a.bildtextlink:link    { }
a.bildtextlink:visited { }
a.bildtextlink:hover   { background-color:#FFFFFF; color: #008D54; text-decoration: none;}
a.bildtextlink:active  { }

.seitenheadline {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 28px;
	font-size: 22px;
	color: #008D54;
	font-weight: bold;
}
.seitenheadlineshop {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 28px;
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
	display: block;
	margin-left: 10px;
}

a.seitenheadlinelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #008D54;
	font-weight: bold;
	text-decoration: none;
}
a.seitenheadlinelink:link    { }
a.seitenheadlinelink:visited { }
a.seitenheadlinelink:hover   { color: #463B7B; text-decoration: no;}
a.seitenheadlinelink:active  { }


a.textlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.textlink:link    { }
a.textlink:visited { }
a.textlink:hover   { background-color:#FFFFFF; color: #463B7B; text-decoration: none;}
a.textlink:active  { }

.unterzeile {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 11px;
	text-decoration: none;
}
.unterzeileadmin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 14px;
	text-decoration: none;
}
a.Normallink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #008D54;
}
a.Normallink:hover  { background-color:#FFFFFF; color: #000000; text-decoration: underline;}


a.Normallinkgross {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #008D54;
}
a.Normallinkgross:hover  { background-color:#FFFFFF; color: #000000;}

.oeffnungszeit {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.headline_riesig {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #000000;
}
.agb {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	font-weight: normal;
}
a.sitemaplink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a.sitemaplink:link    { }
a.sitemaplink:visited { }
a.sitemaplink:hover   { background-color:#FFFFFF; color: #000000; text-decoration: underline;}
a.sitemaplink:active  { }

a.sitemaplink2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #008D54;
}
a.sitemaplink2:link    { }
a.sitemaplink2:visited { }
a.sitemaplink2:hover   { background-color:#FFFFFF; color: #000000; text-decoration: underline;}
a.sitemaplink2:active  { }

.slogan {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #008D54;
	font-weight: bold;
	line-height: 25px;
}
.pdm {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000000;
	font-weight: bold;
}
.presseheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	line-height: 24px;
}
.shop_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	font-weight: normal;
}
a.shoplink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 12px;
	text-decoration: underline;
}
a.shoplink:link    { }
a.shoplink:visited { }
a.shoplink:hover   { background-color:#FFFFFF; color: #000000; text-decoration: none;}
a.shoplink:active  { }


a.sloganlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #008D54;
	font-weight: bold;
	text-decoration: underline;
}
a.sloganlink:link    { }
a.sloganlink:visited { }
a.sloganlink:hover   { color: #000000; }
a.sloganlink:active  { }

.fehlangabe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #1FB175;
	font-weight: bold;
}
.faq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #008D54;
	font-weight: bold;
}
#adminkat {
width: 145px;
float: left;
height: 13px;
background-color:#ebebeb;
border-style: solid; border-width: 1px; border-color: #999999;
margin-left: 5px;
margin-bottom: 5px;
}
.thumbsuchebild {
width: 125px;
display: block;
float: left;
margin: 0px 4px 30px 0px;
}
.thumbsuchetext {
width: 225px;
display: block;
float: left;
}
