@font-face {
    /*font-family: 'Roboto';*/
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
    /*src: url('fonts/Roboto-Regular.ttf') format('truetype');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
}

* {
    font-size: 14px;
    /*font-family: Roboto, Arial, Helvetica;*/
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
    /*font-weight: normal;*/
    /*font-style: normal;*/
}

body {
    background-color: white;
    /*background-color: #f8f8ff;*/
    color: #000000;

    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

a, a:hover, a:focus, a:hover, a:active {
    color: #5485dd;
    text-decoration: none;
}

.header {
    display: block;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 130px;

    background-color: #6495ed;
    color: white;

    /*box-shadow: 10px 10px 20px #808080;*/
}

.header h1 {
    display: block;
    font-size: 28px;
    margin: 20px 0px 0px 20px;
    float: left;

    cursor: pointer;
}

.menu {
    display: block;
    background-color: #5485dd;

    position: absolute;
    right: 0px;
    bottom: 0px;

    padding: 10px;

    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;

}

.menu * {
    font-size: 14px;
}

.menu a {
    padding: 10px;

    color: white;
}


.content {
    display: block;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 150px;
    bottom: 0px;

    padding: 0px 20px 0px 20px;

    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}


.section {
    display: block;
    position: relative;
}


.section h2 {
    font-size: 18px;
    background-color: #e3e7f0;
    padding: 10px 20px 10px 20px;
}

.section h3 {
    font-size: 16px;
    margin: 20px;
    color: #5485dd;

    border-color: #5485dd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.section details {
    margin: 20px;
}

p {
    margin: 20px;
    text-align: justify;
}

.photo {
    display: block;
    /*position: absolute;*/
    /*top: 0px;*/
    /*right: 0px;*/
    float: left;
    margin: 20px;
}

.address {
    display: block;
    margin: 20px;
    font-size: 14px;

    float: left;
    /*min-width: 400px;*/

    /*border-color: black;*/
    /*border-width: 1px;*/
    /*border-top-style: solid;*/
    /*border-bottom-style: solid;*/
}

.address br {
    line-height: 24px;
}

/*.address:after {*/
/*content: ".";*/
/*display: block;*/
/*height: 0;*/
/*clear: both;*/
/*visibility: hidden;*/
/*}*/


ul {
}

li {
    margin: 10px;
	line-height: 1.4;
    /*list-style-image: url(img/blue-bullet.png);*/
}

.footer {
    display: block;

    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    padding-right: 40px;        /* argh, this is maaaad and baaad! :-(  */

    max-width: 100%;
    height: 40px;

    background-color: #6495ed;
    color: white;
}

.footer a {
    color: white;
}

.footer p {
    display: inline-block;
    margin-top: 10px;
}

u.dotted {
	border-bottom: 1px dotted lightgray;
	text-decoration: none;
}