/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image: url(../images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:710px;
	
	/* some padding to layout nested elements nicely  */
	padding:50px;

	/* a little styling */	
	font-size:11px;
	z-index:10001;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image: url(../images/close.png);
	position:absolute; 
	right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index:50001;
}
/* the overlayed element */

/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(../images/transparent.png);		
		color:#fff;
		z-index:10001;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
		z-index:10001;
	}
	
	div.black h2 {
		color:#fff;
		z-index:10001;
	}
	
	#triggers {
		text-align:left;
		z-index:10001;
	}
	
	#triggers img {
		z-index:10001;
		background-color:#fff;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
/* overlay size and background image */
.overlay {

	/*
		THIS ARE YOUR FULLSCREEN DIMENSIONS
	*/
	background-image:url(../images/petrol.png);
	display:none;
	padding: 0;
	z-index:10001;
}

/* close button for overlay */
.overlay .close {
	background:url(../images/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px;
	width:35px;
	height:35px;
	cursor:pointer;
}

/* original size of the player */
#player, #player_api {
	z-index:9;

	display:block;
}

/* absolute positioning of the player */
#player_api {
	
	position:absolute; 
	/* layer as the topmost element */
	z-index:10002;	
}
html, body {
	height:auto;
}
body{
	/*background:url("../images/back.jpg") repeat-y center top; */
	background-attachment:fixed;
	background-color: #FFF; /*#FFFFCC;*/
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{
	font-family: Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:normal;	
}
* {
/*_behavior: url(https://www.elektro-janssen.de/css/iepngfix.htc); */
}

#struktur {
	width:1000px;	
	margin-top:0px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;	
}
#back {
	width: auto;
	margin:0 auto;
	/*background: url(../bilder/bg-shadow.png) top center repeat-y;*/
}


A:link {
	color: #004389;
	text-decoration: none
}
A:visited {
	color: #000;
	text-decoration: none
}
A:active {
	color: #ccc;
	text-decoration: none
}
A:hover {
	color: #ccc;
	text-decoration: none
}
#header {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	position:relative;
	/*background-color: #333;*/
}
#logo {
	position: relative;
	/*background-size: 100% 100%;
	margin-top:0px;*/
	margin-left:auto;
	margin-right:auto;
	/*background: url(../bilder/kopf-11_2014.jpg);
	background-position: center;
	background-repeat:no-repeat;
	vertical-align: middle;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain; */
}
#linie1{
	height:1px;
	width:1000px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	position:absolute;
}
#linie2{
	height:1px;	
	width:1000px;
	margin-top:111px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	position:absolute;
}
.swf{
	padding-top:5px;
	height:368px;
	background: url(../bilder/grau_2.jpg);
	background-repeat: no-repeat;
	background-position:center;
	
}
.text_gross{
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#000;
}
.text{
	padding-left:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	text-align:left;
}
.start{
	background-color: #ffffff;
	padding-top:10px;
	height:499px;
}
#unten{
	width:1000px;	
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top: 8px;
	padding:0;
	/*background-color: #D9D9D9;height:100%;*/
	z-index:0;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	/*background-color: #990000;	
	border: 1px solid #000;*/
}
#unten img{
	border:none;
}
.carousel_bild {
	display: block;
	height: 400px;
}
.carousel-caption{top:20px;}
.liste {
	width:100%;
	text-align:center;
	/*background-color:#333333;*/
	border:1px solid #CCC;
}
#bildbereich{
	position:relative;
	margin-top:5px;
	padding-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:auto;
}
#links{
	padding:0;
	/*margin: 2px 2px 2px 0;background-color: #c0c0c0;border-left: 4px solid #D9D9D9;height:509px;*/
	width: 246px
}
#links img{
	vertical-align:bottom;
}
#kontakt_box{
	position:relative;
	height:280px;
	width:194px;
	display:block;
}
.kontakt_box_text{
	position: absolute;
	width:184px;
	bottom:2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	left: 5px;
}
.nav_l{
	background-color: #EBEBEB;
	padding-top:13px;
	margin-top:10px;
	height:33px;
	text-align:left;	
}
.nav_l a{
	color:#000;
	padding: 0 5px;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
}
.nav_l a:hover{
	color:#CCC;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
}
#menu {
	/*margin:20px 0 20px 0;*/
	text-align:left;
	/*float:left;*/
	width:193px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	
	margin:0;
	padding:0;
	list-style:none;
	/*border-top:2px solid #990000;
	min-height:100px;border-bottom:2px solid #D9D9D9;*/

}
#menu a {
	display:block;
	color:#FFF;
	text-decoration:none;
	line-height: 1.8;
	padding-left:10px;

	/*background: url(../images/arrow.gif) no-repeat 0px 4px;	
	border-bottom:1px solid #F90;*/	
}
#menu li {
	height:26px;
	vertical-align:middle;
	background: #2B2B2B;
	/*border-bottom: 1px solid #4F4F4F;
	width:194px;*/
	list-style-type:none;
}
#menu ul, li {
	margin: 0; 
	padding: 0; 
} 
#menu li li a{
	color:#000; 
}

#menu li:hover a,
#menu li.sfHover a,
#menu li.active:hover a,
#menu li.active.sfHover a {
	background: url(../images/header-over.png) 0 0 repeat-x;
}
#menu li li a:link,
#menu li li a:visited,
#menu li li a:hover,
#menu li.active li a:link,
#menu li.active li a:visited,
#menu li.active li a:hover {
	background: url(../images/submenu.png) 100% 50% repeat-y;
}
#menu li:hover li:hover,
#menu li.sfHover li.sfHover,
#menu li.active li.active {
	background-color: #212121;
	background-position: left top;
	/*float: left;*/
	list-style-position: inside;
	list-style-type: none;
}
#menu a:hover {
	display:block;
	text-decoration:none;
	font-size:14px;
	color:#CCC;
}
#mitte{
	position:relative;		
	margin-top:3px;
	/*margin:2px 4px 0px 2px;height:509px;background-color: #c0c0c0;*/
}
.mitte_text{
	/*margin:20px 0 20px 0;padding-left:10px;
	padding-right:10px;*/
	padding-top:10px;	
	background-color: #ffffff;
	text-align:justify;
	color:#000;
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:normal;	
	overflow:hidden;
	/*border-top:2px solid #990000;height:499px;*/
}
.mitte_text table{width:100%;}
.mitte_text td{width:50%;}
.mitte_text a{
	color:#004389;
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:normal;
}	
.mitte_text a:hover{
	color:#FC0;
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:normal;
}
.mitte_freitext{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	background-color: #ffffff;
	color:#000;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	height:499px;
}
.mitte_weg{
	padding-top:10px;
	background-color: #ffffff;
	color:#000;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
}
.mitte_job{
	height:499px;
	width:523px;
	display:block;
	overflow: auto;
	/*position:absolute;*/
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	background-color: #ffffff;
	color:#000;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
}
.mitte_freitext ul, li{
	color:#000;
}
#rechts{
	margin:2px 2px 2px 0;
	position:static;
	/*background-color: #c0c0c0;*/
	height:509px;
	width: 246px;
	overflow:hidden;
}
.rechts_quelle{
	color:#999;
	padding-left:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	position: absolute;
	height:auto;
}
.swf_werbe{

	display:none;
	text-align:left;
	/*margin:20px 0 20px 0;
	border-bottom:4px solid #D9D9D9;*/
	margin:0;
	padding:0;
	vertical-align:top;	
	width: 246px;
	/*border-top:2px solid #990000;display:block;*/
}

.swf_werbe_rahmen{
	color:#999;
	display: block;
	position: absolute;
	width: 246px;

	
}
a#mybox { 
	display: block;
	width:100%;
	height:100%;
}
object{
	display:block;
}
.clear {
clear:left;
}
#footer{
	width:1000px;
	height:33px;
	padding-left:5px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	background-color: #EBEBEB;
	/*background-image: url(../images/header-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;*/
	
}
.text_footer{	
	position:static;
	color:#000;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	padding-left:0px;
	padding-top:5px;
	
}
.text_footer a{
	color:#000;

}.text_footer a:hover{
	color:#ccc;

}
.doubletunderline{
	text-decoration : underline;
	border-bottom : 1px solid black;
}
table#t1 td
{
  position: relative;
  border:none;
 /* background-image:url(../bilder/grau2.png); 
 background-attachment:fixed*/
  background-repeat: no-repeat;
  background-position: center;
  background-color: #990000;
}
.slogan
{
	font-family:Verdana, Geneva, sans-serif;
	color:#FC0;
}
.style1 {
	font-family:Verdana, Geneva, sans-serif;
	background-color:#332B40;
	color: #fff;
	text-align:center;	
}
.style11 {
	font-family:Verdana, Geneva, sans-serif;
	color: #fff;
	background-color:#332B40;
	text-align: left;
	padding-left:5px;	
}
.style11_r {
	font-family:Verdana, Geneva, sans-serif;
	color: #fff;
	background-color:#332B40;
	text-align: right;
	padding-right:5px;	
}
.style111 {
	font-family:Verdana, Geneva, sans-serif;
	color: #fff;
	text-align: left;
	padding-left:5px;
	padding-right:5px;
	vertical-align:bottom;
	background-color:#FF6600;	
}
.style1111 {
	font-family:Verdana, Geneva, sans-serif;
	color: #fff;
	text-align: center;
	padding-left:5px;
	padding-right:5px;
	vertical-align:bottom;
	background-color:#FF6600;	
}
.style2 {
	font-family:Verdana, Geneva, sans-serif;
	color: #000;
	text-align:center;	
	background-color:#e0e0e0;
}
.style21 {
	font-family:Verdana, Geneva, sans-serif;
	color: #000;
	text-align: left;	
	background-color:#e0e0e0;
	padding-left:5px;
}
.style21_r {
	font-family:Verdana, Geneva, sans-serif;
	color: #000;
	text-align: right;	
	background-color:#e0e0e0;
	padding-right:5px;
}
.Stil3 {
	font-size: large;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.style11 {
	color: #FFFFFF;
}
.Stil4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.Stil5 {
	color: #FF9900;
	font-size:18px;
	font-size: large;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.tab{
	padding-left:10px;
}
#unten table tr td table {
	text-align: left;
}
.mail {	
	display:block;
	position: absolute;
	z-index:4;
	margin-left:480px;
	margin-top:165px;
	border:1px solid #000;
	width:250px;
	height:30px;
}
.divlink {
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px; 
	display:none;
	position: absolute;
	z-index:4;
	top:40px;
	left:485px;
	width:400px;
	line-height:31px;
	/*height:30px;*/
}
.center {
	text-align:center;
}
.text-klein {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
/*#back #struktur #unten #mitte .mitte_text table {
	font-size: 12px;
}*/

#logo img, #bildbereich img { width: 100%; height: auto; }
.reframe { max-width: 96%; /*margin: 0 auto;*/ }
#topline { background: black; color: white; }
#topline p { margin: 0; padding:0 0 20px 0; font-size: 1.6em; text-align: center; line-height: 100%; }

#content, #logo {width: 100%}
#content, #logo {margin-top:10px}
/*#content img { width:123px; height:123px;}*/
#content main { float:none; padding-left:10px}

/* Tabletts */
@media only screen and (min-width: 760px) {
	#topline { background: plum; height: 30px; }
	.reframe { max-width: 760px; }
	.swf_werbe {display: block}
	
	.divlink{display:none;}
	#content{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content: space-between;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	#content main {
		width:500px;
	}
}

/* Mittlere Größe */
@media only screen and (min-width: 980px)  {
	#topline { background: orangered; }
	.reframe { max-width: 980px; }
	#content{ width:100% }
	.swf_werbe, .divlink {display: inline}
	#content{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content: space-between;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	#content main {
		width:700px;
	}	
	#content header {
		height:2.8em;
	}
}

/* Große Monitore */
@media only screen and (min-width: 1280px)  {
	#topline { background: gold; }
	.reframe { max-width: 1280px; }
	.swf_werbe, .divlink {display: static;}
	#content {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content: space-between;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap:  nowrap;
		flex-wrap: nowrap;
	}
	#content main {
		width:700px;
	}
	#content header {
		height:2.8em;
	}
	#header{width:1000px;}
}