/*common*/
* { 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; }
/*main-layout*/
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; }

/*address*/
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; }
/* text-content*/
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;}
/*breadcrumbs*/
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; }
/* brixner */
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; /* Trick IE into showing hover */
  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; }
 
/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
 
.ontop #imageData {
    padding-top: 5px;
}
 
/*** END : added padding when navbar is on top ***/
 
#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 {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
  }  
  
/*
 * Smoothness Theme for jQuery UI Datepicker
 * Generated by Theme Roller ( http://ui.jquery.com/themeroller/ )
 * Authors: 
 *		Filament Group ( http://www.filamentgroup.com )
 * 		Marc Grabanski ( http://marcgrabanski.com/ )
*/
#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 {
	/*resets*/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; /*must have*/
	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;
}

/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*
 * SimpleModal Confirm Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: confirm.css 254 2010-07-23 05:14:44Z emartin24 $
 */

#confirm {display:none;}

/* Overlay */
#confirm-overlay {background-color:#eee; cursor:wait;}

/* Container */
#confirm-container {height:220px; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #336699;}
#confirm-container .header {height:30px; line-height:30px; width:100%; background:url(/img/common/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm-container .buttons {line-height:26px; width:300px; float:right; padding:10px 8px 0;}
#confirm-container .buttons div {font-size: 13px; float:right; margin-left:4px; width:140px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(/img/common/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;}
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-container a.modal-close:hover {color:#ccc;}
#confirm-container p {font-size: 14px; margin-bottom: 10px;}
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; /* Bild links */ margin: 0 1em 1em 0; }
div#magnus-content div.editor img.align-right { border: 1px solid #505954; float: right; /* Bild rechts */ margin: 0 0 1em 1em; }
div#magnus-content div.editor img.align-left-nb { border: 0; float: left; /* Bild links ohne Rahmen */ margin: 0 1em 1em 0; }
div#magnus-content div.editor img.align-right-nb { border: 0; float: right; /* Bild rechts ohne Rahmen */ margin: 0 0 1em 1em; }
div#magnus-content div.editor .wrap { clear: both; /* Umbruch erzwingen */ }
div#magnus-content div.editor .centered { text-align: center; /*mittig ausrichten*/ }
div#magnus-content div.editor .right { text-align: right; /*rechts ausrichten*/ }
div#magnus-content div.editor .hardware { border-left: 5px #f1ad0c solid; /* Block für Hardware */ padding-bottom: 0; padding-left: 2px; }
div#magnus-content div.editor .software { border-left: 5px #2cac0f solid; /* Block für Software */ padding-bottom: 0; padding-left: 2px; }
div#magnus-content div.editor .service { border-left: 5px #e84f13 solid; /* Block für Service */ padding-bottom: 0; padding-left: 2px; }
div#magnus-content div.editor .internet { border-left: 5px #1765bd solid; /* Block für Internet */ padding-bottom: 0; padding-left: 2px; }
div#magnus-content div.editor .ident { margin-left: 7px; /* Block mit Einrückung */ }
div#magnus-content div.editor .magnusblue{ color: #638dbd; }
div#magnus-content div.editor .underline { text-decoration: underline; /* unterstrichen */ }
div#magnus-content div.editor .smalltext { font-size: 10px; /* Text 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-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; }