/*-------------------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: ; }
a {color: #666666;	text-decoration: none;}
/* ---------------end reset--------------------------------*/
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #FFFFFF;
	margin-top: 10px;
	color: #333333;
}
p {padding-bottom: 15px;}
a:link, a:visited {
	color: #0732ab;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
a:hover {color: #0732ab;}
img {max-width: 100%;	height: auto;
}
#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;
}
#top{
	 padding-top: 20px;
}

/*---------------------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;
padding-bottom:20px;
	text-align: left;
}
#navigation li a:hover {color: #ff6600;}
.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: 50px 0;
	text-align:center;
	background-color: #224DC3;
}
#footer a {color: #fff;}
#footer a:hover {
	color: #CCCCCC;
}
#footer li {
	display: inline;
	list-style-type: none;
	font-weight: bold;
	padding-right: 15px;
	padding-left: 15px;
}
/*-------------------BOXES-----------------------------------------------------*/
h1,  h2, h3  {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	text-transform: uppercase;
	color: #0732ab;
}
h2, h3  {
	text-transform: none;
}
.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%;}

.box {
	background-color: #FFFFFF;
	max-width:1130px;
	padding-bottom: 20px;
	padding-top:20px;
	margin-bottom:30px;
	margin-top: 30px;
}

.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:#0732ab;
	padding-top:0;
	padding-bottom: 15px;
}

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

}
/*--------------------scip to content---------------------------------------------------*/
*:focus-visible {
  outline-color: currentColor;
  outline-style: solid;
  outline-offset: .25rem;
  outline-width: .25rem;
}
#skip a {
  left: -1000em;
  position: absolute;
}

#skip a:focus {
  background: white;
  color: black;
  left: 3em;
  outline: 2px solid #ff6600;
  padding: .4ex;
}
@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;
   padding-top: 0;}
 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; padding-bottom:0;	background-image: none; text-align:center; }
#navigation li a:hover {color: #ff6600; } /*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;}
}