*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body { margin: 0 auto; max-width: 900px;}

.columnsContainer, header { position: relative; margin: .5em;}
.header2 { position: relative; margin: .8em;}
.leftColumn, header {  border: 0px solid  #ccc; padding: 0em 1.25em 0em 1.25em; }
.header2 {  border: 0px solid  #ccc; padding: 0em 0em 0em 0em;}
.rightColumn {  border: 0px solid  #ccc; padding: 0em 0em 0em 2em; }

.leftColumn { margin-bottom: .5em; }

.footer { position: relative; margin: .5em;}
.footer {  border: 0px solid  #ccc; padding: 0em 3.25em 0em 3.25em; }

.nav {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.nav > li,
.nav > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.nav2 > li2,
.nav2 > li2 > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding-right: 30px;
}
.inline-items {
  margin-top: 0;
  text-align: center;
}

.inline-items li {
  margin-left: 0;
  border-left: 0px solid black;
  padding-left: 10px;
  padding-right: 10px;
  font-size: small;
}
.inline-items2 li {
  margin-left: 0;
  border-left: 0px solid black;
  padding-left: 0px;
  padding-right: 0px;
  font-size: small;

}
.inline-items li:first-child {
  margin-left: 0;
  border: none;
  padding-left: 0;
  padding-right: 10px;
  font-size: small;
}
.inline-items2 li:first-child {
  margin-left: 0;
  border: none;
  padding-left: 0;
  padding-right: 20px;
  font-size: small;
}
.inline-items li:last-child {
  padding-right: 0;
}
.inline-items2 li:last-child {
  padding-right: 0;
}
/* MEDIA QUERIES */
@media screen and (min-width: 47.5em ) {
  .leftColumn { margin-right: 22em; width: 50%; }

	.rightColumn { position: absolute; top: 0; right: 0px; width: 50%; }   
}
img {
max-width:100%;
 /* ie 8 */
}
iframe, object, embed{
max-width: 100%;
height:auto;
width: auto; /* ie 8 */
}

a.speziell:link {
   text-decoration: underline;
        color: #000000;
    font-family: helconli;
    font-weight: bold;
}


a.speziell:visited {
    text-decoration: underline;
        color: #000000;
    font-family: helconli;
    font-weight: bold;
}

a.speziell:hover {
    text-decoration: underline;
        color: #000000;
    font-family: helconli;
    font-weight: bold;
}

a.speziell:active {
    text-decoration: underline;
        color: #000000;
    font-family: helconli;
    font-weight: bold;
}

a:link {
    text-decoration: none;
    color: #000000;
    font-family: helvetica;
    font-weight: bold;
    
}

a:visited {
    text-decoration: none;
        color: #000000;
    font-family: helvetica;
    font-weight: bold;
}

a:hover {
    text-decoration: none;
        color: #000000;
    font-family: helvetica;
    font-weight: bold;
}

a:active {
    text-decoration: none;
        color: #000000;
    font-family: helvetica;
    font-weight: bold;
}
p { margin-top:4px; margin-bottom: 4px; }
video {
    width: 100%;
    height: auto;
    max-width: 380px;
}

 @font-face {
    font-family: helconli;
    src:url(http://www.pillcom.at/fonts/helconli.otf) format("opentype");
  }

  @font-face {
    font-family: helconbold;
    font-weight: bold;
    src:url(http://www.pillcom.at/fonts/helconbold.otf) format("opentype");
  }
  .font {
    font-family: helconli;
}
.fontbold {
    font-family: helconbold;
}
  
@media (max-width: 700px) {
.bildtext {
display: none !important;
align: center;}

}
@media (max-width: 700px) {
.bildtext2 {
display: show() !important;}
}

@media (min-width: 701px) {

.bildtext2 {
display: none !important;}

}



@media (max-width: 100px) {
.bild {
display: none !important;
}

aside {
	position: absolute;
	padding: 1.5em;
}
   #element1 {
       
        z-index: 1;
      }
      #element2 {
      
        z-index: 2;
       
      }
      #element3 {
      
        z-index: 3;
     
      }
       #element4 {
      
        z-index: 4;
     
      }
      #element0 {
      
        z-index: 0;
     
      }