@charset "UTF-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
	border:0px;
	}

html {
	font-size:1.0em;
	line-height:1.0em;
	}

body {
	color:#000000;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}

#sandbox {
	width: 1150px;
	padding-bottom:100px;
	}
#main {
	/*width:1000px;*/
	}
	
#logo {
	height: 95px;
	}
	
.left {
	float:left;
	margin:0px 15px 5px 0px;
	}
.clear {
	clear:left;
	}
a {
	color:#000000;
	text-decoration:underline;
	}

/* ########## LANGUAGE SELECT ###########*/

#languageselect {
	float:right;
	width:150px;
	border-top:8px solid #000000;
	text-align:right;
	padding:5px 0px 0px 0px;
	}
#languageselect a {
	color:#CCCCCC;
	text-decoration:none;
	}
#languageselect a:hover {
	color:#000000;
	}

/* ########## NAVIGATION ###########*/

#navigation {
	float:left;
	width:300px;
	}
#navigation ul {
	list-style:none;
	margin:0px 30px 50px 0px;
	}
#navigation ul ul {
	margin:0px 0px 0px 0px;
	}
#navigation ul li.void {
	display:block;
	padding:0px 0px 4px 35px;
	color:#999999;
	text-decoration:none;
	}
#navigation ul li a {
	display:block;
	padding:0px 0px 4px 35px;
	color:#000000;
	text-decoration:none;
	}
#navigation ul ul li a {
	display:block;
	padding:4px 0px 0px 20px;
	color:#000000;
	text-decoration:none;
	}
#navigation ul li.active,
#navigation ul li a:hover {
	background-image:url(gfx/navdot.gif);
	background-position:26px 6px;
	background-repeat:no-repeat;
	}
#navigation ul ul li.active,
#navigation ul ul li a:hover {
	background-image:url(gfx/navdot.gif);
	background-position:11px 10px;
	background-repeat:no-repeat;
	}
#navigation ul li.laconic a {
	display:block;
	padding:15px 0px 19px 35px;
	color:#000000;
	text-transform:uppercase;
	text-decoration:none;
	}
#navigation ul li.laconic a:hover {
	background-position:26px 21px;
	}
#navigation ul li.work a {
	/*color:#DF0404;*/
	}
#navigation ul li.imprint a {
	color:#999999;
	}

/* ########## PLAIN CONTENT ###########*/

#content {
	float:left;
	width:680px;
		}


/* ########## STAGE ###########*/

#stage {
	padding:0px 0px 0px 35px;
	}

/* ########## SLIDESHOW HOME ###########*/

#slideshow li {
	display:block;
	width:1115px;
	text-align:left;
	height:800px;
	}
#slideshow li span.imagebox {
	display:block;
	width:945px;
	text-align:center;
	background-color:#FFFFFF;
	/*padding-bottom:300px;*/
	height:800px;
	}
#slideshow li span.stageinfo {
	display:block;
	float:right;
	width:150px;
	padding:0px 0px 300px 0px;
	background-color:#FFFFFF;
	color:#999999;
	text-align:left;
	}
#slideshow li span.stageinfo a {
	color:#000000;
	text-decoration:underline;
	}

/* ########## STAGE DETAIL ###########*/

#stagecontent {
	width:965px;
	float:left;
	}
#stagecontent .imagebox {
	position:absolute;
	background-color:#FFFFFF;
	width:945px;
	text-align:center;
	display:none;
	}
#stagecontent .first {
	display:block;
	position:relative;
	}
#stageinfo {
	float:right;
	width:150px;
	}
#stageinfo h1 {
	font-size:13px;
	margin:0px 0px 10px 0px;
	}
#stageinfo p.credit {
	font-size:13px;
	/*font-style:italic;*/
	color:#999999;
	margin:5px 0px 10px 0px;
	}
#projectnavigation {
	color:#999999;
	clear:both;
	padding-top:40px;
	}
#projectnavigation p {
	margin-bottom:5px;
	}
#projectnavigation a {
	color:#999999;
	text-decoration:none;
	}
#projectnavigation a:hover {
	color:#000000;
	}
#projectnavigation .projectdrawer {
	margin-left:0px;
	border-bottom:1px solid #999999;
	}
#projectnavigation .projectdrawer ul {
	border-top:1px solid #999999;
	}
#paginate {
	float:left;
	width:250px;
	}
#paginate p {
	padding:0px 0px 3px 0px;
	}
#paginate a {
	padding:3px 6px 3px 6px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#CCCCCC;
	}
#paginate a:hover {
	background-color:#999999;
	}
#related {
	float:left;
	width:715px;
	}

/* ########## STAGENAVIGATION ###########*/

#stagenavigation {
	margin:20px 0px 0px 0px;
	}
#stagenavigation ul {
	list-style:none;
	}
#stagenavigation ul .link,
#stagenavigation ul .xof  {
	float:left;
	margin:0px 3px 5px 0px;
	}
#stagenavigation ul .back {
	clear:left;
	float:none;
	padding:10px 0px 0px 0px;
	}
#stagenavigation ul .back a {
	color:#999999;
	text-decoration:none;
	}
#stagenavigation ul .xof  {
	padding:4px 6px 4px 6px;
	background-color:#CCCCCC;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	}
#stagenavigation .link a {
	display:block;
	padding:4px 6px 4px 6px;
	background-color:#CCCCCC;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	}
#stagenavigation .link a:hover {
	background-color:#DF0404;
	color:#DF0404;
	}
#stagenavigation a.active:hover {
	color:#FFFFFF;
	background-color:#999999;
	}



/* ########## CLIENTLIST ###########*/

#content.list p.client {
	margin-left:0px;
	}
#content p.client a {
	padding-left:10px;
	text-decoration:none;
	color:#000000;
	}
#content p.client a.showhide:hover {
	background-image:url(gfx/navdot.gif);
	background-position:2px 6px;
	background-repeat:no-repeat;
	}
#content p.client a.active {
	background-image:url(gfx/navdot.gif);
	background-position:2px 6px;
	background-repeat:no-repeat;
	}

.projectdrawer {
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #000000;
	margin:0px 0px 10px 10px;
	}
.projectdrawer span {
	display:block;
	float:right;
	color:#999999;
	text-align:right;
	padding:5px 0px 0px 0px;
	}
.projectdrawer ul {
	display:block;
	border-top:1px solid #000000;
	padding:10px 0px 10px 0px;
	list-style:none;
	}
.projectdrawer ul li {
	display:block;
	float:left;
	margin:0px 15px 15px 0px;
	}

/* ########## WORKLIST ###########*/

#content.worklist .item {
	float:left;
	margin:0px 10px 10px 0px;
	}
#projectinfo {
	float:left;
	width:170px;
	background-image:url(gfx/pointer.gif);
	background-repeat:no-repeat;
	background-position:13px 25px;
	}
#projectinfo .inner {
	margin:0px 0px 0px 20px;
	background-color:#000000;
	color:#FFFFFF;
	padding:8px;
	}
#projectinfo h1 {
	font-size:13px;
	font-weight:normal;
	margin:0px 0px 6px 0px;
	}
#projectinfo .inner p {
	color:#999999;
	font-size:11px;
	line-height:1.4em;
	}
#projectinfo .inner p a {
	color:#999999;
	text-decoration:none;
	}


/* ########## TYPO ###########*/

#content p {
	margin:0px 0px 10px 10px;
	line-height:1.5em;
	}
#content.text p {
	margin:0px 200px 10px 10px;
	line-height:1.5em;
	}
#content.list p {
	margin:0px 200px 6px 10px;
	line-height:1.4em;
	}
#content h1,
#content h2 {
	font-size:13px;
	font-weight:normal;
	color:#999999;
	margin:20px 200px 3px 0px;
	line-height:1.5em;
	}
#content h1:first-child,
#content h1.first {
	margin:0px 200px 6px 0px;
	}
#content.list a {
	text-decoration:underline;
	color:#000000;
	}
#content.text a {
	text-decoration:underline;
	color:#000000;
	}


/* ########## LACONIC ###########*/

body.laconic {
	color:#000000;
	background-color:#CCCCCC;
	}
#navigation ul li.eggers a {
	display:block;
	padding:15px 0px 19px 35px;
	color:#000000;
	text-decoration:none;
	}
.laconic #navigation ul li.active a,
.laconic #navigation ul li.active a:hover  {
	background-image:url(gfx/navdot_wht.gif);
	background-position:26px 6px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	}
.laconic #navigation ul li a:hover {
	background-image:none;
	}
.laconic #languageselect a {
	color:#7a7a7a;
	text-decoration:none;
	}
.laconic #content .container {
	background-color:#FFFFFF;
	padding:25px;
	margin:0px 0px 25px 0px;
	}
.coverbox {
	float:left;
	width:200px;
	}
.bookfacts {
	margin-left:220px;
	}
#content .bookfacts p {
	margin:0px 0px 10px 0px;
	}
.laconic #content h1,
.laconic #content h2 {
	font-size:13px;
	font-weight:normal;
	color:#000000;
	margin:0px 0px 10px 0px;
	line-height:1.5em;
	}
.laconic #content h1 a {
	color:#CCCCCC;
	text-decoration:none;
	}
.laconic #content p.buy {
	margin-top:20px;
	}
.buybutton {
	border:6px solid #000000;
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	float:left;
	padding:0px 5px 0px 5px;
	margin-right:10px;
	cursor:pointer;
	}
sup a {
	text-decoration:none;
	}
#content .imagebox {
	padding:0px 0px 25px 10px;
	}