/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*   D E F A U L T S                                                         */


/* default margins, paddings and foreground colour */
*                               { margin: 0px; padding: 0px; }

/* white page background */
body                            { background: #fff; font-size: 10px; }

/* border-less images */
img                             { border: none; }

/* float-clearers */
br.clear, body.artists-overview div#content h1
                                { clear: both; }



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*   T Y P O                                                                 */


/* hyperlinks and hyperlink-like form buttons */
a, form input.submit            { color: #191f25; text-decoration: underline; background: none; border: none; cursor: pointer; }
a.active, a:hover, form input.submit:hover
                                { color: #767d84; }

/* hyperlinks in top navigation */
.top-navigation a               { text-decoration: none; }

/* extended line height */
div.sidebar p, div.sidebar ul, div#content dl.overview-item dd, form h3, div#sidebar-right dl.image dd
                                { line-height: 18px; }

/* semi-extended line height for top navigation */
.top-navigation, div#logo em, div#content h1
                                { line-height: 14px; }

/* font "Georgia" */
div#logo em, ul#main_nav, div#gallery-link, div.sidebar p, div#content dl.overview-item dd, 
div#content h1, dl.artists-overview-item dd, form h3, div#sidebar-right dl.image dd,
div#content #page-basket td, div#content #page-basket td strong, h4
                                { font-family: Georgia, Times, serif; font-style: italic; font-weight: normal; 
                                  text-transform: uppercase; color: #191f25; }
                                
/* font "Lucida" */
div.sidebar p a, div.sidebar ul.navigation, div#content, form input, .metanav, div#content h2, 
div.sidebar, div#content div#page-basket h1
                                { font-family: "Lucida Sans", "Lucida Grande", sans-serif; font-style: normal; font-weight: normal; 
                                  text-transform: none; color: #191f25; }

/* size 14px */
div#content h1
                                { font-size: 14px; }

/* size 12px */
div#logo em, ul#main_nav, div#content p, div#gallery-link, div#content dl.vita
                                { font-size: 12px; }

/* size 11px */
div.sidebar p, div.sidebar ul.navigation, form input, div#content dl.overview-item dd, 
dl.artists-overview-item dd, form h3, div#sidebar-right dl.image, 
div#content div#page-basket h1, div#content #page-basket td
                                { font-size: 11px; }

/* size 10px */
.metanav, div#content dl.image dd, div#content h2, h4
                                { font-size: 1em; }




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*   L A Y O U T                                                             */


/* general formatting of the wrapper */
div#wrap                        { position: absolute; left: 50%; top: 0px; width: 390px; height: auto; margin-left: -445px; padding: 175px 250px 40px 250px; }
body.image-view div#wrap        { padding-top: 80px; padding-right: 0px; width: 640px; }
body.artists-overview div#wrap  { padding-left: 0px; padding-right: 0px; width: 890px; }

/* position of the left and right column */
div.sidebar                     { position: absolute; top: 185px; }
div.sidebar, div#gallery-link   { width: 230px; height: auto; }
div#sidebar-left                { left: 0px; }
div#sidebar-right, div#gallery-link
                                { left: 100%; margin-left: -230px; }

/* position of the main navigation row */
ul#main_nav, div#gallery-link   { position: absolute; top: 102px; padding: 2.4em 0px 1em; margin-top: 1px; } 

/* horizontal paddings in left and right column */
div.sidebar p, div.sidebar ul, div.sidebar form, div#gallery-link, div.gallery-navigation, div.sidebar dl
                                { padding-left: 5px; padding-right: 5px; }
div.sidebar a.metanav           { margin-left: 5px; margin-right: 5px; }

/* vertical paddings in left and right column */
div.sidebar p, div.sidebar ul, div.sidebar form, div.sidebar dl
                                { padding-top: 15px; padding-bottom: 15px; }
div#sidebar-left p              { padding-top: 0px; }
/*div.gallery-navigation          { padding-top: 20px; padding-bottom: 20px; }*/
div.gallery-navigation          { margin-top: 20px; padding-bottom: 0px; margin-bottom: 10px; }

/* special formatting for logo and gallery branding */
div#logo                        { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; }
div#logo img                    { position: absolute; left: 0px; top: 30px; }
div#logo em                     { position: absolute; left: 0px; top: 0px; width: 100%; display: block; padding: 1em 0px; margin-top: 102px; }
div#logo em a                   { text-decoration: none; }
body.image-view div#logo em     { width: 230px; }

/* elements with overline */
div#logo em, div.metanav, div#sidebar-right p, body.artists-overview h1.notfirst
                                { border-top: 1px solid #8c8f92; }
/* elements with underline */
div#content dl.image, div#sidebar-left p, div.sidebar form, div#logo em, ul.navigation-artist-series, div.gallery-navigation
                                { border-bottom: 1px solid #8c8f92; }
/* no underline in big-image mode */
body.image-view div#content dl.image
                                { border-bottom: none; }

/* paddings for content elements */
div.metanav, div#content dl.image, div#content p, div#content h1, div#content h2, div#content dl.vita, div#content div.image
                                { padding-left: 10px; padding-right: 10px; }
div#content dl, div#content p   { padding-bottom: 20px; }
div#content dl.image, div#content div.image 
                                { padding-top: 20px; }
div#content p                   { padding-top: 10px; }
div#content h1                  { margin-top: 1em; margin-bottom: 0.5em; }
body.artists-overview div#content h1
                                { padding-left: 0px; padding-right: 0px; }

/* headlines */
div#sidebar-left h1             { margin: 7px 5px; }
/*h1                              { font: bold 22px "Arial Narrow", Arial, sans-serif; text-transform: uppercase; color: #8c8f92; margin: 7px 5px; }*/

/* overview items */
dl.overview-item                {  }
dl.overview-item.first          { padding-top: 20px; }
dl.overview-item dt             { float: left; margin-right: 20px; }
dl.overview-item dd             { padding-top: 8px; }
dl.overview-item dd strong, dl.overview-item dd strong img  
                                { margin-right: -15px; }
dl.overview-item a, dl.overview-item *
                                { text-decoration: none; }
div#content a:hover dl.overview-item dd
                                { /*color: #767d84;*/ }

/* specials for artist-gallery navigation */
ul.navigation-artist-series li.backlink
                                { margin-top: 1.8em; }
div.gallery-navigation          {  }
div.gallery-navigation div      { float: left; width: 18px; height: 18px; border: 1px solid #767d84; margin-right: 10px; margin-bottom: 10px; } 
div.gallery-navigation div a    { text-decoration: none; }
div.gallery-navigation div a.active img
                                { background: #eee; }

/* artist vita */
dl.vita dt                      { display: block; float: left; clear: left; width: 60px; letter-spacing: 0.3em; }
dl.vita dd                      { display: block; float: left; width: 300px; }

/* specials for artists overview */
dl.artists-overview-item
                                { display: block; float: left; margin-right: 100px; margin-bottom: 30px; width: 150px; }
dl.artists-overview-item dt
                                { margin-top: 10px; margin-bottom: 15px; }
body.artists-overview h1.notfirst
                                { padding-top: 30px; }

label.newsletter_reg_label      { width: 85px; float: left; margin-top: 5px; }
form#subscribe input            { margin-bottom: 2px; margin-top: 2px; margin-right: -10px; }
input#newsletter_firstname, input#newsletter_surname, input#newsletter_email { width: 140px; }
                                
                                
/* hide robot-friendly headline */
h1 span                         { display: none; }





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*   N A V I G A T I O N                                                     */


/* suppress list style in navigation li's */
ul.navigation                   { list-style: none; }

ul#main_nav                     { left: 250px; width: 390px; } 
ul#main_nav li                  { display: inline; margin-left: 13px; } 

ul#side_nav                     { padding: 12px 5px 17px; }

div.metanav a                   { color: #767d84; }
a#contact-link                  { float: left; }
a#imprint-link                  { float: right; }
a#toc-link                      { float: right; margin-right: 10px; }

div.metanav                     { padding-top: 5px; }

div.sidebar form                { margin-bottom: -1px; }

div.imagenav                    { float: right; padding-top: 10px; }
div.imagenav a                  { margin: 2px; padding: 2px; }
div.imagenav a img.over         { display: none; }
div.imagenav a.over img.over    { display: inline; }
div.imagenav a.over img.out     { display: none; }






/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*   S H O P                                                                 */


/* buttons (buy now etc) */
input.shopbutton, a.shopbutton  { border: none; margin: 0px; padding: 1px 2px; background: #333333; color: #ffffff; text-decoration: underline; cursor: pointer; font-size: 11px }
a.shopbutton { padding: 2px 4px; }

#page-register form { margin-bottom:10px;}
#page-register fieldset { margin-top:5px; padding:5px; }
#page-register fieldset label { display:block; width:150px; float:left;}
#page-register fieldset input { display:block; width:144px; float:right; border:1px solid #767d84; margin:1px; padding: 1px 3px; }
#page-register fieldset input:active, #page-basket fieldset input:focus { border:1px dotted #767d84; }
#page-register fieldset input[type=hidden] { display:none; }
#page-register fieldset input[type=submit] { float:right; }
#page-register fieldset select { width: 153px; float: right; }
#page-register fieldset * { font-family: "Lucida Sans", "Lucida Grande", sans-serif; font-style: normal; font-size: 10px; }
#page-register fieldset br { clear:both; }

div#content #page-basket h1 { margin: 0px; padding: 0px; }
div#content #page-basket input.text { margin-left: -8px; }
div#content #page-basket th { margin: 0px; padding: 0px 5px; }
div#content #page-basket td { margin: 0px; padding: 0px 5px; }
div#content #page-basket tr.th th { padding-top: 26px; }

div#content div#page-category dl.overview-item dd p { position: relative; }