@charset "UTF-8";

html, body
{
color: rgb(0, 0, 0); 
background-color: rgb(255, 255, 255);
margin: 0px;
padding: 0px;
font-family: Arial;
background-image: url("../images/buro.jpg");
background-size: 100% 800px;
background-position: center bottom;
background-attachment: fixed;
}

h5 {
    font-size: medium;
}
h6 {
    font-size: small;
}

#header{
    position: fixed;
    background-color: #fff;
    top:0px; 
    z-index:40;
	width: 100%;
}
#logoTop {
    text-align: right; 
    position: relative;
    right:24%;
    padding-top: 8px;
    padding-bottom: 3px;
}
/* der filler ist dazu da, die gesamte seite unter dem fixen header nach 
 * unten zu schieben, so dass der content nicht vom header verdeckt wird */
#filler{
    width: 100%;
    height: 175px; 
    background-color: #db0713;
}

#table{ 
text-align: center;  
width:100%;
}
.anchor {
	display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

#contendpicture {
	z-index: 1;
	background-image: url("../images/buro.jpg");
	background-size: 100% 800px;
	height:600px;
}

#textinContPic {
	position: absolute;
	width: 100%;
	text-align: center;
	font-family: "BebasNeuewebfont";
    font-size: 48px;
    line-height: 1;
	z-index: 19;
}

#contendpicture2 {
	z-index: 1;
	background-image: url("../images/Konst.jpg");
	background-size: 100% 700px;
	height:500px;
	color: #222222;
}
#textinContPic2 {
	position: absolute;
	width: 100%;
	text-align: center;
	font-family: "BebasNeuewebfont";
    font-size: 48px;
    line-height: 1;
	z-index: 19;
	padding-top: 200px;
}

#timeline {
	position: absolute;
	width: 200px;
	height:500px;
	margin-left:180px;
	/*background-color: #C9C9E3;*/
	background-image: url("../images/timeline.gif");
	z-index: 1;
	
}

#contendpicture3 {
	z-index: 1;
	background-image: url("../images/secureservice.JPG");
	background-size: 100% 800px;
	height:600px;
	color: #222222;
}
#textinContPic3 {
	position: absolute;
	width: 100%;
	text-align: center;
	font-family: "BebasNeuewebfont";
    font-size: 48px;
    line-height: 1;
	z-index: 19;
	padding-top: 200px;
}

#contendpicture4 {
	z-index: 1;
	background-image: url("../images/Proactive.JPG");
	background-size: 100% 800px;
	height:600px;
	color: #222222;
}
#textinContPic4 {
	position: absolute;
	width: 100%;
	text-align: center;
	font-family: "BebasNeuewebfont";
    font-size: 48px;
    line-height: 1;
	z-index: 19;
	padding-top: 200px;
}

#contendpicture5 {
	height:600px;
}

#content{
    padding-bottom:2%;
    width: 100%;
	z-index: 20;
	position:absolute;
}

#menuehomeres{
    visibility: hidden;
    height: 0px;
    width: 100%;
    background-color: #faf3f5;
    padding-top:0%;
    padding-bottom:0%;
	opacity: 0.95;
	
}
#menuehomeres img{
    margin-left:25%;
    margin-right:25%;
    width: 50%; 
}

#menuelabel img{
    margin: 0px;
    width: 220px; 
    margin-right: 20px;
    vertical-align: middle;
    
}
#menuelabel {
    padding: 2px;
    text-align: right;
}

#footer{
width: 100%;
font-family: Arial; 
background-color: #1A1A1A;
opacity: 0.9;
}

#tabellefoot{
    margin-left: 32%;
    margin-right: 10%; 
    color: #808080;
	font-size:0.8em;	
}

#tabellefoot li{
    height:20px;
}
#tabellefoot h3{
    margin-bottom:0px;
	margin-top:5px;
	color: #CCCCCC;
}
#tabellefoot ul{
    margin-bottom:5px;
	margin-top:5px;
}

#footer2{
width: 100%;
background-color: #222222;
height:30px;
opacity: 0.9;   
}

.text:hover {
    text-shadow: 0px 0 22px #DC0712;
}
.text {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.bild:hover {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
    box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
}
.bild {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(209,213,211, .75);
    box-shadow: 0px 0px 15px 5px rgba(209,213,211, .75);
	/*Abgerundetet Ecken*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/*Abgerundetet Ecken*/
}

 /* Subpages */

 #content2{
	background-color: rgb(255, 255, 255);
    padding-top: 2%;
    padding-bottom:2%;
    width: 100%;
	z-index: 30;
}
 
 #innerContent{
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    padding-top: 20px;
    padding-left: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #0088C2;
	line-height: 1.6;
	min-height: 350px;
	
}

#innerContent_galerie{
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding-top: 20px;
    padding-left: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #0088C2;
	line-height: 1.6;
	min-height: 250px;
}

#innerContent_2Colums ul{
	padding: 0px;
}

#innerContent_2Colums .span_1_of_2{
	width: 67%;
}

#innerContent_2Colums .span_1_of_2 img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: -3px 3px 5px 0px rgba(105,103,105,0.4);
	-moz-box-shadow: -3px 3px 5px 0px rgba(105,103,105,0.4);
	box-shadow: -3px 3px 5px 0px rgba(105,103,105,0.4);
}

#innerContent_2Colums .span_2_of_2{
	width: 30%;
}

#innerContent_2Colums .span_2_of_2 li{
	list-style:none;
	margin:2px; padding:0;
  background:url(../check.png) no-repeat 0 0;
  padding: 0 0 0 40px;
  background-color: #e3edf2;
  -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#spalte2 {
   text-align: left; 
   vertical-align: middle;
   width:35%;
   padding-left: 8px; 
}

.GalerieBilderContainerLinks {
    position:relative;
    height: 180px;
    width: 220px;
    /* background-color: #008e39; */
    -webkit-border-radius: 30px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-topleft: 0;
    border-radius: 30px;
    border-top-left-radius: 0;
    border-style: solid;
    border-width: 3px;
    border-color: #000000;
    overflow: hidden;
    text-align: center;
    float: left;
    margin-right: 5%;
	margin-bottom: 5%;
}
.GalerieBilderContainerLinks img {
    height: 100%;
}
.GalerieBilderContainerLinks .textbox {
	
    width:220px;
    height:180px;
    position:absolute;
    top:0;
    left:0;
    /* box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75); */
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-border-radius: 30px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-topleft: 0;
    border-radius: 30px;
    border-top-left-radius: 0;
    background-color: rgba(0,0,0,0.25); 
    -webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
    
    overflow: hidden;
}
.GalerieBilderContainerLinks:hover {
    transition: all 0.4s ease-in-out 0s;
    background-color: #969696;
}
.GalerieBilderContainerLinks:hover .textbox {
    -webkit-transform: scale(1);
    transform: scale(1);
    
}

.GalerieBilderContainerRechts {
    position:relative;
    height: 180px;
    width: 220px;
    /* background-color: #008e39; */
    -webkit-border-radius: 30px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-topright: 0;
    border-radius: 30px;
    border-top-right-radius: 0;
    border-style: solid;
    border-width: 3px;
    border-color: #000000;
    overflow: hidden;
    text-align: center;
    float: left;
    margin-right: 5%;
	margin-bottom: 5%;
}
.GalerieBilderContainerRechts img{
    height: 100%;
}
.GalerieBilderContainerRechts .textbox {
	
    width:220px;
    height:180px;
    position:absolute;
    top:0;
    left:0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-border-radius: 30px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-topright: 0;
    border-radius: 30px;
    border-top-right-radius: 0;
    background-color: rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
    /* box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75); */
    overflow: hidden;
}
.GalerieBilderContainerRechts:hover {
    transition: all 0.4s ease-in-out 0s;
    background-color: #969696;
}
.GalerieBilderContainerRechts:hover .textbox {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.text {
    color: #000000;
}
.textbox {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}



/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0% 0 0% 1%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.group_cad:before,
.group_cad:after { content:""; display:table; }
.group_cad:after { clear:both;}
.group_cad{
	
zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 40%;
}
.span_1_of_2_galerie {
	width: 40%;
	padding-left: 7%;
}

/*  GRID OF THREE  */
.span_3_of_3 { 
	width: 100%; 
}
.span_2_of_3 { 
	width: 62%; 
}
.span_1_of_3 { 
	width: 31%; 
}


/*
			 * X3DOM JavaScript Library
			 * http://www.x3dom.org
			 *
			 * (C)2009 Fraunhofer IGD, Darmstadt, Germany
			 * Dual licensed under the MIT and GPL
			 *
			 * Based on code originally provided by
			 * Philip Taylor: http://philip.html5.org
			 */
              /* Button feld */
             #but {
			  margin: 0;
			  padding: 0;
              height: 60px;
    		  border:1px solid #0078C7;
              background: rgba(80,81,247,0.05);
			  margin-top: 0px;
              margin-left:  3%;
			  margin-right: 5%;
			  width: 90%;
			  padding-left: 1px;
			  text-align: center;
			  -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              border-radius: 4px;
			}

             /* 3D Viewport */
			X3D, x3d {
			  position:relative;    /* in order to be able to position stat-div within X3D */
			  float:left;           /* float the element so it has the same size like the canvas */
			  cursor:pointer;
			  margin: 0;
			  padding: 0;
			  width: 90%;
              height: 300px;
    		  border:2px solid #0078C7;
              background: rgba(80,81,247,0.1);
			  margin-top: 3px;
              margin-left: 3%;
			  margin-right: 5%;
			  -webkit-border-radius: 4px;
              -moz-border-radius: 4px;
              border-radius: 4px; 
			}

			object {
				margin: 0;
				padding: 0;
				border: none;
				z-index: 0;
			  width:100%;
			  height:100%;
			  float:left;
			}

			X3D:hover, 
			x3d:hover, 
			.x3dom-canvas:hover {
			  -webkit-user-select: none;
			  -webkit-touch-callout: none;
			}

			.x3dom-canvas {
			  border:none;
			  cursor:pointer;
			  cursor:-webkit-grab;
			  cursor:grab;
			  width:100%;
			  height:100%;
			  float:left;
			}

			.x3dom-canvas-mousedown {
			  cursor:-webkit-grabbing;
			  cursor:grabbing;
			}

			.x3dom-canvas:focus {
				outline:none; 
			}
			.x3dom-progress {
				margin: 0;
				padding: 6px 8px 0px 26px;
				left: 0px;
				top: 0px;
				position: absolute;
				color: #0f0;
				font-family: Helvetica, sans-serif;
				line-height:10px;
				font-size: 10px;
				min-width: 45px;
				min-height: 20px;
				border: 0px;
				background-position: 4px 4px;
				background-repeat: no-repeat;
				background-color: #333;
				background-color: rgba(51, 51, 51, 0.9);
				z-index: 100;
				background-image: url('data:image/gif;base64,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');
			}

			.x3dom-progress.bar span {
			  position: absolute;
			  left: 0;
			  top: 0;
			  line-height: 20px;
			  background-color: red;
			}


			.x3dom-statdiv {
				margin: 0;
				padding: 0;
				right: 10px;
				top: 10px;
				position: absolute;
				color: #0f0;
				font-family: Helvetica, sans-serif;
				line-height:10px;
				font-size: 10px;
				width: 75px;
				height: 70px;
				border: 0px;
			}

			#x3dom-state-canvas {
				margin: 2px;
				padding: 0;
				right: 0%;
				top: 0%;
				position: absolute;
			}

			#x3dom-state-viewer {
			  position: absolute;
			  margin: 2px;
			  padding: 5px;
			  width: 135px;
			  top: 0%;
			  right: 0%;
			  opacity: 0.9;
			  background-color: #323232;
			  z-index: 1000;
			  font-family: Arial, sans-serif;
			  color: #C8C8C8;
			  font-weight: bold;
			  text-transform: uppercase;
			  cursor: help;
			}

			.x3dom-states-head {
			  display: block;
			  font-size: 26px;
			}

			.x3dom-states-rendermode-software {
				font-size: 10px;
				margin: 0 0 2px 2px;
			}

			.x3dom-states-rendermode-hardware {
				font-size: 10px;
				margin: 0 0 2px 2px;
			}

			.x3dom-states-head2 {
			  font-size: 10px;
			}

			.x3dom-states-list {
			  float: left;
			  width: 100%;
			  border-top: 1px solid #C8C8C8;
			  list-style: none;
			  font-size: 9px;
			  line-height: 16px;
			  margin:0;
			  padding: 0;
			  padding-top: 2px;
			}

			.x3dom-states-item  {
			  width: 100%;
			  float: left;
			}

			.x3dom-states-item-title {
			  float: left;
			  margin-left: 2px;
			}

			.x3dom-states-item-value {
			  float: right;
			  margin-right: 2px;
			}

			.x3dom-touch-marker {
				display: inline;
				padding: 5px;
				border-radius: 10px;
				position: absolute;
				font-family: Helvetica, sans-serif;
				line-height:10px;
				font-size: 10px;
				color: darkorange;
				background: cornsilk;
				opacity: 0.6;
				border: 2px solid orange;
				z-index: 200;
			}

			.x3dom-logContainer {
				border: 2px solid olivedrab;
				height: 200px;
				padding: 4px;
				overflow: auto;
				white-space: pre-wrap;
				font-family: sans-serif;
				font-size: x-small;
				color: #00ff00;
				background-color: black;
				margin-right: 10px;
			}

			.x3dom-nox3d {
				font-family: Helvetica, sans-serif;
				font-size: 14px;
				background-color: #eb7a7a;
				padding: 1em;
				opacity: 0.75;
			}

			.x3dom-nox3d p { 
				color: #fff;
				font-size: 14px;
			}

			.x3dom-nox3d a { 
				color: #fff;
				font-size: 14px;
			}


			/* self-clearing floats */
			.group:after {
			  content: "."; 
			  display: block; 
			  height: 0; 
			  clear: both; 
			  visibility: hidden;
			}
			
			#3dview{
			
			margin-top: 50px;
            margin-left: 100px;
			height: 500px;
            width: 500px;
			
			background-color: #FF0000;
			}
			
			/* ----------------- */
			/* Button Style */
			/* ----------------- */
			
			
			button {
				font-family: Helvetica;
				font-weight: bold;
				font-size: 100%;
				-webkit-appearance:none;
				border: 0;
				padding-left: 16px;
				padding-right: 16px;
				padding-bottom: 8px;
				padding-top: 8px;
				margin: 10px;
				background-color: #0044cc;
				color: #fff;
					border-radius: 9px;
				box-shadow: 0 1px 2px rgba(0,0,0,0.3);
				text-shadow: 0 -1px 2px rgba(0,0,0,0.3);
				background-color: #0044cc;
				background-image: -moz-linear-gradient(top,
					rgba(255,255,255,0.6) 0%,
					rgba(255,255,255,0.3) 50%,
					rgba(255,255,255,0) 51%,
					rgba(255,255,255,0.2) 100%);
					);
				background-image: -webkit-linear-gradient(top,
					rgba(255,255,255,0.6) 0%,
					rgba(255,255,255,0.3) 50%,
					rgba(255,255,255,0) 51%,
					rgba(255,255,255,0.2) 100%);
					);
				background-image: -ms-linear-gradient(top,
					rgba(255,255,255,0.6) 0%,
					rgba(255,255,255,0.3) 50%,
					rgba(255,255,255,0) 51%,
					rgba(255,255,255,0.2) 100%);
					);
				background-image: -o-linear-gradient(top,
					rgba(255,255,255,0.6) 0%,
					rgba(255,255,255,0.3) 50%,
					rgba(255,255,255,0) 51%,
					rgba(255,255,255,0.2) 100%);
					);
				background-image: linear-gradient(top,
					rgba(255,255,255,0.6) 0%,
					rgba(255,255,255,0.3) 50%,
					rgba(255,255,255,0) 51%,
					rgba(255,255,255,0.2) 100%);
					);
			}
			button:hover {
			    cursor: pointer;
                cursor: hand;
				font-family: Helvetica;
				font-weight: bold;
				font-size: 100%;
				-webkit-appearance:none;
				border: 0;
				padding-left: 16px;
				padding-right: 16px;
				padding-bottom: 8px;
				padding-top: 8px;
				margin: 10px;
				background-color: #1760F3;
				color: #fff;
					border-radius: 9px;
				box-shadow: 0 1px 2px rgba(0,0,0,0.3);
				text-shadow: 0 -1px 2px rgba(0,0,0,0.3);
				background-color: #1760F3;
				background-image: -moz-linear-gradient(top,
					rgba(255,255,255,0.6) 0%,
					rgba(255,255,255,0.3) 50%,
					rgba(255,255,255,0) 51%,
					rgba(255,255,255,0.2) 100%);
					);
				background-image: -webkit-linear-gradient(top,
					rgba(255,255,255,0.6) 0%,
					rgba(255,255,255,0.3) 50%,
					rgba(255,255,255,0) 51%,
					rgba(255,255,255,0.2) 100%);
					);
				background-image: -ms-linear-gradient(top,
					rgba(255,255,255,0.6) 0%,
					rgba(255,255,255,0.3) 50%,
					rgba(255,255,255,0) 51%,
					rgba(255,255,255,0.2) 100%);
					);
				background-image: -o-linear-gradient(top,
					rgba(255,255,255,0.6) 0%,
					rgba(255,255,255,0.3) 50%,
					rgba(255,255,255,0) 51%,
					rgba(255,255,255,0.2) 100%);
					);
				background-image: linear-gradient(top,
					rgba(255,255,255,0.6) 0%,
					rgba(255,255,255,0.3) 50%,
					rgba(255,255,255,0) 51%,
					rgba(255,255,255,0.2) 100%);
					);
			}
			
			
			
			/* ----------------- */
			/* Responsive Style */
			/* ----------------- */
			
			@media (max-width: 750px){
			
			#but {	  
			  height: 60px;
              width: 90%;	
              margin-left: 5%;
			  margin-right: 5%;		  
			}
			
			X3D, x3d {
              height: 250px;
			  width: 90%;	
              margin-left: 5%;
			  margin-right: 5%;
			}
			
			}




/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */




@media screen and (max-width: 1100px) {
#tabellefoot{
    margin-left: 25%;	
}

.span_1_of_2 {
    width: 45%;
}

}

@media screen and (max-width: 900px) {
	
	#innerContent{
    width: 90%;
}

#spalte2 {
   width:45%;
}

#innerContent_2Colums .span_1_of_2{
	width: 95%;
}

#innerContent_2Colums .span_2_of_2{
	width: 60%;
	margin-left: 20%;
}
	
.col { 
	margin: 1% 0 1% 0%;
}
.span_2_of_2, .span_1_of_2 {
    width: 100%;
}
.span_3_of_3, .span_2_of_3, .span_1_of_3 { 
	width: 95%; 
}

#tabellefoot{
    margin-left: 35%;
}

#content{
    visibility: hidden;
    height: 0px;
    padding-bottom: 0%;
    padding-top: 0%;
}

#menuehomeres{
    visibility: visible;
    height:auto;
    min-height:30px;
    height:auto !important;        /* for IE as it does not support min-height  */
    height:30px;
    padding-top:2%;
    padding-bottom:5%;
}
#tabellefoot.span_1_of_2 {
    width: 92%;
}
.span_1_of_2_galerie {
    padding-left: 25%;
    width: 50%;
}

}




@media screen and (max-width: 490px) {

#menuehomeres img{
    margin-left:10%;
    margin-right:10%;
    width: 80%;
}
#menuelabel img{
    margin: 0px;
    width: 220px;
    margin-right: 20px;
    vertical-align: middle;
}
#menuelabel {
    padding: 2px;
    text-align: right;
}

#tabellefoot{
    margin-left: 10%;
    
}
#innerContent_2Colums .span_2_of_2 {
	width: 70%;
	margin-left: 10%;
}

.span_1_of_2_galerie {
    padding-left: 10%;
}

#timeline {
	visibility: hidden;
	margin-left:5px;	
}

#logoTop {
    right: 6%;
}

#contendpicture {   
    background-size: 100% auto;
    height: 170px;  	
}
#contendpicture2 {	
	background-size: 100% auto;
	height:250px;
	visibility: hidden;	
}
#textinContPic2 {
	padding-top: 70px;
	visibility: visible;
}
#contendpicture3 {	
	background-size: 100% auto;
	height:250px;
	visibility: hidden;	
}
#textinContPic3 {
	padding-top: 70px;
	visibility: visible;
}
#contendpicture4 {	
	background-size: 100% auto;
	height:250px;
	visibility: hidden;	
}
#textinContPic4 {
	padding-top: 40px;
	visibility: visible;
}
#contendpicture5 {	
	background-size: 100% auto;
	height:300px;
	visibility: hidden;	
}


html, body {
	background-image: none;
    background-size: 1000px 640px;
}



}