@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{width: 980px; margin: 0 auto; position: relative; left: 0; top: 0; min-height: 2500px;}

body#press {overflow-y: hidden;}

body#press #container {width: 19200px; text-align: center; position: absolute; top: 0; height: 100%; }

#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 */


/* @frames */

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





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

/*@book_images*/
#bild_book    {
	visibility: visible;
	position: absolute;
	z-index: 1;
	top: 100px;
	left: 900px;
	width: 1548px;
	height: 600px
}

/*@bild_newsletter */


	

/*@logo */

#bild-1    {
	visibility: visible;
	position: relative;
	z-index: 1;
	top: 22px;
	left: 125px;
	width: 329px;
	height: 249px;
}
/*@end*/



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

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

#c1b {
	padding-top:200px;
	padding-left:160px;
	top: 200px;
	left: 250px;
	max-width: 1588px;
	max-height: 800px;
	min-width: 100px;
	min-height: 118px;
	
	}
	
	#c1c {
	padding-top:100px;
	padding-left:160px;
	top:200px;
	left: 250px;
	max-width: 1588px;
	max-height: 800px;
	min-width: 100px;
	min-height: 118px;
	
	}

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

#c1 {top: 190px; left: 95px; max-width: 988px; max-height: 800px; min-width: 247px; min-height: 200px;}
#c1, #c1 img {
	width: 431px;
	height: 431px;
}

#c2 {top: 550px; left: 580px; max-width: 700px; max-height: 991px; min-width: 140px; min-height: 198px;}
#c2, #c2 img {
	width: 403px;
	height: 392px;
}

#c3 {top: 180px; left: 680px; max-width: 568px; max-height: 833px; min-width: 113px; min-height: 166px;}
#c3, #c3 img {
	width: 273px;
	height: 266px;
}

#c4 {
	top: 839px;
	left: 10px;
	max-width: 1000px;
	max-height: 458px;
	min-width: 120px;
	min-height: 91px;
}
#c4, #c4 img {
	width: 351px;
	height: 489px;
}

#c5 {
	top: 1528px;
	left: 200px;
	max-width: 600px;
	max-height: 900px;
	min-width: 120px;
	min-height: 180px;
}
#c5, #c5 img {
	width: 535px;
	height: 418px;
}

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

#c7 {top: 1920px; left: 500px; max-width: 600px; max-height: 900px; min-width: 120px; min-height: 180px;}
#c7, #c7 img {
	width: 111px;
	height: 155px;
}

#c8 {top: 720px; left: 150px; max-width: 600px; max-height: 900px; min-width: 120px; min-height: 180px;}
#c8, #c8 img {
	width: 189px;
	height: 64px;
}

.illus-show {
	position: absolute;
	top: 90px;
	left: -2px;
}
.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:55px; max-width: 474px; max-height: 720px; min-width: 118px; min-height: 180px;}
#i1, #i1 img {width: 237px; height: 360px;}

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



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

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


.PopBoxImageSmall {cursor: pointer;}
.img-caption {color: #000; font-size: 16px;}
/* @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 */