/*
Theme Name: evesway
Theme URI: http://www.th3design.de
Description: evesway theme
Version: 1.0
Author: Nikolai Selders
Author URI: http://www.th3design.de
*/



*{
	margin:0;
	padding:0;
}




@font-face {
    font-family: 'UbuntuRegular';
    src: url('./font/Ubuntu-R-webfont.eot');
    src: url('./font/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/Ubuntu-R-webfont.woff') format('woff'),
         url('./font/Ubuntu-R-webfont.ttf') format('truetype'),
         url('./font/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuItalic';
    src: url('./font/Ubuntu-RI-webfont.eot');
    src: url('./font/Ubuntu-RI-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/Ubuntu-RI-webfont.woff') format('woff'),
         url('./font/Ubuntu-RI-webfont.ttf') format('truetype'),
         url('./font/Ubuntu-RI-webfont.svg#UbuntuItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuMedium';
    src: url('Ubuntu-M-webfont.eot');
    src: url('Ubuntu-M-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-M-webfont.woff') format('woff'),
         url('Ubuntu-M-webfont.ttf') format('truetype'),
         url('Ubuntu-M-webfont.svg#UbuntuMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBold';
    src: url('./font/Ubuntu-B-webfont.eot');
    src: url('./font/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/Ubuntu-B-webfont.woff') format('woff'),
         url('./font/Ubuntu-B-webfont.ttf') format('truetype'),
         url('./font/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


html{
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 50%, #d4d4d4 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,#ffffff), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 50%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 50%,#d4d4d4 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 50%,#d4d4d4 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffffff 50%,#d4d4d4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	height:100%;
  background-attachment:fixed;
}


.dark_bg{
  position: absolute;
  background: #444444;
  background: -moz-linear-gradient(top, #444444, #1e231c);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#1e231c));
  background: -webkit-linear-gradient(top, #444444, #1e231c);
  background: -o-linear-gradient(top, #444444, #1e231c);
  background: linear-gradient(to bottom, #444444, #1e231c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff1e231c', GradientType=0);

  height:100%;
  width:100%;
  top:0;
  background-attachment:fixed;
  display:none;
 /*z-index:30;*/
}



body{
	font: normal 14px/14px 'UbuntuRegular', Arial, sans-serif;
	line-height: 20px;
	color: #343434;
}



img {
	max-width: 100%;
	width: auto\9;
	height: auto;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}


.teaser{
	float:left;
}


.floatLeft{
  float:left;
  margin:0 10px 10px 0;
}

.floatRight{
  float:right;
  margin:0 0px 10px 0px;
  
}




/* ############# Wrapper ################ */

.wrapper{
  width: 980px;
  
}


.wrapper{
	margin: 45px auto;  /* Die 45px sind um den Fixierten NavBar aus zu gleichen*/
 	*zoom: 1;
}

/* für widescreen Monitore */
@media (min-width: 1200px) {
/*.wrapper{width: 1160px;}*/
}

/* für IPAD & Co */
@media (max-device-width: 1024px){
 /* .wrapper{width: 1020px;} */
}


.wrapper:after, .clear{
  clear: both;
}



/* ################### Grid ################# */


.wide4_1{
width:25%;
float:left;
}

.wide4_2{
  width:50%;
float:left;


}

.wide4_3{
  width:75%;
float:left;

}


.wide4_4{
  width:100%;
 /* margin:0 0 70px 0;*/
left:300px;

 
}







/* ################## Slide ################## */

#slide_all{
	width: 980px;
	height:345px;
	overflow: auto;
}

#slide{
	width:6970px;
	
}

#slide div{
	float:left;
	width:980px;	
  
}


/* für widescreen Monitore */
@media (min-width: 1200px) {
/*#slide_all{
	width: 1160px;
	height:350px;
	overflow: auto;
	
}

#slide div{
	float:left;
	width:1160px;
	
}

*/

}








#logo{
	position: relative;
	display: block;
	height:106px;
	width:446px;
	margin: 10px auto 70px auto;
	text-indent: -9999px;
    background: transparent url('./layout/evesway_logo.png') no-repeat;

}


#logo:after{
  clear: both;
}









/* ############## Layoutbasics ################ */
h1, h2, h3, h4, h5, h6 {
  margin: 10px 0;
  padding: 0 20px 0 20px;
  /*font: weight | size | family;*/
  line-height: 1em;
  text-rendering: optimizelegibility;
}

h1{
  font-size: 35px;
  font: normal 35px/35px 'UbuntuBold', Arial, sans-serif;
  color: #93ca28;
  letter-spacing:0.03em;

}

.subline{
	/*font: weight | size | family;*/
	font-size: 25px;
	font: normal 25px/20px 'UbuntuRegular', Arial, sans-serif;
	font: bold inherit inherit;
	line-height: 1em;
	text-rendering: optimizelegibility;
}



h2{
  font-size: 20px;
  font: normal 20px/20px 'UbuntuBold', Arial, sans-serif;
  color: #93ca28;
  letter-spacing:0.03em;
  margin:10px 0 30px 0;
}



p {
	font: normal 15px/15px 'UbuntuRegular', Arial, sans-serif;
  padding: 0 20px 1.2em 145px;
  line-height:1.5em;
  
}

ul{
  list-style-position:inside;
  list-style-image: url('./layout/check.png');
  margin:10px 0 30px 0;
}

.zitat{
	font: normal 18px/20px 'UbuntuItalic', Arial, sans-serif;
	font: bold inherit inherit;
	line-height: 1.5em;
	color: #93ca28;
	text-rendering: optimizelegibility;
}


.big{
  font: normal 63px Times, Verdana, serif;
}

.normal{
  font: normal 14px Times, Verdana, serif;
}

.einzug{
  padding:0 0px 0 145px;
}


.abstand{
	margin:0 0px 40px 0;
	
}




.polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}


#cta{
  margin:20px 0 0 300px;
}


#cta #cta_kontakt, #cta #cta_kompentenz{
  display:block;
  text-decoration:none;
  color:#93ca28;
  font: bold 15px/15px 'UbuntuMedium', Arial, sans-serif;
  height:70px;
  width:173px;  
  float:left;

}

#cta #cta_kontakt{
padding:19px 0 0 82px;
width:91px;
background: transparent url('./layout/cta_kontakt.png') no-repeat 0 0;
}

#cta #cta_kompentenz{
padding:19px 0 0 62px;
width:111px;
background: transparent url('./layout/cta_komp.png') no-repeat 0 0;
}





/* ######################### Timeline + Navi ###################### */


#bar{
	height:30px;
	width:100%;
	bottom:0;
	position: fixed;
	background: #444444;
	background: -moz-linear-gradient(top, #444444, #1e231c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#1e231c));
	background: -webkit-linear-gradient(top, #444444, #1e231c);
	background: -o-linear-gradient(top, #444444, #1e231c);
	background: linear-gradient(to bottom, #444444, #1e231c);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff1e231c', GradientType=0);


		box-shadow:  0px 0px 3px 0px #333333; 
	
}


#bar span{
	display: block;
	height:30px;
	width:780px;
	background: transparent url('./layout/timeline_sprite1.png') no-repeat 0 -155px;
	margin:0;
	float:left;
	
}



.barPart{
	display: block;
	float:left;
	/*background: #93ca28;*/
	width:130px;
	height:30px;
	text-align:center;
	text-indent:-9999px;
	
}




.tlbtn{
	background: transparent url('./layout/timeline_sprite1.png') no-repeat 0 -206px;
	display: block;
	float:left;
	/*background: #93ca28;*/
	width:35px;
	height:30px;
	text-indent:-9999px;
}



#start{
	background-position: 0px -217px;
}

#start:hover{
	background-position: 0px -248px;
}

#home{
	float:right;
	background-position: -35px -217px;
}

#home:hover{
	background-position: -35px -248px;
}

#references{
	float:right;
	background-position: -175px -217px;
}

#references:hover{
	background-position: -175px -248px;
}
#jobs{
	float:right;
	background-position: -210px -217px;
}

#jobs:hover{
	background-position: -210px -248px;
}





#fon{
	float:right;
	margin:0 10px 0 0;
	background-position: -70px -217px;
}

#fon:hover{
	background-position: -70px -248px;
}




/* ################### Tooltip #################### */

    a {
    position: relative;
    color:#a6afa0;
    }



    a[data-tooltip]:before {
    position: absolute;
    left: 20%;
    top: -45px;
    background: #444444;
    background: -moz-linear-gradient(top, #444444, #1e231c);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#1e231c));
    background: -webkit-linear-gradient(top, #444444, #1e231c);
    background: -o-linear-gradient(top, #444444, #1e231c);
    background: linear-gradient(to bottom, #444444, #1e231c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff1e231c', GradientType=0);
    color: #ffffff;
    height: 30px;
    /*width:100%;*/
    text-indent:0px;
    line-height: 32px;
    border-radius: 5px;
    padding: 3px 15px;

    content: attr(data-tooltip);
    white-space: nowrap;
    display: none;
    -webkit-box-shadow:  0px 0px 3px 0px #333333;
    -moz-box-shadow:  0px 0px 3px 0px #333333;
    box-shadow:  0px 0px 3px 0px #333333; 
    
    }


    a[data-tooltip]:after {
    position: absolute;
    left: 60%;
    top: -10px;
    border-top: 8px solid #1e231c;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
    content: "";
    display: none;
    }

    a[data-tooltip]:hover:after, a[data-tooltip]:hover:before {
    display: block;
    }



/* ------------- Tooltip Rechts ------------- */


    a[data-tooltipR]:before, div[data-tooltipR]:before {
    position: absolute;
    right: 20%;
    top: -45px;
    background: #444444;
    background: -moz-linear-gradient(top, #444444, #1e231c);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#1e231c));
    background: -webkit-linear-gradient(top, #444444, #1e231c);
    background: -o-linear-gradient(top, #444444, #1e231c);
    background: linear-gradient(to bottom, #444444, #1e231c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff1e231c', GradientType=0);
    color: #ffffff;
    height: 30px;
    /*width:100%;*/
    text-indent:0px;
    text-decoration:none;
    line-height: 32px;
    border-radius: 5px;
    padding: 3px 15px;

    content: attr(data-tooltipR);
    white-space: nowrap;
    display: none;
    -webkit-box-shadow:  0px 0px 3px 0px #333333;
    -moz-box-shadow:  0px 0px 3px 0px #333333;
    box-shadow:  0px 0px 3px 0px #333333; 
    
    }


a[data-tooltipR]:after, div[data-tooltipR]:after {
    position: absolute;
    right: 50%;
    top: -10px;
    border-top: 8px solid #1e231c;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    display: none;
 }

a[data-tooltipR]:hover:after, a[data-tooltipR]:hover:before , div[data-tooltipR]:hover:after, div[data-tooltipR]:hover:before{
  display: block;
}




/*  ######################### Pfeil ###################### */

#pfeil{
	width:60px;
	height:60px;
	background: transparent url('./layout/pfeil.png') no-repeat 0 0;
	position: absolute;
	right:0;
	top:80%;
	text-indent:-9999px;
	
}


#pfeil:hover{
	background-position: 0 -60px;
  cursor:pointer;
}


#close{
  width:60px;
  height:60px;
  background: transparent url('./layout/pfeil.png') no-repeat 0 -182px;
  position: absolute;
  right:0;
  top:80%;
  text-indent:-9999px;
  cursor:pointer;
  
}




    
/* ################### Formular CSS ################# */
#form{
  position: relative;
  margin:175px auto 0 auto;
  width:960px;
}
    

    
#form1 label{
  display: block;
  width:170px;
  float:left;
  line-height:1.4em;
  color:#93ca28;
  font: inherit 15px/15px 'UbuntuMedium', Arial, sans-serif;
      
}
    
#form1 input{
  width:280px;
  height:24px;
  margin:0 7px 7px 0;
  padding:0 5px;
  border: 1px solid #242424;
  -webkit-box-shadow: inset 1px 1px 2px 0px #93ca28;
  -moz-box-shadow: inset 1px 1px 2px 0px #93ca28;
  box-shadow: inset 1px 1px 2px 0px #93ca28; 
  color:#93ca28;
  font: inherit 15px/15px 'UbuntuMedium', Arial, sans-serif;
  
    
}

#form1 #senden{
  height:35px;
  color:#ffffff;
  width:290px;
}


#form1 .small{
  width:130px;
  height:24px;
  margin:0 7px 7px 0;
  padding:0 5px;
  border: 1px solid #242424;
    
}
    
    
#form1 textarea{
  width:280px;
  height:120px;
  margin:0 0 10px 0;
  border: 1px solid #242424;
  padding:0 5px;
  -webkit-box-shadow: inset 1px 1px 2px 0px #93ca28;
  -moz-box-shadow: inset 1px 1px 2px 0px #93ca28;
  box-shadow: inset 1px 1px 2px 0px #93ca28;
  color:#93ca28;
  font: inherit 15px/15px 'UbuntuMedium', Arial, sans-serif;
}
    
    
    
#anschrift{
  position: absolute;
  right:130px;
  width:260px;
  top:0px;
  color:#93ca28;
  font: inherit 15px/15px 'UbuntuMedium', Arial, sans-serif;
}


.small{
  font: normal 11px/11px 'UbuntuRegular', Arial, sans-serif;
}


































.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 14px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  *line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background: -moz-linear-gradient(top, #93ca38, #67AF23);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#93ca38), to(#67AF23));
  background: -webkit-linear-gradient(top, #93ca38, #67AF23);
  background: -o-linear-gradient(top, #93ca38, #67AF23);
  background: linear-gradient(to bottom, #93ca38, #67AF23);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff93ca38', endColorstr='#ff67AF23', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  text-decoration: none;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}
.btn:hover,.btn:active,.btn.active {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #68871B;
}

.btn:active, .btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}

.btn:hover {
  color: #ffffff;
  background-color: #93ca38;
  *background-color: #68871B;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 60px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}