/* ==========================================================================
   Schriften
   ========================================================================== */
   
   @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700,900);

/* ==========================================================================
   HTML Basis Elemente
   ========================================================================== */
   
   body
   {
	   font-family:'Source Sans Pro', sans-serif;
	   font-weight:400;
	   font-size:0.9375em; /* 15px */
	   line-height:1.3;
	   color:#454545;
	   margin:0;
	   background:#f9f9f9;
   }
   .lt-ie9 body
   {
	   font-family:Arial, Helvetica, sans-serif;
   }
   strong,b
   {
	   font-weight:600;
   }
   a
   {
	   color:#4686a6;
	   outline:none !important;
   }
   a:hover
   {
	   text-decoration:none;
   }
   input
   {
	   -webkit-appearance:none;
	   -moz-appearance:none;
	    appearance:none;
   }

/* ==========================================================================
   Fix Floating
   ========================================================================== */
   
   article.main section.content section.present ul.bar-data li:after,
   article.main section.content section.present:after,
   .standort .zoom-links:after,
   .tab-box ul.tab-nav:after {
	   visibility: hidden; display: block; font-size: 0; content: " "; clear: both;	height: 0; }
   *:first-child article.main section.content section.present ul.bar-data li,
   *:first-child article.main section.content section.present,
   *:first-child .standort .zoom-links,
   *:first-child .tab-box ul.tab-nav {
	   zoom: 1; }
   *:first-child+html article.main section.content section.present ul.bar-data li,
   *:first-child+html article.main section.content section.present,
   *:first-child .standort .zoom-links,
   *:first-child .tab-box ul.tab-nav { 
	   zoom: 1; }

/* ==========================================================================
   Spaltenkonfiguration
   ========================================================================== */
   
   .col
   {
	   position:absolute;
	   overflow:hidden;
	   top:0;
	   bottom:0;
   }
   .row
   {
	   position:absolute;
	   overflow:hidden;
	   left:0;
	   right:0;
   }
   .scroll
   {
	   overflow-y:auto; 
	  -webkit-overflow-scrolling:touch;
	   top:0;
	   bottom:71px;
   }

/* ==========================================================================
   System Meldungen
   ========================================================================== */
   
   p.system-error
   {
	   display:none;
	   position:absolute;
	   left:0;
	   right:0;
	   top:0;
	   margin:0;
	   padding:23px 0 0 60px;
	   height:47px;
	   background:#c23033;
	   color:#fff;
	   z-index:1000;
   }
   p.system-error strong
   {
	   text-decoration:underline;
   }
   p.system-error .icon
   {
	   position:absolute;
	   left:20px;
	   top:50%;
	   margin-top:-17px;
	   width:29px;
	   height:29px;
	  -webkit-border-radius:60px;
	  -moz-border-radius:60px;
	   border-radius:60px;
	   background:#fff url(img/grafik.png) -59px -302px;
   }
   .no-js .col,
   .lt-ie8 .col
   {
	   top:70px;
   }
   .no-js p.system-error.js,
   .lt-ie8 p.system-error.ie
   {
	   display:block;
   }
   .no-js.lt-ie8 p.system-error.ie
   {
	   display:none;
   }

/* ==========================================================================
   Spalte: Navigation: Main
   ========================================================================== */
   
   nav.main
   {
	   width:230px;
	   background:#4686a6;
   }
   nav.main .scroll
   {
	   /* bottom:141px; */
   }
   
/* Logo */
   
   nav.main a.marke,
   section.login a.marke
   {
	   color:#fff;
	   font-size:2em;
	   font-weight:600;
	   line-height:1;
	   text-decoration:none;
	   margin:26px 30px 32px 30px;
	   float:left;
   }
   nav.main a.marke:hover,
   section.login a.marke:hover
   {
	   color:#253e4a;
   }
   nav.main a.marke strong,
   section.login a.marke strong
   {
	   font-weight:700;
	   color:#253e4a;
   }
   nav.main a.marke:hover strong,
   section.login a.marke:hover strong
   {
	   color:#fff;
   }
   
/* Liste */
   
   nav.main ul
   {
	   clear:both;
	   padding:0;
	   margin:0;
	   border-bottom:1px solid #6298b3;
   }
   nav.main ul li a
   {
	   display:block;
	   line-height:1;
	   font-size:1.3em;
	   color:#fff;
	   text-decoration:none;
	   padding:25px 25px 25px 30px;
	   border-top:1px solid #6298b3;
	   position:relative;
   }
   nav.main ul li a.tog .icon
   {
	   display:block;
	   width:20px;
	   height:20px;
	   background:#6298b3 url(img/grafik.png);
	   position:absolute;
	   right:30px;
	   top:50%;
	   margin-top:-10px;
	   background-position:-27px -418px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
   }
   nav.main ul li a.tog.closed .icon
   {
	   background-position:-7px -418px;
   }
   nav.main ul li ul
   {
	   border:none;
   }
   nav.main ul li ul li a
   {
	   display:inline-block;
	   border:none !important;
   }
   nav.main ul li ul li.current a,
   nav.main ul li ul li a:hover,
   nav.main ul li.current > a,
   nav.main ul li a:hover,
   nav.main ul li.current a.tog:hover,
   nav.main ul li.current a.tog.closed
   {
	   background:#397796;
   }
   nav.main ul li.current a.tog
   {
	   background:none;
   }
   nav.main ul li a.logout,
   nav.main ul li a.login
   {
	   padding-left:65px;
   }
   nav.main ul li a.logout .icon,
   nav.main ul li a.login .icon
   {
	   display:block;
	   content:'';
	   width:29px;
	   height:29px;
	   background:url(img/grafik.png);
	   position:absolute;
	   left:27px;
	   top:50%;
	   margin-top:-14px;
   }
   nav.main ul li a.login .icon
   {
	   background-position:0 -521px;
   }

/* ==========================================================================
   Spalte: Navigation: Sub
   ========================================================================== */
   
   nav.sub
   {
	   width:300px;
	   left:230px;
	   background:#fff;
	   border-right:1px solid #ececec;
   }
   nav.sub header.row
   {
	   height:70px;
	   border-bottom:1px solid #ececec;
	   overflow:visible;
   }
   nav.sub .scroll
   {
	   top:71px;
   }
   nav.sub:after
   {
	   display:block;
	   content:'';
	   width:100%;
	   height:28px;
	   position:absolute;
	   left:0;
	   bottom:71px;
	   background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* FF3.6+ */
	   background:-webkit-gradient(linear,left top, left bottom,color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	   background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	   background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
   }
   nav.sub header h1
   {
	   font-size:1.13em;
	   font-weight:600;
	   margin:0;
	   padding:23px 0 0 30px;
   }
   nav.sub .code-legend
   {
	   border-bottom:1px dashed #ececec;
	   padding:30px 0;
	   margin:0;
   }
   nav.sub .code-legend p
   {
	   padding:10px 0 10px 41px;
	   margin:0 30px 0 30px;
	   position:relative;
   }
   nav.sub .code-legend p span
   {
	   display:block;
	   width:28px;
	   height:28px;
	   position:absolute;
	   left:0px;
	   top:50%;
	   margin-top:-15px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   border:1px solid #ececec;
   }
   .lt-ie9 nav.sub .code-legend p span
   {
	   background:#454545;
	   width:30px;
	   height:30px;
	   border:none !important;
   }
   nav.sub .code-legend p.green
   {
	   color:#56a646;
   }
   nav.sub .code-legend p.green span
   {
	   border-color:#b8d4b2;
	   border-style:dashed;
   }
   .lt-ie9 nav.sub .code-legend p.green span
   {
	   background:#56a646;
   }
   
/* Content */
   
   nav.sub section.content
   {
	   margin:30px 30px 0 30px;
   }
   nav.sub section.content form
   {
	   margin:-5px 0 25px 0;
   }
   nav.sub section.content form h2
   {
	   color:#c8c8c8;
	   font-weight:400;
	   font-size:0.93em;
	   margin:16px 0;
	   padding:0;
	   position:relative;
   }
   nav.sub section.content .circlelegend
   {
	   position:relative;
	   display:block;
	   padding-left:41px;
   }
   nav.sub section.content .circlelegend span
   {
	   display:block;
	   width:30px;
	   height:30px;
	   position:absolute;
	   left:0;
	   top:50%;
	   margin-top:-15px;
	  -webkit-border-radius:30px;
	  -moz-border-radius:30px;
	   border-radius:30px;
	   background:#454545;
   }
   nav.sub section.content .circlelegend.green span
   {
	   background:#56a646;
   }
   nav.sub section.content .circlelegend.green
   {
	   color:#56a646;
   }
   nav.sub section.content .circlelegend.red span
   {
	   background:#c42e2e;
   }
   nav.sub section.content .circlelegend.red
   {
	   color:#c42e2e;
   }
   nav.sub section.content form h2 span
   {
	   padding:0 10px;
	   background:#fff;
	   margin-left:32px;
	   position:relative;
	   z-index:10;
   }
   nav.sub section.content form h2:before
   {
	   display:block;
	   content:'';
	   border-top:1px solid #ececec;
	   position:absolute;
	   width:100%;
	   left:0;
	   top:50%;
	   z-index:5;
   }
   nav.sub section.content form p
   {
	   position:relative;
	   margin:0;
	   padding:10px 0px;
   }
   nav.sub section.content form label
   {
	   margin-left:41px;
	   display:block;
   }
   nav.sub.qr section.content form label
   {
	   padding-right:25px;
   }
   nav.sub section.content form .location-support label
   {
	   color:#56a646;
   }
   nav.sub section.content form label:hover
   {
	   color:#4686a6;
   }
   nav.sub section.content form label:before
   {
	   content:'';
	   display:block;
	   width:28px;
	   height:28px;
	   border:1px solid #ececec;
	   background:#f9f9f9;
	   position:absolute;
	   left:0;
	   top:50%;
	   margin-top:-15px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
   }
   nav.sub section.content form .location-support label:before
   {
	   border-color:#b8d4b2;
	   border-style:dashed;
   }
   nav.sub section.content form input:checked + label:before
   {
	   background-image:url(img/grafik.png);
	   background-position:-60px 0;
   }
   
   nav.sub section.content form p .code
   {
	   position:absolute;
	   right:0;
	   top:50%;
	   margin-top:-9px;
	   display:block;
	   width:18px;
	   height:18px;
	   background:#4686a6 url(img/grafik.png) -35px -6px;
	   position:absolute;
	  -webkit-border-radius:50%;
	  -moz-border-radius:50%;
	   border-radius:50%;
	   cursor:pointer;
	  -webkit-transition:all 0.2s ease-in-out;
	  -moz-transition:all 0.2s ease-in-out;
	  -o-transition:all 0.2s ease-in-out;
	   transition:all 0.2s ease-in-out;
	   opacity:0;
	   visibility:hidden;
   }
   nav.sub section.content form p:hover .code
   {
	   opacity:1;
	   visibility:visible;
   }
   nav.sub section.content form p .code:hover
   {
	   background-color:#397796;
   }
   nav.sub section.content form p .code .img
   {
	   display:block;
	   position:absolute;
	   right:32px;
	   top:50%;
	   margin-top:-73px;
	   padding:3px;
	   background:#fff;
	   border:solid 1px #ececec;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	  -webkit-box-shadow:-5px 5px 10px -5px rgba(0,0,0,0.6);
	  -moz-box-shadow:-5px 5px 10px -5px rgba(0,0,0,0.6);
	   box-shadow:-5px 5px 10px -5px rgba(0,0,0,0.6);
	   z-index:100;
	  -webkit-transition:all 0.2s ease-in-out;
	  -moz-transition:all 0.2s ease-in-out;
	  -o-transition:all 0.2s ease-in-out;
	   transition:all 0.2s ease-in-out;
	   opacity:0;
	   visibility:hidden;
	   cursor:default;
   }
   nav.sub section.content form p .code .img:after
   {
	   content: '';
	   display: block;
	   width: 0;
	   height: 0;
	   border-top: 10px solid transparent;
	   border-bottom: 10px solid transparent;
	   border-left: 10px solid #ececec;
	   position: absolute;
	   right: -11px;
	   top: 50%;
	   margin-top:-10px;
   }
   nav.sub section.content form p .code .img img
   {
	   display:block;
   }
   nav.sub section.content form p .code:hover .img
   {
	   opacity:1;
	   visibility:visible;
   }
   
   nav.sub section.content form input
   {
	   display:none;
   }
   .lt-ie9 nav.sub section.content form label:before
   {
	   display:none;
   }
   .lt-ie9 nav.sub section.content form h2 span
   {
	   margin-left:19px;
   }
   .lt-ie9 nav.sub section.content form label
   {
	   margin-left:29px;
   }
   .lt-ie9 nav.sub section.content form input
   {
	   display:block;
	   position:absolute;
	   left:0;
	   top:50%;
	   margin:-8px 0 0 0;
   }
   
/* Link-Liste */
   
   nav.sub section.content ul.link-list
   {
	   list-style:none;
	   padding:10px 0 0 0;
	   margin:0;
   }
   nav.sub section.content ul.link-list li a
   {
	   display:block;
	   padding:10px 0 10px 40px;
	   margin-bottom:5px;
	   color:#454545;
	   text-decoration:none;
	   position:relative;
   }
   nav.sub section.content ul.link-list li a:hover
   {
	   color:#4686a6;
   }
   nav.sub section.content ul.link-list li.aktiv a
   {
	   color:#4686a6;
	   font-weight:600;
   }
   nav.sub section.content ul.link-list li a .icon,
   nav.sub section.content ul.link-list li a img
   {
	   display:block;
	   width:30px;
	   height:30px;
	   background:#4686a6 url(img/grafik.png);
	   position:absolute;
	   left:0;
	   top:50%;
	   margin-top:-15px;
   }
   nav.sub section.content ul.link-list li a img
   {
	   background:none;
	  -webkit-border-radius:30px;
	  -moz-border-radius:30px;
	   border-radius:30px;
   }
   nav.sub section.content ul.link-list li a:hover .icon,
   nav.sub section.content ul.link-list li.aktiv a .icon
   {
	   background-color:#397796;
   }
   nav.sub section.content ul.link-list li.user a .icon
   {
	  -webkit-border-radius:30px;
	  -moz-border-radius:30px;
	   border-radius:30px;
	   background-position:0 -354px;
   }
   nav.sub section.content ul.link-list li.add a .icon
   {
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   background-position:-30px -354px;
   }
   nav.sub section.content ul.link-list li.add
   {
	   border-top:1px solid #ececec;
	   padding-top:15px;
	   margin-top:16px;
   }

/* ==========================================================================
   Footer: Main
   ========================================================================== */
   
   footer.main
   {
	   bottom:0;
	   height:70px;
	   background:#fff;
	   border-top:1px solid #ececec;
	   overflow:visible;
	   /*min-width:1221px;*/
   }
   footer.main p
   {
	   line-height:1;
	   font-size:0.9em;
	   position:absolute;
	   top:28px;
	   margin:0;
   }
   footer.main p.left
   {
	   left:30px;
   }
   footer.main p.right
   {
	   right:30px;
	   text-align:right;
   }
   footer.main p.logout
   {
	   position:absolute;
	   height:45px;
	   width:200px;
	   padding:25px 0 0 30px;
	   top:-71px;
	   left:0;
	   background:#4686a6;
   }
   footer.main p.logout a
   {
	   position:relative;
	   display:inline-block;
	   line-height:1;
	   font-size:1.25em;
	   color:#fff;
	   text-decoration:none;
	   padding:0 0 0 34px;
   }
   footer.main p.logout a:hover
   {
	   color:#253e4a;
   }
   footer.main p.logout a .icon
   {
	   display:block;
	   content:'';
	   width:29px;
	   height:29px;
	   background:url(img/grafik.png);
	   position:absolute;
	   left:-3px;
	   top:50%;
	   margin-top:-15px;
   }

/* ==========================================================================
   Spalte: Content
   ========================================================================== */
   
   article.main
   {
	   left:531px;
	   right:0;
	   min-width:690px;
   }
   article.main.nosub
   {
	   left:230px;
   }
   article.main header.row
   {
	   height:100px;
	   border-bottom:1px solid #ececec;
	   background:#fff;
	   overflow:visible;
   }
   article.main .scroll
   {
	   top:101px;
   }
   article.main .scroll.notime
   {
	   top:0px;
   }
   
/* Zeit */
   
   article.main header form
   {
	   position:absolute;
	   margin:0;
	   right:70px;
	   top:25px;
   }
   article.main header form label
   {
	   font-weight:600;
	   font-size:1.13em;
	   padding-right:20px;
   }
   article.main header form label:hover
   {
	   color:#4686a6;
   }
   article.main header form input.ipt
   {
	   border:1px solid #ececec;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   padding:15px;
	   width:200px;
	   outline:none !important;
   }
   article.main header form input.ipt:disabled
   {
	   background:#f9f9f9;
	   color:#e5e5e5;
	   text-decoration:line-through;
	   opacity:1;
   }
   article.main header form input.ipt.focus
   {
	  -webkit-border-bottom-left-radius:0px;
	  -webkit-border-bottom-right-radius:0px;
	  -moz-border-radius-bottomleft:0px;
	  -moz-border-radius-bottomright:0px;
	   border-bottom-left-radius:0px;
	   border-bottom-right-radius:0px;
   }
   article.main header form input.cbx
   {
	   display:none;
   }
   article.main header form label:before
   {
	   content:'';
	   display:block;
	   width:28px;
	   height:28px;
	   border:1px solid #ececec;
	   background:#f9f9f9;
	   position:absolute;
	   left:-41px;
	   top:50%;
	   margin-top:-16px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
   }
   article.main header form input.cbx:checked + label:before
   {
	   background-image:url(img/grafik.png);
	   background-position:-60px 0;
   }
   .lt-ie9 article.main header form input.cbx
   {
	   display:block;
	   position:absolute;
	   top:18px;
	   left:-28px;
   }
   .lt-ie9 article.main header form label:before
   {
	   display:none;
   }
   
/* Content */
   
   article.main section.content
   {
	   margin:30px 30px 0 30px;
   }
   article.main section.content h1
   {
	   font-weight:300;
	   font-size:1.8em;
	   padding:17px 0 17px 70px;
	   margin-bottom:20px;
	   position:relative;
   }
   article.main section.content h1.no-icon
   {
	   padding:17px 0;
   }
   article.main section.content h1 .icon
   {
	   display:block;
	   width:54px;
	   height:54px;
	   background:#4686a6 url(img/grafik.png);
	   position:absolute;
	   left:0;
	   top:50%;
	   margin-top:-27px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
   }
   article.main section.content.tracking h1 .icon { background-position:0px -30px; }
   article.main section.content.endgeraet h1 .icon { background-position:0px -84px; }
   article.main section.content.standort h1 .icon { background-position:0px -138px; }
   article.main section.content.verlauf h1 .icon { background-position:0px -192px; }
   article.main section.content.tageszeit h1 .icon { background-position:0px -246px; }
   article.main section.content.qreadycards h1 .icon { background-position:0px -300px; }
   article.main section.content.hilfe h1 .icon { background-position:0px -474px; }
   article.main section.content p
   {
	   font-size:1.13em;
	   margin:0 0 30px 0;
   }
   article.main section.content > p
   {
	   font-style:italic;
   }
   article.main section.content section.present
   {
	   background:#fff;
	   border:1px solid #ececec;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   margin-bottom:30px;
	   padding:20px 20px 0 20px;
   }
   article.main section.content section.present p
   {
	   margin-bottom:20px;
	   position:relative;
   }
   article.main section.content section.present p a.lokalisieren
   {
	   display:inline-block;
	   position:relative;
	   text-decoration:none;
	   padding-left:34px;
	   margin-left:15px;
   }
   article.main section.content section.present p a.lokalisieren:hover
   {
	   text-decoration:underline;
   }
   article.main section.content section.present p a.lokalisieren span
   {
	   display:block;
	   width:26px;
	   height:26px;
	   background:#fff url(img/grafik.png) -28px -392px;
	   border:1px solid #ececec;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   position:absolute;
	   left:0;
	   top:50%;
	   margin-top:-14px;
   }
   article.main section.content .mes-error
   {
	   color:#c42e2e;
   }
   article.main section.content .mes-ok
   {
	   color:#56a646;
   }
   article.main section.content .highlight
   {
	   color:#4686a6;
   }
   article.main section.content .export
   {
	   position:relative;
	   padding-left:37px;
   }
   article.main section.content .export span.icon
   {
	   display:block;
	   width:32px;
	   height:22px;
	   background:url(img/grafik.png) -59px -384px;
	   position:absolute;
	   left:-1px;
	   top:50%;
	   margin-top:-11px;
   }
   article.main section.content mark
   {
	   background:none;
	   font-weight:600;
	   color:#4686a6;
   }
   article.main section.content section.present hr
   {
	   border:none;
	   height:20px;
	   border-top:1px solid #ececec;
	   background:#fff;
	   margin:0;
	   clear:both;
   }
   article.main section.content small
   {
	   font-size:0.8em;
	   color:#c8c8c8;
	   font-weight:400;
   }
   article.main section.content small a
   {
	   color:#c8c8c8;
	   text-decoration:none;
   }
   article.main section.content small a:hover
   {
	   color:#4686a6;
	   text-decoration:underline;
   }
   
/* Tabelle (Tracking) */
   
   article.main section.content table
   {
	   width:100%;
	   margin:0 0 30px 0;
	   font-size:1.13em;
	   border:none;
	   border-top:1px solid #ececec;
	   border-right:1px solid #ececec;
   }
   article.main section.content table td .img
   {
	   position:absolute;
	   right:20px;
	   top:50%;
	   margin-top:-73px;
	   padding:3px;
	   background:#fff;
	   border:solid 1px #ececec;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	  -webkit-box-shadow:-5px 5px 10px -5px rgba(0,0,0,0.6);
	  -moz-box-shadow:-5px 5px 10px -5px rgba(0,0,0,0.6);
	   box-shadow:-5px 5px 10px -5px rgba(0,0,0,0.6);
	   z-index:100;
	  -webkit-transition:all 0.2s ease-in-out;
	  -moz-transition:all 0.2s ease-in-out;
	  -o-transition:all 0.2s ease-in-out;
	   transition:all 0.2s ease-in-out;
	   opacity:0;
	   visibility:hidden;
   }
   article.main section.content table td .img:after
   {
	   content: '';
	   display: block;
	   width: 0;
	   height: 0;
	   border-top: 10px solid transparent;
	   border-bottom: 10px solid transparent;
	   border-left: 10px solid #ececec;
	   position: absolute;
	   right: -11px;
	   top: 50%;
	   margin-top:-10px;
   }
   article.main section.content table td .img img
   {
	   display:block;
   }
   article.main section.content table tr:hover td
   {
	   background:#f5f9fb;
   }
   article.main section.content table tr:hover td .img
   {
	   opacity:1;
	   visibility:visible;
   }
   article.main section.content table th,
   article.main section.content table td
   {
	   padding:12px 20px;
	   text-align:left;
	   border-bottom:1px solid #ececec;
	   position:relative;
   }
   article.main section.content table th
   {
	   padding:17px 20px;
	   color:#fff;
	   font-weight:400;
	   background:#4686a6;
	   border-left:1px solid #fff;
   }
   article.main section.content table thead td
   {
	   padding:20px 20px;
   }
   article.main section.content table tr th:first-child
   {
	   border-left:1px solid #ececec;
   }
   article.main section.content table td
   {
	   background:#fff;
	   border-left:1px solid #ececec;
   }
   article.main section.content table td.map
   {
	   padding:0;
   }
   article.main section.content table td.map div.map
   {
	   height:400px;
   }
   article.main section.content table.lokalisieren td a.map.open
   {
	   display:block;
	   position:relative;
   }
   article.main section.content table.lokalisieren td a.map.open span
   {
	   display:block;
	   width:20px;
	   height:20px;
	   background:#6298b3 url(img/grafik.png);
	   position:absolute;
	   left:0;
	   top:50%;
	   margin-top:-10px;
	   background-position:-27px -418px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
   }
   article.main section.content table.lokalisieren tr.map-selected td
   {
	   /* background:#f9f9f9; */
   }
   article.main section.content table .rand
   {
	   border-right:none;
   }
   article.main section.content table tbody small
   {
	   display:block;
   }
   
/* Bar */
   
   article.main section.content  section.present ul.bar-data
   {
	   list-style:none;
	   margin:0;
	   padding:0 0 10px 0;
   }
   article.main section.content  section.present ul.bar-data li
   {
	   margin-bottom:10px;
	   position:relative;
   }
   article.main section.content  section.present ul.bar-data li.trennlinie
   {
	   border-top:1px solid #ececec;
	   padding-top:20px;
	   margin-top:20px;
   }
   article.main section.content  section.present ul.bar-data span.bar
   {
	   display:block;
	   height:30px;
	   background:#4686a6;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   float:left;
	   margin-right:10px;
   }   
   article.main section.content  section.present ul.bar-data li span.label
   {
	   display:block;
	   float:left;
	   padding:4px 10px 0 0;
	   font-size:1.13em;
   }
   article.main section.content  section.present ul.bar-data li span.value
   {
	   display:block;
	   float:left;
	   padding:4px 0 0 0;
	   font-size:1.13em;
   }
   article.main section.content  section.present ul.bar-data span.value mark
   {
	   margin-right:5px;
   }
   article.main section.content  section.present ul.bar-data li span.right
   {
	   float:right;
	   width:100px;
   }
   article.main section.content  section.present ul.bar-data li span.small
   {
	   font-size:1em;
	   padding-top:5px;
   }
   article.main section.content  section.present ul.bar-data li span.biglabel
   {
	   position:absolute;
	   display:block;
	   right:0px;
	   bottom:53px;
	   width:120px;
	   height:87px;
	   padding-top:33px;
	   text-align:center;
	   background:#f9f9f9;
	   border:1px solid #ececec;
	  -webkit-border-radius:120px;
	  -moz-border-radius:120px;
	   border-radius:120px;
   }
   article.main section.content  section.present ul.bar-data li span.biglabel mark
   {
	   display:block;
   }
   article.main section.content  section.present ul.bar-data li span.biglabel small
   {
	   display:block;
	   padding:0;
   }
   
/* Tageszeit */
   
   article.main section.content section.present .datetime
   {
	   text-align:center;
	   margin-bottom:20px;
	   margin-right:8px;
	   float:left;
	   border:1px solid #ececec;
	   background:#f9f9f9;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   width:-moz-calc(25% - 8px);
	   width:-webkit-calc(25% - 8px);
	   width:calc(25% - 8px);
	   display:table;
	   overflow:hidden;
   }
   .lt-ie9 article.main section.content section.present .datetime
   {
	   width:24%;
	   margin-right:0;
   }
   article.main section.content section.present .datetime p
   {
	   padding:10px 0 15px 0;
	   margin:0;
	   background:#fff;
	   border-top:1px solid #ececec;
   }
   article.main section.content section.present .datetime mark
   {
	   padding-right:5px;
   }
   article.main section.content section.present .datetime.rand
   {
	   margin-right:0;
   }
   article.main section.content section.present .datetime span.icon
   {
	   display:block;
	   width:36px;
	   height:36px;
	   margin:12px auto;
	   background:url(img/grafik.png);
   }
   article.main section.content section.present .datetime span.icon.vormittag { background-position:-59px -158px; }
   article.main section.content section.present .datetime span.icon.nachmittag { background-position:-59px -194px; }
   article.main section.content section.present .datetime span.icon.abend { background-position:-59px -230px; }
   article.main section.content section.present .datetime span.icon.nacht { background-position:-59px -266px; }
   
/* Chart */
   
   article.main section.content section.present .chart
   {
	   margin-bottom:18px;
   }
   article.main section.content section.present .legend
   {
	   display:block;
	   padding:0 0 0 20px;
	   position:relative;
	   font-size:0.93em;
   }
   article.main section.content section.present .legend .color
   {
	   display:block;
	   width:14px;
	   height:14px;
	  -webkit-border-radius:20px;
	  -moz-border-radius:20px;
	   border-radius:20px;
	   position:absolute;
	   left:0;
	   top:50%;
	   margin-top:-7px;
   }
   article.main section.content section.present .legend .color.c1 { background:#4686A6; }
   article.main section.content section.present .legend .color.c2 { background:#80DED9; }
   article.main section.content section.present .legend .color.c3 { background:#068D9D; }
   article.main section.content section.present .legend .color.c4 { background:#AEECEF; }
   article.main section.content section.present .legend .color.c5 { background:#077187; }
   article.main section.content section.present .legend .color.c6 { background:#074F57; }
   
/* Google Chart */
   
   button.btn
   {
	   font-family:'Source Sans Pro', sans-serif;
	   cursor:pointer;
	   color:#fff;
	   font-weight:400;
	   font-size:1em;
	   padding:10px 12px;
	   background:#4686a6;
	   border:none;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   outline:none !important;
	   margin-bottom:20px;
	   float:left;
   }
   .zoom-links
   {
	   display:none;
   }
   .zoom
   {
	   display:block;
	   margin:0 20px 25px 0;
	   float:left;
   }
   .zoom.aktiv
   {
	   color:#454545;
	   position:relative;
   }
   .zoom.aktiv:after
   {
	   content:'';
	   display:block;
	   width:0;
	   height:0;
	   border-bottom:6px solid #454545;
	   border-left:6px solid transparent;
	   border-right:6px solid transparent;
	   position:absolute;
	   bottom:-10px;
	   left:50%;
	   margin-left:-3px;
   }
   .google-visualization-tooltip
   {
	   border:solid 1px #ececec !important;
	   background:#fff !important;
	  -webkit-border-radius:4px !important;
	  -moz-border-radius:4px !important;
	   border-radius:4px !important;
	  -webkit-box-shadow:-5px 5px 10px -5px rgba(0,0,0,0.6) !important;
	  -moz-box-shadow:-5px 5px 10px -5px rgba(0,0,0,0.6) !important;
	   box-shadow:-5px 5px 10px -5px rgba(0,0,0,0.6) !important;
	   overflow:hidden !important;
   }
   .area .google-visualization-tooltip
   {
	   margin-top:-45px !important;
   }
   .geo .google-visualization-tooltip
   {
	   margin:24px 0 0 24px !important;
   }
   .google-visualization-tooltip strong
   {
	   display:block;
	   background:#f9f9f9;
	   border-bottom:1px solid #ececec;
	   padding:4px 8px;
	   font-size:14px;
   }
   .google-visualization-tooltip span
   {
	   display:block;
	   padding:4px 8px;
	   font-size:15px;
   }
   .geo .google-visualization-tooltip-item-list
   {
	   margin:0px !important;
   }
   .geo .google-visualization-tooltip-item
   {
	   margin:0px !important;
	   padding:0px !important;
   }
   .geo .google-visualization-tooltip-item:first-child
   {
	   display:none !important;
   }
   
/* Toggle-Content */
   
   article.main section.content section.tog-item
   {
	   background:#fff;
	   border:1px solid #ececec;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   margin-bottom:10px;
	   font-size:1.13em;
   }
   article.main section.content section.tog-item a.tog-link
   {
	   display:block;
	   padding:20px;
	   color:#454545;
	   text-decoration:none;
	   position:relative;
   }
   article.main section.content section.tog-item a.tog-link:hover
   {
	   color:#4686a6;
   }
   article.main section.content section.tog-item a.tog-link.aktiv
   {
	   font-weight:600;
   }
   article.main section.content section.tog-item a.tog-link .icon
   {
	   display:block;
	   width:30px;
	   height:30px;
	   background:#ececec url(img/grafik.png);
	   position:absolute;
	   right:20px;
	   top:50%;
	   margin-top:-15px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   background-position:-30px -354px;
   }
   article.main section.content section.tog-item a.tog-link.aktiv .icon
   {
	   background-position:-60px -354px;
   }
   article.main section.content section.tog-item a.tog-link .icon:hover
   {
	   background-color:#4686a6;
   }
   article.main section.content section.tog-item .tog-content
   {
	   margin:0 20px;
	   padding:20px 0 10px 0;
	   border-top:1px solid #ececec;
	   position:relative;
   }
   article.main section.content section.tog-item .tog-content hr
   {
	   border:none;
	   height:20px;
	   border-bottom:1px solid #ececec;
	   background:#fff;
	   margin:0 0 20px 0;
	   clear:both;
   }
   
   .faq
   {
	   margin:0 0 20px 0;
   }
   .faq .tog-link
   {
	   display:inline;
	   font-size:1.13em;
   }
   .faq .tog-content
   {
	   padding-bottom:20px;
	   border-bottom:1px solid #ececec;
   }
   section.present .faq:last-child .tog-content
   {
	   border:none;
	   padding:0;
   }
   .faq .tog-content p
   {
	   margin:10px 0 0 0 !important;
   }
   
/* Toggle-Content (Formular) */
   
   article.main section.content form.tog-form
   {
	   padding-bottom:20px;
   }
   article.main section.content form.tog-form p
   {
	   margin:0 0 10px 0;
	   position:relative;
   }
   article.main section.content form.tog-form p.setheadline
   {
	   padding:10px 0 0 170px;
	   margin-top:20px;
	   width:361px;
   }
   article.main section.content form.tog-form p.error-message
   {
	   padding:0 0 0 170px;
	   color:#c42e2e;
	   font-size:0.9em;
   }
   article.main section.content form.tog-form p.error-message.agb
   {
	   padding:0;
   }
   article.main section.content form.tog-form .error-line,
   article.main section.content form.tog-form input#agb.error-line + label:before,
   article.main section.content form.tog-form input#datenschutz.error-line + label:before
   {
	   border-color:#c42e2e !important;
	   border-style:dashed !important;
   }
   article.main section.content form.tog-form label
   {
	   display:inline-block;
	   width:150px;
	   text-align:right;
	   padding-right:20px;
	   color:#c8c8c8;
	   font-style:italic;
	   font-size:0.9em;
   }
   article.main section.content form.tog-form label.cbx
   {
	   width:inherit;
	   padding:0 0 0 55px;
   }
   .lt-ie9 article.main section.content form.tog-form label.cbx
   {
	   padding:0 0 0 10px;
   }
   article.main section.content form.tog-form input.txt,
   article.main section.content form.tog-form .select
   {
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   background:#f9f9f9;
	   border:1px solid #ececec;
	   padding:10px;
	   color:#454545;
	   font-family:'Source Sans Pro', sans-serif;
	   font-weight:400;
	   width:340px;
   }
   article.main section.content form.tog-form .select
   {
	   display:inline-block;
	   margin:0 0 0 -4px;
	   position:relative;
   }
   article.main section.content form.tog-form .select select
   {
	   background:transparent;
	   padding:0px;
	   border:0;
	   border-radius:0;
	  -webkit-appearance:none;
	   appearance:none;
	   text-indent:1px;
	   text-overflow:'';
	   color:#454545;
	   font-family:'Source Sans Pro', sans-serif;
	   font-weight:400;
	   width:110%;
	   position:relative;
	   z-index:20;
	   outline:none;
	   display:inline-block;
   }
   article.main section.content form.tog-form .select select:-moz-focusring {
	   color:transparent;
	   text-shadow: 0 0 0 #000;
   }
   article.main section.content form.tog-form .select select::-ms-expand
   {
	   display: none;
   }
   article.main section.content form.tog-form .select .icon
   {
	   display:block;
	   width:28px;
	   height:28px;
	   background:#fff url(img/grafik.png) -59px -418px;
	   border:1px solid #ececec;
	   position:absolute;
	   right:10px;
	   top:50%;
	   margin-top:-15px;
	   z-index:10;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
   }
   article.main section.content form.tog-form .select .noArrow
   {
	   width:30px;
	   height:30px;
	   position:absolute;
	   left:362px;
	   top:50%;
	   margin-top:-15px;
	   display:block;
	   background:#fff;
	   z-index:200;
   }
   article.main section.content form.tog-form input.cbx
   {
	   display:none;
   }
   .lt-ie9 article.main section.content form.tog-form input.cbx
   {
	   display:inline;
	   margin-left:10px;
   }
   article.main section.content form.tog-form input.cbx + label:before,
   article.main section.content form.tog-form .farbfeld
   {
	   content:'';
	   display:block;
	   background:#fff;
	   position:absolute;
	   left:491px;
	   top:50%;
	   margin-top:-15px;
	   height:28px;
	   width:28px;
	   border:1px solid #ececec;
	   margin-top:-15px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
   }
   article.main section.content form.tog-form input.cbx.trash + label:before
   {
	   left:457px;
	   background:#f9f9f9 url(img/grafik.png) -59px -446px;
	   border-color:#f9f9f9;
	   cursor:pointer;
   }
   article.main section.content form.tog-form label span
   {
	   display:none;
   }
   .lt-ie9 article.main section.content form.tog-form label span
   {
	   display:block;
	   position:absolute;
	   left:563px;
	   top:50%;
	   margin-top:-15px;
	   height:28px;
	   width:28px;
	   border:1px solid #fff;
	   margin-top:-15px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   background:#fff url(img/grafik.png) -59px -446px;
	   cursor:pointer;
   }
   article.main section.content form.tog-form .farbfeld
   {
	   border:none;
	   width:30px;
	   height:30px;
	   cursor:pointer;
   }
   article.main section.content form.tog-form input.farbe
   {
	   outline:none;
   }
   article.main section.content form.tog-form input.cbx:checked + label:before
   {
	   background-image:url(img/grafik.png);
	   background-position:-60px 0;
   }
   article.main section.content form.tog-form input.cbx.trash:checked + label:before
   {
	   left:491px;
	   background:#fff url(img/grafik.png) -59px -446px;
	   border-color:#ececec;
   }
   .lt-ie9 article.main section.content form.tog-form input.cbx + label:before
   {
	   display:none;
   }
   .js article.main section.content form.tog-form .file,
   .no-js article.main section.content form.tog-form .button-file
   {
	   display:none;
   }
   article.main section.content form.tog-form .button-file
   {
	   border:none;
	   padding:10px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   color:#454545;
	   font-family:'Source Sans Pro', sans-serif;
	   font-weight:400;
	   background:#f9f9f9;
	   border:1px solid #ececec;
	   width:340px;
	   text-align:left;
	   box-sizing:content-box;
	  -webkit-box-sizing:content-box;
	  -moz-box-sizing:content-box;
   }
   article.main section.content form.tog-form img
   {
	   height:28px;
	   width:28px;
	   border:1px solid #ececec;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   position:absolute;
	   left:491px;
	   top:50%;
	   margin-top:-15px;
   }
   article.main section.content form.tog-form .photo
   {
	   display:block;
	   height:30px;
	   width:30px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   position:absolute;
	   left:491px;
	   top:50%;
	   margin-top:-15px;
	   background:url(img/grafik.png) -29px -444px;
   }
   article.main section.content form.tog-form .sbt
   {
	   border:none;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   background:#4686a6;
	   color:#fff;
	   padding:20px;
	   margin:10px 10px 0 0;
   }
   article.main section.content form.tog-form .sbt:hover
   {
	   background:#397796;
   }
   article.main section.content form.tog-form .sbt.del
   {
	   background:#c42e2e;
   }
   article.main section.content form.tog-form .sbt.del:hover
   {
	   background:#ae2020;
   }
   article.main section.content form.tog-form .sbt.small.del
   {
	   padding:0;
	   background:none;
	   color:#c42e2e;
	   font-family:'Source Sans Pro', sans-serif;
	   font-weight:400;
	   margin:0;
   }
   article.main section.content form.tog-form .sbt.small.del:hover
   {
	   background:none;
	   color:#ae2020;
   }
   article.main section.content form.tog-form .present
   {
	   margin-bottom:10px;
   }
   article.main section.content form.tog-form .present p
   {
	   margin-bottom:20px;
   }
   article.main section.content form.tog-form .present p label
   {
	   text-align:left;
	   width:inherit;
	   padding:0;
	   margin-left:40px;
   }
   article.main section.content form.tog-form .present p input.cbx
   {
	   margin:0;
   }
   article.main section.content form.tog-form .present p input.cbx + label:before
   {
	   left:0px;
	   background-color:#f9f9f9;
   }
   
/* Tooltip */
   
   article.main section.content form.tog-form a.tooltip
   {
	   top:-30px;
	   right:inherit;
	   left:493px;
	   z-index:10;
	  -webkit-border-top-left-radius:4px;
	  -webkit-border-top-right-radius:4px;
	  -moz-border-radius-topleft:4px;
	  -moz-border-radius-topright:4px;
	   border-top-left-radius:4px;
	   border-top-right-radius:4px;
   }
   article.main section.content form.tog-form a.tooltip p
   {
	   font-size:0.8em;
   }
   
/* QR-Code */
   
   article.main section.content section.present .qr-img
   {
	   border:1px solid #ececec;
	   display:block;
	   margin-bottom:20px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
   }
   article.main section.content section.present a.btn
   {
	   display:inline-block;
	   border:none;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   background:#4686a6;
	   color:#fff;
	   padding:20px;
	   margin:10px 10px 0 0;
	   margin-bottom:20px;
   }

/* ==========================================================================
   Login
   ========================================================================== */
   
   section.login
   {
	   background:#4686a6;
	   z-index:200;
	   bottom:71px;
   }
   section.login form
   {
	   position:absolute;
	   top:50%;
	   left:50%;
	   margin:0 0 0 -282px;
	   width:500px;
	   padding:30px 30px 10px 30px;
	   border:1px solid #ececec;
	   background:#f9f9f9;
	   font-size:1.13em;
   }
   section.login form label
   {
	   display:none;
	   padding:0 0 5px 0;
   }
   .lt-ie10 section.login form label
   {
	   display:block;
   }
   .no-js section.login form
   {
	   margin-top:-105px;
   }
   section.login form p.ipt
   {
	   background:#ececec;
	   width:346px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   position:relative;
	   margin:0 0 20px 0;
   }
   section.login form p.error
   {
	   width:inherit;
	   padding:30px 0 20px 41px;
	   margin:10px 0 0 0;
	   float:left;
	   width:457px;
	   color:#c42e2e;
	   border-top:1px solid #ececec;
	   position:relative;
   }
   section.login form p.error span.icon
   {
	   position:absolute;
	   left:0;
	   top:50%;
	   margin-top:-10px;
	   width:29px;
	   height:29px;
	  -webkit-border-radius:60px;
	  -moz-border-radius:60px;
	   border-radius:60px;
	   background:#c42e2e url(img/grafik.png) -59px -121px;
   }
   section.login form p.ipt span.icon
   {
	   display:block;
	   position:absolute;
	   top:50%;
	   left:17px;
	   margin-top:-16px;
	   width:26px;
	   height:32px;
	   background:url(img/grafik.png) -59px -57px;
   }
   section.login form p.ipt span.icon.pssw
   {
	   background-position:-59px -89px;
   }
   section.login form input.ipt
   {
	   border:0;
	   margin:1px 1px 1px 60px;
	  -webkit-border-top-right-radius:4px;
	  -webkit-border-bottom-right-radius:4px;
	  -moz-border-radius-topright:4px;
	  -moz-border-radius-bottomright:4px;
	   border-top-right-radius:4px;
	   border-bottom-right-radius:4px;
	  -webkit-border-top-left-radius:0px;
	  -webkit-border-bottom-left-radius:0px;
	  -moz-border-radius-topleft:0px;
	  -moz-border-radius-bottomleft:0px;
	   border-top-left-radius:0px;
	   border-bottom-left-radius:0px;
	   padding:20px;
	   width:245px;
	   font-family:'Source Sans Pro', sans-serif;
	   font-weight:400;
	   color:#454545;
   }
   section.login form input.sbt
   {
	   position:absolute;
	   left:366px;
	   bottom:1px;
	   top:1px;
	   width:132px;
	   border:none;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   background:#4686a6;
	   color:#fff;
   }
   section.login form .sbt:hover
   {
	   background:#397796;
   }

/* ==========================================================================
   Tooltip
   ========================================================================== */
   
   a.tooltip
   {
	   display:block;
	   position:absolute;
	   right:0;
	   bottom:0;
	   width:29px;
	   height:29px;
	   background:#ececec;
	   text-decoration:none;
	  -webkit-border-top-left-radius:4px;
	  -moz-border-radius-topleft:4px;
	   border-top-left-radius:4px;
	   z-index:20;
   }
   a.tooltip.icon span
   {
	   display:block;
	   width:18px;
	   height:18px;
	   background:#4686a6 url(img/grafik.png) -35px -6px;
	   position:absolute;
	   top:6px;
	   left:6px;
	  -webkit-border-radius:20px;
	  -moz-border-radius:20px;
	   border-radius:20px;
   }
   a.tooltip.icon:hover span
   {
	   background-color:#397796;
   }
   a.tooltip p
   {
	   display:none;
	   position:absolute;
	   background:#f9f9f9;
	   border:1px solid #ececec;
	   font-size:0.9em;
	   color:#454545;
	   top:-5px;
	   left:-256px;
	   width:200px;
	   padding:20px;
	   margin:0;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   z-index:100;
	  -webkit-box-shadow:-5px 5px 10px -5px rgba(0,0,0,0.6);
	  -moz-box-shadow:-5px 5px 10px -5px rgba(0,0,0,0.6);
	   box-shadow:-5px 5px 10px -5px rgba(0,0,0,0.6);
   }
   a.tooltip p strong
   {
	   display:block;
	   margin-bottom:8px;
	   font-size:1.13em;
   }
   a.tooltip p  mark
   {
	   display:block;
	   margin-top:8px;
	   background:none;
	   color:#c42e2e;
	   font-weight:600;
   }
   a.tooltip p:after
   {
	   content:'';
	   display:block;
	   width:0;
	   height:0;
	   border-top:10px solid transparent;
	   border-bottom:10px solid transparent;
	   border-left:10px solid #ececec;
	   position:absolute;
	   right:-11px;
	   top:9px;
   }
   .no-js a.tooltip:hover p
   {
	   display:block;
   }

/* ==========================================================================
   Vollbild
   ========================================================================== */
   
   .vollbild nav.main,
   .vollbild nav.sub,
   .vollbild footer.main,
   .vollbild article.main header.row
   {
	   display:none;
   }
   .vollbild article.main
   {
	   left:0;
   }
   .vollbild article.main .scroll
   {
	   top:0;
	   bottom:0;
   }
   article.main .options
   {
	   position:absolute;
	   top:30px;
	   right:30px;
	   z-index:10;
   }
   article.main .options a
   {
	   display:block;
	   position:relative;
	   text-decoration:none;
	   line-height:1;
	   padding-left:34px;
	   float:right;
	   margin-left:15px;
   }
   article.main .options a:hover
   {
	   text-decoration:underline;
   }
   article.main .options a span
   {
	   display:block;
	   width:26px;
	   height:26px;
	   background:#fff url(img/grafik.png) -59px -483px;
	   border:1px solid #ececec;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   position:absolute;
	   left:0;
	   top:50%;
	   margin-top:-14px;
   }
   article.main .options a.vollbild.esc span
   {
	   background-position:-59px -509px;
   }
   article.main .options a.print span
   {
	   background-position:-1px -444px;
   }

/* ==========================================================================
   Optionale Schriftglättung bei Negativschrift
   ========================================================================== */
   
   nav.main ul li a
   {
	   -webkit-font-smoothing:antialiased;
   }

/* ==========================================================================
   Tabs
   ========================================================================== */
   
   .tab-box
   {
	   
   }
   .tab-box ul.tab-nav
   {
	   list-style:none;
	   margin:0 0 20px 0;
	   padding:0 0 20px 0;
	   border-bottom:1px solid #ececec;
   }
   .tab-box ul.tab-nav li
   {
	   float:left;
	   margin:0 8px 0 0;
	   padding:0;
   }
   .tab-box ul.tab-nav li a
   {
	   display:block;
	   padding:10px 10px 9px 10px;
	   line-height:1;
	   border:1px solid #ececec;
	   background:#fff;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   text-decoration:none;
	   color:#454545;
   }
   .tab-box ul.tab-nav li a:hover,
   .tab-box ul.tab-nav li a.is-active
   {
	   background:#f9f9f9;
   }
   .tab-box ul.tab-nav li a:hover
   {
	   color:#4686a6;
   }
   .tab-box ul.tab-nav li a.is-active
   {
	   font-weight:600;
	   color:#454545 !important;
   }
   .tab-box ul.tab-nav li a.add
   {
	   background:none;
	   position:relative;
	   border-color:#fff;
	   padding-left:36px;
   }
   .tab-box ul.tab-nav li a.add:after
   {
	   content:'';
	   width:30px;
	   height:30px;	   
	   background:#4686a6 url(img/grafik.png) -30px -354px;
	   position:absolute;
	   top:50%;
	   left:0;
	   margin-top:-15px;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
   }
   .tab-box ul.tab-nav li a.add:hover:after
   {
	   background-color:#397796;
   }

/* ==========================================================================
   Buttons
   ========================================================================== */
   
   .del-btn
   {
	   color:#c42e2e;
	   text-decoration:none;
   }
   .del-btn:hover
   {
	   color:#ae2020;
   }
   
   .download-btn
   {
	   border:none;
	  -webkit-border-radius:4px;
	  -moz-border-radius:4px;
	   border-radius:4px;
	   background:#4686a6;
	   color:#fff;
	   padding:12px;
	   margin:0 5px 0 0;
	   text-decoration:none;
	   display:inline-block;
   }
   .download-btn:hover
   {
	   background:#397796;
   }

/* ==========================================================================
   Media Query
   ========================================================================== */
   
   @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		  only screen and (-moz-min-device-pixel-ratio: 1.5),
		  only screen and (min-resolution: 240dpi) {
			  
      footer.main p.logout a .icon,
	  a.tooltip.icon span,
	  article.main section.content h1 .icon,
	  nav.sub section.content form input:checked + label:before,
	  article.main header form input:checked + label:before,
	  section.login form p.ipt span.icon,
	  section.login form p.error span.icon,
	  article.main section.content section.present .datetime span.icon,
	  p.system-error .icon,
	  nav.sub section.content ul.link-list li a .icon,
	  nav.sub section.content form p .code,
	  article.main section.content section.tog-item a.tog-link .icon,
	  article.main section.content form.tog-form input.cbx:checked + label:before,
	  article.main section.content form.tog-form input.cbx.trash + label:before,
	  article.main section.content form.tog-form input.cbx.trash:checked + label:before,
	  article.main section.content a.export span.icon,
	  article.main section.content form.tog-form .select .icon,
	  article.main section.content form.tog-form .photo,
	  nav.main ul li a.tog .icon,
	  nav.main ul li a.logout .icon,
	  nav.main ul li a.login .icon,
	  article.main section.content table.lokalisieren td a.map.open span,
	  article.main .options a span,
	  article.main section.content section.present p a.lokalisieren span
	  {
		 -moz-background-size:108px 550px;
		 -o-background-size:108px 550px;
		 -webkit-background-size:108px 550px;
		  background-size:108px 550px;
		  background-image:url(img/grafik@2x.png) !important;
	  }

   }