@font-face { font-family: AkzidenzGrotesk; src: url('AkzidenzGrotesk/AkzidenzGrotesk-Regular.otf'); } 
@font-face { font-family: AkzidenzGrotesk ; font-weight: bold; src: url('AkzidenzGrotesk/AkzidenzGrotesk-Bold.otf'); }
@font-face { font-family: AkzidenzGrotesk ; font-weight: italic; src: url('AkzidenzGrotesk/AkzidenzGrotesk-Italic.otf'); }

/* Start of Column CSS */
p {
    font-family: AkzidenzGrotesk, Helvetica, sans-serif;
    font-size: 10pt;
}

#container5 {
    clear:left;
    float:left;
    width:100%;
    overflow:hidden;
    background: white; /* column 5 background colour */
}
#container4 {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:20%;
    background: white; /* column 4 background colour */
}
#container3 {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:20%;
    background:  white; /* column 3 background colour */
}
#container2 {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:20%;
    background:white; /* column 2 background colour */
}
#container1 {
    float:left;
    width:100%;
    position:relative;
    right:20%;
    background:white; /* column 1 background colour */
}
#col1 {
    float:left;
    width:16%;
    position:relative;
    left:82%;
    overflow:hidden;
}
#col2 {
    float:left;
    width:16%;
    position:relative;
    left:86%;
    overflow:hidden;
}
#col3 {
    float:left;
    width:16%;
    position:relative;
    left:90%;
    margin-top:220px;
    overflow:hidden;
    border-style: dotted;
    border-color:  #e94a8f;
    border-width:1px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
}
#col4 {
    float:left;
    width:16%;
    position:relative;
    left:94%;
    overflow:hidden;
}
#col5 {
    float:left;
    width:16%;
    position:relative;
    left:98%;
    overflow:hidden;
}
/* --> */

/* css3 fade in */
#fade1{
-webkit-animation: fadein 3s; /* Safari and Chrome */
       -moz-animation: fadein 3s; /* Firefox */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera */
            animation: fadein 3s;
}

#fade2{
-webkit-animation: fadein 5s; /* Safari and Chrome */
       -moz-animation: fadein 5s; /* Firefox */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera */
            animation: fadein 5s;
}

#fade3{
-webkit-animation: fadein 4s; /* Safari and Chrome */
       -moz-animation: fadein 4s; /* Firefox */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera */
            animation: fadein 4s;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​