/********* A Daniel Kortemme CSS-FILE **********/

html[xmlns^="http"]		{overflow-y: scroll;}


/** Standards **/
*						{ margin: 0; padding: 0; }
body					{ font-family:Arial, Helvetica, sans-serif; color:#414141; line-height:180%; font-size: 76%;  min-height: 100%; height: auto; height: 100%; background:#FFFFFF;}
img 					{ border: none; }
img.mt				{margin-top:22px;}


a:link, a:visited 			{ color:#0076bd; text-decoration:underline; }
a:hover, a.active				{ color:#0076bd; text-decoration:none; }

ul 					{ list-style:none; padding:0; }

.clear				{ clear: both; font-size: 0.0001em; line-height: 0.00001em; }

p						{padding:0 0 20px 0;}

span.subline	{font-weight:bold; font-size:1.10em; color:#898da3; text-shadow: 1px 1px 1px #fff;}
span.produkt-line	{font-weight:bold; font-size:1.15em; color:#898da3; text-shadow: 1px 1px 1px #fff;}

iframe	{border:2px solid #42A9D6;}

td.desc				{ width:175px; font-weight:bold; }
td.value				{ width:300px; }

#webstyle			{ float:right; padding:10px 0 0 0; }

.pdf		{font-size:16px; background: url(../images/pdf.gif) no-repeat left center; padding-left: 20px}

/** H2 **/
h2					{width:950px; height:52px; margin-bottom:25px; text-indent:-99999px;}
h2.index		{background:url(../images/h2/willkommen.jpg) no-repeat;}
h2.ueber-uns		{background:url(../images/h2/ueber-uns.jpg) no-repeat;}
h2.anfahrt		{background:url(../images/h2/anfahrt.jpg) no-repeat;}
h2.kontakt		{background:url(../images/h2/kontakt.jpg) no-repeat;}
h2.danke		{background:url(../images/h2/danke.jpg) no-repeat;}
h2.error		{background:url(../images/h2/error.jpg) no-repeat;}
h2.impressum		{background:url(../images/h2/impressum.jpg) no-repeat;}

h2.verbrauchsartikel	{background:url(../images/h2/verbrauchsartikel.jpg) no-repeat;}
h2.desinfektion	{background:url(../images/h2/desinfektion.jpg) no-repeat;}
h2.saecke-und-beutel	{background:url(../images/h2/saecke-und-beutel.jpg) no-repeat;}
h2.handschuhe	{background:url(../images/h2/handschuhe.jpg) no-repeat;}
h2.dogstation	{background:url(../images/h2/dogstation.jpg) no-repeat;}
h2.bio-compostsaecke	{background:url(../images/h2/bio-compostsaecke.jpg) no-repeat;}
h2.parkbaenke-und-abfallbehaelter	{background:url(../images/h2/parkbaenke-und-abfallbehaelter.jpg) no-repeat;}
h2.arbeitskleidung	{background:url(../images/h2/arbeitskleidung.jpg) no-repeat;}
h2.sandsaecke-und-bigbags	{background:url(../images/h2/sandsaecke-und-bigbags.jpg) no-repeat;}
h2.folien	{background:url(../images/h2/folien.jpg) no-repeat;}
h2.klebebaender	{background:url(../images/h2/klebebaender.jpg) no-repeat;}
h2.wickelfolien	{background:url(../images/h2/wickelfolien.jpg) no-repeat;}
h2.vakuumbeutel	{background:url(../images/h2/vakuumbeutel.jpg) no-repeat;}
h2.tragetaschen	{background:url(../images/h2/tragetaschen.jpg) no-repeat;}
h2.servietten	{background:url(../images/h2/servietten.jpg) no-repeat;}
h2.verpackungen	{background:url(../images/h2/verpackungen.jpg) no-repeat;}
h2.pizzakartons	{background:url(../images/h2/pizzakartons.jpg) no-repeat;}
h2.hygieneartikel	{background:url(../images/h2/hygieneartikel.jpg) no-repeat;}
h2.newsletter	{background:url(../images/h2/newsletter.jpg) no-repeat;}


h6			{font-family:Arial, Helvetica, sans-serif; color:#414141; font-size:1.2em; font-weight:normal; text-decoration:underline; width:270px;}
h6 a:link, h6 a:visited			{font-family:Arial, Helvetica, sans-serif; color:#414141; font-size:1em; font-weight:normal; text-decoration:underline; width:270px;}
h6 a:hover, h6 a:active		{text-decoration:none;}


/** Layout **/

#site	{background:#fff;}
#header-out 		{ background:url(../images/layout/bg-header-out.jpg) top center no-repeat; width:100%;}
#container 			{ width:960px; margin:0 auto;}
#header-container { background:url(../images/layout/bg-header-container.jpg) top left no-repeat; width:980px;margin:0 auto; position:relative;}
.contentHighlight	{ margin: 10px; padding: 10px; border: 1px dashed #fff; background-color: #ff9; text-align:center;}
.contentHighlight p	{ margin-bottom: 0; padding-bottom: 0;}
/** Branding **/
#branding-container						{ width:289px; padding:65px 0 0 11px; height:66px; float:left; z-index:45; position:relative;}
#branding-container img.branding 	{ border:none;}
#branding-container h1					{ text-indent:-999999px; line-height:0%;}


/** Navi **/
ul#navi				{ float:right; padding:64px 38px 0 0; width:398px; overflow: hidden; z-index:50; position:relative;} 
ul#navi li			{ height: 27px;display: block; float:left;}
ul#navi li span	{ display:none; }
ul#navi li.last		{margin-right:0;}

ul#navi li a:link,
ul#navi li a:visited	{display: block;text-indent:-9999px; font-size:0.001em; line-height:0.001%; outline:none;}

ul#navi li a.index:link, ul#navi li a.index:visited {height: 27px; width:59px; background:url(../images/layout/start.gif) top no-repeat;}
ul#navi li a.index:hover			{height: 27px; width:59px; background:url(../images/layout/start.gif) bottom no-repeat;}
ul#navi li a.index-active:link, ul#navi li a.index-active:visited		{height: 27px; width:59px; background:url(../images/layout/start.gif) bottom no-repeat;}

ul#navi li a.ueber-uns:link, ul#navi li a.ueber-uns:visited {height: 27px; width:89px; background:url(../images/layout/ueber-uns.gif) top no-repeat;}
ul#navi li a.ueber-uns:hover			{height: 27px; width:89px; background:url(../images/layout/ueber-uns.gif) bottom no-repeat;}
ul#navi li a.ueber-uns-active:link, ul#navi li a.ueber-uns-active:visited		{height: 27px; width:89px; background:url(../images/layout/ueber-uns.gif) bottom no-repeat;}

ul#navi li a.kontakt:link, ul#navi li a.kontakt:visited {height: 27px; width:84px; background:url(../images/layout/kontakt.gif) top no-repeat;}
ul#navi li a.kontakt:hover			{height: 27px; width:84px; background:url(../images/layout/kontakt.gif) bottom no-repeat;}
ul#navi li a.kontakt-active:link, ul#navi li a.kontakt-active:visited		{height: 27px; width:84px; background:url(../images/layout/kontakt.gif) bottom no-repeat;}

ul#navi li a.anfahrt:link, ul#navi li a.anfahrt:visited {height: 27px; width:82px; background:url(../images/layout/anfahrt.gif) top no-repeat;}
ul#navi li a.anfahrt:hover			{height: 27px; width:82px; background:url(../images/layout/anfahrt.gif) bottom no-repeat;}
ul#navi li a.anfahrt-active:link, ul#navi li a.anfahrt-active:visited		{height: 27px; width:82px; background:url(../images/layout/anfahrt.gif) bottom no-repeat;}

ul#navi li a.impressum:link, ul#navi li a.impressum:visited {height: 27px; width:84px; background:url(../images/layout/impressum.gif) top no-repeat;}
ul#navi li a.impressum:hover			{height: 27px; width:84px; background:url(../images/layout/impressum.gif) bottom no-repeat;}
ul#navi li a.impressum-active:link, ul#navi li a.impressum-active:visited		{height: 27px; width:84px; background:url(../images/layout/impressum.gif) bottom no-repeat;}

/** Headinfo **/
#headinfo	{ width:289px; height:150px; margin-left:10px; float:left; padding-top:37px; line-height:150%;}
#headinfo p	{ text-transform:uppercase; font-size:.9em; letter-spacing:1px; text-shadow: 1px 1px 1px #337fbe; padding:0 0 18px 0; color:#fff;}
#headinfo a:link, #headinfo a:visited 			{ color:#fff; text-decoration:underline; }
#headinfo a:hover, #headinfo a.active				{ color:#fff; text-decoration:none; }	

/** Fadeimg **/
#fadeimg														{float:left; width:433px; height:323px; z-index:1; position:absolute; top:1px; left:256px;}
.fade-index													{background:url(../images/layout/fade-index.jpg) no-repeat;}
.fade-medizinischer-bedarf					{background:url(../images/layout/fade-img-medizinische-seite.png) no-repeat;}
.fade-gemeindebedarf								{background:url(../images/layout/fade-dogstation.jpg) no-repeat;}
.fade-industriebedarf								{background:url(../images/layout/fade-industriebedarf.png) no-repeat;}
.fade-catering												{background:url(../images/layout/fade-catering.jpg) no-repeat;}
.fade-kompost												{background:url(../images/layout/fade-kompost.jpg) no-repeat;}
.fade-bigbag												{background:url(../images/layout/fade-bigbag.jpg) no-repeat;}
.fade-folien												{background:url(../images/layout/fade-folien.jpg) no-repeat;}
.fade-vacuum												{background:url(../images/layout/fade-vacuum.jpg) no-repeat;}

/** shop **/
#shop	{float:right; height:66px; width:220px; padding:95px 29px 0 0 ; }
#shop a { outline:none;}

/** subnavi **/
ul#subnavi				{ float:right; padding:6px 20px 0 0; width:757px;  position:relative;} 
ul#subnavi li			{ height:46px;display: block; float:left;}
ul#subnavi li span	{ display:none; }
ul#subnavi li a:link,
ul#subnavi li a:visited	{display: block;text-indent:-9999px; font-size:0.001em; line-height:0.001%; outline:none; }


ul#subnavi li a#s01 { height: 46px; width:195px; background:url(../images/layout/medizinischer-bedarf.jpg) top no-repeat;}
ul#subnavi li a#s01:hover,
ul#subnavi li a#s01.active { height: 46px; width:195px; background:url(../images/layout/medizinischer-bedarf.jpg) bottom no-repeat; }

ul#subnavi li ul.flyout	{ background:none repeat scroll 0 0 #FFFFFF;border:1px solid #C2C1C6;display:none;left:5px;padding:25px 0 0 5px;position:absolute;top:50px;width:180px;}
ul#subnavi li:hover ul.flyout	{ display:block;}
ul#subnavi li ul.flyout li			{ float:left; height:25px; width:175px;}
ul#subnavi li ul.flyout li a		{ text-indent:0px; height:25px; font-size:1em; text-transform:uppercase; text-shadow: 1px 1px 1px #fff; color:#909090; text-decoration:none; outline:none; padding-left:12px; }
ul#subnavi li ul.flyout li a:hover,
ul#subnavi li ul.flyout li a.active	{ text-decoration:underline; color:#0076bd; }

ul#subnavi li a#s02 { height: 46px; width:164px; background:url(../images/layout/gemeindebedarf.jpg) top no-repeat;}
ul#subnavi li a#s02:hover,
ul#subnavi li a#s02.active { height: 46px; width:164px; background:url(../images/layout/gemeindebedarf.jpg) bottom no-repeat; }

ul#subnavi li ul.flyout02	{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #C2C1C6; display:none; left:198px; padding:25px 0 0 5px;position:absolute; top:50px; width:186px;}
ul#subnavi li:hover ul.flyout02	{ display:block;}
ul#subnavi li ul.flyout02 li			{ float:left; height:25px; width:175px;}
ul#subnavi li ul.flyout02 li a		{ text-indent:0px; height:25px; font-size:1em; text-transform:uppercase; text-shadow: 1px 1px 1px #fff; color:#909090; text-decoration:none; outline:none; padding-left:12px; }
ul#subnavi li ul.flyout02 li a:hover,
ul#subnavi li ul.flyout02 li a.active	{ text-decoration:underline; color:#0076bd; }

ul#subnavi li a#s03 { height: 46px; width:153px; background:url(../images/layout/industriebedarf.jpg) top no-repeat;}
ul#subnavi li a#s03:hover,
ul#subnavi li a#s03.active { height: 46px; width:153px; background:url(../images/layout/industriebedarf.jpg) bottom no-repeat; }

ul#subnavi li ul.flyout03	{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #C2C1C6; display:none; left:361px; padding:25px 0 0 5px;position:absolute; top:50px; width:170px;}
ul#subnavi li:hover ul.flyout03	{ display:block;}
ul#subnavi li ul.flyout03 li			{ float:left; height:25px; width:175px;}
ul#subnavi li ul.flyout03 li a		{ text-indent:0px; height:25px; font-size:1em; text-transform:uppercase; text-shadow: 1px 1px 1px #fff; color:#909090; text-decoration:none; outline:none; padding-left:12px; }
ul#subnavi li ul.flyout03 li a:hover,
ul#subnavi li ul.flyout03 li a.active	{ text-decoration:underline; color:#0076bd; }

ul#subnavi li a#s04 { height: 46px; width:245px; background:url(../images/layout/catering-metzgerei-baeckerei.jpg) top no-repeat;}
ul#subnavi li a#s04:hover,
ul#subnavi li a#s04.active { height: 46px; width:245px; background:url(../images/layout/catering-metzgerei-baeckerei.jpg) bottom no-repeat;}

ul#subnavi li ul.flyout04	{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #C2C1C6; display:none; left:516px; padding:25px 0 0 5px;position:absolute; top:50px; width:152px;}
ul#subnavi li:hover ul.flyout04	{ display:block;}
ul#subnavi li ul.flyout04 li			{ float:left; height:25px; width:175px;}
ul#subnavi li ul.flyout04 li a		{ text-indent:0px; height:25px; font-size:1em; text-transform:uppercase; text-shadow: 1px 1px 1px #fff; color:#909090; text-decoration:none; outline:none; padding-left:12px; }
ul#subnavi li ul.flyout04 li a:hover,
ul#subnavi li ul.flyout04 li a.active	{ text-decoration:underline; color:#0076bd; }


/** Content **/
#content-main		{ float:left; width:610px; padding:0 0 0 10px; margin:35px 0 5px 0;}
#content-main p	{font-size:1.15em;}

#content-main ul			{padding:0 0 20px 0;}
#content-main ul li { background:url(../images/layout/list.gif) no-repeat scroll 10px top; line-height:130%; margin:3px 0 0 -10px; padding:0 0 0 30px; font-size:1.15em;}

.column1 {float:left; width: 300px; padding-left:10px}
.column2 {float:left; width: 300px;}
.column1 img, .column2 img {background:#fff; padding:1px;  -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888;}

img.eyecatcher	{width:603px; height:150px; padding:1px;  -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888;}

#content-main .galerie			{width:610px;}
#content-main .galerie img	{background:#fff; padding:1px;  -webkit-box-shadow: 0px 0px 3px #888; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888; margin:0 15px 15px 0; float:left;}
#content-main .galerie img.last	{margin:0 0 15px 0;}

/** Sidebar**/
#sidebar					{float:right; width:311px; margin:105px 20px 5px 0;}
#sidebar .produkt-top	{background:url(../images/layout/produktueberblick.jpg) no-repeat; width:302px; height:57px;}
#sidebar .newsletter-top	{background:url(../images/layout/sidebar-newsletter.jpg) no-repeat; width:302px; height:57px;}
#sidebar .mid			{background:url(../images/layout/produkt-rpt.jpg) repeat-y; width:272px; padding:25px 15px 10px 15px;}
#sidebar .botm		{background:url(../images/layout/produkt-bottom.jpg) no-repeat; width:302px; height:12px; margin-bottom: 24px;}

#sidebar .mid div.accdiv ul { width:250px; margin-top:5px;}
#sidebar .mid div.accdiv ul li	{font-size:1em; height:20px; text-transform:uppercase; text-shadow: 1px 1px 1px #fff; color:#909090; margin:0 0 0 -7px;}
#sidebar .mid div.accdiv ul li span {padding-left:5px;}

#sidebar .mid div.accdiv ul li span a:link, 
#sidebar .mid div.accdiv ul li span a:visited	{font-size:1em; text-transform:uppercase; text-shadow: 1px 1px 1px #fff; color:#909090; text-decoration:none; outline:none;}
#sidebar .mid div.accdiv ul li span a:hover, 
#sidebar .mid div.accdiv ul li span a:active,
#sidebar .mid div.accdiv ul li span a.active	{text-decoration:underline; color:#0076bd;}


/** Accordion **/
.basic 				{ width: 250px; }
.basic div br 	{ display:block !important;}
div.accdiv 		{ padding:13px 21px 0 23px; margin:0 0 5px 0; width:225px;}
	.basic div div		{padding: 0; margin: 0; border: 0; width: auto !important;}
.acctogas			{cursor:pointer; width:250px; height:17px;}




/** Footer **/
#footer									{background:url(../images/layout/bg-footer.jpg) bottom center no-repeat; width:100%; height:220px; padding:0;}