/*-------------------style sheet metadata-------------------------------------------------------------------- */
/*------------------ author: VALERIA WIRSUM webgaroo webdesign studio www.webgaroo.de----------------------- */
/*-------------------projekt: e-ejet.eu 2. Version----------------------------------------------------------------------*/
/*-------------------date: 01.06.2020---------------------------------------------------------------------- */

/* reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;	border: 0;font-size: 100%;vertical-align: baseline;	font-family: inherit;font-weight: normal;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
/* me */ html {	overflow: scroll;margin-top: 0px;}
a:focus {outline: none; }
a {color: #666666;	text-decoration: none;}
/* ---------------end reset--------------------------------*/
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #e8ebf3;
	margin-top: 10px;
	color: #333333;
}
p {padding-bottom: 15px;}
a:link, a:visited {color: #ee6900;}
a:hover {color: #0732ab;}
img {max-width: 100%;	height: auto;	/*width: auto\9;/ /* ie8 */}
#top img {
	max-width:200px;
	float: left;
	margin: 0 110px 0 0;
}
#top, #container {
	max-width: 1200px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0px;
}
/*---------------------Phone---------------------------------------------------*/
#top  h5 {
	text-align: right;
	padding-bottom: 30px;
	color: #0732ab;
	background-image: url(../images/e-jet-sales-und-service-gmbh-tel.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 50px;
	padding-top: 30px;
	padding-right: 50px;
}
#slider {padding:0px 0 0 0; text-align: center;}

/*----------------- NAVIGATION ------------------------*/
#navigation  {
padding-top:45px;
	text-align: left;
}
#navigation li a:hover {color: #2884ac;}
.nav {z-index: 11;}
.nav li {line-height:60px; 	display: inline-block; padding-left: 20px; padding-right: 20px;}
.nav ul li a {
	text-transform: uppercase;
	color: #0732ab;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
}
.nav .current {display:none; height: 30px;} /*responsive*/
/*----------------- END NAVIGATION ------------------------*/
/*--------------------CONTENT---------------------------------------------------*/
#content {
	line-height: 30px;
	text-align: left;
	padding: 30px 0;
}
#content ul  {
	padding-bottom:16px;
}
#content ul li {
	background-image: url(../images/list.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left 5px;
}
/*--------------------FOOTER---------------------------------------------------*/
#footer  {
	padding: 40px 0;
	text-align:center;
	background-image: url(../images/3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#footer a {color: #fff;}
#footer a:hover {color: #ee6900;}
#footer li {
	display: inline;
	list-style-type: none;
	font-weight: bold;
	padding-right: 15px;
	padding-left: 15px;
}
/*-------------------BOXES-----------------------------------------------------*/
h1,  h2, h3  {
	font-size: 20px;
	/*padding: 20px 10px;*/
	font-weight: bold;
	line-height: 35px;
	text-transform: uppercase;
	color: #0732ab;
}
.box1, .box2 {display:inline-block; vertical-align:top;	width: 45%;	margin-right: 4%; text-align:center; }
.box1 img, .box2 img {padding-top: 20px;}
.box2 {margin-right: 0%;}
/*.box1 h2, .box2 h2 {
	font-size: 15px;
	font-weight: normal;
	text-transform: none;
	
	line-height: 30px;
}*/
/*-------------------IMPRESSUM DATENSCHUTZ-----------------------------------------------------*/
.box {
	background-color: #FFFFFF;
	max-width:1130px;
	padding-bottom: 40px;
	padding-top:40px;
	margin-bottom:30px;
	box-shadow: 5px 5px 20px silver;
	margin-top: 30px;
}
.box:hover {
	background-color: #c3cae6;
transition: background-color 2s ease;
}

.box h1, .box p, .box h2, .box h3, .box h4, .box ul {padding-left:100px; padding-right:100px;}
.box h1 {padding-top: 0px; padding-bottom: 15px;}
.box h2 {
	color:#ee6900;
	padding-top:0;
	padding-bottom: 15px;
}
 .box h3 {
	font-size: 17px;
	font-weight: bold;
	color: #0732ab;
	padding-top:0px;
	padding-bottom:15px;
	text-transform: none;
	line-height: 35px;
}

.box  h4{
	text-align: center;
	margin:5px 100px 25px 100px;
	padding: 10px 0;
	color: #fff;
	background-color: #ee6900;
	font-weight: bold;	
}
/*-----------------------404---------------------------*/
  h5{
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;	
}
  h6 {
	font-size: 60px;
	color: #ee6900;
	margin-bottom: 30px;
	font-weight: 300;
	line-height: 40px;
	padding-bottom: 40px;
	borde:solid 1p x#0732ab;
	text-align: center;
}
.tel {
	color: #ee6900;
	background-image: url(../images/e-jet-sales-und-service-gmbh-tel.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: left center;

}
@media screen and (min-width:980px) {
a.tel { pointer-events:none; cusor:default; color: #666666;}
}

@media screen and (max-width: 1250px) {
#slider {padding:0;}
#content p, #content ul, .box h2, .box h3 {padding-left: 20px; padding-right: 20px; line-height: 25px;}
#top { text-align:center;}
 h2,  h1, h3, h4, h5, h6 {
	font-size: 16px;
	line-height: 25px;	
}
h1,  .box h1 {padding: 0 20px 15px 20px;	}
h2 {padding: 0px 20px 10px 20px;}
#top  h5 {display:none;}
#top img {float: none;
	margin-right: 0px;
	margin-bottom: 10px;
	max-width: 200px;
}
.box1, .box2 {width: 100%;margin: 0%;}
.box1 img, .box2 img {padding-top: 0px; width:100%;}
.box {margin:5px 20px 20px 20px;}
.box  h4{
	text-align: center;
	padding:10px;
	margin:5px 20px 20px 20px;
}
#footer  {padding: 5px 0;}
#footer li {
	padding-left: 0px;
	display:block;
	line-height:35px;
}

/* RESPONSIVE NAVIGATION */ 

#navigation {padding-top: 0px;	background-image: none; text-align:center;}
#navigation li a:hover {color: #f7931e; } /*menu farbe*/
.nav ul {padding-bottom: 10px;}/*width: 97%; position: absolute; top: 120px;left: 10px;*/
.nav ul:hover {	background-color: #cfd6f0; transition: background-color 2s ease; /* menu farbe */  }
.nav li {display: none; /* hide all <li> items */padding-bottom: 10px; padding-left: 0px; padding-right: 0px; line-height:25px;}/*Responsive Navigation Button*/

.nav .current {	display: block; /* show only current <li> item */	/*background-image: url(../images/nav.png); background-repeat: no-repeat;*/}
.nav a {font-size:16px; color: #ffffff;	display: block;  text-align: center;}

/*RESPONSIVE BUTTON*/
.nav .current a {
	background: none; /*url(../images/nav.png); background-repeat: no-repeat;;*/
	color: #f7931e;
	font-size:18px;		
	padding-top:10px;
}
/* on nav hover */
.nav ul:hover {	background-image: ;	}
.nav ul:hover li {display: block; margin: 0 0 25px;}
.current img {width:30px; height:18px;}

.tel {background-image:none;}
}