#menu-unten, #toptitel {
	width: 802px;
	padding-right: 20px;
	padding-left: 20px;
}

#wrapper, #ende {
	width: 842px;
	margin-left: auto;
	margin-right: auto;
}
section, .section  {
	margin-right: 20px;
	margin-left: 20px;
	display: inline-block;
}
#footer, h1, .p1 {
	padding-right: 20px;
	padding-left: 20px;
}
.layout {
	width: 842px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
}
.zeile {
	float: none;
	margin-right: 0;
}
#nav0, #nav1, #nav2 {
	padding-left: 20px;
}



/*--- klein -device ---*/
@media only screen and (max-width: 842px) {
 	
body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: none;
}
#ende ul {
	display: none;
}
#wrapper {
	margin: 0;
	border-style: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0 0 10px;
}
#menu-unten {
	width: 100%;
	margin: 0;
}
#footertaste {
	text-align: left;
	margin-bottom: 10px;
	display: inline-block;
	padding-top: 15px;
	padding-bottom: 5px;
}

#menu-unten {
	padding-bottom: 0px;
	padding-top: 0px;
}

} /*--- ende klein ---*/


/*--- display -device 500 hoch ---*/
@media only screen and (max-device-width : 500px) {
	
	
body {
	font-size: 210%;
}
#vertikaltaste {
	padding-left: 20px;
}

} /*--- ende 500 hoch ---*/

.artikeltext {
	width: 630px;
}
.atrikelminus {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
}

img.bildvoll.bild {
	border-width: 1px;
}



p {
	margin-bottom: 10px;
}
a img, a:visited img, a:hover img,
a .datei, a:visited .datei, a:hover .datei,
a .folder, a:visited .folder, a:hover .folder,
a .dateivoll, a:visited .dateivoll, a:hover .dateivoll, .bildvoll img, .bild {
	border-width: 1px;
}

.folder {
	width: 140px;
	height: 140px;
	border-width: 1px;
	text-align: center;
	border-style: solid;
}
#formulartaste {
	margin-top: 20px;
	margin-bottom: 10px;
}

#artikelliste article  {
	width: 800px;
}
#artikelliste  {
	display: inline-block;
}

#impressumtaste.spezialaus , #agbtaste.spezialaus , #datenschutztaste.spezialaus {
	display: none;
}

.deselect ::selection {
    background: transparent;
    color: inherit;
}
.deselect ::-moz-selection {
    background: transparent;
    color: inherit;
}
.deselect {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/*--- bild + datei ---*/

.bild, .imbild  {
	margin-top: 10px;
	margin-bottom: 10px;
}
.layout .bx-viewport {
	padding-bottom: 10px;
	display: inline-block;
}
.minidetail .bx-viewport {
	padding-bottom: 10px;
}
.minidetail .bild {
	margin-top: 10px;
	margin-bottom: 0px;
}
li.halbspalte .bild {
	margin-top: 10px;
	margin-bottom: 10px;
}
.layout .bild {
	margin-bottom: 0;
}

li.spalte, li.spalte a {
	height: 162px;
}
li.halbspalte, li.halbspalte a {
	height: 92px;
}

.dateivoll {
	width: 802px;
	height: 534px;
}
.bildvoll {
	width: 802px;
	float: left;
}

.kommentar  {
	margin-top: 10px;
	margin-bottom: 10px;
}
.artikelbild {
	width: 142px;
	overflow: visible;
}
.artikelbild .bild {
	margin-top: 0px;
}

.halbspalte {
	float: left;
	list-style: none;
	margin: 0;
	width: 91px;
}
.halbbox {
	width: 70px;
	border-width: 1px;
}

div.bildvoll img {
	position: relative;
	float: left;
}

.actives {
	float: left;
}
.bildnav .actives {
	float: none;
}

/*--- normal ---*/

.spalte header, .spalte p, .spalte blockquote {
	padding-right: 13px;
}
.zeilehr {
	width: 802px;
	margin-bottom: 10px;
	float: left;
}
.spalte {
	float: left;
	list-style: none;
	margin: 0;
	width: 165px;
}

.infos {
	width: 140px;
}
.spalte hr {
	width: 140px;
	margin-top:10px;
}
.zeile {
		overflow: visible;
}

/*--- page ---*/

.page {
	width: 780px;
	border-width: 1px;
	padding-top: 20px;
	padding-left: 20px;
	display: inline-block;
	
}
.page div {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.rahmen {
	display: inline-block;
	float: left;
	overflow: hidden;
}
.imrahmen, .kommentar  {
	width: 825px;
	float: left;
}
.imrahmenmini {
	width: 819px;
	float: left;
}

div.fix1 {
	width: 45px;
}
div.fix2 {
	width: 110px;
}
div.fix3 {
	width: 175px;
}
div.fix4 {
	width: 240px;
}
div.fix5 {
	width: 305px;
}
div.fix6 {
	width: 370px;
}
div.fix7 {
	width: 435px;
}
div.fix8 {
	width: 500px;
}
div.fix9 {
	width: 565px;
}
div.fix10 {
	width: 630px;
}
div.fix11 {
	width: 695px;
}
div.fix12 {
	width: 760px;
}

/*--- iframe ---*/

iframe.fix1 {
	width: 43px;
}
iframe.fix2 {
	width: 108px;
}
iframe.fix3 {
	width: 173px;
}
iframe.fix4 {
	width: 238px;
}
iframe.fix5 {
	width: 303px;
}
iframe.fix6 {
	width: 368px;
}
iframe.fix7 {
	width: 433px;
}
iframe.fix8 {
	width: 498px;
}
iframe.fix9 {
	width: 563px;
}
iframe.fix10 {
	width: 628px;
}
iframe.fix11 {
	width: 693px;
}
iframe.fix12 {
	width: 758px;
}


.page .hix1 {height: 45px;}
.page .hix2 {height: 110px;}
.page .hix3 {height: 175px;}
.page .hix4 {height: 240px;}
.page .hix5 {height: 305px;}
.page .hix6 {height: 370px;}
.page .hix7 {height: 435px;}
.page .hix8 {height: 500px;}
.page .hix9 {height: 565px;}
.page .hix10 {height: 630px;}
.page .hix11 {height: 695px;}
.page .hix12 {height: 760px;}

/*--- formular ---*/

.formular {
	width: 780px;
	border-width: 1px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 0;
	display: inline-block;
	border-style: solid;
}
fieldset  {
	margin-right: 20px;
	float: left;
}

.formular .right, .formular .rechts {
	margin-left: 20px;
}
.formular iframe  {
	border-width: 1px;
	resize: none;
	margin-bottom: 20px;
}
fieldset hr {
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 0;
	padding-top: 0px;
}
.formular hr {
	margin-right: 20px;
	margin-bottom: 20px;
}
select {
	width: auto;
	height: auto;
	margin-bottom: 10px;
}
.text, .eingabe, .button, .submit, .reset, .plusminus {
	border-width: 1px;
	resize: none;
	padding: 5px 10px;
	margin-bottom: 20px;
	float: left;
}
.plusminus {
	padding: 0;
}
.menge {
	resize: none;
	float: left;
}

legend,li label {
	margin-top: 20px;
	margin-bottom: 20px;
}
.formular p {
	float: left;
	margin-bottom: 20px;
}
fieldset ul {
	float: left;
	margin-bottom: 20px;
}
fieldset li {
	clear: left;
}

/*--- Warenkorb ---*/

.korbbild {
	width: 150px;
	float: left;
	margin-bottom: 20px;
}
.korbtext {
	width: 200px;
	float: right;
}

/*--- teile ohne imput rahmen ---*/

fieldset.fix1, .formular p.fix1, legend.fix1, label.fix1, .formular span.fix1, fieldset ul.fix1 {
	width: 45px;
}
fieldset.fix2, .formular p.fix2, legend.fix2, label.fix2, .formular span.fix2, fieldset ul.fix2 {
	width: 110px;
}
fieldset.fix3, .formular p.fix3, legend.fix3, label.fix3, .formular span.fix3, fieldset ul.fix3 {
	width: 175px;
}
fieldset.fix4, .formular p.fix4, legend.fix4, label.fix4, .formular span.fix4, fieldset ul.fix4 {
	width: 240px;
}
fieldset.fix5, .formular p.fix5, legend.fix5, label.fix5, .formular span.fix5, fieldset ul.fix5 {
	width: 305px;
}
fieldset.fix6, .formular p.fix6, legend.fix6, label.fix6, .formular span.fix6, fieldset ul.fix6 {
	width: 370px;
}
fieldset.fix7, .formular p.fix7, legend.fix7, label.fix7, .formular span.fix7, fieldset ul.fix7 {
	width: 435px;
}
fieldset.fix8, .formular p.fix8, legend.fix8, label.fix8, .formular span.fix8, fieldset ul.fix8 {
	width: 500px;
}
fieldset.fix9, .formular p.fix9, legend.fix9, label.fix9, .formular span.fix9, fieldset ul.fix9 {
	width: 565px;
}
fieldset.fix10, .formular p.fix10, legend.fix10, label.fix10, .formular span.fix10, fieldset ul.fix10 {
	width: 630px;
}
fieldset.fix11, .formular p.fix11, legend.fix11, label.fix11, .formular span.fix11, fieldset ul.fix11 {
	width: 695px;
}
fieldset.fix12, .formular p.fix12, legend.fix12, label.fix12, .formular span.fix12, fieldset ul.fix12 {
	width: 760px;
}

/*--- teile mit imput rahmen ---*/

.button.fix1, .submit.fix1, .reset.fix1, select.fix1 {
	width: 45px;
}
.button.fix2, .submit.fix2, .reset.fix2, select.fix2 {
	width: 110px;
}
.button.fix3, .submit.fix3, .reset.fix3, select.fix3 {
	width: 175px;
}
.button.fix4, .submit.fix4, .reset.fix4, select.fix4 {
	width: 240px;
}
.button.fix5, .submit.fix5, .reset.fix5, select.fix5 {
	width: 305px;
}
.button.fix6, .submit.fix6, .reset.fix6, select.fix6 {
	width: 370px;
}
.button.fix7, .submit.fix7, .reset.fix7, select.fix7 {
	width: 435px;
}
.button.fix8, .submit.fix8, .reset.fix8, select.fix8 {
	width: 500px;
}
.button.fix9, .submit.fix9, .reset.fix9, select.fix9 {
	width: 565px;
}
.button.fix10, .submit.fix10, .reset.fix10, select.fix10 {
	width: 630px;
}
.button.fix11, .submit.fix11, .reset.fix11, select.fix11 {
	width: 695px;
}
.button.fix12, .submit.fix12, .reset.fix12, select.fix12 {
	width: 760px;
}


/*--- eingabefelder ---*/

.text.fix1 {width: 23px;}
.text.fix2 {width: 88px;}
.text.fix3 {width: 153px;}
.text.fix4 {width: 218px;}
.text.fix5 {width: 283px;}
.text.fix6 {width: 348px;}
.text.fix7 {width: 413px;}
.text.fix8 {width: 478px;}
.text.fix9 {width: 543px;}
.text.fix10 {width: 608px;}
.text.fix11 {width: 673px;}
.text.fix12 {width: 738px;}

.formular iframe.fix1 { width: 43px;}
.formular iframe.fix2 { width: 108px;}
.formular iframe.fix3 { width: 173px;}
.formular iframe.fix4 { width: 238px;}
.formular iframe.fix5 { width: 303px;}
.formular iframe.fix6 { width: 368px;}
.formular iframe.fix7 { width: 433px;}
.formular iframe.fix8 { width: 498px;}
.formular iframe.fix9 { width: 563px;}
.formular iframe.fix10 { width: 628px;}
.formular iframe.fix11 { width: 693px;}
.formular iframe.fix12 { width: 758px;}


.formular .hix1 {height: 45px;}
.formular .hix2 {height: 110px;}
.formular .hix3 {height: 175px;}
.formular .hix4 {height: 240px;}
.formular .hix5 {height: 305px;}
.formular .hix6 {height: 370px;}
.formular .hix7 {height: 435px;}
.formular .hix8 {height: 500px;}
.formular .hix9 {height: 565px;}
.formular .hix10 {height: 630px;}
.formular .hix11 {height: 695px;}
.formular .hix12 {height: 760px;}


/*--- tabelle ---*/


td.fix1 {
	width: 65px;
}
td.fix2 {
	width: 130px;
}
td.fix3 {
	width: 195px;
}
td.fix4 {
	width: 260px;
}
td.fix5 {
	width: 325px;
}
td.fix6 {
	width: 390px;
}
td.fix7 {
	width: 455px;
}
td.fix8 {
	width: 520px;
}
td.fix9 {
	width: 585px;
}
td.fix10 {
	width: 650px;
}
td.fix11 {
	width: 715px;
}
td.fix12 {
	width: 780px;
}


/*--- shop ---*/
input:focus {
    outline: none;
}
.infos {
	clear: left;
	float: left;
}
#main div.artikel {
	width: 100%;
}
.plusminus {
	margin-right: 20px;
}
.plusmenge, .minusmenge {
	float: left;
	width: 30px;
	height: 30px;
}
.button, .submit, .reset, .plusminus, .entfernen {
	font-size: 100%;
	border-radius: 20px;
    cursor: pointer;
	display: inline;
}
.inkorb, .entfernen {
	height: 30px;
	background-image: none;
	background-color: transparent;
	font-size: 100%;
	text-align: left;
	margin-left: 10px;
	margin-right: 20px;
}

.plusminus svg {
	float: left;
	width: 30px;
	height: 30px;
}
.menge {
	font-size: 120%;
	height: 26px;
	width: 50px;
	margin: 2px;
	text-align: center;
}

.berechnen {
	font-size: 100%;
	padding-bottom: 10px;
}

div.artikel label {
	display: none;
}

.textlinks {
	text-align: left;
	margin-bottom: 20px;
	margin-top: 5px;
}


/*--- kleiner als layout ---*/
@media only screen and (max-width: 842px) {

.formular .right, .formular .rechts {
	margin-left: 0px;
}
.formular {
	margin-left: 20px;
}
fieldset li {
	margin-bottom: 20px;
}
input {
	width: auto;
	height: auto;
}
.text, .eingabe {
	padding: 20px 0 20px 20px;
	margin-bottom: 20px;
}
#mailtext {
	height: 50%;
}
.button, .submit, .reset {
	margin-bottom: 20px;
}

input[type='radio'], input[type='checkbox'] {
	font-size: 100%;
	margin-right: 35px;
}
/*--- teile ohne imput rahmen ---*/

fieldset.fix1, .formular p.fix1, legend.fix1, label.fix1, .formular span.fix1, fieldset ul.fix1, fieldset.fix2, .formular p.fix2, legend.fix2, label.fix2, .formular span.fix2, fieldset ul.fix2, fieldset.fix3, .formular p.fix3, legend.fix3, label.fix3, .formular span.fix3, fieldset ul.fix3, fieldset.fix4, .formular p.fix4, legend.fix4, label.fix4, .formular span.fix4, fieldset ul.fix4, fieldset.fix5, .formular p.fix5, legend.fix5, label.fix5, .formular span.fix5, fieldset ul.fix5, fieldset.fix6, .formular p.fix6, legend.fix6, label.fix6, .formular span.fix6, fieldset ul.fix6, fieldset.fix7, .formular p.fix7, legend.fix7, label.fix7, .formular span.fix7, fieldset ul.fix7, fieldset.fix8, .formular p.fix8, legend.fix8, label.fix8, .formular span.fix8, fieldset ul.fix8, fieldset.fix9, .formular p.fix9, legend.fix9, label.fix9, .formular span.fix9, fieldset ul.fix9, fieldset.fix10, .formular p.fix10, legend.fix10, label.fix10, .formular span.fix10, fieldset ul.fix10, fieldset.fix11, .formular p.fix11, legend.fix11, label.fix11, .formular span.fix11, fieldset ul.fix11, fieldset.fix12, .formular p.fix12, legend.fix12, label.fix12, .formular span.fix12, fieldset ul.fix12 {
	width: 760px;
	font-size: 100%;
}
/*--- teile mit imput rahmen ---*/

.button.fix1, .submit.fix1, .reset.fix1, select.fix1, .button.fix2, .submit.fix2, .reset.fix2, select.fix2, .button.fix3, .submit.fix3, .reset.fix3, select.fix3, .button.fix4, .submit.fix4, .reset.fix4, select.fix4, .button.fix5, .submit.fix5, .reset.fix5, select.fix5, .button.fix6, .submit.fix6, .reset.fix6, select.fix6, .button.fix7, .submit.fix7, .reset.fix7, select.fix7, .button.fix8, .submit.fix8, .reset.fix8, select.fix8, .button.fix9, .submit.fix9, .reset.fix9, select.fix9, .button.fix10, .submit.fix10, .reset.fix10, select.fix10, .button.fix11, .submit.fix11, .reset.fix11, select.fix11, .button.fix12, .submit.fix12, .reset.fix12, select.fix12 {
	width: 760px;
	font-size: 100%;
}

/*--- eingabefelder ---*/

.text.fix1, .text.fix2, .text.fix3,.text.fix4, .text.fix5, .text.fix6, .text.fix7, .text.fix8, .text.fix9, .text.fix10, .text.fix11, .text.fix12 {
	width: 696px;
	font-size: 100%;
}

.eingabe.fix1, .eingabe.fix2, .eingabe.fix3,.eingabe.fix4, .eingabe.fix5, .eingabe.fix6, .eingabe.fix7, .eingabe.fix8, .eingabe.fix9, .eingabe.fix10, .eingabe.fix11, .eingabe.fix12 {
	width: 696px;
	font-size: 100%;
}

.formular iframe.fix1, .formular iframe.fix2, .formular iframe.fix3, .formular iframe.fix4, .formular iframe.fix5, .formular iframe.fix6, .formular iframe.fix8, .formular iframe.fix9, .formular iframe.fix10, .formular iframe.fix11, .formular iframe.fix12 {
 	width: 758px;
}

input[type='radio'], input[type='checkbox'] {
	margin-right: 5px;
}

.logo {
	background: none no-repeat right center;
}


/*--- shop ---*/
.plusmenge, .minusmenge {
	width: 50px;
	height: 50px;
}
.button, .submit, .reset, .plusminus, .entfernen {
	border-radius: 40px;
	height: 50px;
}
.inkorb, .entfernen {
	height: 50px;
}

.plusminus svg {
	float: left;
	width: 50px;
	height: 50px;
}
.menge {
	font-size: 120%;
	height: 46px;
	width: 50px;
	margin: 2px;
	text-align: center;
}

.korbbild {
	width: auto;
}
.korbtext {
	width: 100%;
	width: auto;
	float: left;
	clear: both;
}



} /*--- ende kleiner als layout ---*/

.rechts {
	float: right;
}
.links {
	float: left;
}

html, body, .hunderthoch {
	height: 100%;
}
.entfernen.button.imkorb {
	background-image: none;
}
#jp_audio ul li {
	margin-left: 0;
}
#mobipark {
	display: none;
}
/*--- Natel ---*/
@media only screen and (max-width: 500px) {

.plusmenge, .minusmenge {
	width: 80px;
	height: 80px;
}
.button, .submit, .reset, .plusminus, .entfernen {
	border-radius: 40px;
	height: 80px;
}
.inkorb, .entfernen {
	height: 80px;
}

.plusminus svg {
	width: 80px;
	height: 80px;
}
.menge {
	float: left;
	height: 76px;
	width: 80px;
}

} /*--- ende Natel ---*/