@charset "utf-8";

body { margin:1em; margin-top:0; font-family:Arial,sans-serif;
 color:#3a3b3c; background-color:#275997; }
h1 { font-size:170%; font-weight:normal; color:#034a72; margin-top:1.2em; }
h2 { font-size:130%; color:#737677; margin-top:1.5em; }
h3 { font-size:110%; font-weight:normal; color:#737677; margin-top:2em; }
h4 { font-size:100%; margin-top:2em; }
strong,th { font-weight:bold; }
em { font-style:italic; }
article { background: rgb(255, 255, 255); }
article { overflow:auto; }
article { box-shadow: 0.5em 0.3em 0.3em #35485a;
 border: 0.1em solid black; border-radius: 2em 2em 2em;
 max-width:60em; padding: 0em 1em 1em 1em; margin: 0.5em auto 0.5em auto; }
section { overflow:auto; }

a:link { color:#fff; text-decoration:none; }
a:visited { color:#fff; text-decoration:none; }
a:active { color:#caeafb; text-decoration:none; }
a:hover { color:#caeafb; text-decoration:none; }

article a:link { color:#767575; text-decoration:underline; }
article a:visited { color:#767575; text-decoration:underline; }
article a:active { color:#174563; text-decoration:none; }
article a:hover { color:#174563; text-decoration:none; }

img { border-style:none; max-width:100%; vertical-align:middle; }
img#logo { display:block; width:70%;
 margin-left:auto; margin-right:auto; margin-top:0.5em; }
img#logo { border-radius: 1em 1em 1em; }
figure, aside { margin:0; }
footer { color:white; }
img.small { max-width:15%; float:left; margin-right:1em; }

nav#prev { float:left; }
nav#language, nav#next, nav#footer { float:right; }
nav ul { padding:0; }
nav li { list-style:none; font-weight:normal; margin-top:0.4em; margin-bottom:0.4em; }
nav li li { margin-left:1em; }
nav li#on { font-weight:bold; }
nav span { color:#caeafb; }
nav#menu ul, nav#language ul { margin-top:0; }
nav#footer li, nav#language li { padding-left:0.5em; }
nav#menu li { padding-right:0.5em; }
nav#menu ul li ul { display:none; }
nav#menu ul li#on ul { display:block; }
hr { clear:both; }
hr { visibility:hidden; }

section#news { border-style:solid; border-color:#034a72; padding:1em; }
section#news h1 { margin-top:0em; margin-bottom:0.5em; }
section#news p { font-size:100%; color:#034a72; }


p.usertest { display:none; visibility:hidden; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block;
}

@media only screen and (min-width: 20em) {

div#container { max-width:50em; }
body { padding:0;
 background-image: url("images/sk_ship.jpg");
 background-repeat: no-repeat;
 background-position: left bottom;
 background-size:cover;
 background-attachment:fixed;
 height: 100%;
 z-index:-1;
 }

div#container { z-index:0; }
article { background: rgba(255, 255, 255, 0.9); }
figure, aside { display:block; width:80%; max-width:15em; margin:1em auto; }
footer { margin-top:2em; }
}

@media screen and (min-width: 30em) {
nav li, nav ul { display:inline-block; }
nav#menu { position:relative; }
nav#menu { padding-bottom:0em; }
nav#menu ul li ul { position:absolute; bottom:-0.5em; left:0; }
nav li li { margin-left:0; }
nav#menu ul li:hover ul { display:inline-block; background-color:#245796; z-index:1; padding-right:15em; }

nav#language { position:relative; z-index:1; }
}

@media screen and (min-width: 50em) {
figure, aside { float:right; width:38.2%; max-width:none; margin:1em 0 1em 1em; }
div#container { margin: 0em auto 2em auto; }
}

@media screen and (min-width: 70em) {
article { margin-left:22%; }
header { position:relative; }
nav#menu { position:absolute; top:4em; }
nav#menu { float:left; width:20%; }
nav#menu > ul > li { border-bottom:0.1em solid white; }

nav#menu ul li:hover ul { background-color:transparent; padding-right:0em; }

nav#menu li { display:block; }
nav#menu li li { margin-left:2em; }
nav#menu ul li ul { position:static; }
nav#menu ul li#on ul { display:block; }
nav#menu ul li:hover ul { display:block; }
div#container { width:90%; }
div#container { max-width:90em; }
}

@media print {
nav { display:none;}
header hr { display:none; }
figure, aside { float:right; width:38.2%; max-width:none; margin:1em 0 1em 1em; }
footer a { display:none; }
}

@media handheld {
}