/* @license
 * MyFonts Webfont Build ID 2122616, 2012-03-05T06:08:28-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Neutraliser Sans Italic by HamburgerFonts
 * URL: http://www.myfonts.com/fonts/hamburger/neutraliser-sans/regular-italic/
 * Licensed pageviews: 10,000
 * 
 * Webfont: Neutraliser Sans Bold Italic by HamburgerFonts
 * URL: http://www.myfonts.com/fonts/hamburger/neutraliser-sans/bold-italic/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Neutraliser Sans Bold by HamburgerFonts
 * URL: http://www.myfonts.com/fonts/hamburger/neutraliser-sans/bold/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Neutraliser Sans Thin by HamburgerFonts
 * URL: http://www.myfonts.com/fonts/hamburger/neutraliser-sans/thin/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Neutraliser Sans Regular by HamburgerFonts
 * URL: http://www.myfonts.com/fonts/hamburger/neutraliser-sans/regular/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Neutraliser Sans Thin Italic by HamburgerFonts
 * URL: http://www.myfonts.com/fonts/hamburger/neutraliser-sans/thin-italic/
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2122616
 * Webfonts copyright: Copyright (c) 2004 by Hamburger Fonts. All rights reserved.
 * 
 * © 2012 Bitstream Inc
*/
 
 @font-face {font-family: 'NeutraliserSans-Italic';src: url('webfonts/206378_0_0.eot');src: url('webfonts/206378_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/206378_0_0.woff') format('woff'),url('webfonts/206378_0_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'NeutraliserSans-BoldItalic';src: url('webfonts/206378_1_0.eot');src: url('webfonts/206378_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/206378_1_0.woff') format('woff'),url('webfonts/206378_1_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'NeutraliserSans-Bold';src: url('webfonts/206378_2_0.eot');src: url('webfonts/206378_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/206378_2_0.woff') format('woff'),url('webfonts/206378_2_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'NeutraliserSans-Thin';src: url('webfonts/206378_3_0.eot');src: url('webfonts/206378_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/206378_3_0.woff') format('woff'),url('webfonts/206378_3_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'NeutraliserSans';src: url('webfonts/206378_4_0.eot');src: url('webfonts/206378_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/206378_4_0.woff') format('woff'),url('webfonts/206378_4_0.ttf') format('truetype');}
 
  
 @font-face {font-family: 'NeutraliserSans-ThinItalic';src: url('webfonts/206378_5_0.eot');src: url('webfonts/206378_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/206378_5_0.woff') format('woff'),url('webfonts/206378_5_0.ttf') format('truetype');}
 
 
 /* @license
 * MyFonts Webfont Build ID 2347984, 2012-08-22T06:15:09-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Neutraliser Serif Bold Italic by HamburgerFonts
 * URL: http://www.myfonts.com/fonts/hamburger/neutraliser-serif/bold-italic/
 * Copyright: Copyright (c) 2004 by Hamburger Fonts. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2347984
 * 
 * © 2012 Bitstream Inc
*/

  
 @font-face {font-family: 'NeutraliserSerif-BoldItalic';src: url('webfonts/23D3D0_0_0.eot');src: url('webfonts/23D3D0_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/23D3D0_0_0.woff') format('woff'),url('webfonts/23D3D0_0_0.ttf') format('truetype');}
 

/* ----------------------------------------- */



* {margin:0; padding:0;}
img {border:none;}

body{
    margin: 0;
    padding: 0;
    font-family:'NeutraliserSans', Arial, Helvetica, sans-serif; letter-spacing:0.01em;
    color: #fff;
	background:#000;
	font-size:62.5%;
	}


#wrapper {
	width:1200px;
	margin:0 auto;
	}
	
#wrapper h1,
#wrapper h2 {font-size:4.6em; text-transform:uppercase; margin:0 0 25px 0; font-weight:normal; font-family:'NeutraliserSans-Bold';}
#wrapper h2 {font-size:3.6em; margin-bottom:20px;}
#wrapper h3 {font-size:2.6em; margin:0 0 5px 0; font-weight:normal;}
#wrapper p { font-size:1.8em; margin:0 0 5px 0; line-height:1.4em;}
#wrapper p.p-align-center {text-align:center;}
#wrapper p.margin-bottom-2 {margin-bottom:35px;}
#wrapper p.p-intro {font-size:2.6em; line-height:1.2em; margin:0 0 5px 0 !important;}
#wrapper p.p-intro-2 {font-size:2.6em; line-height:1.2em; margin:0 0 30px 0 !important; width: 600px;}
#wrapper p.p-675 {width:675px;}

#wrapper ul {margin:0 0 35px 0;}
#wrapper ul li {font-size:1.8em; margin:0 0 5px 0; line-height:1.4em; list-style:none;}

#wrapper a.scrollTo {font-size:20px;}


/* NEWSLETTER BOX ************************/

#wrapper .newsletter-box {width:747px; padding:4px; margin:30px auto; color:#000; background:url(../gfx/gui/newsletter-box-hg.gif) no-repeat left top; height:208px; position:relative;}
#wrapper .newsletter-box-left {width:283px; float:left;}
#wrapper .newsletter-box-right {float:right; margin: 19px 19px 0 0; width: 414px;}
#wrapper .newsletter-box-right a,
#wrapper .newsletter-box-right a:hover {color:#C0A367; font-size:15px; text-decoration:none; font-family:'NeutraliserSerif-BoldItalic';}
#wrapper .newsletter-box-right a:hover {color:#C0A367; text-decoration:underline;}
#wrapper .newsletter-box-right p.p-left {float:left; position:absolute; bottom:13px;}
#wrapper .newsletter-box-right p.p-right {float:right; position:absolute; bottom:13px; right:23px;}
#wrapper .newsletter-box form {}
#wrapper .newsletter-box form label {font-size:1.8em; margin:0; line-height:28px;}
#wrapper .newsletter-box form input {width:255px; float:right; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius:11px; background-color:#fff; border:2px solid #C0A367; padding:5px; margin:0 0 5px 0;}
#wrapper .newsletter-box form input[type=submit],
#wrapper .newsletter-box form input[type=submit]:hover {clear:both; float:right; width:auto; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius:11px; background-color:#C0A367; border:none; padding:5px; font-family:'NeutraliserSerif-BoldItalic'; font-size:15px;}
#wrapper .newsletter-box form input[type=submit]:hover {cursor:pointer; text-decoration:underline;}

/* --- */

.section {
	position:relative;
	}
	
.section a,
.section a:hover {text-decoration:underline; color:#c0a367; font-family:'NeutraliserSerif-BoldItalic';}
.section a:hover {color:#fff;}


/* SECTION 1 ************************************************/
#section1 {height:633px; background:url(../gfx/gui/section1-hg.gif) center 327px no-repeat;}

#section1 .sprachwahl {position:absolute; top:53px; left:115px; z-index:3;}
#section1 .sprachwahl ul {}
#section1 .sprachwahl ul li {display:inline; list-style:none; margin:0 10px 0 0; font-size:1.4em;}
#section1 .sprachwahl ul li.aktiv a,
#section1 .sprachwahl ul li.aktiv a:hover {color:#fff; text-decoration:none;}

#section1 .textblock-01 {width:311px; padding:0; position:absolute; right:63px; top:56px; background-color:#000;}
#section1 .textblock-01 h1 {margin-bottom:40px;}
#section1 .textblock-01 p {font-size:2.6em; line-height:1.1em;}
#section1 .textblock-01 p a.scrollTo,
#section1 .textblock-01 p a:hover.scrollTo {float:right; position:relative;}
#section1 .textblock-01 p a.scrollTo img {
	top:38px;
    position: absolute;
    right: 0;
	z-index:9;}

#section1 .dvd-infobox {position:absolute; left:104px; top:0; width:183px; z-index:1;}
#section1 .dvd-infobox p {font-size:1.55em; line-height:1.3em; color:#000; background-color:#c0a367; padding:7px 5px; background:url(../gfx/gui/section1-dvd-infobox-p-hg.gif) no-repeat bottom left;}
#section1 .dvd-infobox p a {color:#000; text-decoration:none;}
#section1 .dvd-infobox p a:hover {color:#fff;}
#section1 .dvd-infobox p a strong {text-decoration:underline; font-weight:normal;}


/* SECTION 2 ************************************************/
#section2 {height:900px; background:url(../gfx/gui/section2-hg.jpg) 0 0 no-repeat;}

#section2 .textblock-01 {width:457px; padding:0 0 5px 10px; position:absolute; right:42px; top:64px;}
#section2 .textblock-01 h2 {}
#section2 .textblock-01 p {}
#section2 .textblock-01 p.margin-bottom-2 {margin-bottom:35px;}
#section2 .textblock-01 p a.scrollTo,
#section2 .textblock-01 p a:hover.scrollTo {position:relative; margin:0;}
#section2 .textblock-01 p a.scrollTo img {
	bottom: -376px;
    position: absolute;
    left: -145px;
	z-index:9;}
	

/* SECTION 3 ************************************************/
#section3 {height:767px;}

#section3 .textblock-01 {margin:71px 0 0 138px;}
#section3 .textblock-01 h2 {}
#section3 .textblock-01 p {line-height:40px; margin-top:-12px; position:relative; z-index:999;}
#section3 .textblock-01 p.margin-bottom-2 {margin-bottom:35px;}
#section3 .textblock-01 p a.scrollTo,
#section3 .textblock-01 p a:hover.scrollTo {position:relative; margin-left:337px;}
#section3 .textblock-01 p a.scrollTo img {
	top:0;
    position: absolute;
    left: -230px;
	z-index:9;}
	
	

/* SECTION 4 ************************************************/
#section4 {height:638px;}

#section4 .textblock-01 {padding:65px 0 0 138px;}
#section4 .textblock-01 h2 {}
#section4 .textblock-01 p {}
#section4 .textblock-01 p.p-545px {width:545px;}
#section4 .textblock-01 p.margin-bottom-2 {margin-bottom:35px;}
#section4 .textblock-01 p a.scrollTo,
#section4 .textblock-01 p a:hover.scrollTo {position:relative; margin:0 0 0 550px;}
#section4 .textblock-01 p a.scrollTo img {
	bottom: -212px;
    position: absolute;
    left: 109px;
	z-index:9;}
#section4 .video-wrapper {margin:35px 0;}
#section4 .video-wrapper iframe {margin:0 72px 0 0; float:left;}


/* SECTION 5 ************************************************/
#section5 {height:833px; background:url(../gfx/gui/section5-hg.jpg) right bottom no-repeat;}

#section5 .textblock-01 {padding:39px 0 0 138px;}
#section5 .textblock-01 h2 {}
#section5 .textblock-01 p {width:650px;}
#section5 .textblock-01 p.margin-bottom-2 {margin-bottom:35px;}
#section5 .textblock-01 p a.scrollTo,
#section5 .textblock-01 p a:hover.scrollTo {position:relative; margin:0 0 0 72px;}
#section5 .textblock-01 p a.scrollTo img {
	top: 7px;
    position: absolute;
	z-index:9;
	left:-159px;}
#section5 .botton-amazon {position:absolute; bottom:196px; left:91px; z-index: 9;}
#section5 .button-wrapper {float:right; margin:0 51px 0 0; width:237px;}
#section5 .button-wrapper img {margin:0;}
#section5 .button-wrapper-2 {bottom: 104px; margin: 0; position: absolute; right: 51px; width: 237px;}


/* SECTION 6 ************************************************/
#section6 {height:1051px; background:url(../gfx/gui/section6-hg.jpg) right 101px no-repeat;}

#section6 .textblock-01 {padding:101px 0 0 138px;}
#section6 .textblock-01 h2 {}
#section6 .textblock-01 p {width:444px;}
#section6 .textblock-01 p.p-font-20px {font-size:20px; margin-top:35px;}
#section6 .textblock-01 p.margin-bottom-2 {margin-bottom:35px;}
#section6 .textblock-01 p a.scrollTo,
#section6 .textblock-01 p a:hover.scrollTo {position:relative; margin:76px 0 0 185px; display:block;}
#section6 .textblock-01 p a.scrollTo img {
	bottom: -206px;
    position: absolute;
    left: -64px;
	z-index:9;}
#section6 .button-wrapper {top: 650px; margin: 0; position: absolute; right: 51px; width: 237px;}


/* SECTION 7 ************************************************/
#section7 {height:640px;}

#section7 .textblock-01 {padding:101px 0 0 138px;}
#section7 .textblock-01 h2 {}
#section7 .textblock-01 p {}
#section7 .textblock-01 p.p-width-412px {width:412px;}
#section7 .textblock-01 p a.scrollTo,
#section7 .textblock-01 p a:hover.scrollTo {position:relative; margin:76px 0 0 653px; display:block;}
#section7 .textblock-01 p a.scrollTo img {
	bottom: -206px;
    position: absolute;
    left: 195px;
	z-index:9;}
	
	
/* SECTION 8 ************************************************/
#section8 {}

#section8 .textblock-01 {padding:60px 0 50px 138px;}
#section8 .textblock-01 h2 {}
#section8 .textblock-01 p {width:599px;}
#section8 .textblock-01 p a,
#section8 .textblock-01 p a:hover {font-family:'NeutraliserSans';}

#section8 .textblock-01 ul {margin-top:35px;}
#section8 .textblock-01 ul li {list-style:none; float:left; margin:0 14px 12px 0;}
#section8 .textblock-01 ul li img {}


/*************************************************************
INHALTE BUCH, DVD, Innovationsprinzipien *********************/
#inhalte {padding:46px 55px 46px 87px;}
#inhalte .head-navi {margin-bottom:71px;}
#inhalte .head-navi p {font-size:2.3em; margin-bottom:35px !important;}
#inhalte .head-navi p.p-download-neu {padding-left: 146px; background:url(../gfx/gui/neu.png) no-repeat left center;}
#inhalte .head-navi a,
#inhalte .head-navi a:hover {font-size:20px;}
#inhalte .head-logo {float:right; text-align:right; margin-right:8px;}
#inhalte .head-logo img {margin:0 0 35px 0;}

#wrapper #inhalte h1 {font-size:3.6em; margin-bottom:20px;}

#inhalte .textblock-01 {width:700px;}
#inhalte .textblock-02 {width:1050px;}
#inhalte .textblock-02 ul {margin-top:35px;}
#inhalte .textblock-02 ul li {list-style:none; float:left; margin:0 14px 12px 0;}
#inhalte .textblock-02 ul li img {}
#inhalte .textblock-02 p a.link-2,
#inhalte .textblock-02 p a.link-2:hover {font-family:'NeutraliserSans';}

#inhalte p.margin-bottom-2 {margin-bottom:35px;}
#inhalte p.p-font-24 {font-size:2.4em;}

/* DVD */
#inhalte.doppel-dvd p {margin-bottom:35px; margin-right:50px;}
#inhalte.doppel-dvd h2 {margin-bottom:5px;}
#inhalte.doppel-dvd .textblock-01 img {margin:65px 0 66px;}

#inhalte.doppel-dvd .dvd-beispielvideo-box {position:relative; margin:65px 0;}
#inhalte.doppel-dvd .dvd-beispielvideo-box img {margin:0;}
#inhalte.doppel-dvd .dvd-beispielvideo-box p {margin:20px 0 0 0; font-family:NeutraliserSans-Italic; font-size:1.8em;}
#inhalte.doppel-dvd .dvd-beispielvideo {position:absolute; bottom:0; left:442px;}


/* INNOVATIONSPRINZIPIEN */

#inhalte.innovationsprinzipien .head-logo {position:absolute; right:63px; z-index:99999;}
#inhalte.innovationsprinzipien .head-logo img {margin:0;}
#inhalte.innovationsprinzipien .textblock-01 {width:auto;}

#inhalte.innovationsprinzipien .textblock-01 ul.innnovation-navi {margin:0 0 192px 0;}
#inhalte.innovationsprinzipien .textblock-01 ul.innnovation-navi li {list-style:none; float:left; margin:0;}
#inhalte.innovationsprinzipien .textblock-01 ul.innnovation-navi li img {margin:0; padding:0;}

/* --- */

.prinzip {position:relative; padding:58px 0 99px 0;}

.prinzip .prinzip-headline {position:absolute; left:0;}
#wrapper #inhalte .prinzip h1 {font-size:3em; text-transform:uppercase; margin:0 0 59px 0; font-weight:normal; font-family:'NeutraliserSans';}
#wrapper #inhalte .prinzip h2 {font-size:4.2em; text-transform:none; margin:59px 0 30px 0; font-weight:normal; font-family:'NeutraliserSans';}
#wrapper #inhalte .prinzip p {font-family:'NeutraliserSans'; font-size:2em; margin:0 0 5px 0; line-height:1.4em;}
#wrapper #inhalte .prinzip p.p-intro {font-size:2.6em;}
#wrapper #inhalte .prinzip p.p-link-uebersicht {position:absolute; left:0; bottom:110px;}
#wrapper #inhalte .prinzip p img {margin:30px 0; display:block; float:right;}
#wrapper #inhalte .prinzip ol {margin:5px 0 0 0;}
#wrapper #inhalte .prinzip ol li {font-family:'NeutraliserSans'; font-size:2em; margin:0 0 5px 0; line-height:1.4em;}

#wrapper #inhalte .prinzip a,
#wrapper #inhalte .prinzip a:hover {text-decoration:underline; color:#c0a367; font-family:'NeutraliserSerif-BoldItalic';}
#wrapper #inhalte .prinzip a:hover {color:#fff;}

#wrapper #inhalte .prinzip .textblock-01 {margin:0 29px 0 210px;}