body {
margin : 0;
padding : 0;
color : #222;
font : x-small/18px sans-serif;
background : #fff;
-webkit-font-smoothing : antialiased;
}
h1,h2 {
color : #777;
}
h1 {
margin : 36px 0 17px 0;
line-height : 36px;
font-size : 170%;
text-transform : uppercase;
font-weight : normal;
text-shadow : 0 -1px 1px rgba(0,0,0,.6);
letter-spacing : 1px;
border-bottom : 1px solid #ddd;
}
h2 {
margin : 18px 0;
font-size : 120%;
text-transform : uppercase;
letter-spacing : 1px;
}
h3, h4, h5, h6 {
margin : 0;
font-size : 100%;
}
h1 em {
text-transform : none;
font-style : normal;
letter-spacing : normal;
}
hr {
clear : both;
margin : 18px 0 17px 0;
padding : 0;
color : #ddd;
height : 1px;
border : none;
border-bottom : 1px solid #ddd;
}
a {
color : #0B53AE;
text-decoration : none;
border-bottom : 1px solid #0B53AE;
}
a img {
border : none;
}
#content a:hover {
color : #000;
text-decoration : none;
border-bottom : 1px solid #D1A12D;
}
p, ul, ol, dl {
padding : 0;
margin : 0 0 1.5em 0;
}
li {
margin : 0 0 0 16px;
padding : 0;
}
#language {
float : right;
}
h1#top {
margin : 0 20px;
padding : 0;
height : 108px;
color : #fff;
font-size : 0;
letter-spacing : -1000em;
background : url(/images/kloppmann-electrics.gif) no-repeat left 14px #fff;
border : none;
}
#header {
height : 178px;
overflow : hidden;
border : 1px solid #666;
border-top-color : #ccc;
border-right-color : #ccc;
box-shadow : 0px 3px 2px rgba(0,0,0,.4);
-webkit-box-shadow : 0px 3px 2px rgba(0,0,0,.4);
-moz-box-shadow : 0px 3px 2px rgba(0,0,0,.4);
}
#header img {
display : block;
}
#tagline {
position : relative;
margin : -18px 20px 0 0;
padding : 0;
font-family : Georgia,serif;
letter-spacing : 1px;
text-align : right;
text-shadow : 0px 1px 1px rgba(0,0,0,.2);
}

#container {
margin : 0 auto;
width : 960px;
overflow : hidden;
font-size : 120%;
background : #fff;
}

html body * span.clear,
html body * div.clear,
html body * hr.clear,
html body * br.clear {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
#language li {
list-style : none;
}
#language a {
display : block;
position : relative;
top : 18px;
right : 20px;
border : none;
}
#menu {
position : relative;
margin : -30px 0;
padding : 0;
width : 100%;
height : 28px;
font-size : 110%;
line-height : 28px;
text-shadow : 0px 1px 1px #000;
background : #A67317;
border-top : 1px solid #666;
}
#container > #menu {
background : url(bg/menu.png) repeat-x left top rgba(167,115,23,.8);
}
#menu li {
margin : 0;
padding : 0;
display : inline;
float : left;
position : relative;
}
#menu a, #menu em {
float : left;
text-align : center;
width : 94px;
height : 24px;
color : #fff;
font-weight : bold;
font-style : normal;
text-decoration : none;
border-left : 1px solid #865D19;
border-right : 1px solid #E4A93F;
border-bottom : 4px solid #A67317;
}
#menu a:hover, #menu .current a, #menu em, #menu a#shop:hover {
color : #eee;
border-bottom : 4px solid #fff;
}
#menu #shop {
width : 120px;
margin-left : 166px;
background : #A62717;
border-bottom : 4px solid #A62717;
border-right : 1px solid #A62717;
}
#menu li> #shop {
background : url(bg/menu.png) repeat-x left top rgba(166,39,23,.8);
}

#content {
display: inline;
float: left;
margin-left: 20px;
margin-right: 20px;
width : 600px;
}
#margin {
display: inline;
float: left;
margin-left: 0px;
margin-right: 0px;
padding-top : 54px;
width : 300px;
}
address {
height : 36px;
margin : 36px 0 54px 0;
line-height : 36px;
font-size : 11px;
font-style : normal;
letter-spacing : 1px;
text-align : center;
background : url(bg/ke.gif) no-repeat 100% 0px #fff;
border-top : 1px solid #ddd;
}
address a {
color : #222;
border : none;
}

.intro {
color : #444;
font-size : 120%;
font-weight : bold;
}
table {
width : 100%;
margin : 0 0 18px 0;
border-collapse : collapse;
}
td {
width : 49%;
padding : 2px;
border-top : 1px solid #ddd;
border-right : 1px solid #ddd;
border-bottom : 1px solid #ccc;
}
th {
padding : 2px;
text-align : left;
border-bottom : 1px solid #ccc;
}
.aside {
position : relative;
float : right;
width : 300px;
margin : 0 -320px 0 0;
_margin-right : -340px;
_margin-left : 20px;
padding : 0 0 9px 0;
font-size : 94%;
line-height : 1;
text-align : right;
background : #faf5e8;
}
.aside img {
display : block;
display : inline-block\9;
margin : 0 0 9px 0;
box-shadow : 0px 3px 4px rgba(0,0,0,.6);
-webkit-box-shadow : 0px 3px 4px rgba(0,0,0,.6);
-moz-box-shadow : 0px 3px 4px rgba(0,0,0,.6);
}
#content .aside a,#content .aside a:hover {
border : none;
}
.lb {
display : block;
cursor : -webkit-zoom-in;
cursor : -moz-zoom-in;
}

#tags {
display : inline;
float : left;
width : 160px;
margin : 0 20px 0 0;
}
.tags {
margin : 0;
padding : 0;
list-style : none;
}
.tags li {
margin : 0;
padding : 0;
list-style : none;
}
.tags li.current a {
color : #666;
border-bottom-color : #666;
}
.tags em {
font-style : normal;
}

.pagination {
text-align : center;
font-weight : bold;
}
.pagination li {
display : inline;
}
.pagination a, .pagination a:hover {
}

#items {
display : inline;
float : left;
width : 420px;
}
.item {
clear : both;
margin : 0 0 18px 0;
border-bottom : 1px solid #666;
}
.item h2 {
margin : 0 0 9px 0;
}
.item h3 {
margin : 0 0 9px 0;
font-weight : normal;
font-style : italic;
}


.artist {
clear : both;
margin : 0 0 18px 0;
}
.dealer {
display : inline;
float : left;
width : 280px;
margin : 18px 20px 18px 0;
}
.audio {
margin : 18px 0;
padding : 36px;
padding : 18px 20px;
font-family : Palatino,Georgia,serif;
font-style : italic;
background : #faf5e8;
border-radius : 6px;
-webkit-border-radius : 6px;
-moz-border-radius : 6px;
}
blockquote, .quote {
margin : 18px 0;
padding : 36px;
font-family : Palatino,Georgia,serif;
font-style : italic;
background : url(/media/shared/quote.gif) no-repeat 8px 8px #faf5e8;
border-radius : 6px;
-webkit-border-radius : 6px;
-moz-border-radius : 6px;
}
blockquote p, .quote p {
margin-bottom : 0;
}
.footnote {
padding : 18px;
font-style : italic;
font-size : 94%;
border : 1px solid #eee;
}
#contact {
width : 66%;
}
#contact, #contact fieldset {
margin : 0;
padding : 0;
border : none;
}
#contact label {
color : #666;
font-weight : bold;
display : block;
}
#contact input, #contact textarea {
width : 100%;
padding : .5em;
font-family : inherit;
font-size : inherit;
border : 1px solid #ababab;
border-top-color : #707070;
border-bottom-color : #cecece;
}
#contact .error-explanation {
margin-bottom : 18px;
color : #86000c;
}
.buttons {
margin : 18px 0;
text-align : right;
}
.buttons a {
padding : 4px 20px;
margin : 0 10px;
color : #fff;
text-shadow : 1px 1px 1px rgba(0,0,0,.6);
background : #666;
border : none;
border-radius : 12px;
-webkit-border-radius : 12px;
-moz-border-radius : 12px;
box-shadow : 1px 2px 2px rgba(0,0,0,.6);
-moz-box-shadow : 1px 2px 2px rgba(0,0,0,.6);
-webkit-box-shadow : 1px 2px 2px rgba(0,0,0,.6);
}
#content .buttons a:hover {
color : #fff;
background : #22479B;
border : none;
}


/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
color : #fff;
text-shadow : 0px 1px 1px #000;
}
#jquery-lightbox a img {
border: none;
}
#lightbox-container-image-box {
position: relative;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image {
padding: 0;
}
#lightbox-image {
border : 1px solid #999;
-webkit-box-reflect : below 1px -webkit-gradient(linear, left top, left 130%, from(transparent), color-stop(0.6, transparent), to(#000));
}
#lightbox-loading {
position: absolute;
top: 100px;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev { 
left: 0; 
float: left;
}
#lightbox-nav-btnNext { 
right: 0; 
float: right;
}
#lightbox-container-image-data-box {
margin: 0 auto;
line-height: 20px;
overflow: auto;
width: 100%;
padding: 0;
}
#lightbox-container-image-data {
padding: 0;
font-size : 130%;
overflow : hidden;
}
#lightbox-container-image-data #lightbox-image-details { 
width: 70%; 
float: left;
text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block; 
clear: left; 
padding:0;
}			
#lightbox-secNav-btnClose {
width: 16px;
float: right;
}
#lightbox-secNav-btnClose img {
padding-top : 2px;
}

#jquery-lightbox a, #jquery-lightbox a:hover {
background : transparent;
border : none;
}