/* reset
------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, del, dfn, em, font, img, ins,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { background: #fff; font: 12px/15px "Gotham-Light", Verdana, sans-serif; color: #565656; letter-spacing: 0.1em; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
th, td { text-align: left; font-weight: normal; }
small {font-size: 10px; }
/* general
------------------------------------------------------------------*/
h1 { margin: 0 0 12px 0; font-weight: bold; color: #3a3a3a; letter-spacing: 0.3em; }
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { text-decoration: none; color: #386588; }
a:hover { color: #000; }
input, textarea, select { border: 1px solid #565656; background: #f9f9f9; color: #565656; font-size: 12px; font-family: "Gotham-Light", Verdana, sans-serif; }
legend { display: none; }
th { text-transform: capitalize; }
table { width: 500px; }
th, td { padding-bottom: 10px; }
dt { float: left; clear: left; width: 80px; text-transform: capitalize; }
dd {float: left; width: 300px; }
strong { font-weight: bold; }

.button { height: 22px; border: 1px solid #565656; background: #fff; vertical-align: middle; }
.warning { border: 1px solid #ff1a00; padding: 5px; color: #ff1a00; }
.message { border: 1px solid #356082; padding: 5px; background: #cde9ff; color: #356082; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

/* layout
------------------------------------------------------------------*/
#wrapper { position: relative; width: 906px; margin: 0 auto; }
#header { width: 835px; height: 60px; margin-bottom: 15px; border-bottom: 1px solid #000 }
#navigation { float: left; width: 115px; padding-right: 75px; }
#contentWrapper { float: left; width: 645px; padding-top: 25px; }
#contentintro { width: 500px; }
#content { width: 645px; margin-top: -25px; padding: 25px 0 50px 0; }
#footer { clear: both; margin-left: 277px; padding-top: 20px; height: 28px; }
#logo { position: absolute; top: 10px; left: 0; display: block; width: 140px; height: 40px; }

/* homepage
------------------------------------------------------------------*/
#wrapper.hp { width: 760px; height: 666px; background: url(/images/bg_hp.jpg) no-repeat; }
#hpnav a { position: absolute; display: block; text-indent: -9999px; }
#hpnav #artist a { top: 115px; left: 246px; width: 141px; height: 156px; background: url(/images/bg_hp_artists.png) no-repeat; }
#hpnav #shows a { top: 110px; left: 550px; width: 142px; height: 141px; background: url(/images/bg_hp_shows.png) no-repeat; }
#hpnav #location a { top: 389px; left: 20px; width: 173px; height: 118px; background: url(/images/bg_hp_location.png) no-repeat; }
#hpnav #contact a { top: 92px; left: 0; width: 103px; height: 122px; background: url(/images/bg_hp_contact.png) no-repeat; }
#hpnav #visits a { top: 327px; left: 427px; width: 112px; height: 110px; background: url(/images/bg_hp_visits.png) no-repeat; }
#hpnav #newsletter a { top: 390px; right: 5px; width: 128px; height: 125px; background: url(/images/bg_hp_newsletter.jpg) no-repeat; }


#enjoyform { position: absolute; left: 0; top: 583px; height: 75px; color: #565656; }
#enjoyform p { margin-bottom: 10px; }
#enjoyform fieldset { float: left; height: 16px; }
#enjoyform label { line-height: 16px; color: #565656; }
#enjoyform fieldset input { width: 150px; height: 16px; margin-right: 15px; padding: 2px; }
#enjoyform fieldset input#surname { margin-right: 5px; }
#enjoyform #enjoybutton { float: left; }

/*header
------------------------------------------------------------------*/
#baseline { margin: 37px 0 0 200px; float: right; }

/* navigation
------------------------------------------------------------------*/
#navigation ul { position: relative; margin: 0 0 -10px 0; }
#navigation a { display: block; width: 115px; background: url(/images/bt_menu.png) no-repeat; text-indent: -9999px; }
#navigation #artists a { height: 105px; }
#navigation #artists a:hover,
#navigation #artists.active a { background-position: -115px 0; }
#navigation #shows a { height: 91px; background-position: 0 -105px; }
#navigation #shows a:hover,
#navigation #shows.active a { background-position: -115px -105px; }
#navigation #location a { height: 77px; background-position: 0 -196px; }
#navigation #location a:hover,
#navigation #location.active a { background-position: -115px -196px; }
#navigation #contact a { height: 117px; background-position: 0 -273px; }
#navigation #contact a:hover,
#navigation #contact.active a { background-position: -115px -273px; }

#navigation #visits a { height: 99px; background-position: 0 -390px; }
#navigation #visits a:hover,
#navigation #visits.active a { background-position: -115px -390px; }

#navigation #Newsletter a { height: 88px; background-position: 0 -490px; }
#navigation #Newsletter a:hover,
#navigation #Newsletter.active a { background-position: -115px -490px; }


/* content
------------------------------------------------------------------*/
.names ul { margin: 0; }
.names ul a span,
.names ul span { font-weight: bold; }
.names ul .nummer { float: left; width: 23px; color: #565656; font-weight: normal; }
.names li { clear: left; }

#loginform div { clear: both; height: 20px; margin-bottom: 5px; }
#loginform label { float: left; width: 75px; line-height: 20px; }
#loginform div input { float: left; width: 176px; height: 16px; padding: 2px; }
#loginform #loginbutton { margin-left: 75px; }

#contentWrapper .picturesView,
#contentWrapper .location { padding-bottom: 10px; }
#contentWrapper .shows { width: 645px; }
#contentWrapper .shows table { width: 645px; }
#contentWrapper .shows tr.current td { font-weight: bold; }
th.datum { width: 123px; }
th.titel { width: 181px; }
th.curator { width: 174px; }
th.pictures { width: 88px; }
th.essay { width: 79px; }
#lastShow td { font-weight: bold; }

#bigwork { height: 410px; text-align: center; }
#bigwork div { position: relative; width: 645px; /*width: 551px;*/ margin: 0 auto; }
.fotograaf { font-size: 10px; font-style: italic; }
#bigwork #picNr { /*width: 645px;*/ width: 500px; margin: 0 auto; color: #386588; }
#picNr span { font-weight: bold; }
.noprev { margin-left: 30px; }
.nonext { margin-right: 30px; }
#bigwork h1 { width: 500px; margin: 0 auto; }

#backlink { font-size: 10px; }

#listArtists li { width: 190px; }
#listArtists a { float: left; width: 180px; }
#artCol1, #artCol2 { float: left; width: 220px; }
#artCol1 { margin-right: 10px; }

#work { margin-bottom: 5px; }

#bigShowPicture { height: 298px; overflow: hidden; }

#content.contact { width: 405px; }

#pageinfo { width: 645px; }
.artpiece { margin-bottom: 10px; border-bottom: 1px solid #bebfbf; padding-bottom: 10px; }
.artpiece.last { border: none; }
.artpiece img { position: relative; float: right; }
.artpiece .larger img { margin-right: 5px; }
.artpiece dl { float: left; width: 450px; }
.artpiece dt { width: 140px; }
.artpiece dd { width: 310px; }
.artpiece .artist { color: #000; }
#pieceCount { clear: both; }
#letterFind { letter-spacing: 0; }
.pageform { float: left; width: 200px; }
.sortform { float: right: 300px; text-align: right; }

.shows #showIntro { width: 645px; }
#showIntro { margin-top: 20px; }

/*.pictureIntro { margin: 0 auto; }*/
#peopleIntro { text-align: center; }

#mapLink { text-decoration: underline; font-weight: bold; }
#backLink { float: right; margin-top: -25px; }


/* form
------------------------------------------------------------------*/

fieldset.concatform { }
fieldset.concatform div { display: block; width: 350px; margin: 3px 0; }
fieldset.concatform div label { width: 120px; display: block; float: left;  }
fieldset.concatform div input, fieldset.concatform div textarea { width: 222px; display: block; float: right; border: 1px solid #aaa; }
fieldset.concatform div.newsletter { margin: 10px 0 20px 0; }
input#btn_submit { margin: 0 0 20px 0; background: url(/images/button.jpg) no-repeat; color: #fff; padding: 5px 20px; border: none;}


/* footer
------------------------------------------------------------------*/
#footer ul { margin: 0; }
#footer li { display: inline; border-right: 1px solid #bebfbf; padding: 0 3px; font-size: 11px; }
#footer li.last { border: none; }
#footer li a { font-size: 11px; letter-spacing: 0.2em; }
#footer li a:hover,
#footer li.active a { color: #000; }

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }