@font-face {
    font-family: 'Clear Sans Bold';
    src:url('woff/ClearSans-Bold.woff') format('woff'),
        url('ttf/ClearSans-Bold.ttf') format('truetype');
    font-weight:300;
    font-style:normal;
}

@font-face {
    font-family: 'Clear Sans Regular';
    src:url('woff/ClearSans-Regular.woff') format('woff'),
    url('ttf/ClearSans-Regular.ttf') format('truetype');
    font-weight:300;
    font-style:normal;
}

p {
    margin-top:2ex;
}

h1 {
    font-family: 'Clear Sans Bold', Fallback, sans-serif;
    margin:1ex;
}

h2 {
    margin:0;
    margin-bottom:1ex;
}

h3 {
    margin-bottom:0.5ex;
}

a:link {color:#0000B0; text-decoration:none;}
a:visited {color:#B00000; text-decoration:none;}
a:hover {color:#000080;}

body {
    width:100%;
    padding:0;
    margin:0;
    font-family: 'Clear Sans Regular', Fallback, sans-serif;
    color:black;
    background-color:white;
    font-weight:400;
    font-style:normal;
    font-size: 1em;
    line-height: 1.6em;
    text-rendering:optimizeLegibility;
    font-variant-ligatures:common-ligatures;
    font-kerning:normal;
}

#header {
    margin-top:5ex;
    padding:0 0 3ex 5ex;
}

#logo {
    visibility:hidden;
    position:relative;
    width:0;
    height:0;
}

#tlogo {
    max-width:100%;
    padding:0;
}

.comm {
    vertical-align: middle;
    margin-right:10px;
}

#phone {
    position:relative;
    text-align:left;
    font-weight:150;
    padding-top:2ex;
}

#mail {
    position:relative;
    text-align:left;
    font-weight:150;
    padding-top:1ex;
}

#content {
    position:relative;
    padding:5ex 5ex 2ex;
}

#lang {
    display:block;
    position:static;
    min-width:10em;
    font-family: 'Clear Sans Bold', Fallback, sans-serif;
    font-weight:bolder;
    padding: 0 0 3ex 5ex;
    font-weight:normal;
    font-size:0.8em;
    color:black;
    background-color:white;
}

#lang a {
    padding: 2px 2ex;
}

#lang a.current {
    font-family: 'Clear Sans Bold', Fallback, sans-serif;
    font-weight: bolder;
}

#nav {
    position:relative;
    max-width:100%
    min-width:10em;
    font-family: 'Clear Sans Bold', Fallback, sans-serif;
    font-weight:bolder;
    text-align:left;
}

#nav a {
    color:black;
    display:block;
    padding:2px 10px 2px 5ex;
}

#nav a.current {
    color:white;
    background-color:black;
}

#subnav {
    font-weight:normal;
    font-size:0.8em;
    text-align:left;
}

#subnav a {
    padding:2px 10px 2px 6.4ex;
}

#subnav a.current {
    font-family: 'Clear Sans Bold', Fallback, sans-serif;
    font-weight: bolder;
    color:black;
    background-color:white;
}


.partner {
    display:inline-block;
    position:static;
    padding-right:5ex;
    padding-bottom:1ex;
}


.validator {
    width:88px;
    height:31px;
    margin-right:12px;
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
#logo {
    visibility:visible;
    display:inline;
    position:static;
    width:160px;
    height:125px;
}

#tlogo {
    position:absolute;
    top:9.5ex;
    left:32ex;
    padding:0;
}

#lang {
    position:absolute;
    top:34ex;
    left:61ex;
    padding:0;
}
}

@media (min-width: 1024px) {
body {
    position:absolute;
    top:5ex;
    bottom:5ex;
    width:90ex;
    font-family: 'Clear Sans Regular', Fallback, sans-serif;
    padding-left:5ex;
    padding-right:0;
    margin-left:5ex;
    font-weight:400;
    font-style:normal;
    font-size:1.4vw;
    line-height:2vw;
    color:black;
    background-color:white;
    font-weight:400;
    text-rendering:optimizeLegibility;
    font-variant-ligatures:common-ligatures;
    font-kerning:normal;
}

#logo {
    visibility:visible;
    position:fixed;
    top:5ex;
    left:9ex;
    width:160px;
    height:125px;
}

#tlogo {
    position:absolute;
    top:40px;
    left:32ex;
    padding:0;
}

#phone {
    position:absolute;
    top:28px;
    left:66ex;
    text-align:right;
    padding:0;
}

#mail {
    position:absolute;
    top:68px;
    left:66ex;
    text-align:right;
    padding:0;
}

#nav {
    position:fixed;
    text-align:right;
    top:23ex;
    left:6ex;
    min-width:23ex;
    padding:0;
}

#subnav {
    font-weight:normal;
    font-size:1vw;
    text-align:right;
}

#lang {
    position:fixed;
    top:69ex;
    left:14ex;
    padding:0;
}

#content {
    position:absolute;
    top:150px;
    left:32ex;
    padding:2ex 0;
    display:block;
}
}