body
{margin-top: 40px; margin-left: 165px; margin-right: 165px;margin-bottom: 20px;background-color: #fffff;padding:0px;
background-image:url(images/hg.jpg);}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 135%;
	height: 500px;
	background-color: #151410;
	
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	color:#151410;
	line-height:0;
}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	width: 250px;
	height: 250px; /* without this line error in IE8 detected */
	margin: 0 auto;
	position: relative; }


#imageContainer{
	width:100%;
	
	background-color: #fff;
	position: relative;
/*	border-style:solid;
	border-color:#fff;
	border-width:1px;*/
	font-size:0;/* ie fix - big info bar*/
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("galerie/engine/images/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background-image: url(data:galerie/engine/image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { 
	background: url("galerie/engine/images/prev.png") 5% center no-repeat; 
	_background-image:url("galerie/engine/images/prev_ie6.gif")
}
#nextLinkImg:hover, #nextLinkImg:visited:hover { 
	background: url("galerie/engine/images/next.png") 97% center no-repeat; 
	_background-image:url("galerie/engine/images/next_ie6.gif")
}


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	width:100%;
}

#imageData{
	overflow:hidden;
	width:100%;
}
#imageDetails{ width: 70%; float: left; text-align: left; 	padding:10px 10px 0 10px;}
#caption{ font-weight: bold; display:block;}
#numberDisplay{ display: block; float: left; padding-right:10px;}			
#detailsNav{display:block; float:left;   padding:0; }
#prevLinkDetails { margin:3px; margin-top:1px; display:block; width:16px;height:16px; background: url("galerie/engine//images/prevlabel.gif") left center no-repeat; float:left; }
#nextLinkDetails { margin:3px; margin-top:1px; display:block; width:16px;height:16px; background: url("galerie/engine//images/nextlabel.gif") right center no-repeat; float:left; }

#slideShowControl.started{
	background-image:url("galerie/engine//images/pause.gif");
}

#slideShowControl{
	display:block;
	width:17px; 
	height:17px; 
	float:left;
	background:url("galerie/engine//images/start.gif");
	background-position:center center;
	background-repeat:no-repeat;
	}

#close{
	padding:10px 10px 0 0;
	float:right;
}
#closeLink {
	display:block;
	margin:0;
	padding:0px;
	text-decoration:none;
	width:32px;
	height:32px;
	background:url("galerie/engine/images/close.gif") no-repeat;
}	
		
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	
	

#outerImageFrame{
	border:solid 1px red;
	height:100%;
	width:100%;
	position:absolute;
}


#outerImageContainer{
	overflow:visible;
}
#outerImageContainer td{
	text-align:center;
	padding:0;
}

#lightboxFrameBody{
	background-color: #fff;
	border:solid 1px #fff; /* hack for opera table small cell width */
	_vertical-align:top;
	_height:90%;
	//vertical-align:top;
	//height:90%;
}

#outerImageContainer td{
	font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
	height:15px;
	width:15px;
}

#outerImageContainer td.tl{
	background-image:url(galerie/engine/images/borderTopLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopLeft.png', sizingMethod='scale');
}
#outerImageContainer td.tc{
	background-image:url(galerie/engine/images/borderTopCenter.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopCenter.png', sizingMethod='scale');
}
#outerImageContainer td.ml{
	background-image:url(galerie/engine/images/borderMiddleLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleLeft.png', sizingMethod='scale');
}
#outerImageContainer td.mr{
	background-image:url(galerie/engine/images/borderMiddleRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleRight.png', sizingMethod='scale');
}
#outerImageContainer td.bc{
	background-image:url(galerie/engine/images/borderBottomCenter.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomCenter.png', sizingMethod='scale');
}


#outerImageContainer td.tr{
	background-image:url(galerie/engine/images/borderTopRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopRight.png', sizingMethod='scale');
}
#outerImageContainer td.bl{
	background-image:url(galerie/engine/images/borderBottomLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomLeft.png', sizingMethod='scale');
}
#outerImageContainer td.br{
	background-image:url(galerie/engine/images/borderBottomRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomRight.png', sizingMethod='scale');
}



td {
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
text-align:justify;font-size: 94%;line-height: 125%;}

h2{ color:#ffffff;
margin-bottom:20px;letter-spacing:0px;
font-family: arial;font-size: 100%;
}
h1{ color:#ffffff;
margin-bottom:20px;letter-spacing:0px;
font-family: arial;font-size: 100%;
}
b{color:#ffffff;}


/* hauptgerüst */

.li {
width:45px;
background-image:url(images/1.jpg);
border-right:solid 0px #000;border-left:solid 100px #808080;

}


.re {
width:90px;
background-image:url(images/rand2.jpg);
border-left:solid 0px #808080;border-right:solid 1px #808080;}

#top{
vertical-align:bottom;
height: 200;
background-color:#000000;
border-bottom:solid 1px #343434;

}

.flLeft {float:left; 
  margin:0 30px 0 0px;
} 
.flRight {float:right; 
  margin:0 0px 0 10px;
} 

#leistetop {height:0px;
background-color:#000;
height:38px;
font-size: 150%;
letter-spacing:-2px;
color:#FFFFFF;
font-variant:small-caps;
padding-left:10px;
padding-bottom:2px;
text-align:left;
vertical-align:bottom;border-bottom:solid 1px #535353;
border-top:solid 2px #353535;
font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
background-image:url(images/ob.jpg);

}

#leiste1 {height:0px;
background-repeat:repeat-x;
background-color:#000;
height:38px;
letter-spacing:0px;
color:#56686D;
font-variant:small-caps;
padding-left:0px;
padding-bottom:0px;
width:90%
vertical-align:middle;border-bottom:solid 1px #535353;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
text-align:center
}


#sp1 {color:#fff;font: normal 11px/15px verdana, sans-serif;
padding-left:0px;padding-right:0px;padding-top: 0px;
background-color:#000;
background-image:url(images/ob.jpg);
background-repeat:repeat-x;
border-right:solid 1px #343434;
text-align:center;
width:16%;
}

#sp2 {
height:800px;
color:#FFFFFF;
padding-top: 30px; padding-bottom: 20px;
padding-left: 20px;padding-right:20px;
background-color:#000;letter-spacing:0px;width:100%;
background-image:url(images/ob.jpg);
background-repeat:repeat-x;
font-size: 94%;line-height: 125%;
}



#fussb {font: normal 11px verdana, sans-serif; color: #fff; padding:2px;
height:30px;
text-align:lefr;
background-color:#121212;width:100%;
border-top:solid 1px #343434;
background-image:url(images/ob.jpg);
background-repeat:repeat-x;

}
/* scrolleiste internet explorer ab vers.5.5 */





/* menue oben */

.line {border-right:solid 1px #fff; }

#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#ffffff;
background-color:#4f4f4f;
text-decoration:none ;font-family:verdana,arial, sans-serif;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 1px;margin-right: 1px;
border:solid 1px #353535;
line-height:34px;
text-align:center;
font-size: 76%;

background-image:url(images/ob.jpg);
}


#menu2 a:hover {background-color:#ffcc66;color:#fff; text-decoration:none ;border:solid 1px #353535;

background-image:url(images/mover.jpg);
}



/* menue li */

#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;
background-color:#000;
color:#FFFFFF;
text-decoration:none ;
text-align:left

border:solid 1px #000;
font-size:86%;line-height: 190%;
font-family: verdana,"Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
margin:0px;

background-repeat:repeat-y;
background-position: 0% 50%;
border:solid 1px #000;
width:100%;

}

#menu1 a:hover{
background-color:#000;
color:#fff;
text-decoration:none ;
background-image:url(images/movermenli.jpg);
background-repeat:repeat-y;

border:solid 1px #343434;

}

.white {color:#ffffff;}



/* allgemeine links im text */

a:link, a:visited, a:active{ font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
font-size: 97%;line-height: 125%;
text-decoration:underline;color:#ffffff;}

a:hover{ text-decoration:none;background-color:#000000;
color:#FFFFFF;}



/*------*/

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#000000;
  
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }