@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Arial,Helvetica,sans-serif; }
body { color: #c3b7a3; text-align: center; font-size: 12px; background-color: #696c50; }

h2,h3 { background-repeat: no-repeat; text-indent: -9999px; }
h3 { height: 100px; }
h4 { font-size: 12px; line-height: 24px; padding-top: 18px; color: #8fced7; }
.clear { clear: both; height: 1px; line-height: 1px; font-size:1px; padding: 0px; }
.clear1 { clear: both; height: 50px; padding: 0px; }
p.dots { color: #8fced7; padding-top: 0px; margin-top: 24px; clear: both; text-align: right; background-image: url(../../images/de/dots.gif); background-repeat: repeat-x; background-position: top; }
p.flat { height: 1px; line-height: 1px; font-size:1px; }
p { line-height: 24px; padding-top: 18px; text-align: justify; }
p.error { color: #ff0000; }
p.success { color: #00571f; }
p.success a { color: #00571f; }
p.paging { clear: both; padding-top: 0px; }
p.paging a { text-decoration: none; background-color: #2e301c; color: #c3b7a3; }
p.paging strong { background-color: #6b6e52; color: #151604; }
p.paging a.gxpager, p.paging strong {  display: block; float: left; height: 30px; width: 30px; text-align: center; line-height: 30px;  border: 1px solid #6b6e52; margin-right: 5px }
p.paging a strong { color: #151604; }

a:link, a:hover, a:active, a:visited { color: #8fced7; outline:0; }
ul,ol { list-style: none; line-height: 24px; }
img { border: none; }
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { float: right; margin-left: 20px; margin-top: 5px; }
table { border-collapse: collapse; border: 0px; }
td,th,caption { font-size: 11px; line-height: 20px; vertical-align: top; }
caption { text-align: left; font-weight: bold; }

div#question p { text-align: center; }
div#question p input { width: 80px; text-align: center; background-color: #1e200c; color: #c3b7a3; padding: 5px; border: none; }

div#wrapper { background: #151604 url(../../images/de/wrapper-bg.gif) repeat-x; }
div#container { width: 960px; padding-top: 330px; padding-bottom: 20px; margin: 0px auto; text-align:left; position:relative; background: #151604 url(../../images/de/container-bg.gif) no-repeat bottom; }

div#branding { position:absolute; top:0px; width: 960px; height: 330px; background: #151604 url(../../images/de/branding-bg.gif) no-repeat bottom; z-index: 0; }
div#branding h1 { width: 280px; }
div#branding h1 a { display:block; text-indent: -9999px; width: 280px; height: 220px; }

div#mainnavigation { position: absolute; z-index: 1; top: 250px; left: 0px; width: 960px; height:50px; }
div#mainnavigation ul { position: relative; }
div#mainnavigation ul li { position: absolute; top: 0px; }
div#mainnavigation ul li.housebar { left: 120px; }
div#mainnavigation ul li.barequipment { left: 258px; }
div#mainnavigation ul li.aquadelaelbe { left: 436px; }
div#mainnavigation ul li.referenzen { left: 614px; }
div#mainnavigation ul li.presse { left: 767px; }
div#mainnavigation ul li.kontakt { left: 857px; }
div#mainnavigation ul li a { display: block; background-position: top; height: 50px; background-repeat: no-repeat; text-indent: -9999px; }
div#mainnavigation ul li a.startseite { width: 120px; background-image: url(../../images/de/nav-01.gif); }
div#mainnavigation ul li a.housebar { width: 138px;  background-image: url(../../images/de/nav-02.gif); }
div#mainnavigation ul li a.barequipment { width: 178px;  background-image: url(../../images/de/nav-03.gif); }
div#mainnavigation ul li a.aquadelaelbe { width: 178px;  background-image: url(../../images/de/nav-04.gif); }
div#mainnavigation ul li a.referenzen { width: 153px;  background-image: url(../../images/de/nav-05.gif); }
div#mainnavigation ul li a.presse { width: 90px;  background-image: url(../../images/de/nav-06.gif); }
div#mainnavigation ul li a.kontakt { width: 103px;  background-image: url(../../images/de/nav-07.gif); }
div#mainnavigation ul li a.active,div#mainnavigation ul li a:hover { background-position: bottom; }

div#maincontent { float:left; width: 640px; padding-bottom: 50px; }
div#maincontent h4.first { padding-top: 0px; }
div#maincontent p { margin-right: 40px; }
div#maincontent p span { color: #8fced7; }
div#maincontent p.flat { line-height: 1px; }

h3#moinmoin { background-image: url(../../images/de/h3-moinmoin.gif); }
h3#wasgehtab { background-image: url(../../images/de/h3-was-geht-ab.gif); }
h3#partner { background-image: url(../../images/de/h3-partner.gif); }
h3#agb { background-image: url(../../images/de/h3-agb.gif); }
h3#impressum { background-image: url(../../images/de/h3-impressum.gif); }
h3#kontakt { background-image: url(../../images/de/h3-kontakt.gif); }
h3#friends { background-image: url(../../images/de/h3-friends.gif); }
h3#jobs { background-image: url(../../images/de/h3-jobs.gif); }
h3#presse { background-image: url(../../images/de/h3-presse.gif); }
h3#topangebote { background-image: url(../../images/de/h3-topangebote.gif); }
h3#bestellkarte { background-image: url(../../images/de/h3-housebar.gif); }
h3#aktuell { background-image: url(../../images/de/h3-aktuell.gif); }
h3#spots { background-image: url(../../images/de/h3-spots.gif); }
h3#fehler { background-image: url(../../images/de/h3-fehler.gif); }
h3#referenzen { background-image: url(../../images/de/h3-referenzen.gif); }
h3#barequipment { background-image: url(../../images/de/h3-barequipment.gif); }
h3#ecard { background-image: url(../../images/de/h3-ecard.gif); }

div#toparticlesoverview { margin-top: 24px; }
div#toparticlesoverview div.article { padding-top: 0px; margin: 0px; position: relative; float: left; width: 180px; height: 210px; padding-right: 30px; }
div#toparticlesoverview div.toparticle { padding-top: 0px; margin: 0px; position: relative; float: left; width: 180px; height: 210px; padding-right: 30px; background: #151604 url(../../images/de/article-bg.jpg) no-repeat; }
div#toparticlesoverview div.toparticle div.detail {  position: absolute; left: 10px; bottom: 40px; width: 160px; }
div#toparticlesoverview p, div#toparticlesoverview h4 { text-align:left; color:  #c3b7a3; padding: 0px; font-weight: normal; line-height: 18px; margin: 0px; }
div#toparticlesoverview p.articleimage { text-align: center; padding-top: 10px; padding-right: 0px; }
div#toparticlesoverview p strong { color: #8fced7; }
div#toparticlesoverview p.articlesend { color: #8fced7; padding-top: 0px; margin-top: 0px; margin-right: 40px; clear: both; text-align: right; background-image: url(../../images/de/dots.gif); background-repeat: repeat-x; background-position: top; }
div#toparticlesoverview div.toparticle p.special { text-align: right; position: absolute; right: 30px; top: 0px; color: #fff; background-color: #bf0017; padding-right: 5px; padding-left: 5px; }

div#subcontent { float:left; width: 320px; }

div#subcontent div.box { background: #151604 url(../../images/de/paper-bg.jpg) no-repeat; padding-left: 10px; padding-right: 10px; color: #151704; }
div#subcontent div.sortiment { background-image: url(../../images/de/paper-bg2.jpg);  }

div#subcontent div#nachtlieferung { background: #151604 url(../../images/de/nachtlieferung.jpg) no-repeat; height: 486px; color: #151704; padding-left: 10px; padding-right: 10px; }
div#subcontent div#nachtlieferung h3 {display: none; }
div#subcontent div#nachtlieferung p { padding-top: 380px; }
div#subcontent div#nachtlieferung p span { font-weight:bold; color: #bf0017; }

div#subcontent div.box ul li { background-image: url(../../images/de/dots-paper.gif); background-repeat: repeat-x; background-position: bottom; }
div#subcontent div.box ul li a { background-image: url(../../images/de/arrow-paper.gif); background-repeat: no-repeat; background-position: 0px 8px; display: block; padding-left: 40px; height: 40px; color: #151704; line-height: 40px; text-decoration: none; }
div#subcontent div.box ul li a:hover { background-position: 5px 8px; }
div#subcontent div.box ul li a.active { background-position: 5px 8px; font-weight: bold; }
div#subcontent div.box h3 { background-repeat: no-repeat; background-position: -10px; height: 100px; }
div#subcontent div.box h3#topseller { background-image: url(../../images/de/h3-top-seller.jpg); }
div#subcontent div.box h3#findenwirgut { background-image: url(../../images/de/h3-finden-wir-gut.jpg); }
div#subcontent div.box h3#companydata { background-image: url(../../images/de/h3-firmendaten.jpg); }
div#subcontent div.box h3#sortiment { background-image: url(../../images/de/h3-sortiment.jpg); }
div#subcontent div.box h4 { color: #151704; font-size: 18px; margin: 0px; padding: 0px; }
div#subcontent div.boxend1 p a {  color: #151704; }
div#subcontent div.boxend1 p a:hover { color: #bf0017; }
div#subcontent div.box p a { color: #151704;  }
div#subcontent div.box p a:hover { color: #bf0017; }
div#subcontent div.box p { padding: 0px; }
div#subcontent div.box p.image { float: left; margin-right: 20px; margin-top: 5px; }
div#subcontent div.box p.image img {  border: 5px solid #666349; }
div#subcontent div.box p.boxdots { padding-top: 1px; background-image: url(../../images/de/dots-paper.gif); background-repeat: repeat-x; background-position: 0px 16px; }
div#subcontent div.box p.price { text-align: right; padding-right: 10px; }
div#subcontent div.box p.price strong { font-size: 24px; color: #5d4620; font-weight: normal; }
div#subcontent div.box p.price span { color: #bf0017; }
div#subcontent div.box p.metalink { padding: 10px 0px; }

div#partnerlogos { height: 200px; width: 320px; padding: 0px; margin: 27px 0px 0px 0px; overflow: hidden; }
div#partnerlogos img { top: 0px; left: 0px; height: 200px; width: 320px; }

div.boxend1 { padding-left: 10px; background: #151604 url(../../images/de/paper-foot-1.jpg) no-repeat top; height: 69px; }
div.boxend1 p { padding: 0px; }
div.boxend1 p a {  color: #151704; }
div.boxend1 p a:hover { color: #bf0017; }

div.boxend2 { padding-left: 10px; background: #151604 url(../../images/de/paper-foot-2.gif) no-repeat top; height: 30px; }

ul.textlist2 { padding-top: 24px; padding-right: 40px;  }
ul.textlist2 li { line-height: 20px; display: inline; }
ul.textlist2 li a { color: #c3b7a3; padding:5px; padding-left: 25px; background: #1e200c url(../../images/de/dots.gif) repeat-x bottom; display: block; text-decoration: none; }
ul.textlist2 li a:hover { background-color: #6b6e52; color: #151704; }

div#contactform { line-height: 20px; padding-top: 27px; }
div#contactform p { text-align: left; padding: 0px 0px 20px 0px; }
div#contactform form {  }
div#contactform form legend { display: none; }
div#contactform form fieldset{ border: solid 0px #fff; }
div#contactform form ol { list-style-type: none; }
div#contactform form ol li{ padding-bottom: 13px; }
div#contactform form ol li fieldset{ padding-left: 173px; }
div#contactform form ol li fieldset input { width: auto; margin-right: 5px; }
div#contactform form ol li label { vertical-align: top; display: inline-block; width: 170px; }
div#contactform form ol li input,
div#contactform form ol li textarea{ background-color: #1e200c; color: #c3b7a3; width: 423px; padding: 2px 0px; font-size: 12px; border: none; padding-top: 5px; padding-bottom: 8px; background-image: url(../../images/de/dots.gif); background-repeat: repeat-x; background-position: bottom; }
div#contactform form ol li input.radio { background-color: #151604; background-image: none; }
div#contactform form ol li textarea {  height: 100px; }
div#contactform form ol li select { font-size: 11px; color: #c3b7a3; width: 424px; background-color: #2e301c; }
div#contactform form ol li input.checkbox { width: auto; }
div#contactform form input.submit { margin-left: 173px; background-color: #1e200c; color: #c3b7a3; padding: 5px; border: none; }

div#pageinformation { position: relative; text-align: left; width: 960px; margin: 0px auto; height: 185px; background: #696c50 url(../../images/de/pageinformation-bg.jpg) no-repeat top; }
div#pageinformation p { position: absolute; top: 60px; color: #716c58; }
div#pageinformation p#addons1 { left: 20px; }
div#pageinformation p#addons2 { left: 320px; }
div#pageinformation p#addons3 { left: 640px; }
div#pageinformation p a { color: #716c58; }
div#pageinformation p a:hover, div#pageinformation p a.active { color: #8fced7; }

div#newsticker { position: relative; width: 295px; height: 200px; float: right; margin-left: 40px; background: #151604 url(../../images/de/tv.jpg) no-repeat 0px 0px;  }
div#newsticker ul { line-height: 18px; position: absolute; font-size: 10px; display: block; width: 10px; width: 120px; height: 110px; color: #2d0106; left: 72px; top: 42px; overflow: hidden; }
div#newsticker ul li{ width: 120px; height: 110px; left: 0px; top: 0px; }

div#ecardform { padding-bottom: 10px; position: relative; background: transparent url(../../images/de/ecard-form-bg.jpg) no-repeat 0px 60px; height: 400px; }
div#ecardform p { text-align: left; }
div#ecardform p.error,div#ecardform p.success { position:absolute; top: 300px; left: 30px; z-index: 10; }
div#ecardform p#ecardteaser { position: absolute; left: 0px; top: 45px; }
div#ecardform form { margin-top: 20px; line-height: 18px;  padding: 20px; }
div#ecardform form legend { display: none; }
div#ecardform form fieldset { border: solid 0px #fff; }
div#ecardform form ol { padding-left: 330px; padding-bottom: 5px; }
div#ecardform form ol li { line-height: 20px; }
div#ecardform form ol li label { display: block; }
div#ecardform form ol li input,
div#ecardform form ol li textarea {  background-color: #1e200c; color: #c3b7a3; width: 220px; padding: 2px 0px; font-size: 11px; border: none; padding-top: 5px; padding-bottom: 8px; background-image: url(../../images/de/dots.gif); background-repeat: repeat-x; background-position: bottom; }
div#ecardform form ol li textarea { height: 30px; }
div#ecardform form input.submit { margin-left: 330px; background-color: #1e200c; color: #c3b7a3; padding: 2px; border: none; }

/* LIGHTBOX CODE START */
#lightbox{ position: absolute; left: 0;	width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; color: #000; 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: transparent url(../../images/de/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/de/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/de/next.gif) right 50% no-repeat; }
#nextLinkText, #prevLinkText{ color: #5ca102; font-weight: bold; text-decoration: none; }
#nextLinkText{ padding-left: 20px; }
#prevLinkText{ padding-right: 20px; }
.ontop #imageData { padding-top: 5px; }
#imageDataContainer{ font: 10px Arial, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	}
#imageData{	padding:0 10px;	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ color: #000; font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90;	width: 100%; height: 500px;	background-color: #000;	filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; }
.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 */ }
/* LIGHTBOX CODE END */