/* Font face
@font-face { font-family: 'DINMittelEF'; src: url('/css/webfonts/15BDFF_0.eot'); src: url('/css/webfonts/15BDFF_0.eot?#iefix') format('embedded-opentype'),url('/css/webfonts/15BDFF_0.woff') format('woff'),url('/css/webfonts/15BDFF_0.ttf') format('truetype'),url('/css/webfonts/15BDFF_0.svg#wf') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DINMittelEF'; src: url('/css/webfonts/15BDFF_1.eot'); src: url('/css/webfonts/15BDFF_1.eot?#iefix') format('embedded-opentype'),url('/css/webfonts/15BDFF_1.woff') format('woff'),url('/css/webfonts/15BDFF_1.ttf') format('truetype'),url('/css/webfonts/15BDFF_1.svg#wf') format('svg'); font-weight: bold; font-style: normal; }
*/

/* Elements */
html{ height: 100%; }
body{ margin: 0; width: 100%; background: #ededed; font-family: 'Abel', sans-serif; font-size: 16px; line-height: 22px;  }
h1{ margin: 0; font-family: 'Ropa Sans', sans-serif;}
a{ color: #4D8AB9; text-decoration: none; }
h1{ color: #fff; font-size: 3em; width: 600px;}
h2{ margin: 0 0 1em 0; color: #4D8AB9; line-height: 28px; font-family: 'Ropa Sans', sans-serif; width: 500px; }
p{ margin: 0 0 1em 0; }

h1 { display: inline; padding: 2px 4px; background: #4D8AB9; line-height: 62px; white-space: pre-wrap; }
h1 span{  display:inline-block; text-indent:4px; }
strong{ font-family: 'Ropa Sans', sans-serif; letter-spacing: -0.04em;}

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

/* Header */
#header{ position: relative; width: 100%; height: auto;  }
#header .center{ position: absolute; z-index: 10; left: 50%; top: 40px; margin-left: -450px; width: 900px; }
#slider{ position: relative; width: 100%; height: 400px; }
.line{ position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 5px; background: #4D8AB9; }
#ke01_mask{ position: relative; overflow: hidden; }
#ke01_mask ul{ position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; }
#ke01_mask li{ position: absolute; top: 0; left: 0; overflow: hidden; background: #353535 url('/landing/images/ajax-loader.gif') center center no-repeat; }
#ke01_mask a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#ke01_mask img{ display: none; position: absolute; top: 0; left: 50%;  }

/* Content */
#content{ margin: 0 auto; width: 900px; background: #fff; }
#content .article{ float: left; width: 460px; padding: 80px 40px }
#content .aside{ float: left; width: 260px; padding: 80px 40px; color: #4D8AB9; }
.btn{ display: block; margin: 30px 0; padding: 0 20px; height: 40px; background: #4D8AB9; color: #fff; line-height: 40px; text-decoration: none; transition: all 300ms; -webkit-transition: all 300ms; -webkit-appearance: none; -moz-appearance: none; }
.btn:hover{ background: #00589b; }
.arrow{ position: relative; top: 1px; left: 2px;}

/* Footer */
#footer{ padding: 40px; width: 820px; height: auto; background: #4D8AB9; color: #fff;  }
#footer .title{ display: block; margin-bottom: 1em; font-family: 'Ropa Sans', sans-serif; }
#footer ul{ float: left; margin: 0; padding: 0; width: 205px; list-style: none; }
#footer a{ color: #fff; }
#footer a:hover{ color: #fff; text-decoration: underline; }

::selection{ background:#4D8AB9; color:#fff;}
::-moz-selection{ background:#4D8AB9; color:#fff;}