body {margin:0px 0px 0px 0px;}
#space {font-size:1px;}
/* Hintergrundfarben für des Shop */
#gesamt {width:100%; border:0px solid #ffffff;
	background: -moz-linear-gradient(top,  #eeeeee 50%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#eeeeee), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #eeeeee 50%,#ffffff 100%);
	background: -o-linear-gradient(top,  #eeeeee 50%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #eeeeee 50%,#ffffff 100%);
	background: linear-gradient(top,  #eeeeee 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
}

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: none}
a:link.deco {text-decoration: none}
a:visited.deco {text-decoration: none}
a:hover.deco {text-decoration: underline}

form {
margin:0px;
}
#gesamt1 {width:100%;}
#gesamt11 {width:100%; background-color: #f3f3f3; color: #000000; }
#header {height:0px;}
#headtop {height:0px;}

/* Ab hier Footer */
#footer {
  margin: 0px 0px 0px 0px;  
	width: 99%;
	height: 102px;
  margin:0px auto;
	font-family: Arial;
  font-size: 10pt;
  border: 1px solid #dcdcdc;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 100%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #ffffff 100%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #ffffff 100%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #ffffff 100%,#eeeeee 100%);
	background: linear-gradient(top,  #ffffff 100%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  border-radius: 4px;
	box-shadow: 0 0 10px #808080;
}

/* Ab hier Hauptmenü */
#menu,
#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Einstellungen obere Menüleiste */
#menu {
  width: 99%;
  margin: 0px auto;
  border: 1px solid #dcdcdc;
	background: -moz-linear-gradient(top,  #ffffff 50%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #ffffff 50%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #ffffff 50%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #ffffff 50%,#eeeeee 100%);
	background: linear-gradient(top,  #ffffff 50%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  border-radius: 4px;
  box-shadow: 0 4px 4px #dcdcdc;
}

#menu:before,
#menu:after {
  content: "";
  display: block;
}

#menu:after { clear: both; }

#menu li {
  float: left;
  background: url(img/sep.png) no-repeat;
  position: relative;
}
/* Schrifteinstellung komplettes Menü */
#menu a {
  float: left;
  padding: 12px 8px;
  color: #000000;
  text-decoration: none;
  text-transform: none;
  font: 12pt Arial;
}
/* Untermenü Abstand Farbe usw.. */
#menu ul {
  margin: 8px 0 0 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 1;
  background: linear-gradient(#ffffff 50%, #eeeeee 100%);
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  transition: all .2s ease-in-out;
  box-shadow: 4px 4px 4px #dcdcdc;
}

#menu li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
/* rechtes Pulldownmenü*/
#menu ul ul {
  top: 0;
  float: none;
	left: 100%;
  margin: 0 0 0 10px;
  border-radius: 4px;
  box-shadow: 4px 4px 4px #dcdcdc;
}
/* Abstände Pulldownmenü*/
#menu ul a {
  padding: 4px 4px 4px 10px;
	min-width: 235px;
  display: block;
  float: none;
  text-transform: none;
}
/* Hover Einstellungen bei Hauptmenü und Pulldown */
#menu a:hover { color: #000000;}
#menu ul a:hover { background: linear-gradient(#ffffff 50%, #eeeeee 100%); border-radius: 4px; color: #000000;}

/* Untermenu mit Pfeil nach oben */
#menu ul li:first-child > a:after {
  content: '';
  position: absolute;
  left: 10%;
  top: -6px;
  border-radius: 6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #000000;
}
/* Untermenu mit Pfeil nach links */
#menu ul ul li:first-child > a:after {
  left: -6px;
  top: 50%;
  margin-top: -6px;
  border-left: 0;
  border-radius: 6px;
  border-top: 6px solid transparent;
  border-right: 6px solid #000000;
  border-bottom: 6px solid transparent;
}

/* bis hier Menü  */

/* Hauptmenu */

#formsuche { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:22px; width:240px;}
#logf1 {width:405px; height:20px;}
#logf2 {width:55px;}
#logf3 {width:105px;}
#logf4 {width:75px;}
#logf5 {width:105px;}
#logf6 {width:45px;}


/* Button */
#button1 { height:20px; width:150px; background-color:#408080; font-family:Arial; font-size:10pt; cursor:pointer; font-weight:bold;
-moz-border-radius:5px 5px 5px 5px; /* Firefox */
-webkit-border-radius:5px 5px 5px 5px; /* Chrome, Safari */
-khtml-border-radius:5px 5px 5px 5px; /* Konqueror */
border-radius:5px 5px 5px 5px; /* CSS3 */
behavior:url(border-radius.htc); /* Internet Explorer */}
#button1 a {color:#000000; text-decoration:none;}
#button1 a:hover {color:#be0000; text-decoration:none;}
/* Button kaufen */
input[type=submit] {background:#4d9be1; border:0 none; cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px; }
#button2 { height:30px; width:165px; background-color:#4d9be1; font-family:Arial; font-size:10pt; color:#000000; cursor:pointer; font-weight:bold;
-moz-border-radius:5px 5px 5px 5px; /* Firefox */
-webkit-border-radius:5px 5px 5px 5px; /* Chrome, Safari */
-khtml-border-radius:5px 5px 5px 5px; /* Konqueror */
border-radius:5px 5px 5px 5px; /* CSS3 */
behavior:url(border-radius.htc); /* Internet Explorer */}
#button2 a {color:#be0000; text-decoration:none;}
#button2:hover {color:#be0000; text-decoration:none;}
#button2 a:hover {color:#be0000; text-decoration:none;}

/* Button nichtverfügbar */
#button3 { height:30px; width:165px; border:0 none; background-color:#c60808; font-family:Arial; font-size:10pt; color:#000000; cursor:pointer; font-weight:bold;
-moz-border-radius:5px 5px 5px 5px; /* Firefox */
-webkit-border-radius:5px 5px 5px 5px; /* Chrome, Safari */
-khtml-border-radius:5px 5px 5px 5px; /* Konqueror */
border-radius:5px 5px 5px 5px; /* CSS3 */
behavior:url(border-radius.htc); /* Internet Explorer */}
#button3 a {border:0 none; cursor:pointer; color:#be0000; text-decoration:none;}
#button3:hover {color:#be0000; text-decoration:none;}
#button3 a:hover {color:#be0000; text-decoration:none;}
/* Button download */
#button4 { height:30px; width:165px; background-color:green; font-family:Arial; font-size:10pt; color:#ffffff; cursor:pointer; font-weight:bold;}
#button4 a {color:#ffffff; text-decoration:none;}

/* Button startseite und contenseite */
#button5 { height:30px; width:165px; background-color:#4d9be1; font-family:Arial; font-size:10pt; color:#000000; cursor:pointer; font-weight:bold;
-moz-border-radius:5px 5px 5px 5px; /* Firefox */
-webkit-border-radius:5px 5px 5px 5px; /* Chrome, Safari */
-khtml-border-radius:5px 5px 5px 5px; /* Konqueror */
border-radius:5px 5px 5px 5px; /* CSS3 */
behavior:url(border-radius.htc); /* Internet Explorer */}
#button5 a {color:#000000; text-decoration:none;}
#button5:hover {color:#000000; text-decoration:none;}
#button5 a:hover {color:#000000; text-decoration:none;}

/* Anzeige Artikeldaten */
/*{background-color:#ffffff; border:1px solid #CCCCCC; border-radius: 5px; box-shadow: 5px 5px 5px #888888;}*/
#anzeigeartikel
{
  border: 1px solid #000000;
	background: -moz-linear-gradient(top,  #ffffff 50%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 50%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 50%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 50%,#ffffff 100%);
	background: linear-gradient(top,  #ffffff 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  border-radius: 3px;
  box-shadow: 4px 4px 4px #dcdcdc;
}
/* Fuss*/
/* gleiche Farbe wie Navigationshintergrung */

#left {width:250px;}
#right {width:100%; padding-left:20px;}
#tableft {width:250px;}

/* Schriftfarbe Top Artikel*/
#tabtopartikel {height:30px; font-family:Arial; font-size:12pt; color:#1c66a8; font-weight:bold;}
/* Schriftfarbe neue Artikel*/
#tabneueartikel {height:30px; font-family:Arial; font-size:12pt; color:#2e8b57; font-weight:bold;}
/* Schriftfarbe Werbung*/
#tabwerbung {height:30px; font-family:Arial; font-size:12pt; color:#2e8b57; font-weight:bold;}
/* Willkommen, Top Artikel neu im Sortiment*/
/* Überschriften Hintergrund Textfarbe und Umrandung*/
#tabright {width:100%;}
#tabrighthead {font-family:Arial; font-size:12pt; color:#1c66a8; font-weight:bold;}
#tabileft {width:220px;}
#tabiright {width:100%;}
#tabirightagbgelesen {width:100%;}
#mspace {width:25px; font-size:1px; height:300px;}
#content {width:100%;}
#contentagbgelesen {width:100%;}
#conth0 {height:300px;}
#conth1 {height:270px;}
#conth2 {height:550px;}
#conth100 {height:100px;}
#conth141 {height:141px;}

#tabibask {width:210px;}
#tabileft0 {width:170px;}
#tabileft1 {width:70px; height:20px;}
#tabileft2 {width:100px;}
#tabileft3 {width:50px;}

#tabborder {height:24px; border-bottom:1px solid #CCCCCC;}
#tabborder1 {height:10px; border-bottom:1px solid #CCCCCC;}

#artl {width:170px;}
#artr {width:100%;}
#tabartr {width:100%; padding-left:10px;}
#tabarthead {height:20px; font-family:Arial; font-size:10pt; color:#000000; text-decoration:none; font-weight:bold;}
#tbdescr1 {height:47px; font-family:Arial; font-size:10pt; color:#000000;}
#tabartbtl {width:170px; height:25px;}
#tabartbtr {width:170px; height:25px;}

#artline {height:12px; border-bottom:1px dotted #CCCCCC; font-size:1px;}
#artline1 {height:10px; font-size:1px;}

#pages1 {width:165px;}
#pages2 {width:180px;}
#pages3 {width:165px;}

#box {width:100%; height:120px; border:1px solid #CCCCCC;}
#boxtab {width:100%;}
#boxtd1 {width:190px;}
#boxtd2 {width:300px;}

td { font-family:Arial; font-size:10pt; color:#000000; }
p { font-family:Arial; font-size:10pt; color:#000000; }
.p1 { font-family:Arial; font-size:10pt; color:#000000; text-align:justify;}
/* gleiche Farbe wie Navigationshintergrung */
a { font-family:Arial; font-size:10pt; color:#000000; }
.a1 { font-family:Arial; font-size:10pt; color:#000000; text-decoration:none;}
/* ab hier neu */
.klein {font-family:Arial; font-size:10pt; color:#000000;}
#formerr {font-family:Arial; font-size:10pt; color:#C60808; font-weight:bold;}

#formtab1 {width:100%;}
#forml {width:170px; height:24px;}
#formlerr {width:170px; height:24px; font-family:Arial; font-size:10pt; color:#C60808; font-weight:bold;}

#formlerrkontakt {width:400px; height:24px; font-family:Arial; font-size:10pt; color:#000000; font-weight:bold;}
#formlerrbestellen {width:400px; height:24px; font-family:Arial; font-size:10pt; color:#000000; font-weight:bold;}
#formlerrregister {width:400px; height:24px; font-family:Arial; font-size:10pt; color:#C60808; font-weight:bold;}
#formlerrpasswort {width:500px; height:24px; font-family:Arial; font-size:10pt; color:#000000; font-weight:bold;}
#formlerrlogin {width:500px; height:24px; font-family:Arial; font-size:10pt; color:#C60808; font-weight:bold;}

#formmeta {width:20px; height:24px;}
#formrmeta { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #1C66A8; height:20px; width:600px;}

#formr {width:340px;}
#formrkl {width:340px; font-family:Arial; font-size:10pt; color:#000000;}
#formrklerr {width:340px; font-family:Arial; font-size:10pt; color:#000000;}
#formrtf { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:20px; width:340px;}
#formrarea { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:150px; width:340px;}
#formrbt { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; font-weight:bold; height:22px; width:340px; cursor:pointer;}
/* neu für Kassenformual*/
#formrt150 { border: #666666 0px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #EFEDED; height:17px; width:150px;}
#formrt300 { border: #666666 0px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #EFEDED; height:17px; width:300px;}

#formr1 {width:310px;}
#formr2 {width:30px;}
#formr3 {width:30px;}
#formr4 {width:70px;}
#formr5 {width:240px;}

#formrtf1 { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:18px; width:305px;}
#formrtf2 { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:18px; width:30px;}
#formrtf3 { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:18px; width:25px;}
#formrtf4 { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:18px; width:65px;}
#formrtf5 { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:18px; width:240px;}

/* Captcha Breite wie #formr */
#formrcpt {width:340px; height:30px;}
#tabformrcpt {width:340px;}
#cpt {width:30px;}
/* Label rechts neben Captcha = #formr - 202px */
#cptend {width:138px;}


#arttf {border: #B3B3B3 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:18px; width:340px;}

#ktf1 { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:18px; width:300px;}

#flog1 { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:20px; width:150px;}
/* Loginbutton*/
#fbtlog { border: #666666 0px solid; font-family: Arial; font-size: 10pt; color: #000000; font-weight:bold; background-color: #FFFFFF; height:20px; width:65px; cursor:pointer;}

#tdind1 {width:134px;}
#tdind2 {width:28px;}

#tfindex1 { border: #B3B3B3 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:18px; width:134px;}

.tf { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF; height:18px;}
.tf1 { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; background-color: #FFFFFF;}
.bt { border: #666666 1px solid; font-family: Arial; font-size: 10pt; color: #000000; font-weight:bold; background-color: #8F8F8F; height:18px;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#be0000;}
a:active {color:#000000;}


/* Hover auf Bildlinks */
.mithover {
	opacity: 0.5;
}

.mithover:hover {
	opacity: 1;
}


/* Karussell */
.outerWrapper {
	text-align: left;
	position:relative;
	margin:0;
	width:800px;
}

.item {
	float:left;
	margin-right:10px;
	width:150px;
	padding:2px;
}

.item div {
	width:99%;
	height:120px;
	line-height: 120px;
  display: table-cell;
  vertical-align: middle;
}

.left-nav-btn, .right-nav-btn {
	position:absolute;
	width:37px;
	height:37px;
	top:40px;
	cursor:pointer;
	opacity: 0.3;
	background:transparent url('img/arrows.png') top left no-repeat;
}
.left-nav-btn {
	left:-70px;
}
.right-nav-btn {
	right:-70px;
	background-position: top right;
}
.left-nav-btn:hover, .right-nav-btn:hover {
	opacity: 1;
}
/* Karussell2 */
.outerWrapper2 {
	text-align: left;
	position:relative;
	margin:0;
	width:800px;
}
.item2 {
	float:left;
	margin-right:10px;
	width:100px;
	padding:2px;
	line-height: 45px;
	height:45px;
}

.item2 div {
	width:99%;
	height:45px;
	line-height: 45px;
	height:45px;
  display: table-cell;
  vertical-align: middle;
}

.left-nav-btn2, .right-nav-btn2 {
	position:absolute;
	width:37px;
	height:37px;
	top:4px;
	cursor:pointer;
	opacity: 0.3;
	background:transparent url('img/arrows.png') top left no-repeat;
}
.left-nav-btn2 {
	left:-70px;
}
.right-nav-btn2 {
	right:-70px;
	background-position: top right;
}
.left-nav-btn2:hover, .right-nav-btn2:hover {
	opacity: 1;
}

/* Lupe Artikelbilder */
#zoomple_previewholder{
	left:0;
	top:0;
	z-index:99;
	position:absolute;
	display:none;
	width:300px;
	height:300px;
	background-color:transparent;
	background-position:50% 50%;
	background-repeat: no-repeat;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}
#zoomple_previewholder .image_wrap{
	left:0;
	top:0;
	z-index:99;
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#fff;
	box-shadow:0 0 1px 1px #000;
}
#zoomple_previewholder.rounded .image_wrap{
	border:0 solid #454C50;
	border-radius:50%;
	background-clip: padding-box;
}
#zoomple_previewholder .overlay{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-clip: padding-box;
	z-index:1;
}
#zoomple_previewholder.rounded  .overlay{
	border-radius:50%;
	box-shadow:inset 0 0 1px 1px #fff;
}
#zoomple_previewholder .cursor{
	width:20px;
	height:20px;
	margin-left:-10px;
	margin-top:-10px;
	position:absolute;
	left:50%;
	top:50%;
	z-index:101;
	background: url(./admin/fancybox/cursor.png) 0 0 no-repeat;
}
#zoomple_previewholder.zp-visible{
	display:block;
}
#zoomple_previewholder img{
	display:block;
	position:absolute;
	left:0;
	top:0;
}
#zoomple_previewholder .caption-wrap{
	position:absolute;
	top:100%;
	left:0;
	z-index:101;
	width:100%;
	margin:0;
	padding:0;
	font:11px Verdana,sans-serif;
	color:#090808;
	border-radius:0 0 0px 0px;
}
/* Bildbeschreibung */
#zoomple_previewholder .caption-wrap .caption{
	padding:5px 10px;
	font:12px Arial;
	color:#FFFFFF;
  text-align: center;
	background: black;
}
#zoomple_image_overlay{
	background:red;
	position:absolute;
	z-index:100;
	filter: alpha(opacity=1);
	opacity: 0.01;
}
#zoomple_image_overlay.preview{
	background:rgb(0,0,0);
	filter: alpha(opacity=50);
	opacity: 0.5;
}
#zoomple_image_overlay .eyelet{
	background:rgba(0,0,0,0.2);
	position:absolute;
	left:0;
	top:0;
}
.marquee{
filter: alpha(opacity=100);
}