html{
	padding-top: 25px;
	padding-bottom:  25px;
	background-color: #ccbbbb;
}

body{
	width: 1200px;
	padding: 20px;
	margin: 0 auto;
	box-shadow: 0px 10px 40px 10px rgba(0,0,0,.5);
	color:#000000;
	background-color: #F5F4EB;
}

body:after {
	margin-left: 450px;
    content:"\00a9  Copyright 2019 by Kiesl Elektronik GmbH";
}

h1{
	line-height:14px;
}

h2{
	line-height:  8px;
}

p{
	font-family: "Palatino Linotype", Baskerville, serif;
	color: #000000;
	line-height: 150%;
	margin-top: 10px;
	margin-left: 80px;
}

img{border: none;}


a{text-decoration:none;}



a:link{color: #F60;}
a:visited{color: #F60;}
a:active{color: #F60;}


a.secret:link{color: #000;}
a.secret:visited{color: #000;}
a.secret:active{color: #000;}





.intro{

}

hr.divide{
	color: #000000;
	height:  5px;
    background-color: #aaaaaa;
	box-shadow: 2px 2px 2px rgba(0,0,0,.2);
	margin-bottom:  60px;
	margin-top:    50px;
}
hr.hrspecial{
	color: #000000;
	height:  5px;
    background-color: #ff0000;
	box-shadow: 2px 2px 2px rgba(0,0,0,.2);
	margin-bottom:  0px;
}

hr.subdivide{
	color: #ffffff;
	background-color: #aaaaaa;
	height: 1px;
	border: 0px;
}

.h1left{
	margin-top:  70px;
	margin-left: 95px;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size:  12px;
	font-weight:  900px;

}

.h1mittle{
	margin-top:  -170px;
	margin-left:  -60px;
	color: #ff0000;
	text-align: center;
	margin-bottom:  65px;
	font-family: "Arial Black",  Gadget, sans-serif;
	font-size:  16px;
	font-weight:  700px;
}


.h1right{
	margin-top:  -180px;
	margin-left: 850px;
	margin-bottom:  70px;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size:  12px;
	font-weight:  900px;

}


.linkh1{
	margin-top:  0px;
	margin-left: 0px;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size:  40px;
	font-weight:  900px;
}
.rechth1{
	margin-top:  0px;
	margin-left: 0px;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size:  40px;
	font-weight:  900px;

}

.bildermittle{
	margin-left:  420px;
	margin-bottom:  0px;
	margin-top:   -180px;
	width:  300px;
	height:  188px;
	border:   2px;
}
.triangleright{
	margin-left:  370px;
	margin-bottom:  0px;
	margin-top:   -130px;
	width:  50px;
	height:  80px;
	border:   2px;
}

.triangleleft{
	margin-left:  720px;
	margin-bottom:  0px;
	margin-top:   -140px;
	margin-bottom:  70px;
	width:  50px;
	height:  80px;
	border:   2px;
}


.introbilder2{
	margin-left:  10px;
	margin-bottom:  20px;
	margin-top:   20px;	
	width:  580px;
	height:  459px;
	border:   2px;
	box-shadow: 10px 10px 10px rgba(0,0,0,.5);
}

.introbilder3{
	margin-left:  610px;
	margin-bottom:  20px;
	margin-top:   -480px;	
	width:  580px;
	height:  459px;
	border:   2px;
	box-shadow: 10px 10px 10px rgba(0,0,0,.5);
}

.introtxt{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 1.8em;
	font-weight:  bolder;
	margin-left: 0;
	margin-bottom: 25px;
	text-shadow: #a0a0a0 2px 2px 3px;
}


.contact .name{ font-weight: bold;}
.contact .phone{ color: blue;}
.contact .address{ color: red;}

p.tip::before{content: "Hot Tip!";}
p.paratxt::first-letter{font-size:30px; font-weight:bold;}
p::selection{color: #E9E9E9; background-color:#222930;}
p::-moz-selection{color: #E9E9E9; background-color:#222930;}


article img:nth-of-type(odd){float:left;}
article img:nth-of-type(even){float:right;}

h1.unternehmen,.marketing{
	text-align:  center;
	margin-bottom:  50px;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 2.4em;
	font-weight:  bolder;

}


h1.produkte{
	margin-left:  130px;
	margin-bottom:  30px;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 2.4em;
	font-weight:  bolder;

}

h1.marketing6{
	margin-left:  230px;
	margin-bottom:  0;
	margin-top:  80px;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 3em;
	font-weight:  bolder;
}


h2.submarketing{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 1.3em;
	font-weight:  bolder;
	margin-left: 10px;
}

h2.submarketing2{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 1.3em;
	font-weight:  bolder;
	margin-left: 720px;
	margin-top:  -25px;
	margin-bottom: 20px;
}

h2.marketing3{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 2em;
	font-weight:  bolder;
	margin-top:20px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#webusbtxt{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 18px;
	font-weight:  bolder;
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 80px;

}


h2.marketing4{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 1.5em;
	font-weight:  bolder;
	margin-left: 650px;
	margin-top: 40px;
}

h2.marketing5{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 1.5em;
	font-weight:  bolder;
	margin-left:  200px;
	margin-top: 30px;
	margin-bottom: 20px;
}

h2.marketing6{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 2em;
	font-weight:  bolder;
	margin-left:  50px;
	margin-top: 60px;
	margin-bottom: 30px;
}
h2.marketing6a{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 2em;
	font-weight:  bolder;
	margin-left:  50px;
	margin-top: 20px;
	margin-bottom: 30px;
}

h2.impressum{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 2em;
	font-weight:  bolder;
	margin-left:  50px;
	margin-top: 120px;
	margin-bottom: 30px;
}

h2.marketing7{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 2em;
	font-weight:  bolder;
	margin-left:  50px;
	margin-top: 60px;
	margin-bottom: 20px;
}

h2.aufzugspiegel{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 2em;
	font-weight:  bolder;
	margin-left:  150px;
	margin-top: 40px;
	margin-bottom: 30px;
}
h2.bad{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 2em;
	font-weight:  bolder;
	margin-left:  350px;
	margin-top: 20px;
	margin-bottom: 30px;
}

h3.aufzugspiegel{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 1.4em;
	font-weight:  bolder;
	margin-left:  180px;
	margin-top: 30px;
	margin-bottom: 30px;

}

img.aufzug1{
	margin-left: 50px;
	width:  500px;
	height: 672px;

}
img.mm{
	margin-left: 50px;
	width:  767px;
	height: 520px;

}

.txtunternehemen{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 18px;
	font-weight:  bolder;
	margin-left: 0;
	margin-bottom: 25px;

}

.txtmarketing{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 18px;
	font-weight:  bolder;
	margin-left: 120px;
	margin-bottom: 25px;

}



.aufzugtxt{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 18px;
	font-weight:  bolder;
	margin-top: -500px;
	margin-left: 700px;
	margin-bottom: 70px;
}

.mouseaufbild{
	font-size:  14px;
	font-weight: 900;
	margin-left: 950px;
	margin-bottom: -40px;
	color: #000000;

}

.suchbegriff{
	color:  #005500;
	visibility:hidden;
}

.wztxt{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 18px;
	font-weight:  bolder;
	margin-top: -600px;
	margin-left: 850px;
	margin-bottom: 200px;
}

p.kontakt{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 18px;
	font-weight:  bolder;
	margin-left: 50px;
	margin-bottom: 35px;

}

.badtxt1{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 18px;
	font-weight:  bolder;
	margin-top: -50px;
	margin-left: 50px;
	margin-bottom: 0px;
}

.badtxt2{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 18px;
	font-weight:  bolder;
	margin-top: -190px;
	margin-left: 630px;
	margin-bottom: -10px;
}

.logo{
 background-image: url(../images/logo-kiesl-elektronik.jpg);
background-size: 100% 100%;
 width: 200px;
 height: 140px;
 padding: 0;
 margin-top: 25px;

}


.weiterleiten-pulvercontrol{
	margin-left: 220px;
	margin-top:-140px;
	margin-bottom:29px;
}

.pulverbtntxt1{
	margin-top:-70px;
	margin-left: 25px;
	height:  70px;
}



.pulverbtntxt1 a{
	font-family: sans-serif;
    color: #2b2b2b;
	font-size: 40px;
	font-weight: 900;
}


ul.nav li a:hover,
ul.nav li a:focus {
	outline: none;
}

ul.nav li a {
	position: relative;
	display: inline-block;
	margin: 15px 20px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 200;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 10px;
}




/* Effect 10: reveal, push out */
ul.nav  {
	list-style-type: none;
	position: relative;
	z-index: 1;
	padding-left: 0px;
	margin-left: 220px;
	margin-top:5px;
	height: 20px;
}

ul.nav li{
	display: inline;
}

ul.nav li a {
	overflow: hidden;
	margin: 0 0px;
}

ul.nav li a span {
	display: block;
	padding: 8px 23px;
	background: #0f7c67;
	font-size: 12px;
	font-weight: 900;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}


ul.nav li a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	font-size: 12px;
	font-weight: 900;
	padding: 8px 23px;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #0f7c67;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}

ul.nav li a:hover span,
ul.nav li a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

ul.nav li a:hover::before,
ul.nav li a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}


.txtwerbe1{
	margin-left:  630px;
	margin-top:  -400px;
	margin-bottom:  250px;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 18px;
	font-weight:  bolder;
}

#txtspan{
	color:  #cc0000;
}

.bildwerbe1{
	padding:1px;
	margin-left:  10px;
	margin-bottom:  20px;
	margin-top:   20px;	
	width:  580px;
	height:  459px;
	border:3px solid #aaaaaa;
	background-color:#000;
	box-shadow: 10px 10px 10px rgba(0,0,0,.5);
}

.bildwerbe2{
	padding:1px;
	margin-left:  10px;
	margin-bottom:  20px;
	margin-top:   0px;	
	width:  550px;
	height:  347px;
	border:3px solid #aaaaaa;
	background-color:#000;
	box-shadow: 10px 10px 10px rgba(0,0,0,.5);
}

.bildwerbe3{
	padding:1px;
	margin-left:  630px;
	margin-bottom:  0px;
	margin-top:   -410px;	
	width:  550px;
	height:  444px;
	border:3px solid #aaaaaa;
	box-shadow: 10px 10px 10px rgba(0,0,0,.5);
	background-color:#000;
}

.test{
    position: relative;
	padding:1px;
	z-index:      3;
	margin-left:  50px;
	margin-bottom:  0px;
	margin-top:   10px;	
	width:  1100px;
	height:  631px;
	border:3px solid #aaaaaa;
	box-shadow: 10px 10px 10px rgba(0,0,0,.5);
	background-color:#000;
}

#sliderFrame {
	position:relative;
	}      

#slider, #slider div.sliderInner {
    width:1100px;
	height:631px;/* Must be the same size as the slider images */
}

#slider div.navBulletsWrapper  {
	display:none;
}

div#map{
   margin-left: 50px;
   width:  1100px;
   height: 700px;
   margin-bottom:  50px;
}



#slider 
{
	background:transparent url(../images/loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
}




.sele{
	padding:1px;
	margin-left:  50px;
	margin-bottom:  20px;
	margin-top:   -30px;	
	width:  1100px;
	height: 1139px;
}

.kunst{
	padding:1px;
	margin-left:  50px;
	margin-bottom:  20px;
	margin-top:   0px;	
	width:  1100px;
	height: 887px;
}

.slideshow {  
    margin-top: -800px;
    margin-left: 180px;
	margin-bottom:  200px;
    height:  600px;  
    width:   351px;  
    padding: 0;  
} 
.slideshowbad{
    margin-top: -230px;
    margin-left: 240px;
	margin-bottom:  200px;
    height:  63px;  
    width:   80px;  
    padding: 0;  

}

.slideshowbad img{
    padding: 2px;    
    width:  80px; 
    height: 63px; 
    top:  0; 
    left: 0  

}
.slideshowwartezimmer{
    margin-top: -440px;
    margin-left: 140px;
	margin-bottom:  200px;
    height:  360px;  
    width:   600px;  
    padding: 0;  

}

.slideshowwartezimmer img{
    padding: 2px;    
    width:  600px; 
    height: 360px; 
}
 
.slideshow img {  
    padding: 2px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  600px; 
    height: 351px; 
    top:  0; 
    left: 0 
} 

.slideshowbad1{
    margin-top: -270px;
    margin-left: 165px;
	margin-bottom:  230px;
    height:  63px;  
    width:   80px;  
    padding: 0;  

} 
.slideshowbad1 img{
    padding: 2px;    
    width:  80px; 
    height: 63px; 
    top:  0; 
    left: 0  
}
.slideshowbad2{
    margin-top: -188px;
    margin-left: 1060px;
	margin-bottom:  150px;
    height:  63px;  
    width:   80px;  
    padding: 0;  

} 
.slideshowbad2 img{
    padding: 2px;    
    width:  80px; 
    height: 63px; 
    top:  0; 
    left: 0  
}

.txtfett{
    color:  #000;
	font-weight: 900px;
	font-size: 1.2em;
	margin-right:  10px;
}


/*----------- navigation buttons on both sides of the slider -----------*/
.group1-Wrapper 
{
    position:absolute;
    z-index:20;
    top:250px;
    margin-left:50%;/* position it in the middle of #sliderFrame */
    width:1px;
}
a.group1-Prev, a.group1-Next
{
    width:50px;height:150px;
    background:transparent url(../images/navbuttons2.gif); 
    display:block; 
    cursor:pointer;
    position:absolute;
    top:0;
    user-select: none;
}
a.group1-Prev{background-position:0 0; left: -510px;}
a.group1-Next {background-position:0 -150px;left:460px;}

a.group1-Prev:hover{background-position:50px 0;}
a.group1-Next:hover {background-position:50px -150px;}







img.bad1{
	margin-left:  40px;
	width:540px;
	height: 360;

}

img.bad2{
	margin-top:  -382px;
	margin-left:  630px;
	width:540px;
	height: 360;

}

.entry-content{
	padding:   0px;
	margin:   0px;
}
#nachoben{
  background-color: #88aaaa;
  display: none;
  position: fixed;
  width: 90px;
  height: 40px;
  bottom: 30px;
  right: 100px;
	font-family						:	'Raleway', sans-serif;
	font-size						:	18px;
	color							:	#000000;
	font-weight						:	700;
	text-align							:center;
	padding							:	0px;  
}

.zuruck{
  font-size:18px;
  font-weight: 700;
  padding-top: 10px;
}