html    {
    font-size: 100%;
}

body {
	background-color: #fff;
	color: #3b3f4a; /* dark blue */
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em; /* 16px */
	line-height: 1.5em; /* 24px */
}

/* ----------------------------------------------------------------------------- * 
 *                             ANIMATION                                *
 * ----------------------------------------------------------------------------- */


		.einsliden {
			opacity:100%;
		}
        	
			.slide_it {
				position:relative;
				animation: slide_in_div2 2s ease-out forwards;
			}
			
			@keyframes slide_in_div1 { 
				from {transform: translateX(calc(1000px ))}
				to {transform: translateX(0%))}
			}
			
	
/* Bilder von links oder rechts (gerade oder ungerade Elemente) einsliden */	
	.einflieger_rahmen {
		position:relative;
		/* [disabled]background:blue; */
	/* [disabled]border:solid 3px #FF3; */
	/* [disabled]height:50vh; */
		max-width: 88%;
		margin:0 auto;
		margin-bottom:2em;
		opacity: 0;
		transition: all 1s ease-in-out;
	}
	
	.einflieger_rahmen img{
		max-width:100%;
		height:auto;
	}
	
	.einflieger_rahmen:nth-of-type(odd) {
	/* [disabled]transform: translateX(-90%); */
		transform: translateX(-60%) scale(0.5);
	/* [disabled]transform:scale(0.5); */
	/* [disabled]border:solid 3px #FC3; */
	}
	
	.einflieger_rahmen:nth-of-type(even) {
	transform: translateX(-10%);
	/* [disabled]border:solid 3px #69F; */
	}
	
	.einflieger_rahmen.visible {
	  transform:translateX(0%);
	  opacity: 1;
	}
	
	
	@media screen and (max-width:50em) {
		.einflieger_rahmen {
	max-width: 85%;
	/* [disabled]border:solid 3px #0F6; */
		}
		.einflieger_rahmen:nth-of-type(odd) {
			transform: translateX(0%);
			/* [disabled]border:solid 3px #0F6; */
		}
	}
	

/*  Ende Bilder einsliden */
	
/* Bilder rotieren lassen  */	
		.animationscontainer {
			width: 100%; 
			height:100%
			overflow: hidden; 
			padding: 0% 0% 0% 0; 
		}
		
		 .animation {
			animation: autodrehen 3s ease-out forwards;  /*  Aufruf der der keyframe-Regel im CSS-Selektor */
		}

		
		@keyframes autodrehen {
		   100% {transform:perspective(500px) rotateY(360deg)}
		}

/* Ende Bilder rotieren lassen  */


h1, h2, h3,h4  {
	font-weight: bold;
	line-height: 1.3em;
}

h1  {
	font-size: 2.2em;
	line-height: 1.3em;
	margin: 10px 0 10px 0px;
	color: #323a47;
	text-align: center;
	text-shadow: 2px 2px 3px #b5b5b6;
	filter: dropshadow(color=#b5b5b6, offx= 2, offy=2);
	/* [disabled]border: solid 1px #333; */
}

h2  {
	font-size: 1.25em; /* 26px */
	line-height: 1.5em;
	color: #174774;
	margin: 0 auto;
	width: 96%;
	padding: 1% 2% 1% 2%;
	/* [disabled]border: solid 1px #333; */
	text-align: center;
}


h3  {
	color: #251857;
	font-size: 1.4em; /* 22px */
	font-weight: normal;
	text-align: center;
	padding: 0 5%;
	line-height: 1.5em;
	margin-bottom: 30px;
}
h3.dist_bottom {
	margin-bottom:120px;
}

h4  { /*   Stellenangebote HL ueber Stellen  */
	font-size: 2em;
	line-height: 1.3em;
	color: #11427A;
	margin: 0 0 50px 0;
	/* [disabled]border: solid 1px #333; */
	padding: 0;
}
h5 {
	font-size: 1.05em;
	font-weight:300;
	line-height: 1.5em;
	color: #2d3540;
	margin: 0 auto;
	width: 96%;
	padding: 1% 2% 1% 2%;
	/* [disabled]border: solid 1px #333; */
	text-align: center;
}
h6 {  /* Bildquelle */
	float:right;
	padding-right:20px;
	font-size:0.8em;
	color:#999;
	font-weight: normal;
	position: relative;
	top: -160px;
}

p.teaserheadline {
	margin: 0.8em 0px 0.8em 20px;
	font-size:1.6em; /* 22px */
	font-weight:bold;
	color: #900;
	font-family: 'Gentium Book Basic', serif;
	font-style: italic;
   }
	
p.teasertext    {
	color: #56201b; 
	font-family: "Trebuchet MS",Helvetica,Arial;
	font-size: 1.1em; /* 19px */
	line-height: 1.368em; /* 26px */
	margin: 0.8em 20px;
}

a:link, a:visited {
    color: #2b2d2e;
    text-decoration: none;
}

a:hover, a:focus, a:active {
	color: #004B73;
	text-decoration: none;
}

.highlight{
	color: #F30;
}

ul, ol {
	padding: 0;
	margin: 10px 0 0px 0px;
}
ul li{
	text-decoration:none;
	list-style: none;
}
ul.circle li{
	color:#0b184d;
	list-style:circle;
	margin-left: 12px;
}
.fliesstext{
	font-size:1em;	
}

.page-wrapper {
	/* [disabled]background-color: #fff; */
	margin: 0 auto;
	width:inherit;
	/* [disabled]border: solid 1px; */
}
 .page-wrapper_einblender {
	margin: 130px 0 0 0;
  }
#top_kontakt{
	border:solid 0px;
	width:89%;
	padding:5px 5%;
	background-color: #dee3e6;
	font-size: 0.9em;
	line-height: 1.7em;
}
header {
	height: 130px;
	/* [disabled]border:solid 1px #CC0; */
	/* [disabled]padding-top:50px; */
	padding-bottom: 10px;
	/* [disabled]padding-right: 200px; */
	margin-top: 50px;
}
.logo{
	width:26%;
	margin: 0 0 0px 5%;
	/* [disabled]display: block; */
	float: left;
}
.logo img{
	max-width:100%;
	height:auto;
}
.logo_aside{
	width:5%;
	margin: 0 0 0 5%;
	/* [disabled]display: block; */
	float: left;
	padding-top: 12px;
}
.logo_aside img{
	max-width:90%;
	height:auto;
}
.link_content_top {
	/* [disabled]margin-top:20px; */
	float: right;
	margin-right: 80px;
	/* [disabled]font-weight: bold; */
	font-size: 120%;
	background: linear-gradient(top, #e5ecd8 0%, #b6cc8a 50%, #c4d69e 100%);
	background: -moz-linear-gradient(top, #e5ecd8 0%, #b6cc8a 50%, #c4d69e 100%);
	background: -webkit-linear-gradient(top, #e5ecd8 0%, #b6cc8a 50%, #c4d69e 100%);
	background: -ms-linear-gradient(top, #e5ecd8 0%, #b6cc8a 50%, #c4d69e 100%);
	background: -o-linear-gradient(top, #e5ecd8 0%, #b6cc8a 50%, #c4d69e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ecd8, endColorstr=#c4d69e,GradientType=1);
	padding: 6px 12px;
	width: 100px;
}
.link_content_top a {
	text-decoration: none;
	color: #903;
}

#content_top{
	margin: 0px 0px 0px 0px;
	/* [disabled]float: right; */
	padding: 0;
	width: 100%;
	height: auto;
	background: url(../bg_pic/top_partner_smarthome_elektro.jpg);
	/* [disabled]background-position: middle; */
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;
	/* [disabled]-webkit-transition:height 100ms ease-out; */
	/* [disabled]-moz-transition:height 100ms ease-out; */
	-o-transition:height 100ms ease-out;
	/* [disabled]transition:height 100ms ease-out; */
}

#content_top.elektroinstallation{
	background: url(../bg_pic/top_elektroinstallation.jpg);
}
.top_partner_smarthome_elektro{
	background: url(../bg_pic/top_partner_smarthome_elektro.jpg);
}

#content_top.satellitenanlagen{
	background: url(../bg_pic/top_satellitenanlagen.jpg);
}
#content_top.ueberuns{
	background: url(../bg_pic/top_ueberuns.jpg);
}
#content_top_pv_angebot{
	height: 510px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 100%;
	background: url(../Angebote/bg_pv_angebot.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;
	/* [disabled]border:solid 1px #CCC; */
}
#content_top_jobs{
	height: 510px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 100%;
	background: url(../bg_pic/top_jobs.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;
	/* [disabled]border:solid 1px #CCC; */
}
#content_top_kontakt{
	height: 300px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 100%;
	background: url(../bg_pic/top_kontakt.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;
	/* [disabled]border:solid 1px #CCC; */
}

.headline_werbeagentur {
	font-size:2.5em;
	color:#FFF;
	text-shadow: 0.05em 0.05em 0.2em #000;
	text-align:right;
	font-weight: bold;
	margin-top: 25%;
	margin-bottom:3%;
	height:130px;
	float: right;
	/* [disabled]margin: 0px 250px 0px 0px; */
	margin-right: 22%;
	line-height: 1.4em;
}	
.headline_innen {
	font-size:3em;
	color:#FFF;
	text-shadow: 0.05em 0.05em 0.2em #000;
	text-align:right;
	font-weight: bold;
	margin-top: 15%;
	float: right;
	margin-right: 22%;
	line-height: 1.4em;
}	
.text_werbeagentur {
	font-size:1.2em;
	font-weight:100;
	float: right;
	width:40%;
	margin: 0px 50px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin-right: 20%;
	margin-bottom:32%;
	line-height: 1.3em;
	margin-bottom: 50px;
	margin-top:20px;
	color:#3C3;
}


.einblender_top {  /* loxone logo - derzeit leer */
	float: right;
	margin-top:20px;
	margin-right:  0.6em;
	padding: 0px 0px 0px 0px;
	color:#F62D10;
	position: relative;
	height:20px;
	/* [disabled]top: -30%; */
}
.einblender_top img {
	box-shadow: 5px 5px 10px 2px #000000;
	-moz-box-shadow: 5px 5px 10px 2px #000000;
	-webkit-box-shadow: 5px 5px 10px 2px #000000;
	transition: width 1s;
}

#einblender_sliding, #einblender_sliding_smaller {  /* loxone logo sliding */
	z-index:10;
	height:20%;
	/* [disabled]background: rgba(240,240,240,0.9); */
	padding: 10px 2% 5px 2%;
	margin:0 0 1% 0;
	color:#520c02;
	width:96%;
	position:relative;
	top: -50px; /* nach oben schieben */
	/* [disabled]right:0; */
	text-align:center;
	font-size: 1.1em;
	font-weight:100;
	line-height:1.3em;
	/* [disabled]border:solid 5px #999; */
	border-bottom:solid 1px #cecccc;
	border-top:solid 1px #eae9e9;
	box-shadow: 5px 5px 10px 2px #d2d5d8;
	-moz-box-shadow: 5px 5px 10px 2px #d2d5d8;
	-webkit-box-shadow: 5px 5px 10px 2px #d2d5d8;
	visibility:visible;
}
.einblender_sliding_smaller {
	height:22%;
}
.einblender_sliding_top {
	width:98%;
	/* [disabled]border:solid 1px #FC0; */
	height:12px;
	text-align:right;
	padding-bottom:5px;
}

.einblender_sliding_wrap {
	height:70px;
	display: flex; /* Aktiviert das Flex-Modell */
	align-items: center; /* Zentriert den Child vertikal, relativ zum Parent */
	justify-content: center; /* Zentriert den Child horizontal, relativ zum Parent */
	/* [disabled]border: solid 1px  #03C; */
}
.einblender_sliding_content_left {
	float:left;
	width: 42%;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 3%;
	/* [disabled]border:solid 1px #093; */
}
.einblender_sliding_content_left img {
	max-width:100%;
	height:auto;
}
.einblender_sliding_content_right {
	float:left;
	width: 50%;
	padding: 10px 2% 0px 2%;
	display: table-cell;
	vertical-align: middle;
	/* [disabled]border:solid 1px #093; */
	font-size: 0.9em;
}
.zaehler_smarthome {
	float:left;
	font-size: 3em;
	font-weight: 500;
	color: #FFF;
	background-image: url(../bg_pic/Zaehler_smarthome.jpg);
	background-repeat: repeat-x;
	height: 60px;
	width: 120px;
	padding: 30px 0 0 0;
	margin: 1% 0 1% 0%;
	text-align:center;
	/* [disabled]border:solid 1px #CCC; */
	text-shadow: 2px 2px 3px #151516;
	display: block;
}
.zaehler_pv { /*  Anlagen */
	float:left;
	font-size: 2em;
	font-weight: 500;
	color: #FFF;
	background-image: url(../bg_pic/Zaehler_pv.jpg);
	background-repeat: repeat-x;
	height: 40px;
	width: 120px;
	padding: 20px 0 0 0;
	margin: 0% 0 1% 0%;
	text-align:center;
	/* [disabled]border:solid 1px #CCC; */
	text-shadow: 2px 2px 3px #c3c5c8;
	display: block;
}
.zaehler_pv_2 { /*  KWH */
	float:left;
	font-size: 2em;
	font-weight: 500;
	color: #666;
	height: 60px;
	width: 120px;
	padding: 30px 0 0 0;
	margin: 1% 0 1% 0%;
	text-align:center;
	/* [disabled]border:solid 5px #099; */
	text-shadow: 2px 2px 3px #c3c5c8;
	display: block;
}
.zaehler_text{
	/* [disabled]float:left; */
	width:90%
	font-size: 1em;
	font-weight: 600;
	color: #666;
	/* [disabled]height: 90px; */
	width: 60%;
	margin: 2% 0 1% 2%;
	padding: 30px 2px 5px 20px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	/* [disabled]border:solid 1px #CCC; */
	text-shadow: 2px 2px 3px #c3c3c8;
}
.zaehler_text_2{  /*  KWH */
	float:left;
	width:90%
	font-size: 1em;
	font-weight: 600;
	color: #666;
	/* [disabled]height: 90px; */
	width: 60%;
	margin: 2% 0 1% 0%;
	padding: 30px 2px 5px 4px;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	/* [disabled]border:solid 1px #CCC; */
	text-shadow: 2px 2px 3px #c3c3c8;
}

.promolink_bgcolor{
	width:94%;
	margin: 4% auto 4% auto;
	border:solid 2px #416370;
	border-radius:5px;
	background-color:#e5edf4;
	text-align: center;
	padding: 10px 0;
 }
 .promolink_bgcolor ul li{
	line-height:1.3em;
	text-align:left;
	padding-bottom: 5px;
	font-size: 1em;
 }
.promolink_bgcolor dl dt{
	font-size:1.5em;
	line-height:1.3em;
	color:#074884;
	padding: 5px 0;
	font-weight: 800;
}
.promolink_bgcolor dl dd{
	font-size:1.2em;
	line-height:1.3em;
	color:#0e3a18;
	padding: 3px 0;
	font-weight: 800;
}
.promolink_bgcolor dl dt{
	/* [disabled]color:#FFF; */
}
.promolink_bgcolor dl dd{
	/* [disabled]color:#FFF; */
}

.line{
	border-top:solid 1px #CCC;
	width:100%;
	margin: 80px 0 60px 0;
}
.line_shorter{
	border-top:solid 1px #CCC;
	width:80%;
	margin: 70px 0 60px 0;
}
.line_smaller{
	border-top:solid 1px #CCC;
	width:100%;
	margin:20px 0 20px 0;
}

.clr{
	clear:both;	
}

/* NAVIGATION  */

/* hide the checkbox and the label */

input#responsive-nav,
label.responsive-nav-label {
  display: none;
  width:100%;
  
}

/* declarations for the not-responsove-menu */

nav {
	margin: 40px 5% 0 0;
	width: 59%;
	/* [disabled]line-height:2em; */
	float: right;
	/* [disabled]border: solid 1px #333; */
}

nav ul {
	margin:0 auto;
	padding: 0;
	display:table;
}

nav a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 5px 10px;
	font-size: 1em;
}


nav ul li {
  position: relative;
  float: left;
  list-style: none;
  color: #3d4041;
  transition: 0.5s;
  text-align:left;
}

nav ul li a {
  padding: 6px 15px;
}

nav ul > li.submenu > a:after {  /*  die class submenu brauchts nur bei der dreistufigen Hierarchie */
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
}

nav ul ul li.submenu > a:after {  /*  die class submenu brauchts nur bei der dreistufigen Hierarchie */
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

nav ul li a:hover {
  color: #064405;
}

nav ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	background: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	border:none;
	padding-top: 20px;  
	z-index:150;
	background-color:#fff;

}

nav ul ul li {
	float: none;
	width: 240px;
	/* [disabled]border-left: solid 1px #f2f3f4; */
	border-bottom: solid 1px #f2f3f4;
	padding:10px 0 15px 0px;
	margin-bottom:15px;
	}

nav ul ul li a {
  padding: 5px 30px;
   font-size: 0.9em;
}

nav ul ul li.smarthome, nav ul ul li.sicherheit, nav ul ul li.team, nav ul ul li.elektroinstallation, nav ul ul li.haustechnik, nav ul ul li.photovoltaik, nav ul ul li.baustrom, nav ul ul li.formal {
	background-size: 50px 50px;
}

nav ul ul li.smarthome{
	background: url(../bg_pic/icon_smarthome.png) no-repeat 10px 0px;
	padding-left: 50px;
}
nav ul ul li.sicherheit{
	background: url(../bg_pic/icon_sicherheit.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.team{
	background: url(../bg_pic/icon_team.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.elektroinstallation{
	background: url(../bg_pic/icon_elektroinstallation.png) no-repeat 10px 0px;
	padding-left: 50px;
	
	}
	nav ul ul li.haustechnik{
	background: url(../bg_pic/icon_haustechnik.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.photovoltaik{
	background: url(../bg_pic/icon_photovoltaik.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.solarnutzung{
	background: url(../bg_pic/icon_solarnutzung.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.solaranlagen{
	background: url(../bg_pic/icon_solaranlagen.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.solarangebot{
	background: url(../bg_pic/icon_solarangebot.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.baustrom{
	background: url(../bg_pic/icon_baustrom.png) no-repeat 10px 0px;
	padding-left: 50px;
	}
	nav ul ul li.formal{
	background: url(../bg_pic/icon_formal.png) no-repeat 10px 0px;
	padding-left: 52px;
	}
	nav ul ul li.formal_eingerueckt{
	padding-left: 54px;
	}

nav ul ul li:last-child {
   border-bottom: 1px solid #f2f5f7;
   padding-bottom:20px;
   border:none;
   margin-bottom:0px;
}

nav ul li:hover > ul {
  top: 100%;
  left: 0;
}

nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}



/*   CONTENT     */
.home{
	text-align:left;
	height:25px;
	padding: 5px 0 0 12px;
}
.main {
	color: #56201b;
	/* [disabled]background-color:#fdf7f2; */
	padding: 0px;
	width: 100%;
	margin: 50px auto 50px auto;
	/* [disabled]border: solid 1px #333; */
}

.mainContent {
	color: #333;
	width: 100%;
	border-top: 1px solid transparent;
}

footer {
	background-color:#E3E3E3;
	color: #383838;
	text-align: center;
	padding: 6px 0px;
	margin-top:10px;
	font-size: 1.15em;
	width: 100%;
}
.footer_c {
	background-color:#dddcdc;
	color: #6b6969;
	text-align: center;
	padding: 4px 0px;
	margin-top:6px;
	font-size: 0.9em;
	width: 100%;
}

.totop{
	visibility:visible;
	height:30px;
	width:28px;
	background-color:#C0D6EB;
	padding: 3px 1px 2px 2px;
	position:fixed;
	bottom:1px;
	right:0;
	text-align:center;
	font-size: 0.9em;
	opacity: 0.6;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

.more{
	font-size:0.85em;
	float:right;
}

.smalltext{
	font-size:0.85em;
	line-height: 1.2em;
}
.greywrapper {
	width:90%;
	padding: 2% 5% 1% 5%;
	background-color: #f8f9fa;
	/* [disabled]border: solid 1px #333; */
	display:table;
	margin-top: 30px;
}
.bluewrapper {
	width:100%;
	padding:3em 0em 1em 0em;
	margin: 40px 0 80px 0;
	/* [disabled]border-top: solid 1px #c8c6c6; */
	/* [disabled]border-bottom: solid 1px #c8c6c6; */
	/* [disabled]background-image: url(../bg_pic/bg_elektro_div.gif); */
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	background-color: #e0eaf3;
}
.bluewrapper_gespiegelt{
	width:100%;
	padding:5em 0em 2em 0em;
	margin: 40px 0 80px 0;
	/* [disabled]border-top: solid 1px #c8c6c6; */
	/* [disabled]border-bottom: solid 1px #c8c6c6; */
	background-image: url(../bg_pic/bg_elektro_div_gespiegelt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	/* [disabled]background-color: #d6e2ed; */
}
.bluewrapper_smarthome {
	width:100%;
	padding:5em 0em 2em 0em;
	margin: 40px 0 80px 0;
	/* [disabled]border-top: solid 1px #c8c6c6; */
	/* [disabled]border-bottom: solid 1px #c8c6c6; */
	background-image: url(../Smarthome/pics/bg_smarthome_div_blau.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	/* [disabled]background-color: #d6e2ed; */
}
.bluewrapper_smarthome_gespiegelt {
	font-size: 1.1em;
	width:100%;
	padding:4em 0em 2em 0em;
	margin: 40px 0 80px 0;
	/* [disabled]border-top: solid 1px #c8c6c6; */
	/* [disabled]border-bottom: solid 1px #c8c6c6; */
	background-image: url(../Smarthome/pics/bg_smarthome_div_blau_gespiegelt.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
	/* [disabled]background-color: #d6e2ed; */
}
.bluewrapper_dark {
	width:100%;
	padding:4em 0em 4em 0em;
	margin: 40px 0 80px 0;
	background-color: #3375b9;
}
.bluewrapper_light {
	width:100%;
	padding:1em 0em 1em 0em;
	margin: 40px 0 70px 0;
	background-color: #eff0f1;
}
.bluewrapper_light img{
	margin: 0 auto;
	position: realative;
	display: block;
	max-width:98%;
	height:auto;
}
 .promo_top_wrap_sub_2_spalten {
	width:100%;
	margin: 0 auto 0 auto;
	font-size: 1em;
	line-height: 1.4em;
	/* [disabled]position: relative; */
	/* [disabled]left: 2%; */
	/* [disabled]float: left; */
	display: block;
	/* [disabled]border: solid 1px #333; */
	max-width: 1600px;
	padding: 0;
}
 

 .promo_top_wrap_sub_2_spalten img {
	 max-width:100%;
	 height:auto;
 }

.promo_top_sub_left_2sp {
	float: left;
	width: 48%;
	padding: 1px 0px 20px 1%;
	margin: 4px 2% 0 2%;
	/* [disabled]border: solid 1px #999; */
	color: ##2d3540;
}
.promo_top_sub_left_2sp_narrow { /* Stellenangebote */
	float: left;
	width: 44%;
	padding: 35px 0px 0px 1%;
	/* [disabled]margin: 10px 2% 0 2%; */
	/* [disabled]border: solid 1px #999; */
	color: ##525f79;
}
.promo_top_sub_left_2sp_wide {  /* Stellenangebote */
	float: left;
	width: 58%;
	padding: 0px 0px 0px 3%;
	margin: 0px 2% 0 2%;
	/* [disabled]border: solid 1px #999; */
	color: ##525f79;
}
.promo_top_sub_left_2sp_wide dl dt, .promo_top_sub_left_2sp_wide dl dd, .promo_top_sub_left_2sp_narrow dl dd { /* Stellenangebote */
	text-align:left;
}
.promo_top_sub_level2_2sp_left {
	float: left;
	width: 40%;
	padding: 0px 0px 5px 0px;
	margin: 0;
	font-size: 100%;
	/* [disabled]border: solid 1px #666; */
	/* [disabled]text-align: right; */
	/* [disabled]background-color: #F9F9F9; */
}

.promo_top_sub_level2_2sp_right {
	float: left;
	width: 50%;
	padding: 5px 4px 0px 0px;
	margin: 0px 0px 0px 10px;
	/* [disabled]background-color: #FFFBF0; */
	/* [disabled]height: 180px; */
	/* [disabled]border: solid 1px #333; */
}   

.promo_top_sub_long_2sp {  /* promo_top lang  */
	/* [disabled]float: left; */
	width: 90%;
	padding: 0px 0px 0px 0px;
	margin: 20px 20px 20px 0;
	/* [disabled]background-color: #FF9; */
	/* [disabled]position: relative; */
	/* [disabled]left: 5%; */
}

.promo_top_sub_right_2sp {
	float: left;
	width: 39%;
	padding: 0px 1% 0px 1%;
	margin: 4px 0 0 2%;
	/* [disabled]border: solid 1px #666; */
	/* [disabled]position: relative; */
	text-align: center;
}   
.promo_top_sub_right_2sp_wide { /* Stellenangebote */
	float: left;
	width: 45%;
	padding: 0px 1% 0px 2%;
	margin: 10px 0 0 2%;
	/* [disabled]border: solid 1px #666; */
	/* [disabled]position: relative; */
	text-align: right;
}   
.promo_top_sub_right_2sp_narrow { /* Stellenangebote Block Team */
	float: left;
	width: 20%;
	padding: 125px 1% 0px 2%;
	margin: 0px 0 0 2%;
	/* [disabled]border: solid 1px #666; */
	/* [disabled]position: relative; */
	text-align: right;
	color:#fff;
	background-color:#de003f;
	padding: 5% 2%;
}  
.promo_top_sub_right_2sp_narrow strong  {
	color:#FFF;	
}
.promo_top_sub_right_2sp img {
	max-width:100%;	http://localhost/XAMPP_Projekte/Taubert_Elektro/Solaranlagen/photovoltaik_anlagen.php#top
}
.promo_top_sub_right_2sp_wide img {
	max-width:100%;
	/* [disabled]margin-top:20px; */
}
.promo_top_sub_right_2sp_large {
	float: left;
	width: 85%;
	padding: 0px 0px 0px px;
	margin: 0 0 0 0px;
	overflow: visible;
}   
.promo_top_wrap_sub_2_spalten dl {
	margin:0px 0px 1px 0px;
	padding:0;
	text-align:center;
 }
 .promo_top_wrap_sub_2_spalten dl dt {
	margin:10px 0px 10px 0px;
	padding:0;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.3em;
 }
 
 .promo_top_wrap_sub_2_spalten dl.jobs dt {
	height: 350px;
	width:500px;
	margin:10px 0px 30px 0px;
	padding:0;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.3em;
	display:table-cell;
	vertical-align:bottom;
	color:#FFF;
	text-shadow: 2px 2px 3px #000;
	background-repeat:no-repeat;
	background-position:left top;
 }
 
 dl.jobs dt.photovoltaik {
	background-image:url(../Stellenangebote/pics/Photovoltaik_Helfer.jpg);
 }
  dl.jobs dt.elektrik {
	background-image:url(../Stellenangebote/pics/Elektrik.jpg);
 }
   dl.jobs dt.elektronik {
	background-image:url(../Stellenangebote/pics/Elektronik.jpg);
 }
  dl.jobs dt.photovoltaik_kd {
	background-image:url(../Stellenangebote/pics/Photovoltaik_KD.jpg);
 } 
 dl.jobs dt.kundendienst {
	background-image:url(../Stellenangebote/pics/Kundendienst.jpg);
 }
  .promo_top_wrap_sub_2_spalten dl.jobs dt a{
	  color:#FFF;
  }
   .promo_top_wrap_sub_2_spalten dl.jobs dt a:hover{
	  color:#dfebfa;
  }
  
  .promo_top_wrap_sub_2_spalten dl.jobs dd.job_slogan {
	margin:5px 0px 20px 0px;
	font-size:1.0em;
	font-style:italic;
 }
  .promo_top_wrap_sub_2_spalten dl.jobs dd.job_header {
	margin:5px 0px 30px 0px;
	font-weight:bold;
	font-size:1.2em;
	color:#de003f;
 }
 .promo_top_wrap_sub_2_spalten dl.jobs strong.ul_headers {
	 font-size:1.1em;
	 font-weight:600;
 }
  .promo_top_wrap_sub_2_spalten dl.jobs dd.text_left {
	 text-align:left;
 }
  .promo_top_wrap_sub_2_spalten dl.jobs ul li{
	  margin: 0 0 0 5px;
	  list-style:circle;
  }
  .promo_top_wrap_sub_2_spalten dl.jobs dt.jobs_bg {
	background-color:#3371a6;
	color:#fff;
	margin: 0px 0 10px 0;
	padding:4px 3px;
	width: 99%;
  } 
  
  .zurueckbutton_div {
	margin:0 0 20px 0;
  }
  .zurueckbutton {
	font-size:1.0em;
	background-color:#11427A;
	margin: 0px 0 0px 0;
	padding:6px 5px;
	color:#fff;
  }
 .bewerbenbutton {
	font-size:1.1em;
	background-color:#de003f;
	margin: 0px 0 0px 0;
	padding:6px 5px;
	color:#fff;
  }
 .promo_top_wrap_sub_2_spalten dl dt.toptext {
	position: relative;
	top: -100px;
 }
.promo_top_wrap_sub_2_spalten dl dt.toptext_2 {
	position: relative;
	top: -10px;
 }
.promo_top_wrap_sub_2_spalten dl dt a {
	color:#003B59;
	font-size: 100%;
	text-decoration: none;
}
.promo_top_wrap_sub_2_spalten dl dt a:hover {
	color:#005c8c;
}
 .promo_top_wrap_sub_2_spalten dl dd {
	margin:12px 0px 5px 0px;
	padding:0;
	line-height: 1.4em;
	font-size: 1em;
 }
  .promo_top_wrap_sub_2_spalten dl dd a {
	  color:#039;
  }
 .promo_top_wrap_sub_2_spalten a {
		color:#333; 
 }

.content_wrap_sub_3_spalten_photovoltaik{
	width:100%;
}
.content_wrap_sub_3_spalten {
	width:100%;
	padding:3em 0em 4em 0em;
	background-image: url(../bg_pic/bg_smarthome_div.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
	font-size: 1.15em;
	line-height: 2em;
}
.content_wrap_sub_3_spalten dl, .content_wrap_sub_3_spalten dl {
	margin:5% 0 0 0;
	padding:0;
	color: #614016;
 }
 .content_wrap_sub_3_spalten dl dt, .content_wrap_sub_3_spalten dl dt {
	margin:2% 0 3% 0;
	padding:0;
	font-weight: bold;
	font-size: 1.5em;
 }

.content_wrap_sub_3_spalten dl dt a, .content_wrap_sub_3_spalten dl dt a {
	color:#003B59;
	font-size: 100%;
	text-decoration: none;
}
.content_wrap_sub_3_spalten dl dt a:hover {
	color:#FFF;
}
 .content_wrap_sub_3_spalten dl dd, .content_wrap_sub_3_spalten dl dd{
	margin:0px 0px 3px 0px;
	padding:0;
 }
 .content_wrap_sub_3_spalten dl dd.more, .content_wrap_sub_3_spalten dl dd.more{
	margin:9px 0px 0px 0px;
	padding:0;
 }
 .content_wrap_sub_3_spalten a , .content_wrap_sub_3_spalten a {
	color:#2D4B0D;
 }



.content_sub_left_3sp {
	float: left;
	padding: 20px 3% 20px 0px;
	margin: 0px;
	width: 28%;
	text-align: center;
}
.content_sub_left_3sp img {
	max-width:100%;
	height:auto;
}
.content_sub_middle_3sp {
	float: left;
	padding: 30px 0px 0px 0px;
	margin: 0 0px 0 0;
	width: 34%;
}
.content_sub_right_3sp {
	float: left;
	width: 28%;
	padding: 20px 0px 0px 3%;
	margin: 0;
	text-align: center;
}   
.content_sub_right_3sp img {
	max-width:100%;
	height:auto;
}

.whitewrapper {
	width:90%;
	padding:0em 0em 0em 0em;
	margin: 0 auto;
	/* [disabled]background-color: #366; */
	/* [disabled]max-width: 1500px; */
	/* [disabled]text-align: center; */
	display:block;
}

.promo_text_white {
	width:100%;
	padding:0em 0em 0em 0em;
	margin: 0px auto 30px auto;
	max-width: 1500px;
	/* [disabled]height: auto; */
	font-size: 0.9em;
	text-align:center;
	/* [disabled]border: solid 1px #333; */
}
.promo_text_white table{
	margin-top:20px;
}
.promo_text_white table td img{
	max-width:100%;
	height:auto;
	margin:2px;
}
.promo_text_white dl dt{
	color:#194F94;
	font-size:1.5em;
	font-weight:normal;
	margin: 20px 0 3px 0;
	line-height:1.3em;
}

.promo_text_white dl a{
	color: #0b2950;
	font-size: 1.1em;
}
.promo_text_white dl dd{
	margin: 0 0 6px 0;
	font-size: 1.1em;
}


.promo_text{
	width:96%;
	padding:0em 0em 0em 0em;
	margin: 50px auto 80px auto;
	/* [disabled]max-width: 1500px; */
	/* [disabled]background-color: #0C3; */
	/* [disabled]height: auto; */
	font-size: 1em;
	/* [disabled]border: solid 1px #333; */
}
.promo_text img{
	max-width:100%;
	height: auto;
}
.promo_text_left{
	float:left;
	margin:0;
	padding:0.2em 0.5em 0 0;
	width:50%;
	/* [disabled]border: solid 1px #333; */
}
.promo_text_right{
	float:left;
	margin:0em 0em 0em 1em;
	padding:30px 0 0 50px;
	width:40%;
	/* [disabled]border: solid 1px #333; */
	text-align: center;
}
.promo_text_left_align_right{
	float:left;
	margin:0;
	padding:0.2em 0.5em 0 0;
	width:50%;
	text-align:center;
	/* [disabled]border: solid 1px #333; */
}
.promo_text_right_align_left{
	float:left;
	margin:1em 0em 0em 1em;
	padding:20px 0 50px 20px;
	width:40%;
	border-left: solid 3px #d9e8f1;
	/* [disabled]border: solid 1px #333; */
	text-align: left;
}
.promo_text_wide{
	float:left;
	margin:0 auto;
	padding:1em 0.5em 0 0;
	width:100%;
	/* [disabled]border: solid 1px #333; */
}
.promo_text dl{
	padding-left:3%;
	padding-right:1%;
	/* [disabled]border:solid 1px #CCC; */
}
.promo_text dl dt{
	color:#2d3540;
	font-size:1.5em;
	font-weight:normal;
	margin: 20px 0 20px 0;
	line-height:1.3em;
}

.promo_text dl dt a{
	font-size:1.15em;
	color: #86252b;	
}
.promo_text dl dd{
	margin: 0 0 6px 0;
	font-size:1em;
}
.promo_text dl dd.mager{
	font-weight:200;	
}

.promo_bigpic{
	width:100%;
	padding:1em 0em 0em 0em;
	margin: 0px auto 80px auto;
	max-width: 1500px;
}
.promo_bigpic img{
	max-width:100%;
	height: auto;
}
.promo_bigpic_left{
	float:left;
	margin:0;
	padding:0;
	width:45%;
}
.promo_bigpic_right{
	float:left;
	margin:0em 0em 0em 1em;
	padding:0;
	width:45%;
}
.promo_bigpic dl dt{
	color:#86252b;
	font-size:1.25em;
	font-weight:bold;
}
.promo_bigpic dl dt{
	margin-top: 20px;	
}
.promo_bigpic dl dt a{
	font-size:1.15em;
	color: #86252b;	
}
.panel_list_2sp{
	/* [disabled]border:solid 1px #333; */
	margin: 0 auto 30px auto;
	width:95%;
	text-align: center;
}
.panel_element_2sp{
	width:48%;
	margin: 0;
	padding: 0;
	float: left;
	/* [disabled]border: solid 1px #333; */
}
.panel_list {
	align:left;
	/* [disabled]left:5%; */
	width:95%;
	margin: 0 auto 60px auto;
	/* [disabled]border: solid 1px #333; */
	padding: 0 0 0 0;
}
 
.panel_element {
	align:left;
	float:left;
	/* [disabled]border:1px #999 solid; */
	display: block;
	margin: 0 10px 0 0;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 28%;
}
.panel_element em {
	float:left;
	display: block;
	width: 30%;
	/* [disabled]border:solid 1px #999; */
}
.panel_element em img {
	max-width: 100%;
	height:auto;
}

.panel_element p {
	float:left;
	margin:auto 2px auto 10px;
	padding:0px 0 0 0;
	display: block;
	width: 66%;
	font-size: 1em;
}
p.one_lines{
	padding:3em 0 0 0;	
}
p.two_lines{
	padding:2em 0 0 0;	
}
p.three_lines{
	padding:1.2em 0 0 0;
}
p.four_lines{
	padding:1em 0 0 0;
}
.panel_element a{
color:#3c3d3e;
text-decoration:none;
}
.panel_element dl{
	font-size:1em;
	margin:0;
	padding:0;
}
.panel_element dt{
	font-weight:bold;
	margin:0;
	padding:0;	
}
.panel_element dd{
	margin:0;
	padding:0;	
}

.formal_wrapper{
	width:96%;
	margin: 0 auto;
	padding:5px 5px 20px 5px;
	text-align:center;
	background-color: #f3f5f5;
	/* [disabled]border: solid 1px #333; */
}
.kontaktpanel_list {
	align:left;
	position:relative;
	width:80%;
	overflow:auto;
	background-color: #f3f5f5;
	margin: 5px auto 5px auto;
	padding: 0 0 5px 0;
	/* [disabled]border-bottom: solid 1px #EFEFEF; */
	text-align: left;
	/* [disabled]border: solid 1px #999; */
}
 .kontaktpanel_list a {
	color:#8f3a17;
	text-decoration:none;
	font-weight:bold;
	font-size:110%; 
 }
.kontaktpanel_list_topline {
	align:left;
	position:relative;
	width:100%;
	overflow:scroll;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #EFEFEF;
	border-top: solid 1px #7e7d7b;
}
.kontaktpanel_element_single{
	width:83%;
	/* [disabled]float:left; */
	display: block;
	margin: 10px 6px 20px 0px;
	padding-top: 7px;
	padding-right: 1px;
	padding-bottom: 9px;
	padding-left: 13%;
	text-align: center;
	font-weight: bold;
}
.kontaktpanel_element_left{
	width:25%;
	align:left;
	float:left;
	display: block;
	margin: 0px 4px;
	padding-top: 6px;
	padding-right: 1px;
	padding-bottom: 4px;
	padding-left: 5px;
	text-align: right;
	/* [disabled]border: solid 1px #333; */
}
.kontaktpanel_element_right{
	width:65%;
	align:left;
	float:left;
	display: block;
	margin: 0px 4px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	/* [disabled]text-align: left; */
	/* [disabled]border: solid 1px #333; */
}
input.sendbutton{
	padding:10px 80px 10px 80px;
}
.kontaktpanel_list input {
	border:solid 1px #e7eaeb;
	background-color: #f9fafb;
	padding:5px;
}
.kontaktpanel_list textarea.text{
	width:86%;
}
.kontaktpanel_list input.text{
	width:85%;
}
.kontaktpanel_list input.orttext{
	width:68%;
}
.kontaktpanel_list input.plztext{
	width:15%;
}
.dist{
	margin:40px 0px;
	/* [disabled]border:solid 1px #0C9; */
}
 .content_wrap_2_spalten {  /* mit sub_sub für kleine Aufteilung footer_gross_index  */
	font-size: 1em;
	line-height: 1.4em;
	width:100%;
	margin: 30px auto 0 auto;
	display: block;
	/* [disabled]border: solid 2px #333; */
	/* [disabled]max-width: 1800px; */
	padding: 0   0;
}
.content_wrap_2_spalten dl dt{
	font-size:1.1em;
	text-align: left;
}

.content_wrap_2_spalten_left {
	float: left;
	width: 32%;
	padding: 5px 15px 5px 10%;
	margin: 0px 0px 0px 0px;
	/* [disabled]border: solid 1px #999; */
	text-align: center;
}

.content_wrap_2_spalten_right {
	float: right;
	width: 40%;
	padding: 0px 1% 0px 0%;
	margin: 0px 0 0 2%;
	/* [disabled]border: solid 1px #666; */
	text-align: center;
}   
.content_wrap_2_spalten_sublevel_left{
	float:left;
	width:40%;
	margin-bottom:15px;
	text-align:center;
	/* [disabled]border: solid 1px #666; */
}
.content_wrap_2_spalten_sublevel_right{
	float:left;
	width:50%;
	padding: 2% 0 0 3%;
	/* [disabled]border: solid 1px #666; */
}

 .content_wrap_2_spalten ul{
	font-size:1em;
	margin-top: 0px;
 }
 .content_wrap_2_spalten img {
	max-width:100%;
	height:auto;
 }
 .content_wrap_2_spalten_right img.shadowbild {
	border: solid 1px #d1d1d1;
	box-shadow: 3px 4px 5px #d1d6db;
 }
.content_wrap_2_spalten dl {
	margin:0px 0px 0px 0px;
	padding:0;
	/* [disabled]text-align:left; */
 }
 .content_wrap_2_spalten dl dt {
	font-size: 1.3em;
	margin:0px 0px 8px 0px;
	padding:0;
	font-weight: bold;
	/* [disabled]color: #565656; */
	line-height: 1.3em;
 }
 .content_wrap_2_spalten dl dt.toptext {
	position: relative;
	top: -100px;
 }
.content_wrap_2_spalten dl dt a {
	color:#003B59;
	font-size: 100%;
	text-decoration: none;
}
.content_wrap_2_spalten dl dt a:hover {
	color:#005c8c;
}
 .content_wrap_2_spalten dl dd{
	margin:0px 0px 5px 0px;
	padding:0;
	line-height: 1.6em;
	text-align:left;
 }
  .content_wrap_2_spalten dl dd.print{
	  padding: 30px 0 0 0;
		color:#999;
		font-size:0.8em;
  }
 .content_wrap_2_spalten a {
		color:#333; 
 }

@media screen and (max-width:109em) {
	#content_top_pv_angebot{
		height: 430px;
	}
	#content_top_jobs{
		height: 430px;
	}
	#content_top_kontakt{
		height: 290px;
	}
}
@media screen and (max-width:99em) {
	#content_top_pv_angebot{
		height: 400px;
	}
	#content_top_jobs{
		height: 400px;
	}
	#content_top_kontakt{
		height: 280px;
	}
}
@media screen and (max-width:89em) {
	.einblender_sliding img {
	/* [disabled]top:15px; */
	}
	h1  {
	font-size: 1.8em;
	padding-top: 30px;
	}
	.content_wrap_2_spalten {
		font-size: 0.9em;
	 }
}
@media screen and (max-width:79em) {
	.promo_top_sub_left_2sp {
	margin: -20px 2% 0 2%;
}
.bluewrapper_smarthome_gespiegelt {
	font-size: 1em;
}
#einblender_sliding, .einblender_sliding_smaller {
	font-size: 1.1em;
	height:30%;
}
#einblender_sliding img, #einblender_sliding_smaller img{
	max-width:90%;
}

}
@media screen and (max-width:69em) {
	#content_top_pv_angebot{
		height: 300px;
	}
	#content_top_jobs{
		height: 300px;
	}
	#content_top_kontakt{
		height: 260px;
	}
	#einblender_sliding, #einblender_sliding_smaller {
	font-size: 0.9em;
}
#einblender_sliding img, #einblender_sliding_smaller img {
	max-width:85%;
}
	.bluewrapper_smarthome_gespiegelt {
	font-size: 0.9em;
	/* [disabled]border:solid 1px #0F9; */
}
   .promo_top_wrap_sub_2_spalten dl dt.toptext {
	top: -50px;
	color:#666;
 }
  .promo_top_wrap_sub_2_spalten dl dt.toptext_2 {
	top: -20px;
 }

}
@media screen and (max-width:49em) {
	#content_top_pv_angebot{
		height: 260px;
	}
	#content_top_jobs{
		height: 260px;
	}
	#content_top_kontakt{
		height: 200px;
	}
	 .promo_top_wrap_sub_2_spalten dl dd {
	font-size: 0.9em;
 }
}

/* Declarations for the mobile menu */

/*@media screen and (max-width:28.125em) { */
@media screen and (max-width:45em) {
	
	h1  {
		font-size: 1.5em;
		padding-left:2%;
		padding-right:2%;
		padding-top:30px;
	}
	h2  {
		font-size: 1.1em; 
	}
  h3  {
		font-size: 1.1em; 
	}
	h3.dist_bottom {
	margin-bottom: 2px;
}
	h5  {
		font-size: 1.1em;
	}
	.page-wrapper {
	margin: 0px 0 0 0;
  }
  .page-wrapper_einblender {
	margin: 150px 0 0 0;
  }
  #top_kontakt{
	width:96%;
	padding:5px 2%;
	line-height: 2.2em;
}
  header {
	height: 110px;
	/* [disabled]border:solid 1px #CC0; */
	padding-top:10px;
	padding-bottom: 10px;
	padding-left:0;
	text-align:center;
	margin-top:0;
}
header img{
	max-width:65%;
}
.logo{
	width:90%;
	/* [disabled]display: block; */
	float: none;
	margin: 5px auto 25px auto;
	text-align:center;
	height:100px;
	/* [disabled]border:solid 1px #096; */
}
.logo img{
	max-width:50%;
	height:auto;
}
.logo_aside{
	width:90%;
	/* [disabled]display: block; */
	float: none;
	margin: 0 auto 15px auto;
	height:90px;
	/* [disabled]border:solid 1px #096; */
}

	 #content_top{
		background: url(../bg_pic/smart1_kl.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height:100%;
	 } 
	 #content_top_pv_angebot{
		height: 150px;
	}
	  #content_top_jobs{
		height: 150px;
	}
	#content_top_kontakt{
		height: 100px;
	}
	  .headline_werbeagentur {
		font-size:1.4em;
		margin-top: 12%;
		margin-right: 20%;
		line-height: 1.4em;
		margin-bottom: 0px;
		visibility:hidden;
	}

	.text_werbeagentur {
		font-size:0.9em;
		padding: 0px 0px 0px 0px;
		line-height: 1em;
		margin-bottom: 10px;
		margin-top:10px;
		margin-right: 20%;
		color:#FFF;
		visibility:hidden;
	}
	
	.einblender_top { /* loxone logo */
		margin-top:10%;
		margin-right: 0.6em;
		width:150px;
	}
	.einblender_top img {
		width:100%;
	}
	  
#einblender_sliding {  /* loxone logo sliding */
	/* [disabled]height:73%; */
	/* [disabled]top:1%; */
	left:0px;
	background: rgba(240,240,240,0.95);
	padding: 3px 1% 3px 1%;
	width:98%;
	font-size: 0.9em;
	font-weight:500;
	/* [disabled]border:solid 1px #999; */
}
#einblender_sliding_smaller {
	height:110px;
	top:1%;
	left:0px;
	background: rgba(240,240,240,0.95);
	padding: 3px 1% 3px 1%;
	width:98%;
	font-size: 1em;
	font-weight:500;
	/* [disabled]border:solid 1px #999; */
}
.einblender_sliding_top {
	height:12px;	
}
.einblender_sliding_top img {
	width:10%;
	height:auto;	
}
.einblender_sliding_wrap{
	display:block;
	margin-top:5px;
	width:100%;
	/* [disabled]border:solid 1px #999; */
}
.einblender_sliding_content_left {
	display:block;
	/* [disabled]float:none; */
	width: 47%;
	text-align:center;
	padding: 1px 1% 0px 1%;
	/* [disabled]border:solid 1px #999; */
}
.einblender_sliding_content_left img {
	width:50%;
	height:auto;
}
.einblender_sliding_content_right {
	display:block;
	/* [disabled]float:none; */
	width: 47%;
	text-align:center;
	padding: 1px 1% 0px 1%;
	/* [disabled]margin-top:40px; */
	/* [disabled]border:solid 1px #999; */
}
.zaehler_smarthome {
	float:none;
	margin:0 auto;
	font-size: 2em;
	text-align:center;
	padding: 10px 0 6px 0;
	/* [disabled]height:40px; */
}
.zaehler_text, .zaehler_text_2{
	font-size: 0.9em;
	padding: 10px 2px 1px 2px;
	text-align:center;
	width:96%;
	margin: 0 auto;
	/* [disabled]border:solid 1px #999; */
}
 .zaehler_text_2 {
	 padding-top:0;
	 font-size: 1em;
 }
.zaehler_pv, .zaehler_pv_2 {
	float:none;
	margin:0 auto;
	font-size: 2em;
	text-align:center;
	padding: 20px 0 6px 0;
	height:40px;
	/* [disabled]border:solid 1px #999; */
}
 .zaehler_pv_2{
	 padding: 30px 0 6px 0;
	 font-size: 2.3em;
 }

	  
	  /*    NAVIGATION    */
	  
	label.responsive-nav-label { /*  grauer Block Menue*/
	/* [disabled]border:solid 1px #CCC; */ 
	  width:100%;
	  position: relative;
	  display: block;
	  padding: 10px 0px 10px 0px;
	  background: #ecf2f5;
	  cursor: pointer;
	  color: #3d4041;
	  font-size:1.4em;
	  background-color:#f5f8f9;
	  margin:-50px 0 20px 0;
	  text-align:center;
	}
	  
	label.responsive-nav-label span {  /* kleines Strich-Icon Menue */
	  margin-right: 0px;  
	}
	input#responsive-nav[type=checkbox]:checked ~ nav {
	  position: relative;
	  top: 0;
	}
	
	
	nav {
	/* [disabled]border:solid 1px #CCC; */
	position: absolute;
	top: -9999px;
	left:0px;
	padding: 10px 0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	line-height:0.9em;
	width:100%;
	}
	
	nav ul {
		margin:0 ;
		margin:0 auto; /* Ausrichtung center */
	}
	
	
	nav a:after {
	  display: none;
	}
	
	nav li {
	  float: none !important;
	  width: 100% !important;
	  border-bottom: none !important; 
	  padding-bottom:20px;
	  margin:0 0 0 20%; /* Ausrichtung Submenue */
	  text-align:center;
	}
	  
	nav li a {
	margin-bottom: 1px !important;
	padding: 4px 5px 10px 6px !important;
	font-size:1.25em; 
	font-weight:500;
	}
	  	  
	nav ul li a:hover {
	/* [disabled]color: #064405; */
	}
	  
	
	nav ul ul {
	  position: relative !important;
	  width: 100%;
	  left: 0 !important;
	  top: 0 !important;
	  background: none !important;
	  box-shadow: none;
	  padding-top: 0px;
	}
	  
	nav ul ul li {
	  padding: 0 0 0 0px;
	  margin:0 ; 
	}
	nav ul ul li a{
	font-size:1em;
	font-weight:200;
	padding: 8px 0px;
	}
	
	nav ul ul li.smarthome{
	background: none;
	padding-left: 0px;
}
nav ul ul li.sicherheit{
	background: none;
	padding-left: 0px;
	}
	nav ul ul li.team{
	background: none;
	padding-left: 0px;
	}
	nav ul ul li.elektroinstallation{
	background: none;
	padding-left: 0px;
	
	}
	nav ul ul li.haustechnik{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.baustrom{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.solarangebot{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.photovoltaik{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.solarnutzung{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.solaranlagen{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.formal{
	background:none;
	padding-left: 0px;
	}
	nav ul ul li.formal_eingerueckt{
	background:none;
	padding-left: 0px;
	}


/* CONTENT */

.main{
	margin-bottom:20px;	
}

.promolink_bgcolor{
	padding:2%;	
}

.promolink_bgcolor dl{
	margin:6px auto; 
	line-height:1.4em;
 }
 .promolink_bgcolor ul li{
	text-align:center;
	/* [disabled]padding-bottom:5px; */
 }
.promolink_bgcolor dl dt{
	font-size:1.3em;
	/* [disabled]color:#FFF; */
	padding: 10px 0;
	font-weight: 600;
}
.promolink_bgcolor dl dd{
	font-size:1em;
	/* [disabled]color:#FC0; */
	padding: 8px 0;
	font-weight: 600;
}

.promo_top_sub_left_2sp, .promo_top_sub_left_2sp_wide, .promo_top_sub_left_2sp_narrow {
	float: none;
	width: 94%;
	margin: 8px auto 10px auto;
	/* [disabled]border:solid 1px #039; */
}
.promo_top_sub_right_2sp,   .promo_top_sub_right_2sp_wide , .promo_top_sub_right_2sp_narrow {
	float: none;
	width: 96%;
	margin: 10px auto 0px auto;
	padding-top:10px;
	text-align: center;
	/* [disabled]border:solid 1px #039; */
}
.promo_top_sub_left_2sp_wide dl dt, .promo_top_sub_left_2sp_narrow dl dt { /* Stellenangebote */
	text-align:center;
}
 .promo_top_sub_left_2sp_wide dl dd, .promo_top_sub_left_2sp_narrow dl dd { /* Stellenangebote */
	text-align:center;
}
.promo_top_wrap_sub_2_spalten dl dt {
	margin:0px 0px 10px 0px;
	font-size: 1.3em;
	text-align:center;
 }
   .promo_top_wrap_sub_2_spalten dl dt.toptext {
	top: -10px;
 }
  .promo_top_wrap_sub_2_spalten dl dt.toptext_2 {
	top: -40px;
	color:#666;
 }
 .promo_top_wrap_sub_2_spalten dl dd {
	font-size: 1em;
 }
  .promo_top_wrap_sub_2_spalten dl.jobs dt {
	height: 230px;
	background-position:right center;
  }
   .promo_top_wrap_sub_2_spalten dl.jobs ul li{
	  text-align:left;
	  list-style:circle;
  }
.promo_top_sub_right_2sp img,  .promo_top_sub_right_2sp_narrow  img {
	max-width:90%;
	margin-top:10px;
}
.promo_top_sub_level2_2sp_left {
	float: left;
	width: 95%;
}
.promo_top_sub_level2_2sp_right {
	float: left;
	width: 95%;
	margin:0;
}

.bluewrapper {
	padding-top:10px;
	margin-bottom: 20px;
}
.bluewrapper_gespiegelt {
	padding-top:10px;
	margin-bottom: 20px;
}
.bluewrapper_dark {
	padding:0.2em 0em 1em 0em;

}
.bluewrapper_light {
	padding:0.2em 0em 1em 0em;

}
.bluewrapper_smarthome {
	padding:5em 0em 0.5em 0em;
	margin: 10px 0 20px 0;
	/* [disabled]border:  solid 1px #096; */
}
.bluewrapper_smarthome_gespiegelt {
	padding:5em 0em 2em 0em;
	background-image: url(../Smarthome/pics/bg_smarthome_div_blau.jpg);
}
 
  
  .zurueckbutton_div {
	text-align:center;
  }
  .zurueckbutton, .bewerbenbutton {
	text-align:center;
  }
.content_wrap_sub_3_spalten {
	padding:0px;
}
.content_sub_left_3sp {
	padding: 20px 0px 20px 10px;
	width: 95%;
}
.content_sub_left_3sp img {
	max-width:100%;
}
.content_sub_middle_3sp {
	padding: 0px 10px 0px 20px;
	margin: 50px 0px 50px 0;
	width: 85%;
}
.content_sub_middle_3sp dl dt {
	font-size:1.15em;
	line-height:1.2em;
	font-weight: bold;
}
.content_sub_middle_3sp dl dd {
		line-height:1.3em;
}
.content_sub_right_3sp {
	width: 90%;
	padding: 10px 0px 20px 10px;
	margin: 0;
	text-align:center;
}   	
.content_sub_right_3sp img {
	max-width:100%;
}
.panel_list{
	/* [disabled]border:solid 1px #333; */
	margin: 0 0 40px 0;
	width:100%;
}
.panel_element{
	width:95%;
}
.panel_element em img{
	max-width:90%;
	max-height:auto;
}

.promo_bigpic_left{
	width:95%;
}
.promo_bigpic_right{
	width:95%;
}
.whitewrapper {
	width:96%;
}
.promo_text dl dt{
	font-size:1.3em;
	text-align:center;
	margin: 10px 0 10px 0;
}
.promo_text dl dd{
	font-size:1em;
	text-align:center;
}
.promo_text_left{
	width:95%;
	margin-bottom: 2px;
	padding-top: 0px;
}
.promo_text_right{
	width:95%;
	padding: 0;
	margin:0;
}

.promo_text_left_align_right{
	margin:0 auto;
	padding:5px;
	width:95%;
	text-align:center;
	/* [disabled]border: solid 1px #333; */
}
.promo_text_right_align_left{
	margin:0  auto;
	padding:5px;
	width:95%;
	/* [disabled]border: solid 1px #333; */
	text-align: center;
	font-size:0.9em;
}
.line_shorter{
	border-top:solid 1px #CCC;
	width:80%;
	margin: 40px auto 30px auto;
}

.totop{
	visibility:visible;
}
.formal_wrapper{
	width:90%;
}
.kontaktpanel_list {
	width:100%;
}
.kontaktpanel_element_left{
	width:90%;
	text-align:left;
	padding-left: 3%;
}
.kontaktpanel_element_right{
	width:90%;
	text-align:left;
}
.kontaktpanel_list textarea.text{
	width:97%;
}
.kontaktpanel_list input {
	font-size:0.95em;	
}
.kontaktpanel_list input.text{
	width:91%;
}
.kontaktpanel_list input.orttext{
	width:72%;
}
.kontaktpanel_list input.plztext{
	width:15%;
}
footer {
	font-size: 1em;
	width:98%;
	padding: 5px 1% 5px 1%;
}
.content_wrap_2_spalten {
	width:100%;
	height:none;
	padding:0;
	margin-top:20px;
 }
  .content_wrap_2_spalten img.shadowbild {
	margin-left: 0%;
 }
 content_wrap_2_spalten ul {
		font-size:1em; 
		margin:0 auto;
 }
 .content_wrap_2_spalten dl {
	width:90%;
	padding:0;
	text-align:center;
 }
  .content_wrap_2_spalten dl dt {
	font-size: 1.2em;
	margin:0 0 0 0;
	text-align:center;
	margin:0px 0px 0px 0px;
  }
  .content_wrap_2_spalten dl dd {
	text-align:center;
	font-size: 1.1em;
	margin-top:7px;
  }
  .content_wrap_2_spalten dl dd.img {
	text-align:center;
  }
   .content_wrap_2_spalten table td {
	/* [disabled]border:solid 2px #0F3; */
	text-align:center;
	width:100%;
   }
   .content_wrap_2_spalten dl dd.print{
	  display:none;
  }
.content_wrap_2_spalten_left {
	float: left;
	width: 98%;
	margin: 0px auto 10px auto;
	text-align:center;
	padding:0 1%;
}
.content_wrap_2_spalten_right {
	float: left;
	width: 98%;
	margin: 20px auto 10px auto;
	text-align:center;
	padding: 0px 1%;
	font-size:1em;
}
.content_wrap_2_spalten_sublevel_right {
	float: none;
	width: 98%;
	margin: 0px auto 10px auto;
	/* [disabled]border:solid 2px #999; */
}
.content_wrap_2_spalten_sublevel_left{
	float:none;
	width:96%;
	padding: 2% 0 2% 2%;
	/* [disabled]border:solid 2px #999; */
}
.content_wrap_2_spalten_sublevel_right{
	float:none;
	width:98%;
	padding: 2% 0 0 2%;
	/* [disabled]border:solid 2px #999; */
}
}