html				{ width:100%; height:100%; }

body        { padding:0px;
              margin:0px;
              width:100%;
              height:100%;
              overflow:hidden;
              font-family: Arial, Droid-Sans, Helvetica, sans-serif;
              font-size:10px; }

h1          { font-size:1.2em;
              margin-bottom:0px;
              margin-top:0px;}
                         
body.red            { background:url( "../../images/apotec/backgrounds/red.jpg" ); }
body.black          { background:url( "../../images/apotec/backgrounds/black.jpg" ); }
body.blue           { background:url( "../../images/apotec/backgrounds/blue.jpg" ); }
body.green          { background:url( "../../images/apotec/backgrounds/green.jpg" ); }
body.mint           { background:url( "../../images/apotec/backgrounds/mint.jpg" ); }
body.orange         { background:url( "../../images/apotec/backgrounds/orange.jpg" ); }
body.pink           { background:url( "../../images/apotec/backgrounds/pink.jpg" ); }
body.purple         { background:url( "../../images/apotec/backgrounds/purple.jpg" ); }
body.white          { background:url( "../../images/apotec/backgrounds/white.jpg" ); }

body.fullred        { background:red; }
body.fullblack      { background:black; }
body.fullblue       { background:#366afe; }
body.fullgreen      { background:#079c1a; }
body.fullmint       { background:#00d3c8; }
body.fullorange     { background:#fc6703; }
body.fullpink       { background:#f601ff; }
body.fullpurple     { background:#66016b; }
body.fullwhite      { background:white; }

div.content { position:absolute; width:100%; height:100%; }

.invisible  { display:none;
              visibility:hidden; }

.autoscale	{ padding:10px; }

div.header  { position:absolute;
              background:transparent;
              border-bottom:2px solid;
              width:90%;
              top:0px;
              left:5%;
              height:100px; 
              z-index:4; }

.headline   { position:absolute;
              z-index:5;
              color:white; 
              top:40px;
              height:60px;
              line-height:60px;
              width:calc( 100% - 90px );
              text-align:right; 
              right:0px; }

.emergencies_pager  { position:absolute;
                      width:100%;
                      height:100%;
                      padding:0px!important;
                      margin:0px!important;
                      z-index:44; }

.emergencies_pagenumber { font-size:14pt!important;
                          position:absolute;
                          z-index:45;
                          top:-10px;
                          right:-10px;
                          width:100%;
                          text-align:right; }

.outline            { -webkit-text-stroke-width:3px;
                      font-weight:bold; }

.outline_thin       { -webkit-text-stroke-width:1px;
          					  font-weight:bold; }
                      
.outline_red        { -webkit-text-stroke-color:red;
                      color:white; }
.outline_black      { -webkit-text-stroke-color:black;
                      color:white; }
.outline_blue       { -webkit-text-stroke-color:#366afe;
                      color:white; }
.outline_green      { -webkit-text-stroke-color:#079c1a;
                      color:white; }
.outline_mint       { -webkit-text-stroke-color:#6c6c6c;
                      color:white; }
.outline_orange     { -webkit-text-stroke-color:#fc6703;
                      color:white; }
.outline_pink       { -webkit-text-stroke-color:#f601ff;
                      color:white; }
.outline_purple     { -webkit-text-stroke-color:#66016b;
                      color:white; }
.outline_white      { -webkit-text-stroke-color:#a6a6a6;
                      color:white; }

.border_red        { border-color:red!important; }
.border_black      { border-color:black!important; }
.border_blue       { border-color:#366afe!important; }
.border_green      { border-color:#079c1a!important; }
.border_mint       { border-color:#6c6c6c!important; }
.border_orange     { border-color:#fc6703!important; }
.border_pink       { border-color:#f601ff!important; }
.border_purple     { border-color:#66016b!important; }
.border_white      { border-color:#a6a6a6!important; }
                      
.black      { border-color: black; }              

div.logo    { /*background:url( "../../images/apotec/logo_apotheke.png" );*/
              background-size:cover;
              height:120px;
              width:120px;
              top:10px;
              left:10px;
              position:absolute;
              z-index:105; }

div.logo:before { content:"";
                  display:block;
                  padding-top:100%; }
                  
div.logo_inner  { position:absolute;
                  background:green;
                  top:0px; left:0px; bottom:0px; right:0px; }                  

div.applogo_back{ background:url( "../../images/apotec/apotec_10.png" );
                  background-size:cover;
                  width:350px;
                  height:95px;
                  position:absolute;
                  z-index:3;
                  bottom:2%;
                  right:-6%; }

div.applogo     { background:url( "../../images/apotec/apotec_small_70.png" );
                  background-size:cover;
                  width:150px;
                  height:48px;
                  position:absolute;
                  z-index:7;
                  bottom:6px;
                  right:-5%; }

div.emergencies_inner { position:absolute;
                        top:20px;
                        bottom:20px;
                        left:20px;
                        right:20px; }
                                                                          
div.emergencies { position:absolute;
                  width:80%;
                  top:100px;
                  padding:5%;
                  bottom:50px; 
                  left:5%;
                  right:5%;
                  overflow:hidden; }
                  /*background:url( "../../images/apotec/white_50.png" ); }*/
                  
div.bottom      { position:absolute;
                  border-top:2px solid;
                  width:90%;
                  background:transparent;
                  bottom:0px;
                  left:5%;
                  height:50px;
                  z-index:5; }  
                  
.bar_red            { background:red; }
.bar_black          { background:white; }
.bar_blue           { background:#366afe; }
.bar_green          { background:#079c1a; }
.bar_mint           { background:#6c6c6c; }
.bar_orange         { background:#fc6703; }
.bar_pink           { background:#f601ff; }
.bar_purple         { background:#66016b; }
.bar_white          { background:#a6a6a6; }

.foreground_red		{ color:red; }
.foreground_black	{ color:white; }
.foreground_blue	{ color:#366afe; }
.foreground_green	{ color:#079c1a; }
.foreground_mint	{ color:#6c6c6c; }
.foreground_orange	{ color:#fc6703; }
.foreground_pink	{ color:#f601ff; }
.foreground_purple	{ color:#66016b; }
.foreground_white	{ color:black; }

div.bar             { position:absolute;
                      z-index:99;
                      left:5%;
                      right:5%;
                      height:5px;
                      bottom:52px; }

span.time           { font-weight:bold; }

div.bar_inner       { position:relative;
                      height:100%; }

div.clock			{ position:absolute;
   					  z-index:4;
   					  width:300px;
   					  left:0px;
   					  padding:5px;
	                  text-align:left;
		              font-size:23pt;
					  bottom:0px; }

span.date     { font-size:0.6em; }

div.address_block { border-bottom:1px solid;
                    vertical-align:top; }

div.details_block { border-bottom:1px solid;
                    margin-top:8px; }

div.route_block   { margin-top:10px; }

div.icon          { float:left;
                    width:30px;
                    height:30px;
                    margin-top:10px;
                    margin-left:10px;
                    margin-right:40px;}

div.route_information { float:left; }                    

div.car_icon      { background:url( "../../images/apotec/car_icon.png" );
                    background-repeat:no-repeat; }
div.ped_icon      { background:url( "../../images/apotec/ped_alt_icon.png" ); 
                    background-repeat:no-repeat; }
                    

.border_right { border-right:1px solid; }
                
span.left     { display:block; 
                float:left;
                min-width:80px; }

span.right    { display:block;
                float:left; }

.emergencies_cover  { position:absolute;
                      width:100%;
                      height:100%;
                      padding:40px;
                      top:-20px;
                      left:-20px;
                      z-index:103;
                      background:white; }

.emergency_33       { width:calc( 33.3% - 21px );
                      height:calc( 100% - 20px );
                      float:left;
                      padding:10px;
                      border-color:transparent; }
                
.emergency_50       { width:calc( 50% - 21px );
                      height:calc( 100% - 20px );
                      float:left;
                      padding:10px; 
                      border-color:transparent; }

.emergency_100      { width:calc( 100% - 21px );
                      height:calc( 100% - 20px );
                      float:left;
                      padding:10px;
                      text-align:center;
                      border-color:transparent; }

.name         { height: 40px;
                margin-bottom: 10px; }
.address      { height: 35px; }
.route        { height: 60px;
                padding: 0px!important;
                padding-left: 10px!important;}

.zipcity      { height: 40px; }

.clear-fix    { display:block; clear:both; }