html { font-size: 100%; }

html, body {
height: 100%;
}

body {
font-size: 15px;
font-size: 0.9375rem;
font-family: "Open sans", Helvetica, Arial, sans-serif;
color: #333333;
padding: 0 0;
margin: 0 0;
}

.topspace { margin-top: 40px; }

/*********************************************************************


                            Navigation in header


**********************************************************************/
.navbar {
border-width: 1px 0;
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
background-clip: padding-box;
width: 100%;
}

.navbar.stick {
position: fixed;
top: 0;
left: 0;
/*opacity: .85;*/
}

.navbar-collapse {
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
background-clip: padding-box;
font-family: "Open sans", Helvetica, Arial, sans-serif;
font-size: 1.4em;
font-weight: 700;
text-transform: uppercase;
}

.navbar-collapse .navbar-nav {
float: none;
margin: 0 auto;
text-align: center;
}

.navbar-collapse .navbar-nav > li {
float: none;
display: inline-block;
}

.navbar-collapse .navbar-nav > li > a {
padding: 20px 12px;
}

.dropdown ul.dropdown-menu {
top: 85%;
text-align: center;
}
.dropdown ul.dropdown-menu > li > a {
padding: 5px 30px;
}

.navbar-default {
background-color: #f3f3f3;
border-color: #cccccc;
}

.navbar-default .navbar-nav > li > a {
color: #6A6A6A;
border-bottom: 2px solid #f3f3f3;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #000000;
background-color: #f3f3f3;
border-bottom: 2px solid #000000;
}

.navbar-default .navbar-nav > .current_page_1100 > a,
.navbar-default .navbar-nav > .current_page_2200 > a,
.navbar-default .navbar-nav > .current_page_3300 > a,
.navbar-default .navbar-nav > .current_page_4400 > a,
.navbar-default .navbar-nav > .current_page_5500 > a,
.navbar-default .navbar-nav > .current_page_6600 > a,
.navbar-default .navbar-nav > .current_page_7700 > a,
.navbar-default .navbar-nav > .current_page_8800 > a,
.navbar-default .navbar-nav > .current_page_1100 > a:hover,
.navbar-default .navbar-nav > .current_page_2200 > a:hover,
.navbar-default .navbar-nav > .current_page_3300 > a:hover,
.navbar-default .navbar-nav > .current_page_4400 > a:hover,
.navbar-default .navbar-nav > .current_page_5500 > a:hover,
.navbar-default .navbar-nav > .current_page_6600 > a:hover,
.navbar-default .navbar-nav > .current_page_7700 > a:hover,
.navbar-default .navbar-nav > .current_page_8800 > a:hover,
.navbar-default .navbar-nav > .current_page_1100 > a:focus,
.navbar-default .navbar-nav > .current_page_2200 > a:focus,
.navbar-default .navbar-nav > .current_page_3300 > a:focus,
.navbar-default .navbar-nav > .current_page_4400 > a:focus,
.navbar-default .navbar-nav > .current_page_5500 > a:focus,
.navbar-default .navbar-nav > .current_page_6600 > a:focus,
.navbar-default .navbar-nav > .current_page_7700 > a:focus,
.navbar-default .navbar-nav > .current_page_8800 > a:focus   {
color: #000000;
background-color: #f3f3f3;
border-bottom: 2px solid #000000;
}

.navbar-default .dropdown ul.dropdown-menu > li > a {
color: #6A6A6A;
}

.navbar-default .dropdown ul.dropdown-menu > li > a:hover {
background-color: #f3f3f3;
color: #000000;
}

.navbar-default .navbar-toggle {
border-color: #666666;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ffffff;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #333333;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #cccccc;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: #ffffff;
color: #000000;
}

@media (max-width: 1010px) {
	.navbar-collapse ul { text-align: center;  width:100%; padding-bottom:0px; }
	.navbar-collapse ul .btn { max-width:50%; margin:0 auto; }
	.navbar-collapse .navbar-nav > li > a { padding: 12px 0px; border-bottom: 2px solid #f3f3f3; }
	.navbar-collapse .navbar-nav > li { float: left; display: block; width:100%; }
	.navbar-collapse .navbar-nav > li > a:hover,
	.navbar-collapse .navbar-nav > li > a:focus { border-bottom: 2px solid #000000; }
	.navbar-collapse .navbar-nav > li > a:hover,
	.navbar-collapse .navbar-nav > li > a:focus { color:#000000; }
	.navbar-collapse .navbar-nav > .current_page_1100 > a,
	.navbar-collapse .navbar-nav > .current_page_2200 > a,
	.navbar-collapse .navbar-nav > .current_page_3300 > a,
	.navbar-collapse .navbar-nav > .current_page_4400 > a,
	.navbar-collapse .navbar-nav > .current_page_5500 > a,
	.navbar-collapse .navbar-nav > .current_page_6600 > a,
	.navbar-collapse .navbar-nav > .current_page_7700 > a,
	.navbar-collapse .navbar-nav > .current_page_8800 > a,
	.navbar-collapse .navbar-nav > .current_page_1100 > a:hover,
	.navbar-collapse .navbar-nav > .current_page_2200 > a:hover,
	.navbar-collapse .navbar-nav > .current_page_3300 > a:hover,
	.navbar-collapse .navbar-nav > .current_page_4400 > a:hover,
	.navbar-collapse .navbar-nav > .current_page_5500 > a:hover,
	.navbar-collapse .navbar-nav > .current_page_6600 > a:hover,
	.navbar-collapse .navbar-nav > .current_page_7700 > a:hover,
	.navbar-collapse .navbar-nav > .current_page_8800 > a:hover,
	.navbar-collapse .navbar-nav > .current_page_1100 > a:focus,
	.navbar-collapse .navbar-nav > .current_page_2200 > a:focus,
	.navbar-collapse .navbar-nav > .current_page_3300 > a:focus,
	.navbar-collapse .navbar-nav > .current_page_4400 > a:focus,
	.navbar-collapse .navbar-nav > .current_page_5500 > a:focus,
	.navbar-collapse .navbar-nav > .current_page_6600 > a:focus,
	.navbar-collapse .navbar-nav > .current_page_7700 > a:focus,
	.navbar-collapse .navbar-nav > .current_page_8800 > a:focus  { border-bottom: 2px solid #000000; }
    .dropdown ul.dropdown-menu { text-align: center; padding: 0; }
	.dropdown ul.dropdown-menu > li > a { background-color: #ffffff; border-left: 12px solid #666666; }
	.dropdown ul.dropdown-menu > li > a:hover,
	.dropdown ul.dropdown-menu > li > a:focus { border-left: 12px solid #ffffff; }
}

/*********************************************************************


                    HEADER / SEARCH / WIDGETBOXES


**********************************************************************/

#topspace_intro {
background-color: #f3f3f3;
width: inherit;
padding: 40px 12px 20px 12px;
}

@media (max-width: 736px) {
  #topspace_intro {
    padding: 24px 12px 1px 12px;
  }
}

#heading {
width: 100%;
margin: 0px auto;
text-align:center;
background-color:#f3f3f3;
border-bottom:none;
}

#widgetboxes {
background-color: #eef7d9;
}
#widgetboxes_region {
background-color: #f3f3f3;
border-top: 1px solid #747474; 
}

#widgetboxes a,
#widgetboxes_region a
{
text-decoration: none;
font-weight:700;
}

#widgetboxes ul, li {
list-style-type: none;
padding-left:0;
}

#widgetboxes li,
#widgetboxes_region li {
padding-top: 4px;
padding-bottom: 4px;
font-size: 15px;
font-size: 0.9375rem;
}

#widgetboxes p,
#widgetboxes_region p {
font-size: 15px;
font-size: 0.9375rem;
}

#widgetboxes h3.widgetbox,
#widgetboxes_region h3.widgetbox {
font-size: 16px;
font-size: 1rem;
font-weight: bold;
text-transform: uppercase;
line-height: 200%;
}

#widgetbox_topnavi {
padding:0 0;
text-align:left;
font-size: 16px;
font-size: 1rem;
font-weight:bold;
line-height:130%;
}

@media (max-width: 736px) {
  #widgetbox_topnavi {
    padding-left: 15px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

#widgetbox_topnavi a { text-decoration: none; }
#widgetbox_topnavi ul, li { list-style-type: none; padding-left:0; }
#widgetbox_topnavi li { padding: 4px 16px 4px 0; display: inline; }
@media (max-width: 479px) {
	#widgetbox_topnavi li { padding: 4px 16px 4px 0; display: block; }
}

@media (max-width: 991px) {
  .mplus15 { padding-bottom: 15px; }
}
@media (max-width: 736px) {
  .mminus15 { margin-left: -15px; }
}

/** Search */

* {
  box-sizing: border-box;
}

/* Style the search field */
form.frm input[type=text] {
padding: 10px;
color: #333;
font-size: 15px;
font-size: 0.9375rem;
border: 1px solid #333;
float: left;
width: 80%;
background: #ffffff;
}

/* Style the submit button */
form.frm button {
float: left;
width: 20%;
padding: 10px;
background: #a60000;
color: #fff;
font-size: 15px;
font-size: 0.9375rem;
border: 1px solid #333;
border-left: none; /* Prevent double borders */
cursor: pointer;
}

form.frm button:hover {
background: #D61B5D;
}

/* Clear floats */
form.frm::after {
content: "";
clear: both;
display: table;
}

/* only visible on mobile devices */
@media (min-width: 991px) {
	.m-only { display: none;}
}


/*********************************************************************


                                TYPOGRAPHY


**********************************************************************/
p {
line-height: 1.6em;
margin: 0 0 30px 0;
}

p.lp_feature {
text-align:left;
font-size:15px;
font-size:0.9375rem;
}

ul,
ol {
line-height: 1.6em;
margin: 0 0 30px 0;
}

blockquote {
padding: 10px 20px;
margin: 0 0 30px;
border-left: 5px solid #eee;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "Open sans", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #333;
}

h1 {
font-size: 40px;
font-size: 2.5rem;
}

h2 {
font-size: 36px;
font-size: 2.25rem;
}

h3 {
font-size: 30px;
font-size: 1.875rem;
}

h4 {
font-size: 24px;
font-size: 1.5rem;
}

h5 {
font-size: 20px;
font-size: 1.25rem;
}

a:link, a:visited {
font-weight:700;
color: #A60000;
text-decoration: none;
}

a:hover, a:active {
font-weight:700;
color: #D61B5D;
text-decoration: none;
}

.lead {
font-weight: 400;
font-size: 32px;
font-size: 2rem;
color: #666;
}

@media (max-width: 736px) {
	.lead {
	font-size: 26px;
	font-size: 1.625rem;
	}
	}

.text-msg {
line-height: 1.6em;
color: #b3b3b3;
font-weight: 300;
text-transform: capitalize;
margin-top: -0.23em;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

/*********************************************************************


                                HEADER


**********************************************************************/
#head {
background-image: url(), url(../images/bg_head.png);
background-position: top center, top center;
background-attachment: fixed, fixed;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
background-color: #f3f3f3;
color: #7C7C7C;
padding: 30px 0 35px 0;
}

@media (max-width: 736px) {
  #head  {
    padding: 5px 0 10px 0;
  }
}

#head img.img-circle {
display: block;
width: 240px;
height: 240px;
overflow: hidden;
border: 0px solid rgba(0, 0, 0, 0.05);
margin: 0 auto;
background-color: #fff;
}

#head img.img-logo {
display: block;
width: 400px;
height: auto;
overflow: hidden;
border: none;
margin: 0 auto 25px auto;
}

@media (max-width: 736px) {
  #head img.img-logo  {
    max-width: 320px;
  }
}
@media (max-width: 479px) {
  #head img.img-logo  {
    max-width: 250px;
  }
}

#head .pagetitle {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 56px;
font-size: 3.5rem;
color: #aac600;
-webkit-text-stroke: 1px #888;
}

@media (max-width: 736px) {
  #head .pagetitle  {
  font-size: 36px;
  font-size: 2.25rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #aac600;
  -webkit-text-stroke: 1px #888;
  }
}

#head .title a {
text-decoration: none;
color: #333333;
}

#head .tagline {
display: block;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.2em;
color: #7C7C7C;
margin: 5px 0 0;
}

#head .tagline b {
font-weight: normal;
}

#head .tagline a {
color: #5E5E5E;
}

.home #head {
padding: 90px 0 90px 0;
}

@media (max-width: 736px) {
  .home #head  {
    padding: 30px 0 30px 0;
  }
}

.home #head .title {
font-size: 49px;
font-size: 3.0625rem;
}

.home #head .tagline {
font-size: 16px;
font-size: 1rem;
margin: 15px 0 0;
}

/*********************************************************************


                                CONTENT


**********************************************************************/
.clear { clear: both; }

.maincontent { margin-bottom: 30px; }

img { max-width: 100%; }
a img { border: none; }
img.alignleft { float: left; }
img.alignright { float: right; }
img.aligncenter { margin: 0px auto; }

img.left, article img.imgleft {
float: left;
margin-left: 0;
margin-right: 12px;
margin-top: 4px;
}

img.right, article img.imgright {
float: right;
margin-left: 12px;
margin-top: 4px;
}

hr { display: none; }

article li {
list-style-type: square;
padding-left: 6px;
margin-left: 8px;
margin-right: 0;
line-height: 150%;
}

article ol.dec li {
list-style-type: decimal;
}

article p {
line-height: 150%;
}

article h2 { margin-top: 60px; }

.h2_feature {
font-weight:thin;
font-size: 24px;
font-size: 1.5rem;
border-bottom:1px solid #666;
padding-bottom:6px;
}

.heading2_main {
font-size: 44px;
font-size: 2.75rem;
line-height: 130%;
font-weight: 700;
margin: 0 0 36px 0;
font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

@media (max-width: 736px) {
	.heading2_main {
 	  font-size: 36px;
	  font-size: 2.25rem;
	}
}

.h3_news {
color: #333;
font-weight: 700;
font-size: 24px;
font-size: 1.5rem;
line-height: 150%;
border-bottom:1px solid #333;
display: block;
}

.linkbox {
padding: 3px 0; 
font-weight:400; 
font-size:16px; 
font-size: 1rem;
}

.linkbox:link { background: #fff; font-weight:400; }
.linkbox:hover { background: #f3f3f3; font-weight:400; }

.news-date {
color:#6a6a6a;
font-style:italic;
}

a.pdf,
a.zip,
a.html,
a.doc,
a.xls,
a.ppt {
font-weight: bold;
font-size: 1em;
line-height: 14px;
color: #af2d2d;
display: block;
padding: 1px 0 16px 22px;
text-decoration: underline;
}
a.pdf { background: transparent url("../../images/mtype_pdf.gif") 0 1px no-repeat; }
a.zip { background: transparent url("../../images/mtype_zip.gif") 0 1px no-repeat; }
a.html { background: transparent url("../../images/mtype_html.gif") 0 1px no-repeat; }
a.doc { background: transparent url("../../images/mtype_doc.gif") 0 1px no-repeat; }
a.xls { background: transparent url("../../images/mtype_xls.gif") 0 1px no-repeat; }
a.ppt { background: transparent url("../../images/mtype_ppt.gif") 0 1px no-repeat; }
a.zoomin { background: transparent url("../../images/icon_zoomin.gif") 0 0 no-repeat; padding: 0 0 4px 20px; }

.teaser {
color: #333;
font-weight: bold;
margin: 0 0 12px 0;
padding: 0;
}

.blass, .meta { 
font-style:italic; 
color: #666; 
font-weight: bold;
}

.round {
display: inline;
font-size: 16px;
font-size: 1 rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
width: 1.5em;
height: 1.5em;
box-sizing: initial;
background: #fff;
border: 0.1em solid #693d4e;
color: #693d4e;
text-align: center;
border-radius: 50%;    
line-height: 1.5em;
box-sizing: content-box; 
}

abbr, acronym {
cursor: help;
}
.red { color: #FF0000; }

.img-p { margin-bottom: 7px; }

.authors {
font-size: 18px;
font-size: 1.125rem;
font-style: italic;
text-align: center;
}

.bildunterschrift {
color: #666666;
font-weight: bold;
font-style: italic;
}

h2.h2info,
.h2info {
color: #1E5080;
display: block;
padding-left: 0px;
padding-bottom: 4px;
background: transparent url();
}

.infobox, .infokasten {
margin: 60px 0 60px 0;
padding:0 15px;
border:1px solid #005487;
background-color:#e8f5fc;
}
.infokasten h3 {
padding: 15px 0 0 0;
}
#infobox .h_infobox, 
.infobox .h_infobox {
color: #0025AA;
font-size: 18px;
font-size: 1.125rem;
font-weight: bold;
display: block;
padding-left: 21px;
padding-bottom: 4px;
background: transparent url("../../images/icon_information.gif") 0 1px no-repeat;
margin-top: 30px;
}
.infokasten-h {
color: #005487;
font-size: 24px;
font-size: 1.5rem;
font-weight: bold;
margin-top: 15px;
font-family: "Montserrat", Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

table { 
caption-side: top;
max-width: 100%;
border-collapse: collapse; 
empty-cells: show; 
speak-header-cell: once;
margin-left: auto;
margin-right: auto;
}
caption {
font-weight: bold;
font-style: italic;
line-height: 1.2em;
color: #666666;
padding: 8px 0 8px 0;
text-align: center;
}

.table { border: 1px solid #FFF; border-bottom: 2px solid #333; }
tr { color: #000; }
th, 
td {
vertical-align: top;
border: 1px solid #fff;
padding: 6px 4px;
}
table th, .table th { font-weight: bold; color: #fff; background: #005487; text-align: left; line-height: 1.2em; }
table td, .table td { font-weight: normal; color: #000; }
table .td_s, .table .td_s { font-weight: normal; color: #000; border: 1px solid #c0c0c0; }

table .tblhd1, .table .tblhd1 { font-weight: bold; color: #FFF; background: #333; text-align: left; }
table .tblhd2, .table .tblhd2 { font-weight: bold; color: #333; background: #e3e3e3; text-align: left; }
table .tblhd_s, .table .tblhd_s { font-weight: bold; color: #fff; background: #005487; text-align: left; line-height: 1.2em; }
table .tblrow, .table .tblrow { color: #000; background: #f3f3f3; }

table .tblrowdarkgreen, .table .tblrowdarkgreen { color: #000; background: #aac600; }
table .tblrowmediumgreen, .table .tblrowmediumgreen { color: #000; background: #d6e5ab; }
table .tblrowlightgreen, .table .tblrowlightgreen { color: #000; background: #eef7d9; }
table .tblrowdark333, .table .tblrowdark333 { color: #fff; background: #333; }
table .tblrowlightblue, .table .tblrowlightblue {color: #000; background: #c0eeff; }

.mobilecenter { text-align:center; }

.table-overflow { overflow-x:auto; }

.btn {
font-size: 12px;
font-size: 0.75rem;
text-decoration: none;
text-transform: uppercase;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
-webkit-border-radius: 0px;
-webkit-background-clip: padding-box;
-moz-border-radius: 0px;
-moz-background-clip: padding;
border-radius: 0px;
background-clip: padding-box;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
border: 0 none;
padding: 8px 35px;
text-shadow: 0 1px 0px #780d33;
}

.btn-primary:link {
padding: 18px 45px;
font-size: 16px;
font-size: 1rem;
color: #fff;
background-color: #A60000;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
color: #fff;
background-color: #D61B5D;
}

.btn-action {
font-weight: bold;
background: transparent!important;
border: 1px solid #333;
text-shadow: none;
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active {
color: #bd1550;
border-color: #bd1550;
}

.btn-lg {
padding: 15px 60px;
font-size: 14px;
font-size: 0.85rem;
line-height: 1.5;
font-weight: bold;
}

/* Section - Featured */
.featured {
font-size: 13px;
font-size: 0.8125rem;
}

.featured h3 {
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 24px;
font-size: 1.5rem;
text-transform: uppercase;
line-height: 1.4em;
vertical-align: middle;
margin: 0 0 18px 0;
}

/* Pagination */
.pagination > li > a {
color: #808080;
border: 0 none;
font-size: 20px;
font-size: 1.25rem;
font-family: Georgia, serif;
}

.pagination > li > a:hover {
color: #000000;
background: none;
}

.pagination > li.active > a {
color: #333333;
background: none;
}

.pagination > li.active > a:hover {
color: #000000;
background: none;
}

/* Alerts */
.alert {
position: relative;
border: 1px solid #ffeeba;
margin-bottom: 90px;
padding: 30px 15px 30px 15px;
border-radius: 0.25rem;
background-color: #fff3cd;
}

.alert-heading {
color: #333;
margin: 0 0 30px 0;
font-size: 30px;
font-size: 1.875rem;
}

.alert-information {
position: relative;
border: 1px solid #bee5eb;
margin-bottom: 60px;
padding: 30px 15px 30px 15px;
border-radius: 0.25rem;
background-color:#d1ecf1;
}

.alert-information-heading {
color: #333;
margin: 0 0 30px 0;
font-size: 30px;
font-size: 1.875rem;
}

#page .alert-txt {
font-size: 16px;
font-size: 1rem;
line-height: 130%;
}

/*********************************************************************


                                FOOTER


**********************************************************************/
#footer {
background: #232323;
padding: 30px 0 0 0;
font-size: 13px;
color: #afafaf;
}

#footer a { color: #fff; }
#footer a:hover { color: #fafa90; }

#footer h3.widget-title {
font-size: 15px;
font-size: 0.9375rem;
text-transform: uppercase;
color: #ccc;
margin: 0 0 20px;
}

#footer li.li_footer { list-style-type: none; }

#underfooter {
background: #191919;
padding: 15px 0;
color: #999;
font-size: 13px;
}

#underfooter a { color: #fff; }
#underfooter a:hover { color: #fafa90; }

#underfooter p { margin: 0; }

.follow-me-icons { font-size: 30px; }

.follow-me-icons i {
float: left;
margin: 0 10px 0 0;
}

/*********************************************************************


                                MISC


**********************************************************************/

/* Max page width
/////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
  .container {
    max-width: 1080px;
  }
}


/* Animationen
/////////////////////////////////////////////////////////////////////*/
.fade-in-logo {
animation: fadeIn 3s;
-webkit-animation: fadeIn 3s;
-moz-animation: fadeIn 3s;
-o-animation: fadeIn 3s;
-ms-animation: fadeIn 3s;
}

.fade-in-text {
animation: fadeIn linear 4s;
-webkit-animation: fadeIn linear 4s;
-moz-animation: fadeIn linear 4s;
-o-animation: fadeIn linear 4s;
-ms-animation: fadeIn linear 4s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}