/**
2 Theme Name: the-lifesights-company
3 Theme URI: http://http://www.the-lifesights-company.com/
6 Author URI: http://www.itn-ol.de
7 **/


/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


.fettschrift { font-weight:bold !important;}

#mailpoet_form_1 .mailpoet_checkbox_label{ font-weight:100 !important;}


div.wpcf7 input[type="file"]
 {
	width:80%;
	background-color:#FFF;
	height:40px;
    border: none;
    text-align: center;
    text-decoration: none;
	text-align:left !important;
	font-size:.75em;
	margin-top:5px;
   
} 



.wpcf7-submit {
    background-color: #411d0b;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	padding-bottom:7px;
	padding-top:5px;
	padding-left:12px;
	padding-right:12px;
	color:#FFF;
border-radius: 0px;
    cursor: pointer;
} 

.div_form_jobs {
	width:100%;
	height:auto;
	}
	
.div_form_ueberschrift {
			width:100%;
	height:auto;
	float:left;
	background-color:#411d0b;
	padding-left:2%;
	padding-right:2%;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#FFF;
	font-size:1.2em;}
	
.div_form_auswahl_jobs {
		width:100%;
	height:auto;
	float:left;
	padding-left:2%;
	padding-right:2%;
	padding-top:30px;
	padding-bottom:10px;
	margin-bottom:10px;}
	
	.formname_auswahl_jobs {
    background-color: #ffffff;
    border: 0 solid #b31217;
    font-size: 1em;
    height: 40px;
    width: 100%;
	color:#4c575d;
	padding:5px;
	padding-left:10px;
	margin-bottom:10px;
		
	}
	
	.formname_jobs {
  
    border: 0 solid #b31217;
    font-size: 1em;
    height: 40px;
    width: 100%;
	color:#4c575d;
	padding:5px;
	padding-left:10px;
		margin-bottom:10px;
		
}
	
	.formname_drittel_jobs_1 {
		    background-color: #ffffff;
    border: 0 solid #b31217;
    font-size: 1em;
    height: 40px;
    width: 80%;
	color:#4c575d;
	padding:5px;
	padding-left:10px;
	margin-right:2%;
	margin-bottom:10px;
	float:left;
	
	}
	.formname_drittel_jobs_2 {
		    background-color: #ffffff;
    border: 0 solid #b31217;
    font-size: 1em;
    height: 40px;
    width: 200px;
	color:#4c575d;
	padding:5px;
	padding-left:10px;
	margin-right:0;
		margin-bottom:10px;
	float:left;
	
	}




 .mailpoet_text {
    background-color: #ffffff;
    border: 0 solid #b31217;
    font-size: 1em;
    height: 30px;
    width: 90% !important;
	max-width:500px;
	color:#010b10;
	padding:5px;
	padding-left:10px;
	margin-bottom:5px;
		margin-top:10px;
	border-radius: 0px;
}



.formname, .mailpoet_text {
    background-color: #ffffff;
    border: 0 solid #b31217;
    font-size: 1em;
    height: 30px;
    width: 99% !important;
	color:#010b10;
	padding:5px;
	padding-left:10px;
	margin-bottom:5px;
	border-radius: 0px;
}

.formfeld {
    background-color: #ffffff;
    border: 0 solid #b31217;
    font-size: 1em;
    height: 200px;
    width: 99%;
	color:#010b10;
	padding:5px;
	padding-left:10px;
	border-radius: 0px;
}

.formspam {
    background-color: #ffffff;
    border: 0 solid #b31217;
    font-size: 0em;
    height: 30px;
    width: 80px;
	color:#010b10;
	padding:5px;
	padding-left:10px;
	border-radius: 0px;
}






 #termine_beitraege { float:left; border-top: solid 2px #ffffff; padding-bottom:20px; width:100%;}
  .termine_beitraege_bild {  width:25%;  float:left; text-align:left; padding-top:40px; padding-bottom:15px;}
.termine_beitraege_bild img {width:80% !important; height:auto !important;  }
.termine_beitraege_inhalt {   width:75%; float:left;}


    #qtranslate-chooser {
list-style-type:none;
float:right;
    }
	
	ul#qtranslate-chooser {
		width:100% !important;
		}

 
#qtranslate-chooser  li {
list-style-type: none;
	text-align: right;
	margin-top:0px;
			 font-weight:100;
			 margin-left:0px;
         display: inline-block;
}

#qtranslate-chooser li a {color: #fba704;
 text-decoration: none;
display: table-cell;
 border-right: solid 1px #fba704;
vertical-align: middle;
padding-left:0px;
padding-right:7px;
left:0px;
padding-bottom:0px;
font-size:.8em;	 
	}

#qtranslate-chooser li:last-child a {color: #fba704;
            text-decoration: none;
           display: table-cell;
	 border-right: solid 0px #fba704;
vertical-align: middle;
padding-left:3px;
padding-right:0px;
left:0px;
padding-bottom:0px;		 
	}

#qtranslate-chooser li a:hover {color:#411d0b;}

#qtranslate-chooser li.active:last-child a {color:#411d0b !important;}
#qtranslate-chooser li.active:first-child a {color:#411d0b !important;}



.omsc-toggle-title:hover, .omsc-toggle.omsc-expanded .omsc-toggle-title {   background: rgba(0,0,0,0.0) !important;}
.omsc-toggle-title { color:#ffffff !important; font-size:1.1em;  font-weight:bold !important;
	position: relative;
cursor: pointer;
padding: 0.6em 1em 0.6em 2.4em;
color:#FFF !important;
background-color:##fba704 !important; border: 0px !important; border-bottom: 1px solid #ffffff !important;}

.omsc-toggle {background-color:#fba704 !important;}

.omsc-toggle .omsc-expanded .omsc-in-accordion {background-color:#fba704 !important; }
  .omsc-toggle { border: 0px solid #fba704 !important;  border-top: 1px solid #ffffff !important;}
  
   .omsc-expanded {background-color:#fba704  !important;}
   
   .omsc-toggle-inner {   padding: 0em 1em 0.6em 2.4em !important; }


#div_bildwechsler_gesamt {
	color:#FFF; 
float:left;
 left: -moz-calc(50% - 480px);
 left: calc(50% - 480px);
  left:  -webkit-calc(50% - 480px);
  left:  -o-calc(50% - 480px);
position:relative;
z-index:101;
  }

.bildwechsel { width:180px; height:179px; background:url("img/button.png"); background-position: top center; background-repeat:no-repeat; background-size: 180px 179px; text-align:center; float:left; padding-bottom:30px;}
.bildwechsel:hover {background:url("img/button_rollover.png") ; background-position: top center; background-repeat:no-repeat; background-size: 180px 179px;}

.bildwechsel a {width:100%; height:100%; display:block; text-decoration:none;}
.bildwechsel a span {display:block; width:100%}

.bildwechsel.eins { margin-right:80px;}
.bildwechsel.zwei { margin-right:80px; }
.bildwechsel.drei { margin-right:80px; }
.bildwechsel.vier { }




 h1 { color:#FFF;
 	  font-size:1.5em; 
 line-height:1.2em; 
	 font-weight:bold; 
	  text-transform: uppercase;
}


 #content_text.eingerueckt_zentriert   h1 {
	 color:#FFF;
	  font-size:2em; 
 line-height:1.2em; 
	 font-weight:bold; 
	  text-transform: uppercase;
}

 h2 {color:#FFF;
	 font-size:1.2em; 
 line-height:1.2em; 
	 font-weight:bold;
	 margin-top:40px;
	  text-transform: uppercase;
}


 #content_text.eingerueckt_zentriert h2 {
	 color:#FFF;
	 font-size:1.5em; 
 line-height:1.2em; 
	 font-weight:100; 
	  text-transform: uppercase;
}

 h4 {
	 font-size:1.1em; 
 line-height:1.2em; 
	 font-weight:100;
	 margin-bottom:0px;
	 padding-bottom:0px; 
	  text-transform: uppercase;
}




 body  {
 	margin:0;
	left:0;
text-align:left;
font-family: Verdana;
	font-size: 1em;
	color:#411d0b;
	text-decoration: none;
		line-height:1.5em;
		height: 100%;
	background-color:#ffffff;

}



  /*Site - NAV*/ 



#header_menue ul  {
	margin:0px;
	padding:0px;
	margin-top:7px;
	margin-left:0;
	}


#header_menue ul  {float:right;}


#header_menue ul li{
list-style-type: none;
         width: auto;
         padding-top: 0px;
		 padding-bottom:0px;
		text-transform: uppercase;
		 text-align: center;
			 font-size:.85em;
			 line-height:1em !important;
         display: inline-block;
}




#header_menue li a {color: #fba704;
            text-decoration: none;
            font-weight: 100;
			  	height:auto;
           display: table-cell;
		    border-right: solid 2px #fba704;
vertical-align: middle;
padding-left:12px;
		 padding-right:14px;
		 padding-bottom:4px;}


#header_menue li:last-child a {	 border-right: solid 0px #fba704;  padding-right:0px;}

#header_menue li a:hover {  color: #411d0b; }
	


 ul#menu-header li.current-menu-item a, ul#menu-header li.current-post-ancestor a, ul#menu-header li.current-page-ancestor  a {  color: #411d0b;  }
  

 
  /*Site - NAV-Footer*/ 

#footer_menue ul  {
	margin:0px;
	padding:0px;
	margin-top:7px;
	margin-left:0;
	}


#footer_menue ul  {float:right;}


#footer_menue ul li{
list-style-type: none;
         width: auto;
         padding-top: 0px;
		 padding-bottom:0px;
		text-transform: uppercase;
		 text-align: center;
			 font-size:.9em;
			 line-height:1em !important;
         display: inline-block;
}




#footer_menue li a {color: #fba704;
            text-decoration: none;
            font-weight: 100;
			  	height:auto;
           display: table-cell;
		    border-right: solid 2px #fba704;
vertical-align: middle;
padding-left:10px;
		 padding-right:12px;
		 padding-bottom:4px;}


#footer_menue li:last-child a {	 border-right: solid 0px #fba704;}

#footer_menue li a:hover {  color: #411d0b; }
	


 ul#menu-footer li.current-menu-item a, ul#menu-footer li.current-post-ancestor a, ul#menu-footer li.current-page-ancestor  a {  color: #411d0b;  }
  
 




 #container_div
 
{
	float:left;
   height:auto;
   text-align:center;
   width:100%;
   padding-top:0px;
       z-index:5;
		    } 
			


 
 	 #container_div.header_balken   {  background-color:#ffffff; }
 	 #container_div.div_gelb  { margin-top:100px; background-color:#fba704; } 
	 #container_div.div_footer {background-color:#FFF;}
	
	

 #container_div  a {color: #411d0b;}
 #container_div  a:hover {  color:#ffffff;}
  
 			
	
	
	#container_div_header
 {   position:fixed;
  height:100px;
  background-color:#ffffff;
   text-align:center;
   width:100%;
   padding-top:0px;
       z-index:499;
		    } 		
			
			
			  #container_center_menue
 
{

	 width: 100%;
	  max-width:2000px; 
		 margin-left: auto; 
	 margin-right:auto; 
	 margin-top:auto;  
	 text-align: center;
	 background-color:#FFF;
	 z-index:500;
 }
 
 

 
  #container_center_menue_bg
 {
	position:fixed;
float:left;
 overflow:hidden;
     width: 100%;
   height:100px;
   text-align:center;
   max-width:2000px;
   	  margin-left:0;
	  margin-right:0;
	 padding-bottom:0;
	 margin-top:0px;
	 background-color:#FFF;
			 z-index:501; 
 }	
  
   #logo
 {
	position:absolute;
	 overflow:hidden;
     width: 300px;
   height:auto;
   text-align:center;
   left: 5%;
   top:10px;
   padding:0px;
   margin:0px;
       z-index:1202;
 }
 
    #logo img {width:100%; height:auto; border:0;}
	#logo p { margin:0; padding:0;}
	
	
	
	  #Sprache_Header
 {
	position:relative;
	float:right;
 overflow:hidden;
     width: 60px;
   height:auto;
   text-align:right;
   right:5%;
   top:0px;
   padding:0px;
   margin:0px;
       z-index:401;

 }
	
		  #header_menue
 {
	position:relative;
	float:right;
 overflow:hidden;
     width: auto;
   height:auto;
   text-align:right;
   right:5%;
   top:55px;
   padding:0px;
   margin:0px;
       z-index:402;
 }
	
 
	   #container_bild_fixed  {  position:absolute;  float:left; z-index:2;}
      #container_bild_fixed p {  margin:0;  padding:0;}
	#container_bild_fixed img {	width:80% !important; height:auto !important;}
   
  .bild_rakete { bottom:-10px;  left:0px; width:17%; height:auto;}
  .bild_sterne { top:150px;  right:0px; width:17%; height:auto;}


  #container_center_content
 {	 width: 100%;
	 max-width:2000px; 
	 margin-left: auto; 
	 margin-right:auto; 
	 margin-top:auto;  
	 text-align: center;
     z-index:43; } 
	 
	 
 
  #container_center_content_bg
 {
	position:relative;
float:left;
 overflow:hidden;
     width: 100%;
   max-width:2000px;
   height:auto;
   text-align:left;
   	  margin-left:0;
	  margin-right:0;
	  margin-top:0px;
	 padding-bottom:0px;
			 z-index:44;  
 }
 
	
	   #content_text
 {
	float:left;
   height:auto;
   text-align:left;
   margin-left:12%;
   width:76%;
   max-width:1800px;
   min-height:0px;
   padding-top:4%;
   padding-bottom:2%;
       z-index:50;
	   font-size:1em;
	   line-height:1.4em;
 }
 
  #content_text.eingerueckt	{  margin-left:20%;   width:60%;  padding-top:2%; padding-bottom:2%;}
    #content_text.eingerueckt_mit_icon	{  margin-left: 0;   width:60%;  padding-top:70px; padding-bottom:2%;}
  #content_text.eingerueckt_zentriert { margin-left:20%; width:60%; text-align:center; padding-top:4%; padding-bottom:2%;}
  #content_text.eingerueckt_icons { margin-left:5%; width:90%; text-align:center !important; padding-top:0%; padding-bottom:0%;}  
 #content_text.text_footer	{   margin-bottom:0px;  margin-top:0px; padding-top: 1%; padding-bottom: 1%; margin-left:5%; width:90%; max-width:2000px; }
 
	  #content_text ul li { list-style-type: square; line-height:2em;}
 
 




#sic_hintergrund { margin-right:.5%; margin-top:10px; width:19.5%; height:179px;  text-align:center; float:left; }
#sic_hintergrund.wer {background:url("img/icon_wer.png");background-position: top right; background-repeat:no-repeat; background-size: 180px 179px;}
#sic_hintergrund.was {background:url("img/icon_was.png");background-position: top right; background-repeat:no-repeat; background-size: 180px 179px;}
#sic_hintergrund.referenzen {background:url("img/icon_referenzen.png");background-position: top right; background-repeat:no-repeat; background-size: 180px 179px;}
#sic_hintergrund.team {background:url("img/icon_team.png");background-position: top right; background-repeat:no-repeat; background-size: 180px 179px;}
#sic_hintergrund.kontakt {background:url("img/icon_kontakt.png");background-position: top right; background-repeat:no-repeat; background-size: 180px 179px;}


  #copyright {
		position:relative;
		float:left;
		margin-top:30px;
   height:auto
   width:auto;
   color:#411d0b;   
   font-size:.8em;
	     }	
		 
   #copyright p { margin:0; padding:0;}
   
   
     #footer_menue {
		position:relative;
		float:right;
   height:auto;
   width:auto;
   margin-top:12px;
   margin-right:50px;
	     }


#footer_icons
 {
		position:relative;
		float:right;
   height:auto;
   width:auto; 
	     }
		 
#footer_icons p{ margin:0; padding:0;}
#footer_icons img{ padding-left:6 px; padding-right:6px; border:0; width:55px !important; height:auto !important; float:left;}
 
 @media only screen and (max-width: 1200px) {
#div_bildwechsler_gesamt { 
 left: -moz-calc(50% - 400px);
 left: calc(50% - 400px);
  left:  -webkit-calc(50% - 400px);
  left:  -o-calc(50% - 400px);
  }

.bildwechsel.eins { margin-right:40px;}
.bildwechsel.zwei { margin-right:40px; }
.bildwechsel.drei { margin-right:40px; }
.bildwechsel.vier { }

}

 @media only screen and (max-width: 1100px) {
   #logo {width: 220px; top:23px; }
}



@media only screen and (max-width: 1000px) {
#div_bildwechsler_gesamt { 
 left: -moz-calc(50% - 360px);
 left: calc(50% - 360px);
  left:  -webkit-calc(50% - 360px);
  left:  -o-calc(50% - 360px);
  }

.bildwechsel.eins { margin-right:0px;}
.bildwechsel.zwei { margin-right:0px; }
.bildwechsel.drei { margin-right:0px; }
.bildwechsel.vier { }

  .bild_rakete { display:none;}
  .bild_sterne { display:none;}
  #sic_hintergrund { display:none;}
  
  
    #content_text.eingerueckt	{  margin-left:5%;   width:90%;}
  #content_text.eingerueckt_zentriert { margin-left:5%; width:90%;}
   #content_text.eingerueckt_mit_icon {  margin-left:5%;   width:90%;}


   #Sprache_Header { display:none;}
   #header_menue { display:none;}


}

@media only screen and (max-width: 820px) {
#div_bildwechsler_gesamt {
	width:420px;
 left: -moz-calc(50% - 210px);
 left: calc(50% - 210px);
  left:  -webkit-calc(50% - 210px);
  left:  -o-calc(50% - 210px);
  }

.bildwechsel.eins { margin-right:60px;}
.bildwechsel.zwei { margin-right:0px; }
.bildwechsel.drei { margin-right:60px; }
.bildwechsel.vier { }

}


@media only screen and (max-width: 700px) {
	  #footer_menue { display:none;}      
}	 



@media only screen and (max-width: 600px) {
    #content_text	{  margin-left:5%;   width:90%;  } 
	  #content_text.eingerueckt	{  margin-left:5%;   width:90%;  } 
	  
	  #footer_menue { display:none;}    
	  
	    .termine_beitraege_bild {width:100%;  float:left; text-align:center !important; padding-top:25px; padding-bottom:15px;}
.termine_beitraege_bild img {width:200px !important; height:auto !important; }
.termine_beitraege_inhalt {   width:100%; float:left;}  
}	 

 

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

@media only screen and (max-width: 500px) {
	#div_bildwechsler_gesamt { display:none;}
     #logo {width: 180px; top:25px; }   
}