* { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; padding: 0; } p, ul, ol { font-size: 12px; line-height: 1.5em; margin-bottom: 0.5em; } input.text { font-size: 12px; padding: 1px; }  body { background: #fafafa; text-align: center; } div#all { background: #fafafa; margin: 0 auto; padding: 8px; text-align: left; width: 838px; } div#all-inner { background:white; border: 1px solid #505954; padding: 305px 6px 6px 6px; } div#magnus-header { height: 285px; position: absolute; top: 14px; width: 822px; border-bottom: 7px #505954 solid; background:white;} div#magnus-logo { background: url(/img/magnus/head/logo.jpg) no-repeat top left; height: 280px; position: absolute; width: 223px; } div#magnus-headpicture { background: url(/img/magnus/head/magnus.jpg) no-repeat top right; height: 280px; margin-left: 229px; position: absolute; width: 593px; } div#magnus-headpicture.hardware { background-image:url(/img/magnus/head/hardware.jpg); } div#magnus-headpicture.software { background-image:url(/img/magnus/head/software.jpg); } div#magnus-headpicture.service { background-image:url(/img/magnus/head/service.jpg); } div#magnus-headpicture.internet { background-image:url(/img/magnus/head/internet.jpg); } div#magnus-logo * { display: none; } div#magnus-headpicture h2 { color: #505954; font-size: 14px; font-weight: normal; height: 30px; letter-spacing: 1px; line-height: 30px; margin-left: 10px; margin-top: 110px; } div#magnus-content, div#magnus-menu, div#magnus-banner { float: left; } div#magnus-menu { border-top: 1px solid #515a55; margin-left: -822px; width: 175px; } div#magnus-menu ul { list-style: none; } div#magnus-footer { background: #515a55; clear: both; height: 24px; } div#magnus-footer { text-align: right;} div#magnus-footer a { color: white; font-size: 9px;} div#magnus-footer span { padding: 0px 5px 0px 5px; } div#magnus-banner { margin-left: 6px; width: 172px; } div#magnus-content { margin-left: 189px; width: 454px; color: #3D4541; } div#magnus-contents { background: url(/img/magnus/magnus-contents-bg.gif) repeat-y -6px top; border-left: 1px solid #515a55; }  div#address { margin: 40px 5px 0 5px; text-align: center; } div#address address { border: 1px solid #505954; color: #505954; font-size: 11px; font-style: normal; line-height: 1.3em; padding: 0.5em; text-align: left; } div#buerozeiten { margin: 10px 5px 10px 5px; text-align: center; border: 1px solid #505954; color: #505954; font-size: 11px; font-style: normal; line-height: 1.3em; padding: 0.5em; text-align: left; }  div#magnus-text { border: 1px solid #515a55; border-style: solid none none solid; padding: 8px; padding-top: 3.5em; } div#magnus-text h3 { font-size: 16px; font-weight: normal; margin-bottom: 0.2em; } div#magnus-text h4 { font-size: 14px; font-weight: normal; margin-bottom: 0.2em; } div#magnus-text h5 { font-size: 13px; font-weight: bold; margin-bottom: 0.2em; } div#magnus-text h6 { font-size: 12px; font-weight: bold; margin-bottom: 0.2em; } div#magnus-text span.picture-left, div#magnus-text span.picture-right { border: 1px solid #505954; display: block; float: left; margin: 0 8px 8px 0; padding: 5px; } div#magnus-text span.picture-right { float: right; margin: 0 0 8px 8px; } div#magnus-text span.picture-left img, div#magnus-text span.picture-right img { display: block; } div#magnus-text p { font-size: 11px; text-align: justify; } div#magnus-content h2 { background: url(/img/magnus/header/magnus.jpg) no-repeat; color: #505954; font-size: 18px; font-weight: bold; border-bottom: 5px solid white; padding: 15px 60px; height: 20px; margin-top: -7px;} div#magnus-content h2.hardware {background-image:url(../../img/magnus/header/hardware.jpg); color: #D1960C;} div#magnus-content h2.software {background-image:url(../../img/magnus/header/software.jpg); color: #2CAC0F;} div#magnus-content h2.internet {background-image:url(../../img/magnus/header/internet.jpg); color: #1765BD} div#magnus-content h2.service {background-image:url(../../img/magnus/header/service.jpg); color: #D31B1B;} div#magnus-content h2.fernwartung {background-image:url(../../img/magnus/header/fernwartung.jpg); color: #367FAC;}  div#breadcrumbs { border-bottom: 1px solid #505954; position: absolute; top: 365px; width: 444px; } div#breadcrumbs ol { list-style: outside square; margin: 0; padding: 0.2em 0 0.4em 0.2em; } div#breadcrumbs ol li { background: url(/img/magnus/breadcrumbs-list.gif) no-repeat center left; color: #505954; display: inline; font-size: 10px; padding: 0 0.5em 0 1em; } div#breadcrumbs ol li:last-child { margin-right: 0; } div#breadcrumbs ol li a { color: #1765bd; } div#breadcrumbs ol li a:hover { text-decoration: none; }  div#brixner { border: 1px solid #505954; padding:10px 5px 5px 5px; width:120px; height:621px; background:white; background:white url(/img/magnus/magnus-werbung-juni.jpg) no-repeat center 10px; position:absolute; margin-left: 852px; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat;  display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/img/common/lightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/img/common/lightbox/next.gif) right 50% no-repeat; }  #nextLinkText, #prevLinkText{ color: #FF9834; font-weight:bold; text-decoration: none; } #nextLinkText{ padding-left: 20px; } #prevLinkText{ padding-right: 20px; }   .ontop #imageData { padding-top: 5px; }  #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix {  height: 1%;  }  #ui-datepicker-div, #ui-datepicker-div table, .ui-datepicker-div, .ui-datepicker-div table, .ui-datepicker-inline, .ui-datepicker-inline table { font-size: 12px !important; } .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Verdana, Arial, sans-serif; background: #f4db4d; font-size: 1.1em; border: 2px solid white; width: 15.5em; padding: 2.5em .5em .5em .5em; position: relative; margin:1px 0 0 0; } #ui-datepicker-div { z-index: 9999;  display: none; background: #f4db4d; } .ui-datepicker-inline { float: left; display: block; } .ui-datepicker-control { display: none; } .ui-datepicker-current { display: none; } .ui-datepicker-next, .ui-datepicker-prev { position: absolute; left: .5em; top: .5em; background: #fafafa; } .ui-datepicker-next { left: 14.6em; } .ui-datepicker-next:hover, .ui-datepicker-prev:hover { background: #f07043; } .ui-datepicker-next a, .ui-datepicker-prev a { text-indent: -999999px; width: 1.3em; height: 1.4em; display: block; font-size: 1em; background: #f5ebb2 url(/admin/img/datepicker/888888_7x7_arrow_left.gif) 50% 50% no-repeat; border: 1px solid #f07043; cursor: pointer; text-align:center !important; } .ui-datepicker-next label, .ui-datepicker-prev label { display:none; } .ui-datepicker-prev a { background: url(/admin/img/datepicker/454545_7x7_arrow_left.gif) 50% 50% no-repeat; } .ui-datepicker-next a { background: url(/admin/img/datepicker/454545_7x7_arrow_right.gif) 50% 50% no-repeat; } .ui-datepicker-header select { border: 1px solid #d3d3d3; color: #555555; background: #fafafa; font-size: 1em; line-height: 1.4em; position: absolute; top: .5em; margin: 0 !important; } .ui-datepicker-header select.ui-datepicker-new-month { width: 7em; left: 2.2em; } .ui-datepicker-header select.ui-datepicker-new-year { width: 5em; left: 9.4em; } table.ui-datepicker { width: 15.5em; text-align: right; } table.ui-datepicker td a { padding: .1em 0 .1em 0; display: block; color: black; background: white; cursor: pointer; border:1px solid #ea9322; margin:1px; text-align:center !important; } table.ui-datepicker td.ui-datepicker-week-end-cell a { color:red; } table.ui-datepicker td.ui-datepicker-today a { border:1px solid white; background:#f07043; color:white; } table.ui-datepicker td.ui-datepicker-current-day a { border:1px solid white; background:#f4db4d; color:black; } table.ui-datepicker td a:hover { color: #212121; background: white; border:1px solid black; } table.ui-datepicker td a:active { border: 1px solid #dddddd; color: #222222; background: #ffffff; } table.ui-datepicker .ui-datepicker-title-row td { padding: .3em 0; text-align: center; font-size: .9em; color: #222222; text-transform: uppercase; } table.ui-datepicker .ui-datepicker-title-row td a { color: white; background:#f07043; border:1px solid white; }  .ui-datepicker-cover { display: none;  display: block;  position: absolute;  z-index: -1;  filter: mask();  top: -4px;  left: -4px;  width: 200px;  height: 200px;  } div#magnus-banner div.editor { margin: 0 0 10px 0; padding: 5px 0 0 5px; border: 1px solid #515a55; border-style: solid none solid solid;} div#magnus-banner div.editor h2, div#magnus-banner div.editor h3, div#magnus-banner div.editor h4, div#magnus-banner div.editor h5, div#magnus-banner div.editor h6 { color: #005EAB; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } div#magnus-banner div.editor p, div#magnus-banner div.editor ul, div#magnus-banner div.editor ol { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; padding-bottom: 0.5em; text-align: justify; } div#magnus-banner div.editor ul { list-style: square; } div#magnus-banner div.editor table { margin-bottom: 1em; } div#magnus-banner div.editor h3 { font-size: 16px; font-weight: bold; margin-bottom: 0.5em; } div#magnus-banner div.editor h4 { font-size: 14px; font-weight: bold; margin-bottom: 0.5em; } div#magnus-banner div.editor h5 { font-size: 13px; font-weight: bold; margin-bottom: 0.5em; } div#magnus-banner div.editor h6 { font-size: 12px; font-weight: bold; margin-bottom: 0.5em; } div#magnus-banner div.editor img.align-left { border: 2px solid #505954; float: left; margin: 0 1em 1em 0; }  div#magnus-banner div.editor img.align-right { border: 2px solid #505954; float: right; margin: 0 0 1em 1em; }  div#magnus-banner div.editor img.align-left-nb { border: 0; float: left; margin: 0 1em 1em 0; }  div#magnus-banner div.editor img.align-right-nb { border: 0; float: right; margin: 0 0 1em 1em; }  div#magnus-banner div.editor .wrap { clear: both; }  div#magnus-banner div.editor .centered { text-align: center; }  div#magnus-banner div.editor .right { text-align: right; }  div#magnus-banner div.editor .hardware { border-left: 5px #f1ad0c solid; padding-left: 2px; padding-bottom: 0; }  div#magnus-banner div.editor .software { border-left: 5px #2cac0f solid; padding-left: 2px; padding-bottom: 0; }  div#magnus-banner div.editor .service { border-left: 5px #e84f13 solid; padding-left: 2px; padding-bottom: 0; }  div#magnus-banner div.editor .internet { border-left: 5px #1765bd solid; padding-left: 2px; padding-bottom: 0; }  div#magnus-banner div.editor .ident { margin-left: 7px; }  div#magnus-banner div.editor li { padding-left: 1em; margin-left: 1em;} div#magnus-banner div.editor a { color: #005EAB; } div#magnus-banner div.editor .magnusblue{ color: #638dbd;} div#magnus-banner div.editor .underline { text-decoration: underline;}  div#magnus-banner div.editor .smalltext { font-size: 10px; line-height: 15px; }  div#magnus-banner div.editor img { border-style: none; } div#magnus-content div.editor h2, div#magnus-content div.editor h3, div#magnus-content div.editor h4, div#magnus-content div.editor h5, div#magnus-content div.editor h6 { color: #333333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1.5em; } div#magnus-content div.editor p, div#magnus-content div.editor ul, div#magnus-content div.editor ol { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0.5em; text-align: justify; } div#magnus-content div.editor ul, div#magnus-content div.editor ol { margin-left: 2em; } div#magnus-content div.editor ul { list-style: square; } div#magnus-content div.editor ul ul { padding-bottom: 0; margin-bottom: 0;} div#magnus-content div.editor table { margin-bottom: 1em; } div#magnus-content div.editor h3 { font-size: 16px; font-weight: bold; margin-bottom: 1em; } div#magnus-content div.editor h4 { font-size: 14px; font-weight: bold; margin-bottom: 0.8em; } div#magnus-content div.editor h5 { font-size: 13px; font-weight: bold; margin-bottom: 0.8em; } div#magnus-content div.editor h6 { font-size: 12px; font-weight: bold; margin-bottom: 0.5em; } div#magnus-content div.editor a img { border: 1px solid #505954; } div#magnus-content div.editor img.align-left { border: 1px solid #505954; float: left;  margin: 0 1em 1em 0; } div#magnus-content div.editor img.align-right { border: 1px solid #505954; float: right;  margin: 0 0 1em 1em; } div#magnus-content div.editor img.align-left-nb { border: 0; float: left;  margin: 0 1em 1em 0; } div#magnus-content div.editor img.align-right-nb { border: 0; float: right;  margin: 0 0 1em 1em; } div#magnus-content div.editor .wrap { clear: both;  } div#magnus-content div.editor .centered { text-align: center;  } div#magnus-content div.editor .right { text-align: right;  } div#magnus-content div.editor .hardware { border-left: 5px #f1ad0c solid;  padding-bottom: 0; padding-left: 2px; } div#magnus-content div.editor .software { border-left: 5px #2cac0f solid;  padding-bottom: 0; padding-left: 2px; } div#magnus-content div.editor .service { border-left: 5px #e84f13 solid;  padding-bottom: 0; padding-left: 2px; } div#magnus-content div.editor .internet { border-left: 5px #1765bd solid;  padding-bottom: 0; padding-left: 2px; } div#magnus-content div.editor .ident { margin-left: 7px;  } div#magnus-content div.editor .magnusblue{ color: #638dbd; } div#magnus-content div.editor .underline { text-decoration: underline;  } div#magnus-content div.editor .smalltext { font-size: 10px;  line-height: 15px; } div#magnus-text div.editor h3.team { clear: both; padding: 20px 0 10px 0; } div#magnus-text div.editor div.team { border: 1px #3d4541 solid; float: left; margin: 3px 7px; width: 200px; } div#magnus-text div.editor div.team img { border: 1px #000000 solid; float: left; margin: 0 25px 20px 5px; } div#magnus-text div.editor div.team p { padding: 25px 0; } div#magnus-text div.editor div.team h4 { background-color: #3d4541; color: #ffffff; text-align: center; } div#magnus-text div.editor div.team p.email{ padding: 15px 5px 5px 5px; text-align: center; } div#magnus-footer a { color: #ffffff; text-decoration: none; } div#magnus-footer a:hover { color: #ffffff; text-decoration: underline; } div#banner { padding-bottom: 223px; } div#navigation { padding-bottom: 236px; } div#magnus-content div.googlemap div.map { height: 250px; margin-bottom: 1em; border: 1px solid #505954; } div#magnus-content div.googlemap div.routeplanner fieldset { border: 1px solid #1765bd; border-style: solid none none none; padding:0.5em; } div#magnus-content div.googlemap div.routeplanner fieldset legend { background:white; color: #1765bd; font-weight: bold; font-size:13px; padding:0 0.5em; } div#magnus-content div.googlemap div.routeplanner fieldset label { font-size:12px; } div#magnus-content div.googlemap div.routeplanner fieldset input.start { width: 160px; margin-right:5px; } div#magnus-content div.googlemap div.routeplanner fieldset button { font-size:11px; } div#magnus-banner div.hotline * { color: #1765bd; font-size: 11px; line-height: 24px; } div#magnus-banner div.hotline { background: url(/img/magnus/magnus-hotline.jpg) no-repeat 5px center; height: 50px; margin: 0 0 10px 0; padding-left: 50px; border: 1px solid #515a55; border-style: solid none solid solid;} div#magnus-banner div.ipaddress * { color: #505954; font-size: 11px; line-height: 24px; } div#magnus-banner div.ipaddress { margin: 0 0 10px 0; padding: 0 0 0 10px; border: 1px solid #515a55; border-style: solid none solid solid;} div#magnus-banner div.webmail * { color: #505954; font-size: 11px; line-height: 18px; } div#magnus-banner div.webmail { margin: 0 0 10px 0; padding: 2px 0 10px 10px; border: 1px solid #515a55; border-style: solid none solid solid; background: url(/img/magnus/background-webmail.jpg) left bottom no-repeat; } div#magnus-banner div.webmail h3{ border-left: 5px #1765BD solid; color: #1765bd; padding: 2px 0 2px 10px; margin: 3px 0 2px 0; line-height:22px; } div#magnus-banner div.webmail p { border-top: 1px #1765BD solid; padding-top:5px; } div#magnus-banner div.webmail input{ border: 1px #505954 solid; width: 150px; font-size: 11px; line-height:18px; height:18px;} div#magnus-banner div.webmail input.sumbit{ width: 150px; text-align:right; background: none; border: none; font-weight: bold; font-size:13px; margin-top:4px; height: 25px; line-height:25px;} div#magnus-menu { padding: 7px 0 0 7px; } div#magnus-menu div.menu { clear: both; } div#magnus-menu li a { border-left: 7px solid #505954; color: #505954; display: block; font-size: 11px; height: 28px; line-height: 28px; padding-left: 10px; text-decoration: none; } div#magnus-menu li div { border-bottom: 1px solid #505954; height: 37px; margin-bottom: 7px; } div#magnus-menu div.menu-hardware li div, div#magnus-menu div.menu-hardware li div a { border-color: #f1ad0c; } div#magnus-menu div.menu-software li div, div#magnus-menu div.menu-software li div a { border-color: #2cac0f; } div#magnus-menu div.menu-service li div, div#magnus-menu div.menu-service li div a { border-color: #e84f13; } div#magnus-menu div.menu-internet li div, div#magnus-menu div.menu-internet li div a { border-color: #1765bd; } div#magnus-menu li.open div, div#magnus-menu li.active div { border: 0; margin-bottom: 0; } div#magnus-menu ul ul { border: 1px solid #505954; border-style: none none solid solid; margin-left: 5px; } div#magnus-menu div.menu-hardware ul ul { border-color: #f1ad0c; } div#magnus-menu div.menu-software ul ul { border-color: #2cac0f; } div#magnus-menu div.menu-service ul ul { border-color: #e84f13; } div#magnus-menu div.menu-internet ul ul { border-color: #1765bd; } div#magnus-menu ul ul li div { border: 0; height: 26px; margin: 0; padding-left: 0; } div#magnus-menu ul ul li a { border: 0; } div#magnus-menu ul ul ul { border: 0; } div#magnus-menu li.active div a { font-weight: bold; } div#magnus-menu li.active li div a { font-weight: normal; } div#magnus-menu li.open ul, div#magnus-menu li.active ul { padding-bottom: 0.8em; } div#magnus-menu ul ul li.active ul, div#magnus-menu ul ul li.open ul { border-left: 1px solid #515a55;margin-left: 15px; padding-bottom: 0; padding-left: 5px; } div#magnus-menu div.menu-hardware ul ul li.active ul, div#magnus-menu div.menu-hardware ul ul li.open ul { border-color: #f1ad0c; } div#magnus-menu div.menu-software ul ul li.active ul, div#magnus-menu div.menu-software ul ul li.open ul { border-color: #2cac0f; } div#magnus-menu div.menu-service ul ul li.active ul, div#magnus-menu div.menu-service ul ul li.open ul { border-color: #e84f13; } div#magnus-menu div.menu-internet ul ul li.active ul, div#magnus-menu div.menu-internet ul ul li.open ul { border-color: #1765bd; }