/* --------------- (c) 2017 alogis ag / beat schaub ----------------------------------------------------------------------------------------------------------------- */
@charset "utf-8";
/* --------------- Colors & Z-Stack ------------------------------------------------------------------------------------------------------------------------------------
black															#2a333b
blue															#002a52
yellow														#e7a72d
------------------ End Colors --------------------------------------------------------------------------------------------------------------------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* --------------- Skelleton ---------------------------------------------------------------------------------------------------------------------------------------- */
html															{ height: 100%; }
body															{ height: 100%; font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; color: #2a333b; font-size: 13px; line-height: 1.5;
																  background: url("/pages/img/bg.jpg") no-repeat center 65px; background-size: 100% auto; }

a																{ text-decoration: none; color: #ffffff }

.container													{ max-width: 1170px; margin: 0 auto; padding: 30px; }

.mobile														{ display: none; }

#bt															{ width: 100%; min-height: 100vH; }
#bt #btMain													{ height: 100%; }
/* --------------- End Skelleton ------------------------------------------------------------------------------------------------------------------------------------ */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* --------------- MAIN --------------------------------------------------------------------------------------------------------------------------------------------- */
main															{ position: relative; z-index: 10; display: block; }
main p, main h1, main h2, main h3, main img		{ margin-top: 15px; }
main a														{ color: #002a52; text-decoration: none; }
main a:hover												{ color: #e7a72d; }
main ul														{ padding-left: 18px; }
main .container											{ padding: 50px 30px; background: rgba( 255,255,255,0.95 ); }

/* --------------- MAIN: Flex Boxes --------------------------------------------------------------------------------------------------------------------------------- */

/* --------------- Formular ----------------------------------------------------------------------------------------------------------------------------------------- */
.form_container											{ width: 400px; margin: 0 auto; }
.form_submit input										{ width: 45%; max-width: 300px; height: 42px; background-color: black; color: white; border-radius: 2px; }
.form_submit												{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 24px 0 12px 0; width: 100%; }
.form_box input											{ height: 42px; padding: 3px 6px; border: 3px solid #d0d0d0; line-height: 30px; font-size: 15px; }

/* --------------- END Formular ----------------------------------------------------------------------------------------------------------------------------------------- */
.flex_container											{ display: flex; justify-content: space-between; flex-wrap: wrap; align-self: flex-start; width: 100%; }
.flex_box													{ margin-top: 15px; }
.flex_box_empty											{ margin: 0; padding: 0; }
.flex_box_25												{ width:  22.581%; }
.flex_box_50												{ width:  48.6%; }
.flex_box_75												{ width:  74.195%; }
.flex_box_100												{ width: 100.00%; }
.flex_box .img_cms img									{ width: 100%; }

/* --------------- END MAIN ----------------------------------------------------------------------------------------------------------------------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* --------------- HEADER ------------------------------------------------------------------------------------------------------------------------------------------- */
header														{ position: fixed; z-index: 1000; left: 0; top: 0; right: 0; height: 65px; background: #ffffff; box-shadow: 0px 0px 20px #000000; }
header .container											{ padding: 0 30px; }
header nav													{ padding-top: 24px; } 
header nav ul li											{ display: inline-block; list-style: none; padding-left: 20px; } 
header nav ul li a										{ display: block; line-height: 30px; font-size: 13px; font-weight: 500; transition: color 0.5s; color: #333333; text-decoration: none; text-transform: uppercase; }
header nav ul li.user a									{ display: block; width: 20px; height: 30px; background: url("/pages/img/svg/user_black.svg") no-repeat center; background-size: contain; }
header nav ul li.user a:hover							{ background: url("/pages/img/svg/user_ef7c00.svg") no-repeat center; background-size: contain; }
header nav ul li.current a,
header nav ul li a:hover								{ color: #ef7c00; }

div#img														{ float: left; width: 136px; height: 44px; background:url(../img/astag.png); background-repeat:no-repeat; background-position:center; background-size:contain; margin: 10px; }
div#search													{ margin: 24px 17px 0 17px; flex-grow: 1; position: relative; }
div#search input[type="text"]							{ width: 50%; min-width: 200px; height: 30px; border: 1px solid #dddddd; line-height: 20px; padding: 4px; }

div#search_suggestion 									{ display: none; position: absolute; width: 110%; height: auto; /*min-height: 100px;*/ background: #fff; overflow-y: scroll; }

header .flex_container									{ position: relative; }
header .flex_container .banner						{ position: absolute; left: 152px; top: 0; right: 126px; width: auto; height: 65px; background: url("/pages/img/ekas_header.jpg") no-repeat center; background-size: contain; }
/* --------------- END HEADER --------------------------------------------------------------------------------------------------------------------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* --------------- FOOTER ------------------------------------------------------------------------------------------------------------------------------------------- */
footer														{ background: #333; color: #ffffff; /*text-align: center; */ /*position:absolute; bottom: 0;*/ width: 100%; }
footer b														{ font-size: 18px; }
/* --------------- END FOOTER --------------------------------------------------------------------------------------------------------------------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */