body						{ margin-top:6px ; background-color:#FFCC33 }
a						{ font:bold 12px/16px Arial ; text-decoration:none ; border-width:0px ; border-style:none }
a:hover					{ text-decoration:none ; color:#FFFFFF ; border-width:0px ; border-style:none }
td, p, b					{ font:normal 12px/16px Arial ; text-transform:none ; color:#002244 ; margin-top:4px }
h1						{ font:normal 16px/16px Arial ; text-transform:uppercase ; color:#002244 ; padding:0px ; margin:0px ; margin-top:12px }
h2						{ font:bold 15px/15px Arial ; text-transform:uppercase ; color:#002244 ; padding:0px ; margin:0px ; margin-top:2px }
h3						{ font:normal 11px/11px Arial ; color:#002244 ; padding:0px ; margin:0px ; margin-bottom:1px }
h4						{ font:normal 11px/11px Arial ; color:#002244 ; padding:0px ; margin:0px }
h5						{ font:normal 13px/13px Arial ; color:#002244 ; padding:0px ; margin:0px ; margin-top:6px }
em						{ font-weight:bold ; font-style:normal }

td.null					{ font:normal 1px/0px Arial ; color:#002244 ; padding:0px ; margin:0px }
td.linksoben				{ background-image:url(../../bilder/rahmen/links-oben.gif) ; background-repeat:no-repeat ; width:8px ; height:8px ; margin:0px ; padding:0px }
td.rechtsoben				{ background-image:url(../../bilder/rahmen/rechts-oben.gif) ; background-repeat:no-repeat ; width:8px ; height:8px ; margin:0px ; padding:0px }
td.linksunten				{ background-image:url(../../bilder/rahmen/links-unten.gif) ; background-repeat:no-repeat ; width:8px ; height:8px ; margin:0px ; padding:0px }
td.rechtsunten				{ background-image:url(../../bilder/rahmen/rechts-unten.gif) ; background-repeat:no-repeat ; width:8px ; height:8px ; margin:0px ; padding:0px }
td.links					{ background-image:url(../../bilder/rahmen/links.gif) ; background-repeat:repeat-y ; margin:0px ; padding:0px }
td.rechts					{ background-image:url(../../bilder/rahmen/rechts.gif) ; background-repeat:repeat-y ; margin:0px ; padding:0px }
td.oben					{ background-image:url(../../bilder/rahmen/oben.gif) ; background-repeat:repeat-x ; margin:0px ; padding:0px }
td.unten					{ background-image:url(../../bilder/rahmen/unten.gif) ; background-repeat:repeat-x ; margin:0px ; padding:0px }
td.inhalt					{ background-color:#FFFFFF ; margin:0px ; padding:0px ; height:25px ; padding-right:0px ; padding-left:0px }
td.linksuntenblau			{ background-image:url(../../bilder/rahmen/links-unten-blau.gif) ; width:8px ; height:8px ; margin:0px ; padding:0px }
td.rechtsuntenblau			{ background-image:url(../../bilder/rahmen/rechts-unten-blau.gif) ; width:8px ; height:8px ; margin:0px ; padding:0px }
td.inhaltblau				{ background-color:#003366 ; margin:0px ; padding:0px }
td.inhaltblau p				{ color:#FFFFFF }
td.untenblau				{ background-color:#003366 ; margin:0px ; padding:0px ; height:8px }
td.rechtslinksblau			{ background-color:#003366 ; margin:0px ; padding:0px ; width:8px ; height:20px }
td.mitte 					{ background-image:url(../../bilder/kategorien/mitte.gif) ; background-repeat:repeat-x ; vertical-align:top }

div.preis					{ font:bold 16px Arial ; color:#FFFFFF ; vertical-align:middle }
div.preis em				{ font:bold 12px Arial ; color:#FFFFFF ; vertical-align:middle }

input.zeile				{ border-style:solid ; border-color:#003366 ; border-width:1px ; padding-right:3px ; padding-left:3px ; height:20px ; padding-top:3px ; color:#002244 ; background-color:#EEEEEE ; font:normal 12px/16px Arial }
input.zeile_menge			{ border-style:solid ; border-color:#003366 ; border-width:1px ; padding-right:3px ; padding-left:3px ; height:20px ; padding-top:3px ; color:#002244 ; background-color:#EEEEEE ; font:normal 12px/16px Arial ; width:38px ; text-align:right }
input.button				{ font:bold 12px/16px Arial ; height:20px ; color:#FFFFFF ; background-color:#002244 ; border-style:solid ; border-color:#002244 }
textarea.kasten			{ border-style:solid ; border-color:#003366 ; border-width:1px ; padding-left:3px ; height:80px ; padding-top:3px ; color:#002244 ; background-color:#EEEEEE ; font:normal 12px/16px Arial }

div.ueberlink				{ font:bold 11px Arial ; padding:0px ; margin:0px ; text-decoration:none ; border-width:0px ; border-style:none }
div.ueberlink a				{ font:bold 11px Arial ; padding:0px ; margin:0px ; text-decoration:none ; border-width:0px ; border-style:none }
div.ueberlink a:hover		{ font:bold 11px Arial ; padding:0px ; margin:0px ; text-decoration:none ; border-width:0px ; border-style:none }

div.ueberlinkweiss a			{ font:bold 11px/11px Arial ; padding:0px ; margin:0px ; text-decoration:none ; border-width:0px ; border-style:none ; background-color:#FFFFFF }
div.ueberlinkweiss a:hover	{ font:bold 11px/11px Arial ; padding:0px ; margin:0px ; text-decoration:none ; border-width:0px ; border-style:none ; background-color:#FFFFFF }

div.inverslink				{ font:normal 12px/16px Arial ; text-decoration:none ; color:#FFFFFF }
div.inverslink b				{ font:bold 12px/16px Arial ; color:#002244 ; border-width:1px ; border-left-width:4px ; border-right-width:4px ; background-color:#FFFFFF ; border-color:#FFFFFF ; padding:0px ; margin:0px ; padding-right:4px ; padding-left:4px ; margin-right:3px ; margin-left:3px }
div.inverslink a				{ font:bold 12px/16px Arial ; text-decoration:none ; color:#FFFFFF ; padding-left:1px ; padding-right:1px ; border-style:solid ; border-width:0px ; border-bottom-width:1px ; border-color:#FFFFFF }
div.inverslink a:hover		{ text-decoration:none ; color:#002244 ; border-width:1px ; border-left-width:1px ; border-right-width:1px ; background-color:#FFFFFF ; border-color:#FFFFFF ; padding:0px ; margin:0px }

div.seitenlink				{ font:normal 12px/16px Arial ; text-decoration:none ; color:#002244 }
div.seitenlink b				{ font:bold 12px/16px Arial ; color:#FFFFFF ; border-left-width:4px ; border-right-width:4px ; background-color:#002244 ; border-color:#002244 ; padding:0px ; margin:0px ; padding-right:4px ; padding-left:4px ; margin-right:0px ; margin-left:0px }
div.seitenlink a				{ font:bold 12px/16px Arial ; color:#002244 ; border-left-width:4px ; border-right-width:4px ; background-color:#FFFFFF ; border-color:#002244 ; padding:0px ; margin:0px ; padding-right:4px ; padding-left:4px ; margin-right:0px ; margin-left:0px }
div.seitenlink a:hover		{ text-decoration:none ; color:#FFFFFF ; background-color:#002244 }

div.kategorien a 			{ font:bold 14px/18px Arial ; color:#FFCC33 ; text-decoration:none }
div.kategorien a:hover 		{ color:#FFFFFF ; text-decoration:none }
div.kategorien p 			{ font:normal 10px/10px Arial ; margin:0px ; padding:0px ; margin-top:2px ; color:#002244 }
div.kategorien h1 			{ font:bold 15px/15px Arial ; color:#FFFFFF ; padding:0px ; padding:2px ; padding-left:3px ; margin:0px ; margin-top:6px }
div.kategorien h2 			{ font:normal 15px/15px Arial ; color:#FFFFFF ; padding:2px ; margin:0px ; margin-top:6px ; padding-right:3px ; text-align:right }
div.kategorien td.mitte 		{ background-image:url(../../bilder/kategorien/mitte.gif) ; background-repeat:repeat-x ; vertical-align:top }

div.frachtzeile a			{ font:bold 12px/16px Arial ; text-decoration:none ; color:#002244 ; padding-left:1px ; padding-right:1px ; border-style:solid ; border-width:0px ; border-bottom-width:1px ; border-color:#002244 }
div.frachtzeile a:hover		{ text-decoration:none ; color:#FFFFFF ; border-width:1px ; border-left-width:1px ; border-right-width:1px ; background-color:#002244 ; border-color:#002244 ; padding:0px ; margin:0px }


#kontakt					{ padding-right:8px ; text-align:right }

div.kapitelhead				{ font:bold 20px/20px Arial ; padding-top:15px ; padding-bottom:17px ; margin:0px }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FFF; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.aurednik.de/bilder/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.aurednik.de/bilder/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #FC3; }