body { font-size: 0.72em; color:#eaeaea; font-family: "Lucida Grande", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; line-height: 1.6em; background-color: #f7f7f7; padding:0; margin:0; }
a { color: #fff; text-decoration: none; }
a:visited {color:#fff;}
a:hover {color: #fff;}
a:active { color:#fff;}
h1 { color: #fff; font-size: 2em; font-family: "Lucida Grande", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal;f;line-height: normal; margin-top: 0; margin-bottom: 0; padding: 0 0 0 20px; ont-variant: normal; opacity: 0.9; }
h2 { color: #fff; font-size:1.2em; font-family: "Lucida Grande", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal; padding: 3px 10px 4px; margin:0; }
h4 { font: 1.6em/1.3em "Lucida Grande", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; width: 300px; margin-top: 10px; margin-left: 10px; }
/* ----------container-------------- */
#container { width: 640px; margin: 0 auto; padding: 0; background-color: #8ab6d1; background-image: url(pics/schatten_seite.gif); }
#container1 { background-color: #1980ba; background-image: url(pics/schatten_seite.gif); margin: 0 auto; padding: 0; width: 640px; }
#container2 { background-color: #b03d1c; background-image: url(pics/schatten_seite.gif); margin: 0 auto; padding: 0; width: 640px; }
#container3 { background-color: #40aa36; background-image: url(pics/schatten_seite.gif); margin: 0 auto; padding: 0; width: 640px; }
/* ----------head-------------- */
#top { color: #9b9b9b; font-size: 0.96em; background-color: #f7f7f7; margin: 5px auto 0; padding: 0 75px 3px 0; background-image: url(pics/schatten_oben.gif); background-repeat: no-repeat; background-position: center bottom; width: 640px; }
#top a { color: #9b9b9b; font-size: 0.96em; }
#top p{ text-align: right; margin: 0; padding: 0 10px; }
#mainnavi { color: #c6c6c6; font-size: 1em; background-image: url(pics/header_kontakt.jpg); background-repeat: no-repeat; background-position: center bottom; position: relative; height: 215px; margin-top: 0; padding-top: 0; padding-left: 0; }
#header_photovoltaik { color: #c6c6c6; font-size: 1em; background-image: url(pics/header_photovoltaik.jpg); background-repeat: no-repeat; background-position: center bottom; margin-top: 0; padding-top: 0; padding-left: 0; position: relative; height: 215px; }
#header_sicherheitstechnik { color: #c6c6c6; font-size: 1em; background-image: url(pics/header_sicherheitstechnik.jpg); background-repeat: no-repeat; background-position: center bottom; margin-top: 0; padding-top: 0; padding-left: 0; position: relative; height: 215px; }
#header_elektroinstallation { color: #c6c6c6; font-size: 1em; background-image: url(pics/header_elektroinstallation.jpg); background-repeat: no-repeat; background-position: center bottom; margin-top: 0; padding-top: 0; padding-left: 0; position: relative; height: 215px; }
sup { font-size: 0.6em; text-align: right; margin-top: 0; margin-bottom: 0; padding: 0; }
#logo { float: left; width: 370px; margin-top: 30px; padding-top: 0; padding-left: 20px; }
#firma { text-align: right; height: auto; float: left; margin-top: 0; margin-bottom: 0; padding: 0; }
#zitat { color: #8ab6d1; text-align: left; padding-left: 40px; float: left; }
#zitat1 { color: #1980ba; text-align: left; padding-left: 40px; float: left; }
#zitat2 { color: #b03d1c; text-align: left; padding-left: 40px; float: left; }
#zitat3 { color: #40aa36; text-align: left; padding-left: 40px; float: left; }
/* -----------------Inhalt--------------------- */
#content { background: #8ab6d1 url(pics/schatten_seite.gif) repeat-y center 0; height:  auto !important; min-height: 400px; height: 400px; margin: 0 auto; padding: 0; }
#content1 { background: #1980ba url(pics/schatten_seite.gif) repeat-y center 0; height:  auto !important; min-height: 400px; height: 400px; margin: 0 auto; padding: 0; }
#content2 { background: #b03d1c url(pics/schatten_seite.gif) repeat-y center 0; height:  auto !important; min-height: 400px; height: 400px; margin: 0 auto; padding: 0; }
#content3 { background: #40aa36 url(pics/schatten_seite.gif) repeat-y center 0; height:  auto !important; min-height: 400px; height: 400px; margin: 0 auto; padding: 0; }

p, pre {
	padding: 0 10px 0;
}
pre, code { font-size: 1.2em;}
.gross {
	width: 5.71em;
	height: 1.07em;}
/* -----------footer--------------------------- */
/*<agl.folder "menu">*/
	#menu { position: absolute; left: 0; bottom: 0; float: left; margin-top: 0; margin-bottom: 0; margin-left: 20px; padding-right: 20px; padding-left: 0; }
	#menu li { list-style: none; float: left; }
	#menu li a { cursor: pointer; padding: 5px 20px; line-height: 25px; background: #c0c0c0; color: #fff; margin: 0 1px 0 0; }
	#menu li a:hover { color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
	#menu li a.current1 { background: #1980ba; color: #fff; }
	#menu li a.current2 { color: #fff; background: #b03d1c; }
	#menu li a.current3 { color: #fff; background: #40aa36; }
	#menu li a#first  { background-color: #1378a1; padding: 5px 20px; }
	#menu li a:hover#first { background-color: #1980ba; padding: 5px 20px; }
	#menu li a#second { background-color: #a13818; padding: 5px 20px; }
	#menu li a:hover#second { background-color: #b03d1b; padding: 5px 20px; }
	#menu li a#last { background-color: #3a9b31; padding: 5px 20px; }
	#menu li a:hover#last { background-color: #40aa36; padding: 5px 20px; }
/*</agl.folder>*/
/*<agl.folder "sidebar">*/
	#sidebar { text-indent: 20px; width:150px; float:left; padding-top: 20px; padding-left: 20px; }
	#sidebar h2 { color:#fff; font-family: "Lucida Grande", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; line-height: normal; margin: 0; background-position: 0 0; padding: 3px 10px 3px 0; border-bottom: 1px solid #fff; }
	#sidebar ul { list-style:none; 	border-top:1px solid #eee; border:none; padding:0; margin:0 0 15px 0; }
	#sidebar ul a { color: #eaeaea; list-style: none; margin: 0 0 15px; padding: 0; border: none; }
	#sidebar ul a:hover { color: #fff; list-style: none; margin: 0 0 15px; padding: 0; border: none; }
	#sidebar ul a:active { color: #fff; list-style: none; margin: 0 0 15px; padding: 0; border: none; }
	#sidebar ul li { padding:3px 5px 3px 0; margin:0; border-bottom: 1px solid #fff; }
	#sidebar ul li a { border: 0; }
/*</agl.folder>*/
.text { font-size: 1em; width: 375px; float: left; margin: 17px 20px 20px 30px; }
.text_schmal { font-size: 1em; float: left; margin: 17px 10px 10px 0; padding-left: 30px; }
#shadow_bottom { color: #9b9b9b; font-size: 0.96em; background-color: #f7f7f7; background-image: url(pics/schatten_unten.gif); background-repeat: no-repeat; background-position: center 0; text-align: center; vertical-align: bottom; padding-right: 15px; padding-left: 15px; height: 20px; margin-bottom: 7px; }
#shadow_bottom a { color: #9b9b9b; font-size: 0.96em; }
#footer {
clear: both;
margin: 0;
padding: 0;
text-align: right; }
#login { position: fixed; left: 0; bottom: 0; margin-bottom: 0px; margin-left: 0px; }
.WebYepGalleryContainer { text-align: center; margin-top: 15px; margin-left: 10px; }
.WebYepGalleryImage img { margin-bottom: 5px; }
#twGmap { display:inline; width: 380px; height: 365px; float: right; margin-top: 20px; margin-right: 40px; margin-bottom: 20px; padding: 0; }
/*---------google maps infofenster-----------*/
.twGmapInfo { color: #8ab6d1; width: 165px; margin: 0px; padding: 0px; border-style: solid; border-width: 5px; }
.twGmapInfo .headline {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.twGmapInfo .text {
	/*float: right;*/
	margin: 0px;
	padding: 0px;
}
.twGmapInfo a { font-weight: bold; background-color: #8ab6d1; margin: 0; padding: 0 15px; }
.twGmapInfo .img {
	float: right;
	margin: 0 4px 2px;
	padding: 0;
	
}
.twGmapInfo .video {
	float: left;
	margin: 0 4px 2px;
	padding: 3px;
	font-size: 0.8em;
	font-weight: bold;
}
.twClear {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}
#simple_example_window{
    width: 100px;
  }
  #simple_example_window_contents{ background-color: #8ab6d1; padding: 3px 7px 0; border: solid 2px #f7f7f7; }
  #custom_info_window_red_beak{ background: url(pics/beak.png) no-repeat center bottom; width: 16px; height: 16px; }
  * html #simple_example_window_beak{
    /* Alpha transparencies hack for IE */
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/beak.png', sizingMethod='crop');
  }
  #simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, #simple_example_window_br,
  #simple_example_window_t,#simple_example_window_l,#simple_example_window_r,#simple_example_window_b{
    background-color: transparent;
    height: 2px;
    width: 2px;
  }
  
  .responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}