/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30.07.2015, 15:07:32
    Author     : Internetservice
*/

* { padding: 0; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html { height: 100%; }
body { background: url('../images/bg_maintenance.jpg') no-repeat center top; font-family: roboto; font-weight: 300; font-size: 100%; height: 100%; overflow: hidden; }

h1 { font-size: 2.5rem; font-weight: 400; }
h2 {}
h3 {}
h4 {}

ul, ol { list-style: none; }

img { width: 100%; height: auto; }

.main {height: 100%; position: relative;}
.top { width: 100%; background: rgba(0,0,0,0.2); color: #ffffff; text-align: center; padding:12px 18px; position: fixed; top: 0; font-size:0.750rem;}
.bot { width: 100%; background: rgba(255,255,255,1); color: #000000; text-align: center; position: fixed; bottom: 0; }

.message { text-align: center; width: 50%; margin-top: -100px; min-width: 800px; }
.message h1 { color: #ffffff; margin-bottom: 12px; }
.message p {  color: #ffffff; font-size: 1.250rem; }

.info { background: #920101; padding: 12px; text-align: center; color: #ffffff; font-size:1.250rem; font-weight: 600; }
.contact { background: #ffffff; padding: 34px; text-align: center;padding: 24px;  font-size:0.9375rem; }
.copyrights { background: #f4f4f4; padding: 34px; text-align: center; padding: 24px; font-size:0.688rem; }
/** {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

ul.navigation { display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; align-items:stretch; -webkit-align-items:stretch; height: 100%; }
ul.navigation li { -webkit-flex: 1 1 auto; flex: 1 1 auto; color: #ffffff; text-align: center; min-width: 0%;  }

ul.navigation li:nth-of-type(1) { background: #f2803c; }
ul.navigation li:nth-of-type(2) { background: #c6d42d;}
ul.navigation li:nth-of-type(3) { background: #4cd680;}
ul.navigation li:nth-of-type(4) { background: #2bb7c0;}
ul.navigation li:nth-of-type(5) { background: #7a50be;}

ul.navigation li b { display: block; margin: 24px auto; font-size: 2.5rem; }
ul.navigation li figure { padding: 0px 24px; }
ul.navigation li figure img { display: block; margin: 0 auto; max-width: 268px; transform: scale(0.75)}
ul.navigation li h2 { margin: 24px auto; padding: 0px 24px; }
ul.navigation li p { margin: 24px auto; padding: 0px 24px; }

ul.navigation li:hover { min-width: 30%;}
ul.navigation li:hover figure img { transform: scale(1.00) }


ul.navigation li div { border-bottom: 1px solid rgba(0,0,0,0.08);}
ul.navigation li div a { display: block; padding: 18px; border-top: 1px solid rgba(0,0,0,0.08); cursor: pointer; }
ul.navigation li div a i { display: block; height: 28px; width: 28px; margin: 0 auto 6px auto; background: url(../images/submenu_icon.png) no-repeat center center;}
ul.navigation li div a span { font-weight: 600; }
ul.navigation li div a:hover { background: rgba(0,0,0,0.00); padding: 18px;}*/