@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Geneva, Helvetica, Tahoma, sans-serif;
	font-size: 14px;
	background-color: #000;
	color: #fff;
}
html, body {
	height: 100%;
}
.hidden {
	display: none;
}

#header {
	height: 15px;
}

#realPageWrap {
    margin: 0 auto;
    position: relative;
    width: 960px;
	height: 720px;
	overflow: hidden;
}

#haut {
    right: 450px;
    top: 320px;
    width: auto;
}

#headline {
    left: 20px;
    top: 20px;
    width: 350px;
}

#headline1 {
    right: 50px;
    top: 20px;
    width: auto;
}

#headline2 {
    left: 20px;
    top: 20px;
    width: 350px;
}

#headline3_1 {
    left: 20px;
    top: 20px;
    width: 350px;
}

#headline3_2 {
    left: 40px;
    top: 20px;
    width: 350px;
}

#headline4 {
    left: 20px;
    top: 20px;
    width: 350px;
}

#headline5 {
    left: 20px;
    top: 20px;
    width: 420px;
}

#headline6 {
    left: 20px;
    top: 20px;
    width: 420px;
}

#headline7 {
    left: 20px;
    top: 20px;
    width: 350px;
}

#page {
	margin: 0 auto;
	width: 960px;
	height: 720px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003DF5', endColorstr='#61c419', GradientType=0 );
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
   	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#pagewrap {
	margin: 0 auto;
	width: 960px;
	height: 720px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003DF5', endColorstr='#61c419', GradientType=0 ); /* IE6-9 */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
   	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#pagewrap_im_gewebe {
	margin: 0 auto;
	width: 960px;
	height: 720px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003DF5', endColorstr='#61c419', GradientType=0 );
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#pagewrap_fresszellen {
	margin: 0 auto;
	width: 960px;
	height: 720px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003DF5', endColorstr='#61c419', GradientType=0 ); /* IE6-9 */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
   	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#pagewrap_angriff {
	margin: 0 auto;
	width: 960px;
	height: 720px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003DF5', endColorstr='#61c419', GradientType=0 ); /* IE6-9 */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
   	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#pagewrap_spezialeinheiten {
	margin: 0 auto;
	width: 960px;
	height: 720px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003DF5', endColorstr='#61c419', GradientType=0 ); /* IE6-9 */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
   	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#pagewrap_auf_die_erreger {
	margin: 0 auto;
	width: 960px;
	height: 720px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003DF5', endColorstr='#61c419', GradientType=0 ); /* IE6-9 */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
   	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.pointer {
	position: absolute;
   	z-index: 2;
}

#sinkender_erreger{
    left: 160px;
    top: -300px;
}

#blaulicht {
    left: 760px;
    bottom: 150px;
}

#fresszelle_re {
    /*left: 800px;
    top: 650px;*/
	position: absolute;
	left: 980px;
	/*top: 350px;*/
}

#fresszelle {
    /*left: 800px;
    top: 650px;*/
	position: absolute;
	left: 980px;
	/*top: 350px;*/
}

#fresszelle_animated {
    /*left: 800px;
    top: 650px;*/
	position: absolute;
	left: 980px;
	/*top: 350px;*/
}

#spezialist {
    /*left: 800px;
    top: 650px;*/
	position: absolute;
	left: 700px;
	/*top: 350px;*/
}

#fress_links {
    /*left: 800px;
    top: 650px;*/
	position: absolute;
	left: -80px;
	/*top: 350px;*/
}

#handshake {
    /*left: 800px;
    top: 650px;*/
	position: absolute;
	left: 980px;
	/*top: 350px;*/
}

#spezialerreger{
    left: 100px;
    top: 400px;
}

#spezialerreger_normal_big{
    left: 100px;
    top: 400px;
}

#steckbrief {
	position: absolute;
}

#background #background1 {  
	/*
	left: 85px; 
	top: 75px; 
	*/
	position: absolute;
}
#background #background2 {  
	/*left: -439px;
	top: 85px;*/
	/*position: absolute;*/
	/*left: -955px;*/
}

#background2 #erreger_angstvoll1 {
    /*left: 550px;
    top: 140px;*/
	position: relative;
}

#background2 #erreger_angstvoll2 {
    /*left: 350px;
    top: 140px;*/
	position: relative;
}
#background2 #erreger_angstvoll3 {
    /*left: 150px;
    top: 140px;*/
	position: relative;
}

#background2 #erreger_angstvoll4 {
	position: relative;
}

#background2 #erreger_angstvoll5 {
	position: relative;
}

#background2 #erreger_angstvoll6 {
	position: relative;
}


#background2 #spezialerreger_angstvoll1 {
	position: relative;
}

#background2 #spezialerreger_angstvoll2 {
	position: relative;
}
#background2 #spezialerreger_angstvoll3 {
	position: relative;
}

#background2 #spezialerreger_angstvoll4 {
	position: relative;
}

#background2 #spezialerreger_angstvoll5 {
	position: relative;
}

#background2 #spezialerreger_angstvoll6 {
	position: relative;
}

#svgbasics {
    height: 100px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 575px;
    width: 100%;
    z-index: 5;
}

#svgbasics a {
	left: 550px;
	top: 320px;
}

.no-svg #svgbasics { display: none; }

.screencontainer {
    height: 300px;
    left: 0px;
    position: absolute;
    top: 100px;
    width: 550px;
    z-index: 2;
}

#screen1 #arm img {
	position: absolute;
    left: 74px;
    top: 38px;
    z-index: -1;
}

#screen2 #erreger_animated	 {
	position: absolute;
    left: 650px;

    /*top: 920px;*/
    z-index: -1;
}

#screen2 #erreger_angstvoll	 {
	position: absolute;
    left: 150px;
	top: 200px;

    /*top: 920px;*/
    z-index: -1;
}

#screen2 #blaulicht {
	position: absolute;
    left: 730px;

    top: -280px;
    z-index: -1;
}

#screen2 #blaulicht_animated {
	position: absolute;
    left: 700px;
    top: -100px;
    z-index: -1;
}

#screen2 #blaulicht_out {
	position: absolute;
    left: 730px;
    /*top: -60px;
    z-index: -1;*/
}

#screen3 #arm img {
	position: absolute;
    left: 54px;
	top: 27px;
    z-index: -1;
}

#screen3 #erreger_angstvoll	 {
	position: absolute;
    left: 150px;
	top: 150px;

    z-index: -1;
}

/*
#screen3 #blaulicht_out {
	position: absolute;
    left: 740px;
}
*/

#screen4 #spezialerreger {
	position: absolute;
    left: 140px;
	top: 10px;
    z-index: -1;
}


#screen4 #blaulicht_animated_in {
	position: absolute;
    left: 705px;
    top: -100px;
    z-index: 1;
}

#screen4 #blaulicht_in {
	position: absolute;
    left: 735px;

    /*top: -280px;
    z-index: -1;*/
}


#screen4 #lupe_angriff {
	position: absolute;
    left: 50px;
	top: 200px;
}

#screen5 #spezialerreger {
	position: absolute;
    left: 180px;
	top: 300px;
    z-index: -1;
}

#screen5 #lupe_spezial {
	position: absolute;
    left: 50px;
	/*top: 200px;*/
}

#screen5 #spezialerreger_normal_big {
	position: absolute;
    left: 158px;
    top: 270px;
    z-index: -1;
}

#background .tooltip {
	background-color: #FAB417;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    padding: 10px;
    height: auto;
    line-height: 1.5em;
	font-size: 16pt;
    text-align: center;
    width: 350px;
    left: -260px;
    top: -55px;
}

#background #tooltip2 {
	width: 376px;
	height: auto;
	padding: 10px;
}

#background #tooltip3 {
	width: 435px;
	height: 70px;
}

#background #tooltip4 {
	width: 350px;
	height: 90px;
}

#background #tooltip5 {
	width: 575px;
	height:70px;
}

#background #tooltip6 {
	width: 512px;
	height: 60px;
}

#background #tooltip7 {
	width: 350px;
	height:120px;
}

button.cupid-blue {
    background-color: rgb(215, 229, 245);
    background-image: -moz-linear-gradient(center top , rgb(215, 229, 245), rgb(203, 224, 245));
    border-width: 1px;
    border-style: solid;
    border-color: rgb(171, 187, 204) rgb(167, 182, 199) rgb(161, 175, 191);
    border-radius: 12px;
    box-shadow: 0px 1px 0px 0px white inset;
    color: rgb(26, 62, 102);
    padding: 7px 15px;
    text-align: center;
    text-shadow: 0px 1px 1px rgb(255, 255, 255);
    font-size: 1em;
}

.nextButton {
	right: 25px;
	bottom: 20px;
	position: absolute;
	cursor: pointer;
	border: 1px solid #CCC;
	color: #000;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	height: 35px;
	width: 70px;
	border-radius: 25px;
}

.nextButtonOnceAgain {
	right: 25px; 
	bottom: 20px;
	position: absolute;
	cursor: pointer;
	border: 1px solid #CCC;
	color: #000;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	/*height: 35px;*/
	width: 110px;
	border-radius: 25px;
}

#ie8_container {
    display: none;
}