/**
 * This is a stylesheet for a demo presentation for impress.js
 * 
 * It is not meant to be a part of impress.js and is not required by impress.js.
 * I expect that anyone creating a presentation for impress.js would create their own
 * set of styles.
 */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/




body {
    -webkit-font-smoothing: antialiased;
}

#impress {
	height:100% !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition:    all 0.5s ease;
    -ms-transition:     all 0.5s ease;
    -o-transition:      all 0.5s ease;
    transition:         all 0.5s ease;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
}

#impress * {
	color:black;
}

#impress h4 {
	font-size:60px;
}

#impress h2 {
	font-size:55px;
}

#impress h3 {
	font-size:15px;
}

#impress h4, #impress h2, #impress h3 {
	font-weight: normal;
	border:0;
}

.step {
    width: 1000px;
    /*padding: 40px;*/

    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
    box-sizing:         border-box;

    /*font-family: Arial, 'PT Serif', georgia, serif;*/

    font-size: 48px;
    line-height: 1.5;
}

/* fade out inactive slides */

.step {
    -webkit-transition: opacity 1s;
    -moz-transition:    opacity 1s;
    -ms-transition:     opacity 1s;
    -o-transition:      opacity 1s;
    transition:         opacity 1s;
}

/*.step:not(.active) {
    opacity: 0.4;
}*/

.step.active {
    opacity: 1;
}

#impress:not(.impress-not-supported) .step {
	opacity:1;
}


.step.subject-head:not(.active) {
	width: 1000px;
}

.impress-not-supported .step {
	width:796px;

}

/*.impress-not-supported {
	position:relative;
}*/

.impress-not-supported .step:last-child {
	/*position:absolute;
	z-index:1000;
	top:0;
	left:0;
	background:#fff;*/
}

/* STEP SPECIFIC STYLES */

/* hint on the first slide */

.hint {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 200px;
    
    background: rgba(0,0,0,0.5);
    color: #EEE;
    text-align: center;
    
    font-size: 50px;
    padding: 20px;
    
    z-index: 100;
    
    opacity: 0;
    
    -webkit-transform: translateY(400px);
    -moz-transform:    translateY(400px);
    -ms-transform:     translateY(400px);
    -o-transform:      translateY(400px);
    transform:         translateY(400px);

    -webkit-transition: opacity 1s, -webkit-transform 0.5s 1s;
    -moz-transition:    opacity 1s,    -moz-transform 0.5s 1s;
    -ms-transition:     opacity 1s,     -ms-transform 0.5s 1s;
    -o-transition:      opacity 1s,      -o-transform 0.5s 1s;
    transition:         opacity 1s,         transform 0.5s 1s;
}

.step-bored + .hint {
    opacity: 1;
    
    -webkit-transition: opacity 1s 5s, -webkit-transform 0.5s;
    -moz-transition:    opacity 1s 5s,    -moz-transform 0.5s;
    -ms-transition:     opacity 1s 5s,     -ms-transform 0.5s;
    -o-transition:      opacity 1s 5s,      -o-transform 0.5s;
    transition:         opacity 1s 5s,         transform 0.5s;
    
    -webkit-transform: translateY(0px);
    -moz-transform:    translateY(0px);
    -ms-transform:     translateY(0px);
    -o-transform:      translateY(0px);
    transform:         translateY(0px);
}

/* impress.js title */

#title {
    padding: 0;
}

#title .try {
    font-size: 64px;
    position: absolute;
    top: -0.5em;
    left: 1.5em;
    
    -webkit-transform: translateZ(20px);
    -moz-transform:    translateZ(20px);
    -ms-transform:     translateZ(20px);
    -o-transform:      translateZ(20px);
    transform:         translateZ(20px);
}

#title h4 {
    font-size: 100px !important;
    
    -webkit-transform: translateZ(50px);
    -moz-transform:    translateZ(50px);
    -ms-transform:     translateZ(50px);
    -o-transform:      translateZ(50px);
    transform:         translateZ(50px);
}

#title .footnote {
    font-size: 32px;
}

.on_top {
	z-index:9999;
}

.valign_middle {
	vertical-align:middle;
}

.subject-head h2 {
	text-align:center;
	font-size:50px !important;
	line-height:150px;
	height:100px;
	/*text-align:center;*/
}

.subject-head h3 {
	text-align:center;
	margin-top:10px;
	font-size:30px !important;
	color:#333;
	letter-spacing:3px;
	font-style:italic;
	/*text-indent:140px;*/
	/*text-align:center;*/
}

.subject-head>div {
	margin:0 auto;
	border-bottom:90px solid #ccc;
	width:720px;
	padding:0px 50px;
	padding-top:50px;

	overflow:hidden;
	height:200px;
}

.subject-content>div {
	position:relative;
	height:220px;
	padding:100px 0px 100px 0px;
	padding:0px;
	border-left:90px solid #ff3d3d;
	border-right:90px solid #ccc;
	padding:1px;
}

.subject-content.no_border {
    width:1000px;
}

.subject-content.no_border>div {
    border:0;
}

.animated_teaser.big .step {
    width:1000px;
    height:370px;
}

.animated_teaser.big .step>div {
    height:370px;
}

.impress-not-supported .step div {
	border-left-width:38px;
	border-right-width:38px;
	margin-top:-1px;
}

.step div {
}

.subject-content h2 {
	font-size:50px !important;
	line-height:110px;
	height:110px;
	/*text-align:center;*/
}

.subject-content h3 {
	margin-top:0px;
	font-size:40px !important;
	color:#333;
	letter-spacing:3px;
	font-style:italic;
	text-indent:20px;
	/*text-align:center;*/
}

.subject-content p {
	padding-top:5px;
	text-align:center;
	margin-top:0px;
	font-size:30px;
}

.subject-content.no_border p {
    padding:0;
}

.subject-content .big {
	margin:0px;
	width:510px;
}

.subject-content img.full_width {
    width:100% !important;
}

.subject-content .big:hover {
	/*margin-top:15px;*/
}

.schlagwort h2{
	position:absolute;
	top:50%;
	left:0;
	font-style:italic;
	width:100%;
	text-align:center;
}

.footer_bar {
	/*-webkit-transform:translate(0px, 356px);
	-moz-transform:translate(0px, 356px);
	-o-transform:translate(0px, 356px);
	transform:translate(0px, 356px);*/
	position:absolute;
	width:1600px;
	bottom:90px;
	background-size: 100%;
	background:url(img/shadow_down.png) repeat-x 0 0;
	border-top:1px solid #ccc;
	padding-top:20px;
}

.footer_bar img {
	height:70px;
	margin:0 6.8%;
	max-width:7.1%;
}


#big, #big_2nd, #big_3rd {
	height:800px;
	width:800px;
    text-align: center;
    font-size: 60px;
    line-height: 1;
	padding:75px;
	/*border:50px solid;*/
}

#big b, #big_2nd b, #big_3rd b {
    display: block;
    font-size: 250px;
    line-height: 250px;
}

#big_arrows {
	position:absolute;
	right:-335px;
	top:-0px;
}

#logo {
	text-align:center;
}

#logo img {
	width:80%;
}


#mathtechanwendungen_head {
	
}

#mathtechanwendungen_content {
	
}

#appentwicklung_content img.big {
	width:650px;
	margin-top:0px;
	/*-webkit-transform:translate(0px, -156px);
	-moz-transform:translate(0px, 356px);
	-o-transform:translate(0px, 356px);
	transform:translate(0px, 356px);*/
}

#projektplanung {
	/*border:35px solid;*/
	height:850px;
	width:850px;
	padding:60px;
}

#projektplanung img {
	width:100%;
}

#it_consulting>div {
	padding:50px;
	width:60%;
	margin:0 auto;
    -webkit-transform: rotate(-7deg);
}

#it_consulting>div>* {
	padding:50px;
    -webkit-transform: rotate(7deg);
}

#mathtechnanwendungen_content img.big {
	margin-top:-70px;
}

#logos_content img {
	height:70px;
	margin:15px 30px;
}

#netzwerkinfrastruktur_content img.big {
	margin-top:-70px;
}

#linuxunixserver_content img.big {
	width:600px;
	margin-top:-10px;
}

#osberatung_content img.big {
	width:650px;
	margin-top:-10px;
}

.step > .teaser_image {
	background:#fff url("/fileadmin/animated_teaser/pics/start.jpg") no-repeat center center;
}

.step .description {
    position:absolute;
    background-color:#fff;
    background-color:rgba(255,255,255,0.9);
    padding:10px 20px;
    box-shadow:0px 0px 10px #efefef;
}

.step .information {
    position:absolute;
    background-color:#151922;
    padding:10px 20px;
}

.random_init_step .step .description {
    display:none;
}

.step .description h2 {
    font-size:16px !important;
    height:auto !important;
    line-height:normal !important;
    font-weight:bold;
}

.step .description h3 {
    font-size:12px !important;
    height:auto !important;
    line-height:normal !important;
    margin:0;
    letter-spacing:0;
}

.step .information h2 {
    font-size:32px !important;
    font-weight:bold !important;
    color:#fff !important;
    line-height:35px;
    height:auto;
    font-family:Arial !important;
}

.step .information .dot {
    color:#f00 !important;
    font-size:45px;
}

.description.left {
    left:0;
}

.description.right {
    right:0;
}

.description.top {
    top:20%;
}

.description.bottom {
    bottom:20%;
}

.information.left {
    left:40px;
}

.information.right {
    right:40px;
}

.information.top {
    top:40px;
}

.information.bottom {
    bottom:40px;
}


.description.info_flag {
    border:1px solid #CFCFCF;
    opacity:0.95;
    background-color:#F0F0F0 !important;
    padding:5px 34px 5px 30px;
    box-shadow:8px 0px 3px #CCC;
    right:-3px;
    cursor:text;
    
    
    border:0;
    background:#efefef;
    border-right:8px solid #ccc;
    border-left:8px solid #ccc;
    box-shadow:none;
    right:auto;
}

.description.info_flag.left {
    left:35px;
}

.description.info_flag.right {
    right:35px;

}

.step .description.info_flag h2 {
    font-size:17px !important;
    line-height:25px !important;
}

.step .description.info_flag h3 {
    font-size:12px !important;
}

#embeddedsystems_content.text_and_image img.big {
    width:620px;}


#embeddedsystems_content.text_and_image > div {
    overflow:hidden;
}

#software_development_for_your_ideas_content .information {
    height:85px;
    width:430px;
    padding:20px;
}

.big #software_development_for_your_ideas_content .information {
    height:130px;
    width:430px;
    padding:20px;
}

#impossible_is_nothing_content .information {
    padding:0 30px 0 30px;
}

#we_make_it_yours_content .information {
    padding:0 30px 0 30px;
}

#supporting_your_business_content .information {
    bottom:70px;
}














/* tiny ideas */

#tiny {
    width: 500px;
    text-align: center;
}

#ing {
    width: 500px;
}

#ing b {
    display: inline-block;
    -webkit-transition: 0.5s;
    -moz-transition:    0.5s;
    -ms-transition:     0.5s;
    -o-transition:      0.5s;
    transition:         0.5s;
}

#ing.active .positioning {
    -webkit-transform: translateY(-10px);
    -moz-transform:    translateY(-10px);
    -ms-transform:     translateY(-10px);
    -o-transform:      translateY(-10px);
    transform:         translateY(-10px);

    -webkit-transition-delay: 1.5s;
    -moz-transition-delay:    1.5s;
    -ms-transition-delay:     1.5s;
    -o-transition-delay:      1.5s;
    transition-delay:         1.5s;
}

#ing.active .rotating {
    -webkit-transform: rotate(-10deg);
    -moz-transform:    rotate(-10deg);
    -ms-transform:     rotate(-10deg);
    -o-transform:      rotate(-10deg);
    transform:         rotate(-10deg);

    -webkit-transition-delay: 1.75s;
    -moz-transition-delay:    1.75s;
    -ms-transition-delay:     1.75s;
    -o-transition-delay:      1.75s;
    transition-delay:         1.75s;
}

#ing.active .scaling {
    -webkit-transform: scale(0.7);
    -moz-transform:    scale(0.7);
    -ms-transform:     scale(0.7);
    -o-transform:      scale(0.7);
    transform:         scale(0.7);

    -webkit-transition-delay: 2s;
    -moz-transition-delay:    2s;
    -ms-transition-delay:     2s;
    -o-transition-delay:      2s;
    transition-delay:         2s;

}

/* imagination */

#imagination {
    width: 600px;
}

#imagination .imagination {
    font-size: 78px;
}

/* use the source, Luke */

#source {
    width: 700px;
    padding-bottom: 300px;
    
    /* Yoda Icon :: Pixel Art from Star Wars http://www.pixeljoint.com/pixelart/1423.htm */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAEYCAMAAACwUBm+AAAAAXNSR0IArs4c6QAAAKtQTFRFsAAAvbWSLUUrLEQqY1s8UYJMqJ1vNTEgOiIdIzYhjIFVLhsXZ6lgSEIsP2U8JhcCVzMsSXZEgXdOO145XJdWOl03LzAYMk4vSXNExr+hwcuxRTs1Qmk+RW9Am49eFRANQz4pUoNMQWc+OSMDTz0wLBsCNVMxa2NBOyUDUoNNSnlEWo9VRGxAVzYFl6tXCggHbLNmMUIcHhwTXkk5f3VNRT8wUT8xAAAACQocRBWFFwAAAAF0Uk5TAEDm2GYAAAPCSURBVHja7d3JctNAFIZRMwRCCGEmzPM8z/D+T8bu/ptbXXJFdij5fMt2Wuo+2UgqxVmtttq5WVotLzBgwIABAwYMGDCn0qVqbo69psPqVpWx+1XG5iaavF8wYMCAAQMGDBgwi4DJ6Y6qkxB1HNlcN3a92gbR5P2CAQMGDBgwYMCAWSxMlrU+UY5yu2l9okfV4bAxUVbf7TJnAwMGDBgwYMCAAbMLMHeqbGR82Zy+VR1Ht81nVca6R+UdTLaU24Ruzd3qM/e4yjnAgAEDBgwYMGDA7AJMd1l/3NRdVGcj3eX/2WEhCmDGxnM7yqygu8XIPjJj8iN/MGDAgAEDBgwYMAuDGb8q0RGlLCHLv1t9qDKWn3vdNHVuEI6HPaxO9Jo3GDBgwIABAwYMmIXBdC9ShGgMk+XnkXUeuGcsP/e1+lhNnZsL/G5Vs3OAAQMGDBgwYMCAWSxMR3SzOmraG5atdy9wZKzb+vg16qyqe2FltbnAgAEDBgwYMGDALAxmTJSuN3WA76rnVca6GTnemGN1WoEBAwYMGDBgwIBZGMxUomy4+xO899V4LAg5Xnc2MGDAgAEDBgwYMGA218Wq+2K1LDqvY9xZu8zN8fICdM6btYABAwYMGDBgwIABMzfH0+pGU5afze2tXebmeAfVz+p8BQYMGDBgwIABAwbMPBzZ+oWmfJrln1273FhkbHzee9WWbw7AgAEDBgwYMGDALAKm43hcdctKgblcPamOhuXnXlY5Xs6bsW4FGyQCAwYMGDBgwIABswiYMceZKgvMo+h8mrHLTdn676rj+FEFoTtHd8MwOxEYMGDAgAEDBgyYRcBM5UhXqiymW3R3c9ARhWO/OmjqfjVZy+xEYMCAAQMGDBgwYBYG073OnCV0RFNhMhaOa9WfKmOB6XjHMN1tQmaAAQMGDBgwYMCA2VWY7vXjz1U4croAzgPztwIDBgwYMGDAgAEDZhswh035NBw59Dww3RgYMGDAgAEDBgwYMJuD6f4tXT7NUqfCdBvZLkxXdgQGDBgwYMCAAQNmt2DGj8WzwAfV/w7T/aq7mxwwYMCAAQMGDBgwuwqTOo7uTwTngflSzQ3TdaJvAwEDBgwYMGDAgAED5gSvgbyo5oHZ4Pc+gwEDBgwYMGDAgAEzhOm+5G0qTGaAAQMGDBgwYMCAAXNaMOcnls3tNwWm+zRzp54NDBgwYMCAAQMGDJh5YNL36k1TLuGvVq+qnKMbS5n7tulT9asCAwYMGDBgwIABA2ZumKuztLnjgQEDBgwYMGDAgNl5mH/4/ltKA6vBNAAAAABJRU5ErkJggg==);
    background-position: bottom right;
    background-repeat: no-repeat;
}

#source q {
    font-size: 60px;
}

/* it's in 3D */

#its-in-3d span,
#its-in-3d b {
    display: inline-block;
    -webkit-transform: translateZ(40px);
    -moz-transform:    translateZ(40px);
    -ms-transform:     translateZ(40px);
    -o-transform:      translateZ(40px);
     transform:        translateZ(40px);
            
    -webkit-transition: 0.5s;
    -moz-transition:    0.5s;
    -ms-transition:     0.5s;
    -o-transition:      0.5s;
    transition:         0.5s;
}

#its-in-3d .have {
    -webkit-transform: translateZ(-40px);
    -moz-transform:    translateZ(-40px);
    -ms-transform:     translateZ(-40px);
    -o-transform:      translateZ(-40px);
    transform:         translateZ(-40px);
}

#its-in-3d .you {
    -webkit-transform: translateZ(20px);
    -moz-transform:    translateZ(20px);
    -ms-transform:     translateZ(20px);
    -o-transform:      translateZ(20px);
    transform:         translateZ(20px);
}

#its-in-3d .noticed {
    -webkit-transform: translateZ(-40px);
    -moz-transform:    translateZ(-40px);
    -ms-transform:     translateZ(-40px);
    -o-transform:      translateZ(-40px);
    transform:         translateZ(-40px);
}

#its-in-3d .its {
    -webkit-transform: translateZ(60px);
    -moz-transform:    translateZ(60px);
    -ms-transform:     translateZ(60px);
    -o-transform:      translateZ(60px);
    transform:         translateZ(60px);
}

#its-in-3d .in {
    -webkit-transform: translateZ(-10px);
    -moz-transform:    translateZ(-10px);
    -ms-transform:     translateZ(-10px);
    -o-transform:      translateZ(-10px);
    transform:         translateZ(-10px);
}

#its-in-3d .footnote {
    font-size: 32px;

    -webkit-transform: translateZ(-10px);
    -moz-transform:    translateZ(-10px);
    -ms-transform:     translateZ(-10px);
    -o-transform:      translateZ(-10px);
    transform:         translateZ(-10px);
}

#its-in-3d.active span,
#its-in-3d.active b {
    -webkit-transform: translateZ(0px);
    -moz-transform:    translateZ(0px);
    -ms-transform:     translateZ(0px);
    -o-transform:      translateZ(0px);
    transform:         translateZ(0px);
    
    -webkit-transition-delay: 1s;
    -moz-transition-delay:    1s;
    -ms-transition-delay:     1s;
    -o-transition-delay:      1s;
    transition-delay:         1s;
}

/* overview step */

#overview {
    z-index: -1;
    padding: 0;
}

/* on overview step everything is visible */

#impress.step-overview .step {
    opacity: 1;
    cursor: pointer;
}

/*
 * SLIDE STEP STYLES
 *
 * inspired by: http://html5slides.googlecode.com/svn/trunk/styles.css
 *
 * ;)
 */

.slide {
    display: block;

    width: 900px;
    height: 700px;

    padding: 40px 60px;

    border-radius: 10px;

    background-color: white;

    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .3);

    font-family: 'Open Sans', Arial, sans-serif;

    color: rgb(102, 102, 102);
    text-shadow: 0 2px 2px rgba(0, 0, 0, .1);

    font-size: 30px;
    line-height: 36px;

    letter-spacing: -1px;
}

.slide q {
    display: block;
    font-size: 50px;
    line-height: 72px;

    margin-top: 100px;
}

.slide q strong {
    white-space: nowrap;
}


/* IMPRESS NOT SUPPORTED STYLES */

.fallback-message {
    font-family: sans-serif;
    line-height: 1.3;
    
    display: none;
    width: 780px;
    padding: 10px 10px 0;
    margin: 20px auto;

    border-radius: 10px;
    border: 1px solid #E4C652;
    background: #EEDC94;
}

.fallback-message p {
    margin-bottom: 10px;
}

.impress-not-supported .step {
    /*position: relative;
    opacity: 1;
    margin: 20px auto;*/
}

.impress-not-supported .fallback-message {
    /*display: block;*/
}


/*forms*/
.circle-outer {
	-moz-border-radius:50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.circle-inner {
	/*padding:9%;*/
	padding:50px;
	width:550px;
	height:550px;
	background:#fff;
	-moz-border-radius:50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.teaser_image h4+h2 {
	font-size:40px !important;
	height:40px;
	line-height:40px;
}

.teaser_image h4 {
	margin-top:10px;
	height:80px;
	line-height:80px;
}

.float_right {
	float:right;
}

.float_left {
	float:left;
}

.bg-blue {
	background-color:blue;
}

.bg-red {
	background-color:red;
}

.bg-black {
	background-color:#000;
}

.bg-grey {
	background-color:#ccc;
}

.bg-white {
	background-color:#fff;
}

.border-blue {
	border-color:blue !important;
}

.border-red {
	border-color:red !important;
}

.border-red-gradient {
	background-image: linear-gradient(bottom, rgb(255,61,61) 5%, rgb(255,125,125) 53%);
	background-image: -o-linear-gradient(bottom, rgb(255,61,61) 5%, rgb(255,125,125) 53%);
	background-image: -moz-linear-gradient(bottom, rgb(255,61,61) 5%, rgb(255,125,125) 53%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,61,61) 5%, rgb(255,125,125) 53%);
	background-image: -ms-linear-gradient(bottom, rgb(255,61,61) 5%, rgb(255,125,125) 53%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.05, rgb(255,61,61)),
		color-stop(0.53, rgb(255,125,125))
	);
}

.border-black {
	border-color:#000 !important;
}

.shadow_img_frame {
    background: url("img/shadow.png") no-repeat scroll transparent;
	background-size:100% 100%;
	padding:0px;
	width:520px;
	height:550px;
	margin:30px;
}

.center_text {
	text-align:center;
}