body {
	padding: 0px;
	margin-top: 5px;
	background: -webkit-linear-gradient(0deg, #DFDFDF 10%, #808080 90%);
	background: -o-linear-gradient(0deg, #DFDFDF 10%, #808080 90%);
	background: -moz-linear-gradient(0deg, #DFDFDF 10%, #808080 90%);
	background: linear-gradient(0deg, #DFDFDF 10%, #808080 90%);
	background-repeat: no-repeat; background-attachment: fixed;
	
	font-size: 10pt;
	font-family: "Verdana",Times,sans-serif;
	font-weight: normal; 
	color: #000000;
	height: 100%;
	line-height: 16px;

	}

html { overflow-y: scroll; height: 100%; }  

b, strong { font-weight: bold; }

p { margin: 1px; }

img, a img { border: none; vertical-align: middle; }

a, a:active, a:visited { color: #000000; text-decoration: none; cursor: pointer; }

a img, a:active img { border-bottom: 0px; text-decoration: none; }

a:hover { color: #FF0000; text-decoration: none; }

h1 { font-size: 11.5pt; margin-top: 0px; margin-bottom: 0px; }

h3 { margin-top: 1px; margin-bottom: 3px; }

ul { padding-left: 20px; margin: 0px; }

li { line-height: 20px; }

label { cursor: pointer; }

hr { border: 0px; border-top: 1px solid #ccc; }

span#links { cursor: pointer; }

.checkbox { margin-top: -0.5px; vertical-align: middle; }

select, select.option { height: 26px; color: #303030; font-family: Verdana; font-size: 10pt; }

.tranparenz { opacity: .4; filter:Alpha(Opacity=50); } 

div.info_noscript { width: 100%; padding: 5px 0px 0px 0px; border: 1px dotted #FF0066; color: #000000; text-align: center; margin-bottom: 10px; }


div.hauptcontainer { margin: 0 auto; max-width: 1300px; background-color: #ffffff; border-radius: 4px; padding: 0px; }

div#container_top { border-bottom: 1px solid #dddddd; margin-bottom: 0px; padding-bottom: 1px; background-color: #DFDFDF; }

div.con_left { float: left; width: 21%; min-height: 100px; margin-right: 20px; border: 0px solid #dcdcdc; }

div.con_mitte, div.con_details { float: left; width: 76%; border: 0px solid #000000; padding-top: 0px; }

.css_none { display: none; }


div#logo_kopf { float: left; width: 30%; border: 0px solid #000000; margin-bottom: 10px; }


span#admin_buttons { display: inline-block; border: 1px solid #C0C0C0; padding: 5px 2px 3px 5px; border-radius: 4px; }

span#admin_buttons:hover { background-color: #FFFF00; }


div#hotline_ansicht { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; width: 350px; letter-spacing: 0.1em; font-size: 18px; line-height: 20px; color: #484848; text-align: center; margin-top: -5.0%; }


div.button_menue_mobile { display: none; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; background-color: #3A3A3A; color: #FFFFFF; font-size: 18px; border-radius: 4px; line-height: 30px; text-align: center; cursor: pointer; } 

div.div_suche { text-align: center; border-bottom: 1px solid #DFDFDF; padding: 3px 0px 3px 0px; margin-bottom: 20px; background-color: #C0C0C0; }

table.input_suche { border: 0px solid #C1C1C1; margin-left: auto; margin-right: auto; width: 95%; max-width: 400px; }

input.suche { border: 1px solid #C1C1C1; height: 26px; width: 90%; font-family: Verdana; font-size: 12px; vertical-align: middle; padding-left: 22px; text-align: left; }



span.left_start_produkte {

	background: -webkit-linear-gradient(135deg, #808080 50%, #C0C0C0 80%);
	background: -o-linear-gradient(135deg, #808080 50%, #C0C0C0 80%);
	background: -moz-linear-gradient(135deg, #808080 50%, #C0C0C0 80%);
	background: linear-gradient(135deg, #808080 50%, #C0C0C0 80%);
	padding: 2px 3px 5px 3px; margin-left: 5px;	margin-right: 5px; text-align: center;
	-webkit-transform: skew(-30deg); 
	-moz-transform: skew(-30deg); 
	-o-transform: skew(-30deg);
	transform: skew(-30deg);

	}

span.left_start_produkte span { color: #FFFFFF; display:inline-block; text-align: left; text-decoration: none; -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); transform: skew(30deg); }





div.nav_left_header { margin-left: 5px; padding-left: 1px; border-bottom: 1px solid #dddddd; padding-bottom: 5px; font-size: 11.0pt; color: #336600; font-weight: bold; }

a.left_navi_gruppen, a.left_navi_gruppen_activ { padding: 5px 0px 5px 2px; display: block; font-size: 10pt; margin-bottom: 5px; box-shadow: 1px 1px 1px #B6B6B6; }

a.left_navi_gruppen span, a.left_navi_gruppen_activ span { margin-right: -2px; }


a:hover.left_navi_gruppen { box-shadow: 1px 2px 5px #808080; color: #000000; }

a.left_navi_gruppen_activ { border-top: 1px solid #dddddd; margin-top: 10px; margin-bottom: 5px; box-shadow: 1px 2px 5px #33CC00; color: #000000; }

a:hover.left_navi_untergruppen { background-color: #339900; color: #ffffff; border-radius: 4px; }









div.artikel_liste_neu { width: 99%; margin-bottom: 10px; padding-bottom: 20px; padding: 5px; border-bottom: 1px solid #C0C0C0; }
	
	div#Artikel_pro_Seite { float: right; }

	span#artikel_links_gruppen { display: inline-block; }

	div.artikel_liste_neu div.artikel_liste_bild_neu { cursor: pointer; margin-right: 10px; text-align: left; float: left; width: 25%; border: 0px solid #000000; } 

	div.artikel_liste_neu div.artikel_liste_liste_zusatz_neu { padding-top: 5px; }

	div.artikel_liste_neu div.artikel_liste_preis_neu { margin-bottom: 10px; text-align: center; border: 0px solid #000000; }

	span.preis { padding-bottom: 5px; color: #ad1910; font-size: 16pt; font-weight: bold; font-family: 'Verdana'; font-style: italic; text-align: center; }

	span.mwst { font-size: 8pt; color: #464646; text-align: center; }




div.button_warenkorb a , a.button_zur_kasse, a.button_weitershopen, input.button_weitershopen, button.button_weitershopen { cursor: pointer; border: 1px solid #FFFFFF; font-size: 11pt; padding: 6px 8px 6px 5px; color: #FFFFFF; border-radius: 4px;  }

div.button_warenkorb a, a.button_zur_kasse, a.button_weitershopen, input.button_weitershopen, button.button_weitershopen, div.warenkorb_background a {

	background: -webkit-linear-gradient(0deg, #D56A00 10%, #FF9A35 90%);
	background: -o-linear-gradient(0deg, #D56A00 10%, #FF9A35 90%);
	background: -moz-linear-gradient(0deg, #D56A00 10%, #FF9A35 90%);
	background: linear-gradient(0deg, #D56A00 10%, #FF9A35 90%); 

	}


div.button_warenkorb a:hover, a.button_zur_kasse:hover, a.button_weitershopen:hover { background: #FF9900; }


table.sonderzubehoer { width: 48%; }

table.downloads { width: 99%; line-height: 24px; padding: 5px; } 

table.downloads tr:hover {  background-color: #FFFF00; cursor: pointer; }

table.envkv_table { float: left; margin-top: 10px; width: 67%; line-height: 22px; }


div.die_bilder { float: left; padding: 10px; width: 35%; }

div.conbilder2, div.conbilder3 { margin-left: 10px; width: 25%; }

div.con_details_neben_bilder { float: left; width: 61%; }

td.kleines_bild_envkv {  padding-left: 20px; }

div.details_links_info div a { line-height: 26px; border: 1px solid #FF9A35; display: inline-block; border-radius: 4px; width: 200px; padding: 0px 5px 0px 5px; margin-bottom: 5px; }
div.details_links_info div a:hover { border: 1px solid green; color: #000000; }


div#warenkorb_bezeichnung { width: 65%; }






span.details_header_daten { dispay: block; padding: 3px; background-color: #FFFFFF; border-radius: 2px; font-weight: normal; color: #006666; border-left: 1px solid #808080; }



table.navi_bottons_bestellung tr td div { line-height: 26px; border-bottom: 2px solid #339900; border-top: 2px solid #339900; background-color: #4E4E4E; color: #FFFFFF; border-radius: 4px; opacity: 0.3; }  

table.navi_bottons_bestellung tr td.active div { background-color: #FFFFFF; border-bottom: 2px solid #339900; border-top: 2px solid #339900; border-radius: 4px; color: #000000; font-weight: bold; opacity: 1; }



div.interne_links_footer { float: left; padding-right: 50px; }



div.footer { 
	padding: 10px 0px 10px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 0px solid #D4D4D4;
	text-align: center;
	color: #5B5B5B;
	font-size: 8pt;
	}



.loader_spinner_kreis_css {
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	-webkit-animation: spin_kreis 2s linear infinite; /* Safari */
	animation: spin_kreis 2s linear infinite;
	}

/* Safari */
@-webkit-keyframes spin_kreis {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
	}

@keyframes spin_kreis {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}


.loader_spinner_kreis_klein {
	margin-left: 45px;
	margin-right: auto;
	margin-top: 5px;
	border: 5px solid #E2E2E2;
	border-radius: 50%;
	border-top: 5px solid #808080;
	width: 20px;
	height: 20px;
	-webkit-animation: spin_kreis_klein 1.5s linear infinite; /* Safari */
	animation: spin_kreis_klein 1.5s linear infinite;
	}

/* Safari */
@-webkit-keyframes spin_kreis_klein { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }

@keyframes spin_kreis_klein { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


div#blaettern2 { display: none; }

div.buttom_filter { display: none; }


table#table_eigene_zahlung { border: 0px solid black; width: 100%; }

div#paypal-button-container { margin-left: 12%; margin-right: 12%; }

@media screen and (max-width: 1000px) { table#table_eigene_zahlung { border: 0px solid black; width: 100%; } div#paypal-button-container { margin-left: 20%; margin-right: 20%;  width: 70%; } }

@media screen and (max-width: 770px) { table#table_eigene_zahlung { border: 0px solid black; width: 100%; } div#paypal-button-container { margin-left: 2%; margin-right: 2%;  width: 94%; } }




/* ****************** Alles ueber 1100px ********************* */
@media screen and (min-width: 1100px) {

	div.con_left { display: block; }

	}


/* ****************** Alles unter 1100px ********************* */
@media screen and (max-width: 1100px) {

	div.button_menue_mobile { display: block; }
	
	div.con_left { position: absolute; background-color: #FFFFFF; display: none; width: auto; min-width: 300px; padding: 15px 20px 5px 0px; border: 1px solid #808080; box-shadow: 0px 1px 3px 5px #808080; }

	div.buttom_filter { display: block; }

	a.left_navi_gruppen { padding-right: 10px; }

	div.hauptcontainer, div.con_mitte, div.con_details { width: 100%; }
	
	}



/* ****************** Alles unter 850px ********************* */
@media screen and (max-width: 700px) {

	div#blaettern1 { display: none; } 

	div#blaettern2 { display: block; } 

	}



/* ****************** Alles unter 800px ********************* */
@media screen and (max-width: 800px) {

	div.div_table_anschrift, div.div_table_kontakt { width: 100%; margin-bottom: 20px; }

	div#hotline_ansicht { margin-top: 0%; margin-bottom: 5px; font-size: 9pt; line-height: 14px; displaye: none; }

	table.envkv_table { width: 100%; }

	div#logo_kopf { width: 40%; }

	}


/* ****************** Alles ueber 900px ********************* */
@media screen and (min-width: 900px) { 
	
	div.div_table_anschrift { margin-right: 30px; }

	}


/* ****************** Alles unter 600px ********************* */
@media screen and (max-width: 600px) {
	
	div#logo_kopf { width: 50%; }

	div#kopf_navi { display: none; }


	div.die_bilder { float: left; padding: 10px; width: 95%; text-align: center; }

	div.con_details_neben_bilder { width: 100%; }

	div.conbilder2, div.conbilder3 { margin-left: 10px; width: 10%; display: none; }

	td.kleines_bild_envkv { padding-left: 0px; }


	div.footer_details table { float: left; margin-right: 20px; margin-bottom: 20px; } 

	table.sonderzubehoer {  width: 98%; }

	div#warenkorb_bezeichnung { width: 75%; }

	div.footer span { display: block; }

	div.interne_links_footer { display: block; padding-right: 0px; text-align: center; width: 100%; }

	div.footer_links div a { display: block; padding: 5px; border-bottom: 1px solid #FFFFFF; text-align: center; } 
	
	}


/* ****************** Alles unter 500px ********************* */
@media screen and (max-width: 500px) {

	div#warenkorb_bezeichnung { width: 75%; border: 0px solid #000000; }

	}