/* reset */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command,
details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, th, figcaption {font-size: 1em; font-weight: 300; font-style: normal;}
strong {font-size: 1em; font-weight: 500; }
em {font-size: 1em; font-style:italic}
fieldset, iframe {border: none;}
caption, th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
article, aside, footer, header, hgroup, nav, section, figure, figcaption {display: block;}
a{background-color:transparent}
a:active,a:hover{outline:0; box-shadow: none; background-color: transparent;}

/* layout */
html { font: 20px/1.4 'Source Sans Pro', sans-serif; color: rgba(0,0,0,1.00); font-weight: 200; }
body { background-color: #FFF; }
header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 560px; float:left; }
nav { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 320px; float:right; }
section { padding: 0; width: 980px; }
#wrapperwide { /* background-color: #FFF; */ margin: 0px auto; padding: 0px auto; overflow: hidden; width: 1080px; }
#wrapper { /* background-color: #FFF; */ margin: 0px auto; padding: 0px auto; overflow: hidden; width: 980px; }


/* color scheme */
h1, h2, h4 { font-family: 'Source Sans Pro', sans-serif; color: rgb(0,0,0); font-weight:300; }
h3, h5, h6, p { font-family: 'Source Sans Pro', sans-serif; color: rgb(0,0,0); font-weight:300; }



/* typography */

h1 { font-size: 60px; margin: 10px 0px; }
h2 { font-size: 60px; margin: 50px 0px 0px 0px; text-transform: uppercase;}
h3 { font-size: 30px; margin: 50px 0px 20px 0px; }
h4 { font-size: 20px; margin: 25px 4px 0px 0px; padding: 3px 0px 10px 0px; border-top:dotted rgb(180,180,180) 1px; font-weight:400; } /*w/border top*/
h5 { font-size: 20px; margin: 25px 0px 10px 0px; }
h5, h6, p {  font-size: 20px; padding: 0px 0px 10px 0px; }

a:link { /* color 1 */ color: rgb(0,0,0); text-decoration: none; font-weight:400; }
a:visited { /* color 1 */ color: rgb(0,0,0); text-decoration: none; font-weight:400; outline:0; box-shadow: none; background-color: transparent;}
a:hover { /* color 2 */ color: rgb(250,0,100); text-decoration: none; font-weight:400; outline:0; box-shadow: none; background-color: transparent;}
a:active { /* color 1 */ color: rgb(0,0,0); text-decoration: none; font-weight:400; outline:0; box-shadow: none; background-color: transparent;}

.text-18px { font-size: 18px;}
.text-20px { font-size: 20px;}
.text-large { font-size: 20px; line-height: 1.6; padding: 0px 0px 20px 0px; }
.text-centered { text-align: center; }
.text-red { color: rgba(255,0,100,1.00); }
.text-black { color: rgba(0,0,0,1.00); }
.text-white { color: rgba(255,255,255,1.00); }
.note-remarks { font-size: 16px; color: #F0F; font-style:italic; }
.teaser { font-size: 28px; color: rgb(250,0,100); }
.teaser-black { font-size: 28px; color: rgb(0,0,0); }
.publications_headline { font-size: 24px; margin: 20px 0px 20px 0px; }
.exhibitions_headline { margin: 20px 0px 20px 0px; }
.headline_no_top_margin { margin: 0px 0px 20px 0px; }
.Tarrah_P { font-size: 18px; padding-right:50px; }
.Tarrah_PB { font-size: 18px; font-weight:500; }

.text-red-centered { color: rgba(255,0,100,1.00); text-align: center;}
.text-black-centered { color: rgba(0,0,0,1.00); text-align: center;}


/* Source Sans Pro */
.HL_black { font: 1.6rem/2.5rem 'Source Sans Pro', sans-serif; color: rgba(0,0,0,1); /*text-align: center;*/ /*text-transform: uppercase;*/ /*letter-spacing: 0.1rem;*/}
.HL_red { font: 1.6rem/2.5rem 'Source Sans Pro', sans-serif; color: rgba(250,0,100,1); /*text-align: center;*/ /*text-transform: uppercase;*/ /*letter-spacing: 0.1rem;*/}
.text_line_height_12 { line-height: 1.1;}

.banner-red { background-color: rgba(250,0,100,1); text-align: center; margin: 0; padding: 0;/*text-transform: uppercase;*/ /*letter-spacing: 0.1rem;*/}
.text-banner { color: rgba(255,255,255,1.00); font-size: 28px; margin: 0px 0px 15px 0px; padding: 10px 0px 10px 0px; font-weight:400; letter-spacing: 0.03rem;}

/* boxes for content */

.textbox { float:left; margin: 40px 0px 0px 3px; width: 978px; border-top: dotted; border-width: 1px; padding: 0px 0px 10px 0px; }
.textbox_2 { float:left; margin: 20px 0px 0px 3px; width: 978px; border-top: dotted; border-width: 1px }
.textbox_nolinetop { float:left; margin: 40px 0px 0px 3px; width: 978px; }
.textbox_nolinetop2 { float:left; margin: 10px 0px 0px 3px; width: 978px; }
.textbox_half_left { float:left; margin: 40px 25px 0px 3px; width: 472px; }
.textbox_half_right { float:left; margin: 40px 0px 0px 3px; width: 472px; }
.textbox_half_left_2_exhibitions { float:left; margin: 0px 25px 0px 3px; width: 466px; }
.textbox_half_right_2_exhibitions { float:left; margin: 0px 0px 0px 3px; width: 466px; }
.textbox_bottom_40 { float:left; margin: 40px 0px 40px 3px; width: 978px; border-top: dotted; border-width: 1px; }
.textbox_bottom_20 { float:left; margin: 40px 0px 20px 3px; width: 978px; border-top: dotted; border-width: 1px; }
.textbox_bottom_0 { float:left; margin: 40px 0px 0px 3px; width: 978px; border-top: dotted; border-width: 1px; }
.textbox_editable { float:left; margin: 40px 0px 0px 3px; width: 978px; border-top:dotted; border-width: 1px }
.textbox_editable_nolinetop { float:left; margin: 40px 0px 0px 3px; width: 978px; }
.textbox_column_container { float:left; margin: 0px 0px 35px 0px; width: 978px;}
.textbox_column_container_top_60 { float:left; margin: 50px 0px 0px 0px; width: 978px;}
.textbox_column_artfairs { float: left; margin: 0px 0px 35px 0px; padding-right: 24px; width: 300px; }
.textbox_column_left { float: left; margin-right: 24px; width: 308px; }
.textbox_column_middle { float: left; margin-right: 24px; width: 308px; }
.textbox_column_right { float: left; margin-right: 0px; width: 304px; }
.textbox_column_left_2_thirds { float: left; overflow: hidden;  margin-right: 24px; width: 628px; }
.textbox_column_right_2_thirds { float: right; overflow: hidden;  margin-right: 0px; width: 630px; }
.textbox_column_margin_right_no_width { float: left; margin-right: 24px; }
.textbox_column_publications { float: left; margin-bottom: 35px; width: 326px; } /* ! no margin-right ! */
.textbox_column_exhibitions { float: left; margin-bottom: 35px; width: 326px; } /* ! no margin-right ! */
.textbox_column_33 { float: left; /*margin-right: 30px;*/ width: width: 326px; }
.textbox_column_33_right { float: right; /*margin-right: 30px;*/ width: width: 326px; }
#textbox_editable_exhibitions { background-image:url(bg_exhibitions.jpg) no-repeat; margin: 40px 0px 0px 3px; width: 978px; border-top:dotted; border-width: 1px }



/* miscellaneous classes for reuse */

.floatright { float: right; }
.floatleft { float: left; }
.clearfloat { clear:both; height:0; font-size: 0.1px; line-height: 0px; }
.top_60px { margin-top: 60px; }
.top_60px_bottom_50 { margin: 60px 0px 50px 0px; }
.top_40px { margin-top: 40px; }

.rightimage { float: right; margin: 60px 0px 50px 10px; }

.thumb img { /* styles thumbnail previews */ padding: 8px 16px 8px 0px; border: 0px; }
.thumb_no_padding img { /* styles thumbnail previews */ padding: 8px 0px 8px 0px; border: 0px; }
.image img { /* styles large images */ margin: 0px 0px 30px 0px; border: 0px; }
.rule_dotted {border-style: none none dotted; /* color 1 */ color: rgb(0,0,0); background-color: #FFF; clear:both; height: 20px }
.image_review { float: left; margin: 10px 0px 50px 0px}

/* Viewing Buttons */
.logo_viewing_room { width: 980px; height: 80px; /*padding: 0; margin: 0;*/}
.logo_viewing_room { background: url(graphics3.svg) 0px 0px no-repeat; float:left; text-indent: -9999px;}
.logo_viewing_room a:hover, a:focus { background: url(graphics3.svg) 0px -80px no-repeat; }
.logo_viewing_room a { width: 980px; height: 80px; display: block; text-indent: -9999px; }

.logo_viewing_room2 { width: 470px; height: 140px; /*padding: 0; margin: 0;*/}
.logo_viewing_room2 { background: url(graphics3.svg) -510px -400px no-repeat; float:right; text-indent: -9999px;}
.logo_viewing_room2 a:hover, a:focus { background: url(graphics3.svg) -510px -550px no-repeat; }
.logo_viewing_room2 a { width: 470px; height: 140px; display: block; text-indent: -9999px; }

.logo_viewing_appointment { width: 470px; height: 140px; /*padding: 0; margin: 0;*/}
.logo_viewing_appointment { background: url(graphics3.svg) 0px -400px no-repeat; float:left; text-indent: -9999px;}
.logo_viewing_appointment a:hover, a:focus { background: url(graphics3.svg) 0px -550px no-repeat; }
.logo_viewing_appointment a { width: 470px; height: 140px; display: block; text-indent: -9999px; }




/*!!! Hat ALLE links rot gemacht !!!*/
/*.button_viewing_room a:hover, a:active {
background-color: rgba(250,0,100,1);
border: 2px solid rgba(250,0,100,1);
color: white;
}*/
.button_viewing_room_div{
width: 300px;
float:left;
margin-right: 25px;
}

/* Schedule Buttons */
.button_schedule { width: 480px; height: 94px; /*padding: 0 auto; margin: 0 auto;*/}
.button_schedule { background: url(graphics4.svg) 0px -400px no-repeat; float:left; text-indent: -9999px;}
.button_schedule a:hover, a:focus { background: url(graphics4.svg) 0px -520px no-repeat; }
.button_schedule a { width: 480px; height: 94px; display: block; text-indent: -9999px; }

.schedule_center {
margin: auto;
width: 480px;
}

/* startpage teaser */

.teaser_container {
position: relative;
width: 296px;
float:left;
margin-right: 30px;
margin-bottom: 30px;
}

.teaser_image {
display: block;
width: 100%;
height: auto;
}

.teaser_overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: rgba(250,0,100,1);
}

.teaser_container:hover .teaser_overlay {
opacity: 1;
}

.teaser_text {
color: white;
font-size: 1.8em;
line-height: 1.1em;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
text-transform: uppercase;
}

.teaser_text a:link, a:visited { color: #FFF; text-decoration: none;} 
.teaser_text a:hover, a:focus { color: #FFF; text-decoration: none;} 




/* logos */

.logo_the_london_digital_2020, .logo_the_photography_showm .logo_art_palm_springs, .logo_classic_photographs_la, .logo_pulse_miami_beach, .logo_pulse_miami, .logo_pulse_new_york, .logo_aipad, .logo_solo_project, .logo_paris_photo, .logo_paris_photo_la, .logo_miami_project, .logo_expo_chicago,  
{ width: 250px; height: 100px; margin: 0px 50px 25px 0px ; padding: 0; border-top: dotted; border-bottom: dotted; border-width: 1px; float: left; }

.logo_the_london_digital_2020 { background: url(graphics_logos.svg) -648px -1200px no-repeat; float:left; }
.logo_the_london_digital_2020 a:hover, a:focus { background: url(graphics_logos.svg) -648px -1350px no-repeat; }
.logo_the_london_digital_2020 a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_the_photography_show { background: url(graphics_logos.svg) -648px -900px no-repeat; float:left; }
.logo_the_photography_show a:hover, a:focus { background: url(graphics_logos.svg) -648px -1050px no-repeat; }
.logo_the_photography_show a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_art_palm_springs { background: url(graphics_logos.svg) -648px -600px no-repeat; float:left; }
.logo_art_palm_springs a:hover, a:focus { background: url(graphics_logos.svg) -648px -750px no-repeat; }
.logo_art_palm_springs a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_classic_photographs_la { background: url(graphics_logos.svg) -324px -900px no-repeat; float:left; }
.logo_classic_photographs_la a:hover, a:focus { background: url(graphics_logos.svg) -324px -1050px no-repeat; }
.logo_classic_photographs_la a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_pulse_miami_beach { background: url(graphics_logos.svg) -324px -600px no-repeat; float:left; }
.logo_pulse_miami_beach a:hover, a:focus { background: url(graphics_logos.svg) -324px -750px no-repeat; }
.logo_pulse_miami_beach a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_pulse_miami { background: url(graphics_logos.svg) 0px 0px no-repeat; float:left; }
.logo_pulse_miami a:hover, a:focus { background: url(graphics_logos.svg) 0px -150px no-repeat; }
.logo_pulse_miami a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_pulse_new_york { background: url(graphics_logos.svg) 0px -300px no-repeat; float:left; }
.logo_pulse_new_york a:hover, a:focus { background: url(graphics_logos.svg) 0px -450px no-repeat; }
.logo_pulse_new_york a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_aipad { background: url(graphics_logos.svg) 0px -600px no-repeat; float:left; }
.logo_aipad a:hover, a:focus { background: url(graphics_logos.svg) 0px -750px no-repeat; }
.logo_aipad a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_solo_project { background: url(graphics_logos.svg) 0px -900px no-repeat; float:left; }
.logo_solo_project a:hover, a:focus { background: url(graphics_logos.svg) 0px -1050px no-repeat; }
.logo_solo_project a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_paris_photo { background: url(graphics_logos.svg) -324px 0px no-repeat; float:left; }
.logo_paris_photo a:hover, a:focus { background: url(graphics_logos.svg) -324px -150px no-repeat; }
.logo_paris_photo a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_paris_photo_la { background: url(graphics_logos.svg) -648px 0px no-repeat; float:left; }
.logo_paris_photo_la a:hover, a:focus { background: url(graphics_logos.svg) -648px -150px no-repeat; }
.logo_paris_photo_la a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_miami_project { background: url(graphics_logos.svg) -324px -300px no-repeat; float:left; }
.logo_miami_project a:hover, a:focus { background: url(graphics_logos.svg) -324px -450px no-repeat; }
.logo_miami_project a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_expo_chicago { background: url(graphics_logos.svg) -648px -300px no-repeat; float:left; }
.logo_expo_chicago a:hover, a:focus { background: url(graphics_logos.svg) -648px -450px no-repeat; }
.logo_expo_chicago a { width: 250px; height: 100px; display: block; text-indent: -9999px; }

.logo_the_art_show { background: url(graphics_logos.svg) 0px -1200px no-repeat; float:left; }
.logo_the_art_show  a:hover, a:focus { background: url(graphics_logos.svg) 0px -1350px no-repeat; }
.logo_the_art_show  a { width: 250px; height: 100px; display: block; text-indent: -9999px; }


/* back to top */
.totop { position: fixed; bottom: 0px; right: 0px; text-decoration: none; font-size: 16px; color: rgb(80,80,80); background-color: rgb(0,0,0); -moz-opacity: 0.15; filter: alpha(opacity=15); background-color: rgba(0,0,0,0.15); padding: 15px; display: none; }
.totop:hover { background-color: rgb(0,0,0); -moz-opacity: 0.10; filter: alpha(opacity=10); background-color: rgba(0,0,0,0.10); }
/* end back to top */


/* buttons */
#button_download { background: url(graphics.svg) 0px -360px no-repeat; width: 40px; height: 40px; margin: 0; padding: 0; float:left; text-indent: -9999px; }
#button_download a:hover, a:focus { background: url(graphics.svg) 0px -400px no-repeat; }
#button_download a { display: block; width: 40px; height: 40px;  text-indent: -9999px; }

#button_back { background: url(graphics.svg) -80px -360px no-repeat; width: 40px; height: 40px; margin: 0; padding: 0; float:left; text-indent: -9999px; }
#button_back a:hover, a:focus { background: url(graphics.svg) -80px -400px no-repeat; }
#button_back a { display: block; width: 40px; height: 40px;  text-indent: -9999px; }

#button_view { background: url(graphics.svg) -40px -360px no-repeat; width: 40px; height: 40px; margin: 0; padding: 0; float:left; text-indent: -9999px; }
#button_view a:hover, a:focus { background: url(graphics.svg) -40px -400px no-repeat; }
#button_view a { display: block; width: 40px; height: 40px;  text-indent: -9999px; }

#button_goto { background: url(graphics.svg) -120px -360px no-repeat; width: 40px; height: 40px; margin: 0; padding: 0; float:left; text-indent: -9999px; }
#button_goto a:hover, a:focus { background: url(graphics.svg) -120px -400px no-repeat; }
#button_goto a { display: block; width: 40px; height: 40px;  text-indent: -9999px; }

#button_mailing_list { background: url(graphics.svg) -160px -360px no-repeat; width: 40px; height: 40px; margin: 0; padding: 0; float:left; text-indent: -9999px; }
#button_mailing_list a:hover, a:focus { background: url(graphics.svg) -160px -400px no-repeat; }
#button_mailing_list a { display: block; width: 40px; height: 40px;  text-indent: -9999px; }

#button_text { /* color 1 */ color: rgb(0,0,0); text-decoration: none; padding: 10px 5px }
#button_text a:hover, a:focus { /* color 2 */ color: rgb(250,0,100);  text-decoration: none;  padding: 10px 5px }
#button_text a { /* color 1 */ color: rgb(0,0,0); text-decoration: none;  padding: 10px 5px }
/* end buttons */

/* footer */

footer {
font: 16px/1.3 'Source Sans Pro', sans-serif; color: #FFF; font-weight: 300;
margin: 30px auto 0px auto; padding: 30px 30px; overflow: hidden; position: relative; width: 912px; /*height: 300px;*/ float:left ; 
background-color: rgb(0,0,0); -moz-opacity: 0.95; -webkit-opacity: 0.95; filter: alpha(opacity=95); background-color: rgba(0,0,0,0.95);
border-top-left-radius: 4px; border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
-webkit-border-radius-topleft: 4px; -webkit-border-radius-topright: 4px; clear:both;
}

footertext {
font: 16px/1.3 'Source Sans Pro', sans-serif; color: #FFF; font-weight: 300;
}


footer a:link { color: #FFF; text-decoration: none; font-weight: 300; } 
footer a:visited { color: #FFF; text-decoration: none; font-weight: 300; } 
footer a:hover, a:focus { color: rgb(250,0,100); text-decoration:none; font-weight: 300; } 

#h3_footer_nav { background: url(graphics.svg) 0px -260px no-repeat; width: 632px; height: 40px; text-indent: -9999px; margin: 0; padding: 0; display: block; }

#footerleft1 { float: left; width: 230px; padding-left: 4px } 
#footerleft2 { float: left; width: 230px; } 
#footerleft3 { float: left; width: 230px; } 
#footerright { float: right; width: 182px; position:relative; padding: 0px 0px 0px 0px; font: 16px/1.3 'Source Sans Pro', sans-serif; color: #FFF; font-weight: 300;}

#footer_bottom { float: left;  width: 912px; margin: 30px 0px 0px 0px;
font: 12px/1.2 'Source Sans Pro', sans-serif; color: rgba(255,255,255,1.00);
background-color: rgb(0,0,0); -moz-opacity: 0.95; -webkit-opacity: 0.95; filter: alpha(opacity=95); background-color: rgba(0,0,0,0.95);}

#footer_bottom2 { float: left;width: 912px; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;   
font: 16px/1.0 'Source Sans Pro', sans-serif; color: rgba(0,0,0,1.00); text-align: center;}


div#footer_logo { position: relative; margin: 0px 0px 30px 0px; width: 560px; height: 40px; float:left; } 

div#footer_nav { position: relative; margin: 0px 0px 0px 0px; margin: 0px 0px 30px 0px; width: 340px; height: 40px; float:right; } 
div#footer_nav ul { list-style: none; left: 0px; float:right; position: relative; }
div#footer_nav li { float: right; width: 40px; height: 40px; margin: 0px 0px 0px 10px; }
div#footer_nav li a { display: block; height: 100%; margin: 0; padding: 0; }

div#footer_nav li#instagram a { background: url(graphicsInstagram.svg) 0px 0px no-repeat; text-indent: -9999px;}
div#footer_nav li#instagram, div#footer_nav li#blog a:focus, div#footer_nav li#blog a:hover, div#footer_nav li#blog a:active { background: url(graphicsInstagram.svg) 0px -40px no-repeat; }

div#footer_nav li#mailinglist a { background: url(graphics.svg) -800px -260px no-repeat; text-indent: -9999px;}
div#footer_nav li#mailinglist, div#footer_nav li#mailinglist a:focus, div#footer_nav li#mailinglist a:hover, div#footer_nav li#mailinglist a:active { background: url(graphics.svg) -800px -300px no-repeat; }

div#footer_nav li#facebook a { background: url(graphics.svg) -840px -260px no-repeat; text-indent: -9999px;}
div#footer_nav li#facebook, div#footer_nav li#facebook a:focus, div#footer_nav li#facebook a:hover, div#footer_nav li#facebook a:active { background: url(graphics.svg) -840px -300px no-repeat; }

div#footer_nav li#twitter a { background: url(graphics.svg) -880px -260px no-repeat; text-indent: -9999px;}
div#footer_nav li#twitter, div#footer_nav li#twitter a:focus, div#footer_nav li#twitter a:hover, div#footer_nav li#twitter a:active { background: url(graphics.svg) -880px -300px no-repeat; }
/* end Footer */



/* header */
header {
font: 16px/1.3 'Source Sans Pro', sans-serif; /* color 2 */ color:rgb(80,80,80); font-weight: 300;
overflow: hidden; width: 980px; height: 112px;
margin: 50px 0px 10px 0px; padding: 0px 0px 0px 0px;
float:left;
}
header a:link { color: #000; text-decoration:none; }
header a:visited { color: #000; text-decoration:none; }
header a:hover, a:focus { color: #000; text-decoration:none; }

h1 a, nav li, nav li a { text-decoration: none; text-indent: -9999px; }

/* Logo */
#red_banner { float:left; margin: 0; padding: 0; background-color: rgba(250,0,100,1); clear: both}

#h1logo { background: url(graphics.svg) 0px 0px no-repeat; width: 628px; height: 112px; margin: 0; padding: 0; float:left; }
#h1logo a:hover, a:focus { background: url(graphics.svg) 0px -120px no-repeat; }
#h1logo a { display: block; width: 628px; height: 112px;; }




nav { display: block; width: 336px; margin: 0; float:right; }

nav ul { list-style: none; }
nav ul { left: 0px; position: relative; }

nav li {float: left; width: 168px; height: 28px; margin-right: 0px; }
nav li a { display: block; height: 100%; }

/* artists */
nav li#menu1 a { background: url(graphics.svg) -628px 0px no-repeat;}
nav li#menu1, nav li#menu1 a:focus, nav li#menu1 a:hover, nav li#menu1 a:active { background: url(graphics.svg) -628px -120px no-repeat; }
/* publications */
nav li#menu2 a { background: url(graphics.svg) -796px 0px no-repeat;}
nav li#menu2, nav li#menu2 a:focus, nav li#menu2 a:hover, nav li#menu2 a:active { background: url(graphics.svg) -796px -120px no-repeat; }
/* exhibitions */
nav li#menu3 a { background: url(graphics.svg) -628px -28px no-repeat;}
nav li#menu3, nav li#menu3 a:focus, nav li#menu3 a:hover, nav li#menu3 a:active { background: url(graphics.svg) -628px -148px no-repeat; }
/* location */
nav li#menu4 a { background: url(graphics.svg) -796px -28px no-repeat;}
nav li#menu4, nav li#menu4 a:focus, nav li#menu4 a:hover, nav li#menu4 a:active { background: url(graphics.svg) -796px -148px no-repeat; }
/* art fairs */
nav li#menu5 a { background: url(graphics.svg) -628px -56px no-repeat;}
nav li#menu5, nav li#menu5 a:focus, nav li#menu5 a:hover, nav li#menu5 a:active { background: url(graphics.svg) -628px -176px no-repeat; }
/* contact */
nav li#menu6 a { background: url(graphics.svg) -796px -56px no-repeat;}
nav li#menu6, nav li#menu6 a:focus, nav li#menu6 a:hover, nav li#menu6 a:active { background: url(graphics.svg) -796px -176px no-repeat; }
/* reviews */
nav li#menu7 a { background: url(graphics.svg) -628px -84px no-repeat;}
nav li#menu7, nav li#menu7 a:focus, nav li#menu7 a:hover, nav li#menu7 a:active { background: url(graphics.svg) -628px -204px no-repeat; }
/* --- */
nav li#menu8 a { background: url(graphics.svg) -796px -84px no-repeat;}
nav li#menu8, nav li#menu8 a:focus, nav li#menu8 a:hover, nav li#menu8 a:active { background: url(graphics.svg) -796px -204px no-repeat; }



/* end header */

a:link { /* color 1 */ color: rgb(0,0,0); text-decoration: none; font-weight:400; }
a:visited { /* color 1 */ color: rgb(0,0,0); text-decoration: none; font-weight:400; outline:0; box-shadow: none; background-color: transparent;}
a:hover { /* color 2 */ color: rgb(250,0,100); text-decoration: none; font-weight:400; outline:0; box-shadow: none; background-color: transparent;}
a:active { /* color 1 */ color: rgb(0,0,0); text-decoration: none; font-weight:400; outline:0; box-shadow: none; background-color: transparent;}

/* Viewing Room */
.logo_viewing_room {width: 980px; height: 80px; /*padding: 0; margin: 0;*/}

.logo_viewing_room { background: url(graphics3.svg) 0px 0px no-repeat; float:left; text-indent: -9999px;}
.logo_viewing_room a:hover, a:focus { background: url(graphics3.svg) 0px -80px no-repeat; }
.logo_viewing_room a { width: 980px; height: 80px; display: block; text-indent: -9999px; }