/* KMI Template Base: Version 7.0 */

/*************************************************
* Font Import
*************************************************/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic);

@media all { 

	/*************************************************
	* Specific Colors and Sizes
	*************************************************/

    /* Titles */
    h1 {
      font-weight: normal;
      font-size: 2.4em;
      line-height: 1.25em;
      margin: 0 0 0.6em 0;
        color: #70160E;
    }
    h2 {
      font-weight: normal;
      font-size: 1.7em;
      line-height: 1.25em;
      margin: 0 0 0.1em 0;
       color: #084A70;
    }
    h3 {
      font-weight: 700;
      font-size: 1.3em;
      line-height: 1.25em;
      margin: 0 0 0.05em 0;
    }
    h4 {
        font-size: 1.1em;
    }

    /* Links */
    a {
      color: #333;
      text-decoration: underline;
      font-weight: bold;
    }
    a:hover,
    a:focus,
    a.activ {
      color: #111;
      text-decoration: underline;
    }

    a[href^=tel]{
        color:inherit;
        text-decoration:none;
    }

    /*#content a:visited {color: #666;}*/
    #content a:hover {color: #0c5297; text-decoration:none;}

    /* line */
    hr {
      border: none;
      border-bottom: 1px solid #666;
      margin: 2em 0 2em 0;
    }

	div.rulerAfter,
	div.rulerBefore {
		border-color: #ddd;
	}

    /* Color Classes for RTE */
    span.rot {color: #ff0000;}
    span.gruen {color: #00ff00;}
    span.blau {color: #0c5297;}

    /*************************************************
    * Page
    *************************************************/
    body {
      font-family: 'Open Sans', sans-serif;
      background-color: #fff;
      width: 100%;
      height: 100%;
      font-size:0.85em;
    }
    #page-wrapper {
        position: relative;
        width: 100%;
        min-height: 100%;
        left: 0;
    }
    #page {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        background-color: #fff;
    }
    .inner-wrapper{
        width:100%;
        max-width:960px;
        margin:0 auto;
    }

    /*************************************************
    * Header
    *************************************************/
    #header {
        position: relative;
        width: 100%;
        height: 270px;
    }

    /* Mobile Navigation Button */
    #mnavbtn {
        display: none;
    }

    /* Header Image */
    #header-image {
        width: 100%;
        height: 155px;
        float: right;
        border-top:3px solid #0c5297;
        border-bottom:1px solid #dddddd;
        background:#F5F5F5;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-image: url(/fileadmin/templates/aiest/public/img/background-blur2.jpg);
        overflow:hidden;
    }
    #header-image .inner-wrapper{
        height:155px;
    }

    /* Logo */
    #logo {
        float:left;
        height:88px;
    }
    #logo img{
        margin-top:14px;
    }

    /* Meta Navigation */
    #metanav {
        position: absolute;
        top: -32px;
        height: 30px;
        width: 100%;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
    }
    #metanav ul {
        margin: 0;
        float: left;
        margin-top: 5px;
        margin-left: 238px;
    }
    #metanav li {
      text-indent: 0;
      list-style-position: outside;
      float: left;
      border-right: 1px solid #333;
      padding: 0 10px 0 0;
      margin: 0 10px 0 0;
    }
    #metanav li:before {
        content: none;
    }
    #metanav li.last {
      border: none;
      padding: 0;
      margin: 0;
    }
    #metanav a {
      font-weight: normal;
    }
    #metanav a.current {
      font-weight: bold;
    }
    #metanav a:hover {
      text-decoration:none;
    }

    #shortcutnav{
        width:100%;
        float:left;
        height:25px;
        background:#f5f5f5;
        border-bottom:1px solid #ddd;
        font-size:0.95em;
    }
    #shortcutnav ul{
        float:right;
        margin-top: 3px;
    }
    #shortcutnav li{
        float:left;
        margin-left:10px;
    }
    #shortcutnav a{
        padding-left:10px;
        border-left:1px solid #555;
        font-weight:normal;
        text-decoration:none;
        color: #555;
    }
    #shortcutnav a:hover{
        color: #000;
    }
    #shortcutnav li.first a{
        border-left:none;
    }

    /* Top Navigation */
    #topnav {
        float:right;
        margin-top:28px;
    }
    #topnav ul {
    }
    #topnav li {
      display: table-cell;
      text-indent: 0;
    }
    #topnav li:before {
        content: none;
    }
    #topnav a {
        display: block;
        text-decoration: none;
        padding:7px 15px;
        margin-right: 5px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        font-size:1em;
        font-weight:600;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }
    #topnav .last a {
        margin-right: 0;
    }
    #topnav a:hover {
        background: #0d5399;
        color:#fff;
        border-radius:0;
    }
    #topnav .active a {
        background: #0d5399;
        color:#fff;
    }

    /*************************************************
    * Main
    *************************************************/
    #content-container {
        width: 100%;
        padding:20px 0 183px 0;
    }

    /* Sub Navigation */
    #subnav-wrapper{
        float: left;
        width: 200px;
        min-height: 100px;
    }
    #subnav {
        width: 100%;
    }
    #subnav ul {
      margin: 0;
    }
    #subnav ul li {
      text-indent: 0;
      margin: 0 0 1em 0;
      position: relative;
    }
    #subnav li:before {
        content: none;
    }
    #subnav ul ul li {
      margin: 0;
      padding: 0 0 0 1em;
    }
    #subnav li.active ul {
        background-color: #f5f5f5;
    }
    #subnav a {
        display: block;
        color: #000;
        text-decoration: none;
        padding: 0.5em;
        font-size:1.1em;
        font-weight:normal;
    }
    #subnav a:hover {
        color: #0d5399;
    }
    #subnav > ul > li.active > a {
        color: #0d5399;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f5f5f5;
        padding: 0.5em;
    }
    #subnav ul li.active ul li.last {
        border-bottom: 1px solid #ddd;
    }
    #subnav a.current {
        color:#0d5399;
    }

    /* Center */
    #center-wrapper {
        float: right;
        width: 100%;
        max-width: 720px;
        margin: 0 0 0 40px;
    }
    #center {
        min-height: 350px;
    }

    /* Sidebar */
    #sidebar-wrapper {
      float: right;
      width: 200px;
    }
    #sidebar {
      width: 180px;
      padding: 0;
    }

    form tr input{
        background:#fff;
        border:1px solid #ddd;
        padding:2px 5px;
    }
    /* Specific */
    #c530 th, #c529 th,
    #c530 td, #c529 td{
        padding: 0 1em 0em 0;
    }

    #conference-logo img {
        width: 180px;
        height: auto;
        margin-top: 60px;
    }
    
    /* Blog Button */
    #c616 a {
        background: #0c5297;
        padding: 5px 10px;
        color: #fff;
        text-decoration: none;
        border-radius: 0;
        -webkit-transition: border-radius 0.4s;
        transition: border-radius 0.4s;
        display:inline-block;
    }
    #c616 a:hover {
        border-radius: 10px;
        color: #fff;
        -webkit-transition: border-radius 0.4s;
        transition: border-radius 0.4s;
    }
    

    /*************************************************
    * Footer
    *************************************************/
    #footer {
        position: absolute;
        top: calc(100% - 133px);
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        background-color: #f5f5f5;
        font-size:0.95em;
    }

    #footer > .inner-wrapper{
        background-color: #f5f5f5;
        height: 100%;
        padding: 10px 0;
        max-width: 958px;
        height:112px;
    }


    /* Footer Address */
    #footer-address {
        width: 100%;
        max-width: 720px;
        float: right;
    }
    #footer-address p:before {
        content: "AIEST";
        position: absolute;
        margin-left: -70px;
        font-weight:bold;
    }

    /* KMI Logo */
    #kmi-logo {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
    
}

.btn {
	
	color: #333;
	background: #eee;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	cursor: pointer;
	display: inline-block;
    padding: 12px 25px;
    margin-top: 15px;
    margin-bottom: 7px;
}