body
    {
        background: #fff;
       font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
								background-image:url(../images/hin.gif);
								background-position:top;
								background-repeat:repeat;
								background-attachment:fixed;
					
    }
				.space{
					visibility:hidden;
	}
				body#fe-da{
					background-color:#FFF;
								background-image:url();
								background-position:top;
								background-repeat:repeat;
								background-attachment:fixed;
					}
								#fe-da  #home{
							padding:8% 0 8% 0;
					}
												#fe-da  #logo{
								padding:8% 0 0 0;
					}
				

/* start h1 group */
h1 { 
    margin-top: 0;
    margin-bottom: 25px; 
}
.white{
	color:white;
	text-transform:lowercase;
	}
	.lowercase{
		color:#f06300;
	text-transform:lowercase;
	}
h1,
h2,
h3,
h4
    {
        font-weight: bold;
    }
/* end h1 group */
p { line-height: 1.6em; }
/* img */
img
    {
        max-width: 100%;
        height: auto;
    }
/* img */

.bull{
	
	line-height: 24px;
	
	}
.overlay 
    {
       width: 100%;
       height: 100%;
						background: rgba(0, 124, 183, 0.1);
	       padding-top: 100px;
       padding-bottom: 100px;
    } 


/* start page container */
@media (min-width: 768px) {
  .container {
    width: 700px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1000px;
  }
}
/* end page container */

/* start preloader */
.preloader
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        /*justify-content: center;*/
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: none repeat scroll 0 0 #fff;
    }
.sk-spinner-rotating-plane.sk-spinner 
    {
         width: 30px;
        height: 30px;
        background-color: #28a7e9;
         margin: 0 auto;
        -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
                animation: sk-rotatePlane 1.2s infinite ease-in-out;
     }

@-webkit-keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/* end preloader */



/* start navigation */
.navbar-default
    {
        background: #fff;
        border: none;
        box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
        margin: 0!important;
								padding:10px 0 0 0;
    }
				
				/*------------------------------------------------------------------------TITEL--------------------------------------------------*/
.navbar-default .navbar-brand
    {
        color: #607da5;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;    
    }
.navbar-default .nav li a
    {
        color: #007cb7;
        font-size: 15px;
								font-weight:bold;
								text-transform:lowercase;	
															
															padding:0px 20px 10px 10px;
															/*---Mit allen Navi Links!
																padding:105px 20px 10px 10px;
															margin:0px 0px 0px 0px;*/
    }
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus,
.navbar-default .nav li a.current
    {
        color: #f06300;
    }

.navbar-default .navbar-toggle
    {
								width:108px;
								height:31px;
								background-image:url(../images/menu.png);
								background-position:center;
								background-repeat:no-repeat;
								margin:0px 6px -30px 0px;
    }
.navbar-default .navbar-toggle .icon-bar
    {
        background: #607da5;
        border-color: transparent;
    }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
								background-image:url(../images/menu-hover.png);
								background-position:center;
								background-repeat:no-repeat;
	 background-color: transparent ;
		}

/* end navigation */






/*------------------------------------------------------------start home ---------------------------------------------------------------------------*/   
   
#home
    {
				background: url('../images/home-bg.jpg') no-repeat;
 			background-size: cover;/*fullsize*/
    margin-top: 100px;
				padding:160px 0px 8% 0px;
    text-align: center;
    width: 100%;
    }
				#home a{
					color:white;
					text-decoration:none;
					}
								#home a:hover{
					color:orange;
					text-decoration:none;
					}
				#home .fa {
        background: #28a7e9;
       border-radius: 50%;
        color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 10px;
    }
				#home .fa:hover { 
	  background: white;
    color: #007bbb;
}
#home p
    {
		   /*color:#007bb9;*/
					color:white;
     font-weight: 450;
     line-height: 2em;
    }
		.teaser a{
			     font-weight: bold;
												color:white;
			margin:0px 30px 0px 10px;			
							text-decoration:none;
			}		
				.teaser a:hover{
					color:#f06300;
	}		
	.tm-blue {
		font-size:18px;
		font-style: italic;
		color:#007cb7;
		margin:0 0 35px 0;
}
.welcome{
				color:white;
								margin-bottom:60px;
	}
.tm-white a {
	color: #fff;
}
#home img
    {
       display: inline-block;
        margin-top: 30px;
    }
/* end home */

/* start home-white */
#home-white
    {
			/*	background: url('../images/home-bg.jpg') no-repeat;
 			background-size: cover;/*fullsize*/
    margin-top: 100px;
				padding:160px 0px 8% 0px;
    text-align: center;
    width: 100%;
    }
				#home-white a{
		   color:#007bb9;
					text-decoration:none;
					}
								#home-white a:hover{
					color:#f36300;
					text-decoration:none;
					}
#home-white p
    {
		   color:#007bb9;
     font-weight: 450;
     line-height: 2em;
    }
	.tm-blue {
		font-size:18px;
		font-style: italic;
		color:#007cb7;
		margin:0 0 35px 0;
}
#home-white .welcome{
		color:#007cb7;
								margin-bottom:60px;
	}
.tm-white a {
	color: #fff;
}
#home-white img
    {
       display: inline-block;
        margin-top: 30px;
    }
/* end home */



/* start ---------------------------------------------------------mike */
#mike
    {
			padding:200px 0 150px 80px;
						background-image:url(../images/light-white.png);
								background-position:top;
								background-repeat:repeat;
    }
	
#mike p
    {
					width:700px;
     padding: 10px 0px 0px 0px;
					margin:0px 0px 0px 0px;
					line-height:27px;
    }
				#mike img{
			margin:-30px 0px 0px 100px;
    }
#mike span
    {
        float: left;
    }
#mike .fa
    {
        background: #f06300;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 10px;
    }
/* end mike */




/* start ------------------------------------------------sync*/
#sync
    {
								 padding:190px 0 60px 0;
    }
#sync p
    {
        padding-top: 10px;
    }
#sync span
    {
        float: left;
    }
#sync .fa
    {
        background: #28a7e9;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 10px;
    }
/* end -----------------------------------------------sync */



/* start -------------more */
#more
    {
        padding-top: 170px;
        padding-bottom: 80px;
								background-image:url(../images/light-white.png);
								background-position:top;
								background-repeat:repeat;
    }
#more h2
    {
        padding-bottom: 20px;
    }
#more .btn
    {
        border-radius: 0px;
        font-weight: bold;
        margin-top: 20px;
        padding: 10px 40px 10px 40px;
    }
	#more img{  
 padding:50px 0 0px 0;
	 margin:0px 0 0px 0;
    }
/* end more */




/* start ------------------worx */
#worx
    {
        text-align: center;
        padding-top: 160px;
        padding-bottom: 80px;
    }
				#worx p{  
 padding:10px 0 0px 0;
    }	
#worx h2
    {
        padding: 0px 0px 50px 0px;
    }
				#worx h3{
				 padding: 60px 0px 40px 0px;
    }
				#worx .row
    {
        padding: 0px 0px 40px 0px;
    }
#worx .pricing
    {
        background: #fff;
    }
#worx .active
    {
        position: relative;
        bottom: 20px;
    }
#worx .pricing .pricing-title
    {
        background: #28a7e9;
        color: #fff;
        font-weight: bold;
        padding: 30px;
    }
#worx .pricing .pricing-title p
    {
        font-size: 20px;
    }
#worx .pricing ul
    {
        padding: 0;
        margin: 0;
    }
#worx .pricing ul li
    {
        display: block;
        list-style: none;
        padding: 16px;
    }
#worx .pricing .btn
    {
        background: transparent;
        border: 1px solid #28a7e9;
        border-radius: 0px;
        color: #28a7e9;
        font-weight: bold;
        padding-right: 40px;
        padding-left: 40px;
        margin-top: 20px;
        margin-bottom: 30px;
        transition: all 0.3s ease;
    }
#worx .pricing .btn:hover {
    background: #28a7e9;
    color: #fff;
}

#worx .fa
    {
        background: #4ea6d3;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin: 0px 10px 10px 10px;
								padding:0px;
    }			
.icon-pic{
	 margin: 0px 10px 10px 10px;
	}
/*-----------Infobox--------------Overlay Text------------WORX--------------*/
a.infobox:link, a.infobox:visited {
  text-decoration: none;
}
 
a.infobox:hover {
  border: none;
  text-decoration: none;
		color:#f36300;
} 
a.infobox span {
  visibility: hidden;
  position: absolute;
  text-decoration: none;
}
 
a.infobox:hover span {
	margin:-340px 0 0 -53%;
	width:321px;
visibility: visible;
}
 
a.infobox:hover span img {
  display: block;
  border: none;
}

/*----------------Tabelle mit allen worx----------*/
#worx-only{
	       font-family: 'Open Sans', sans-serif;
        font-weight: 300;
								margin:50px;
								color:#0c5e86;
								border:none;
	}
	#worx-only #top{
        font-weight: bold;
								margin:10px;
	}
	#worx-only td{
								padding:8px;
								border:1px dotted #007cb8;
								background-image:url(../images/light-white.png);
								background-position:center;
								background-repeat:repeat;
	}
/* end worx */



/* start contact */
#contact
    {
       /* background: url('../images/contact-bg.jpg') no-repeat;
        background-size: cover;*/
        color:#007cb7;
        padding:80px 0px 0px 0px;
    }
#contact h2
    {
        padding-bottom: 10px;
    }
#contact address
    {
        padding-top: 20px;
    }


	#contact address .fa
    {
        background: #4ea6d3;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-right: 10px;
    }
	#contact address .fa:hover { 
	  background: white;
    color: #007bbb;
}
	#contact address a:link
    {
					text-decoration:none;
    }
				#contact address a:hover{   
					text-decoration:none;
					color:#f06300;
    }
#contact .contact-form
    {
        padding-top: 174px;
    }
#contact .form-control
    {
        border: none;
        border-radius: 0px;
        box-shadow: none;
        margin-bottom: 20px;
    }
#contact input
    {
        height: 50px;
    }
#contact input[type="submit"]
    {
        background: #28a7e9;
        color: #fff;
        font-weight: bold;
        transition: all 0.3s ease;
    }
#contact input[type="submit"]:hover {
    background: #107DB6;
}
.map-holder {
	margin:20px 0px 0px 0px;
  background-color: white;
  border: 1px solid #d6d6d6;
}
/* end contact */

/* start footer */
footer
    {
        background: #fff;
        font-weight: 400;
        text-align: center;
        padding: 20px;
    }
/* end footer */



/*---------------------------------------------Fehler Seite-----------------*/
#home .contact-form    {
        padding: 50px 0px 0px 40px;
    }
#home .form-control
    {
        border: none;
        border-radius: 0px;
        box-shadow: none;
        margin-bottom: 20px;
    }
#home input
    {
        height: 50px;
    }
#home input[type="submit"]
    {
        background: #28a7e9;
        color: #fff;
        font-weight: bold;
        transition: all 0.3s ease;
    }
#home input[type="submit"]:hover {
    background: #107DB6;
}
/*---------------------------------------------Fehler Seite-----------------*/





@media screen and ( max-width: 1024px ) {
	.navbar-default .nav li a
    {
															/*---Mit allen Navi Links!
															padding:0px 20px 10px 10px;
															
																padding:105px 10px 10px 10px;
															margin:0px 0px 0px 0px;*/
    }
	
.teaser a{
			margin:0px 10px 0px 10px;			
			}
a.infobox:hover span {
	margin:-310px -1px 0 -53%;
	width:428px;
}
				#mike img{
			margin:-30px 0px 0px 150px;
    }
}



@media screen and ( max-width: 991px ) {
	.navbar-default .nav li a
    {
															/*---Mit allen Navi Links!
															padding:0px 20px 10px 10px;
															
																padding:105px 10px 10px 10px;
															margin:0px 0px 0px 0px;*/
    }
	
				#mike p{
     padding: 10px 0px 0px 0px;
					margin:0px 0px 0px 0px;
    }
    .worx {
        margin: 0px 0px 20px 0px;
    }
    #feature img, #download img, #mike img{
        margin: 30px 5px 0px 0px;
    }
				 #sync  {
        padding: 0px 0px 0px 0px;
    }
    #sync img {
        margin: 0px;
    }
						 #contact  {
        padding: 100px 0px 0px 0px;
    }
				a.infobox:hover span {
	margin:-330px -1px 0 -28%;
	width:321px;
}
		.space{
margin:100px 0px 0px 0px;
	}
}


@media screen and ( max-width: 767px ) {
	/* start home-white */
#home-white  {
padding:200px 0px 40px 0px;
    margin-top: -60px;
    }
/* end home-white */

	#home{
	padding:230px 0px 40px 0px;
	    margin-top: -60px;
	}
				.navbar-default .nav li a  {  
					  height: auto;
        line-height: 1.9em;
								
	padding:5px 10px 10px 15px;
	margin:0px 0px 0px 0px;
    }
    #contact .overlay {
        padding-top: 40px;
    }
	.navbar-default .navbar-brand{
					margin:0px 0 0px 0;
					padding:0 0 0 0;
					}
				.tm-blue {
		margin:-20px 0 35px 0;
}
	.teaser a{
			margin:0px 20px 0px 10px;			
			}
				#mike
    {
			padding:80px 0 150px 0px;
    }
				#mike p   {
					width:100%;
     padding: 10px 0px 0px 0px;
					margin:0px 0px 0px 0px;
    }
				
	#feature
    {
			padding:80px 0 150px 0px;
    }
									#worx {  
 padding:70px 0 0px 0;
    }		
											#worx p{  
 padding:0px 0 30px 0;
    }	
							#worx .row
    {
        padding: 0px 0px 30px 0px;
    }	
	a.infobox:hover span {
	margin:-320px -1px 0 -58%;
	width:321px;
}
	.space{
margin:100px 0px 0px 0px;
	}
												#sync{  
 padding:70px 0 0px 0;
	 margin:0px 0 -60px 0;
    }
									#sync img{  
 padding:140px 0 0px 0;
	 margin:-200px 0 100px 0;
    }
												#more{  
 padding:60px 0 0px 0;
	 margin:0px 0 0px 0;
    }

								#more a{  
	 padding:0px 0px 0px 0px;
		 margin:0px 0px 0px 55px;
    }
												#more img{ 
	 margin:10px 0 0px 0;
    }
				#home .contact-form    {
        padding:0px 0px 40px 0px;
    }
				
											#fe-da  #home{
							padding:200px 0 0 0;
					}
												#fe-da  #logo{
								padding:0 0 0 0;
					}
								#worx h3{
				 padding: 0px 0px 20px 0px;
					margin:-20px 0px 0px 0px;
    }
}
/* start media 360 */
@media screen and ( max-width: 360px ){
				#contact
    {
				padding-top:30px;
    }
    .worx
        {
									margin-top: 0px;
        padding: 0px 0px 40px 0px;
        }
}
/* end media 360 */