/* by Matthias Mueller-Prove for www.mprove.de */
body, p, td, li, dl      { color: #007; font-size: 9pt; font-family: Helvetica, "Lucida Grande", Geneva, Arial, Swiss, SunSans-Regular }
body         { max-width: 1200px; margin-top: 0; margin-right: 5%; margin-left: 7%; alink: "#ff99ff"; bgcolor: "white"; link: "red"; vlink: "#197ed7"    }
a        { color: #263397; text-decoration: none; border-bottom: 1px dashed #eb5d31 }
a img  { border-style: none none dotted none; border-width: medium medium 1px medium; border-color:   white  }
a:visited  { color: #263397; font-weight: bold; text-decoration: none; border-bottom: 1px dotted gray }
a:hover   { color: #b22222; text-decoration: none; background-color: #b3dcf2 }
a:hover img   { color: #b22222; text-decoration: none; background-color: #f7f7f7 }
td:target { background-color: #f6ff00; }
h1                 { color: #0087c8; font-variant: small-caps; font-size: 22pt; line-height: 90%; font-family: Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; margin-top: 36px; margin-bottom: 22px; text-shadow: #cccccc 2px 2px 2px }
h2                { color: #323288; font-size: 12pt; font-family: Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; margin-top: 42px; margin-bottom: 22px; text-shadow: #cccccc 1px 1px 1px }
h3               { color: #3e3e3e; font-size: 11pt; font-family: Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; margin-top: 20px; text-shadow: #cccccc 1px 1px 1px }
h3 a, h3 a:visited { border-bottom-style: none; border-bottom-width: 0; }
h4             { color: #222; font-size: 10pt; font-family: Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; text-shadow: #cccccc 1px 1px 1px }
h5        { color: #222; font-size: 9pt; font-family: Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; text-shadow: #cccccc 1px 1px 1px }
h6       { color: #222; font-weight: normal; font-size: 9pt; font-family: Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; text-shadow: #cccccc 1px 1px 1px }
p     { line-height: 1.5em; margin-top: 0.3em; margin-bottom: 0.3em }
th    { background: url(../_media/styles/headerbar.gif) repeat-x; text-align: left; padding: 10px 7px 12px; target: _top }
dt { margin-top: 6px }
ul li { list-style-image: url(../_media/styles/marker.gif); left: 0 }
blockquote, blockquote p    { font-style: italic; font-size: 110%; line-height: 1.3em; font-family: Optima, Candara, Lucida }
hr { visibility: hidden }
.sans9      { font-size: 11px; font-family: Helvetica, "Lucida Grande", Geneva, Arial, Swiss, SunSans-Regular }
.sans11       { font-size: 12px; font-family: Helvetica, "Lucida Grande", Geneva, Arial, Swiss, SunSans-Regular }
.email      { font-size: 11px; font-family: Monaco, "Courier New", Courier, monospace; margin-right: 44px; margin-left: 44px }
.email blockquote { font-style: normal; margin-left: -30pt; padding-left: 35pt; border-left: 3px solid #696969 }
.figure       { color: #444; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; margin-bottom: 1em; padding-left: 30pt }
.gray     { color: #696969 }
.marker { background-color: #ffff4f }
.markergreen  { background-color: #93ff67 }
.markerred { background-color: #ff8fb1 }
.subtitle, .subtitle a         { color: #e04a00; font-size: 80%; line-height: 90%; text-transform: lowercase; letter-spacing: 0px; margin-top: 28px }
.invisible { background-color: #bababa; display: none }
.indent   { margin-right: 30pt; margin-left: 30pt }
.maincolumn { margin-left: 130px }
.maincolumn p, .maincolumn li    { font-size: 10pt; line-height: 1.7em }
.maincolumn blockquote p { font-size: 11pt }
.marginalnote    { line-height: 130%; text-align: left; float: left; margin-right: -130px; position: relative; z-index: 2; left: -130px; width: 120px }

.footer { background: #989898 url(../_media/styles/footerbar.jpg) repeat-x; margin-top: 77px; padding-top: 5px; padding-right: 5%; padding-left: 7%; position: absolute; left: 0; right:0; }
.footer, .footer p, .footer td  { color: #eee; font-size: 11px; font-family: Helvetica, "Lucida Grande", Geneva, Arial, Swiss, SunSans-Regular; }
.footer strong { color: #c6c6c6 }
.footer a   { color: #eee; font-weight: normal; padding: 4px 22px 2px 4px; border-bottom: 0px none; }
.footer a:hover, .footer a:hover strong {
	color: #555;
	background-color: #ff0;
	border-bottom: 0px none
	}
.footer a:visited {
	border-bottom: 0px none
	}
.footer img { border: 0px }
.copyright  { color: gray; font-size: 11px; font-family: Helvetica, "Lucida Grande", Geneva, Arial, Swiss, SunSans-Regular; text-align: right; margin-top: 60px }


/* Fancy Safari 3 stuff */
.portrait { margin-right: 5px; -webkit-box-shadow: 4px 4px 3px #888; -webkit-transform: rotate(-1.7deg) }
.portrait2 { margin-right: 5px; -webkit-box-shadow: 4px 4px 3px #888; -webkit-transform: rotate(1.3deg) }
.reflection  { -webkit-box-reflect: below -1px
		-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), color-stop(1.1, white)) }

.localnav a   { background: url(../_media/styles/headerbar.gif) repeat-x; margin: 2px; padding: 1px 6px; border-style: solid; border-width: 1px; border-color: #ccc #aaa #aaa #ccc; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px }
.fixedheader    { background-image: url(../_media/styles/bluebar.png); position: fixed; z-index: 3; top: 0; right: 0; bottom: auto; left: 0 }
.b5            { color: #fff; font-size: 18px; line-height: 34px; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; letter-spacing: 1px; padding-right: 3%; padding-left: 3%; height: 42px }
.b5 a      { color: #eee; margin-right: -7px; margin-left: -7px; padding: 3px 7px 5px; border-bottom: medium none }
.b5 a:visited   { color: #eee; font-weight: normal; border-bottom: medium none }
.b5 a:hover      { color: white; background-color: #2f526d; border-bottom: medium none; -moz-border-radius: 7px; -webkit-border-radius: 5px; border-radius: 5px }
.b5 a img { border-bottom: medium none }
.b5 input { color: #555; border-bottom: medium none }
.date  { color: #696969; font-style: italic; margin-bottom: 11px }
.feedburnerFeedBlock li  { text-align: justify; margin-right: 22px; margin-bottom: 22px }

/* link indicators */
a[href^="http://"] {
	padding-left: 11px;
	background: transparent url(../_media/general/linkExternal.gif) no-repeat center left; }

a[href^="https://"] {
	padding-left: 11px;
	background: transparent url(../_media/general/linkLocked.gif) no-repeat center left; }

.maincolumn a[href^="http://www.slideshare.net"],
.maincolumn a[href^="http://slideshare.net"]
{
	padding-left: 16px;
	background: transparent url(../_media/general/slideshare.gif) no-repeat center left; }

a[href$=".pdf"] {
	padding-left: 16px;
	background: transparent url(../_media/general/pdf.gif) no-repeat center left; }

a[href^="http://www.amazon."] {
	padding-left: 18px;
	background: transparent url(../_media/general/amazon16.gif) no-repeat center left; }

/* link indicator exceptions */	
.nolinkimage {}

a.nolinkimage,
p.nolinkimage a,
td.nolinkimage a,
table.nolinkimage a,
.footer a,
.feedburnerFeedBlock a,
.delicious-cloud a,
#flickr_badge_wrapper a,
a[href^="http://hci-design.blogspot.com/"],
a[href^="http://interface-culture.blogspot.com/"],
a[href^="http://uxmanagement.blogspot.com/"]
	{
	padding-left: 0px;
	background: none;
	}
.breadcrumb { background-image: url(../_media/backg/NZZBack.gif); }
.legal  { font-size: 13.5pt; font-family: "Courier New", Courier, Monaco; background: url(../_media/backg/NZZBack.gif) repeat; margin-top: 0px; margin-left: 0px; padding: 16px 15px 21px 18px; -moz-border-radius: 7px; -moz-box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3); -webkit-border-radius: 7px; -webkit-box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3); border-radius: 7px; box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3); text-shadow: #cccccc 1px 1px 2px }