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

* {padding: 0; margin: 0; border: 0;}
html, body {height: 100%;}
body, input {font-family: "FoundersGroteskMedium", sans-serif; font-size: 12px; color: #000; background: #fff;}
ol, ul {list-style: none;}

/* @group divs */
body#home, body#illustrations {background: #fff url('../img/bg/1.gif') top center;}
#container {position: relative; min-height: 100%;}
#content {
	left: 52px;
	position: absolute;
	top: 22px;
	padding-bottom: 20px;
}
body#home #content, body#illustrations #content {width: 980px; margin: 0 auto; position: relative; left: 0; top: 0; min-height: 2000px;}

#footer {position: fixed; bottom: 50px; left: 50%; width: 680px; margin-left: -340px; z-index: 100;}
.clear {clear: both;}
/* @end */


/* @group navi-menu */
#navi-menu li {float:left; padding-right: 40px;}
#navi-menu li.last {float:left; padding-right: 0px;}
#navi-menu li a {color: #000; font-size: 16px;}
/* @end */


/* @group collections */

.content {border: 0px solid #ccc;}
.content p {padding: 5px 5px;}
.content span {font-weight: bold;}


/*@logo plus navi*/
/*#bild_logo    {
	visibility: visible;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 800px;
	width: 0px;
	height: 42px
}
*/

/*@logo plus navi 2*/

/*@logo plus navi*/
#bild_logo    {
	visibility: visible;
	position: absolute;
	z-index: 1;
	top: 97px;
	left: 600px;
	width: 120px;
	height: 42px
}
/*@end*/





#c1, #c2, #c3, #c4, #c5, #c6  {position: absolute;}

#c1a {
	top: 0px;
	left: 260px;
	min-width:150px;
	min-height: 118px;
	
	}
#c1a, #c1a img {
	width: 329px;
	height: 249px;
}

#c2a {
	top: 0px;
	padding-left:200px;
	left: 260px;
	min-width:150px;
	min-height: 118px;}

#c1 {
	top: 194px;
	left: 17px;
	max-width: 988px;
	max-height: 800px;
	min-width: 247px;
	min-height: 200px;
}
#c1, #c1 img {
	width: 308px;
	height: 403px;
}

#c2 {
	top: 611px;
	left: 502px;
	max-width: 800px;
	max-height: 991px;
	min-width: 140px;
	min-height: 198px;
}
#c2, #c2 img {
	width: 388px;
	height: 411px;
}

#c3 {
	top: 156px;
	left: 660px;
	max-width: 568px;
	max-height: 833px;
	min-width: 113px;
	min-height: 166px;
}
#c3, #c3 img {
	width: 236px;
	height: 326px;
}

#c4 {
	top: 1045px;
	left: 72px;
	max-width: 600px;
	max-height: 458px;
	min-width: 120px;
	min-height: 91px;
}
#c4, #c4 img {
	width: 308px;
	height: 419px;
}

#c5 {top: 1150px; left: 600px; max-width: 600px; max-height: 900px; min-width: 120px; min-height: 180px;}
#c5, #c5 img {
	width: 353px;
	height: 280px;
}

#c6 {top: 1620px; left: 100px; max-width: 600px; max-height: 900px; min-width: 120px; min-height: 180px;}
#c6, #c6 img {
	width: 307px;
	height: 214px;
}



.illus-show {position: absolute; top: 50px;}
.illus-show img {float: left; padding-right: 20px;}
.desc {position: fixed; top: 50px; left: 50px; width: 600px; z-index: 100;}
body#press .desc {text-align: left;}
.txt {float: left;}
.no-bdr {border: 0;}

#home-anchor {position: absolute; left: -50px; top: 50px;}
/* @end */


/* @group illustrations */
#i1, #i2, #i3, #i4, #i5  {position: absolute;}

#i1 {top: 150px; left: 75px; max-width: 474px; max-height: 720px; min-width: 118px; min-height: 180px;}
#i1, #i1 img {width: 237px; height: 360px;}

#i2 {top: 329px; left: 475px; max-width: 623px; max-height: 880px; min-width: 155px; min-height: 220px;}
#i2, #i2 img {width: 265px; height: 357px;}

#i3 {top: 870px; left: 25px; max-width: 558px; max-height: 770px; min-width: 139px; min-height: 192px;}
#i3, #i3 img {width: 279px; height: 385px;}

#i4 {top: 950px; left: 520px; max-width: 740px; max-height: 1024px; min-width: 246px; min-height: 341px;}
#i4, #i4 img {width: 340px; height: 520px;}


/* @end */

/* @ */
#pepgraph #content {width: 880px;}
/* @end*/





/* @group typo */
h1 {font-size: 36px; font-weight: normal;}
h2 {font-size: 16px; font-weight: normal; text-transform: uppercase;}
p {font-size: 16px; margin-bottom: 1.0em;}
a {color: #000; text-decoration: none;}
a:hover {text-decoration: underline;}

@font-face {
    font-family: 'FoundersGroteskMedium';
    src: url('../fonts/foundersgrotesk-medium-webfont.eot');
    src: url('../fonts/foundersgrotesk-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/foundersgrotesk-medium-webfont.woff') format('woff'),
         url('../fonts/foundersgrotesk-medium-webfont.ttf') format('truetype'),
         url('../fonts/foundersgrotesk-medium-webfont.svg#FoundersGroteskMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* @end */