/*Cascading Style Sheet for © Liavaag.org
Created by Morten René Liavaag Strømsborg - All Rights Reserved

Global Menu Styles
       \|||/
       (o o)
----ooO-(_)-Ooo----*/
nav#globalmenu {
	width:100%;
	height:2.5em;
	color:#ffffff;
	overflow:hidden;
	background:#000000;
	border-bottom:1px solid #333333;
	font-family:Georgia, "Times New Roman", Times, serif;
}
nav#globalmenu ul {
    width:100%;
	font-size:0.9em;
	letter-spacing:0.18em;
}
nav#globalmenu ul li {display:block}
nav#globalmenu ul li a {
	float:left;
	width:33.3%;
	color:#6699ff;
	padding:0.9em 0;
	text-align:center;
	background:#000000;
	text-decoration:none;
	border-right:1px solid #333333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
nav#globalmenu ul > li:first-child > a {border-left:1px solid #333333}
ul#share-bar {
    right:0;
    bottom:0;
    width:100%;
    position:fixed;
    list-style:none;
    border:1px solid #333333;
}
ul#share-bar li a em {
    position:absolute;
    text-align:right;
	right:962em;
	width:100%;
}
ul#share-bar li a {
    color:#ffffff;
    display:block;
    padding:1.2em 0;
    font-size:1.2em;
    text-align:center;
    background:#121212;
    text-decoration:none;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	width:20%;
}
@media only screen and (min-width:1200px) {
	nav#globalmenu ul {
	    margin:0 11% 0 11%;
	    letter-spacing:0.25em;
	}
	nav#globalmenu ul li a {
		-webkit-transform:skewX(-20deg);
		-moz-transform:skewX(-20deg);
		-ms-transform:skewX(-20deg);
		-o-transform:skewX(-20deg);
		transform:skewX(-20deg);
		width:26%;
	}
    ul#share-bar li a {width:100%}
	ul#share-bar {
	    bottom:2em;
        width:3.45vw;
        animation-fill-mode:forwards;
        animation:fadein ease-in 1;
        animation-duration:8s;
    }
    @keyframes fadein {from {opacity:0.4} to {opacity:1}}
}
@media (hover:hover) {
    nav#globalmenu ul li a:hover,
    ul#share-bar li a:hover {
	    background:#333333;
	    color:#ffffff;
    }
}
body {font-size: calc(15px + 0.12vw)}
@media only screen and (min-width:1800px) {body {font-size: calc(.5vw + .5vh + .5vmin)}}
@font-face {
	font-family:'Tiza';
	font-display:swap;
	src:local('Tiza'), url('../fonts/Tiza.ttf') format('truetype');
}
@font-face {
	font-family:'Pacifico';
	font-display:swap;
	src:local('Pacifico'), url('../fonts/Pacifico.ttf') format('truetype');
}
@font-face {
	font-family:'SavedByZero';
	font-display:swap;
	src:local('SavedByZero'), url('../fonts/SavedByZero.woff') format('woff');
}
/*
COMMON STYLES

Body Styles
*/
* {
	margin:0;
	padding:0;
}
html {height:100%}
body {
	height:100%;
   	color:#ffffff;
   	text-align:center;
   	background:#000000;
   	font-family:Georgia, "Times New Roman", Times, serif;
}
/*Wrapper Styles*/
div#wrapper {
    padding:0;
	clear:both;
	width:100%;
	color:#ffffff;
	margin:0px auto;
	overflow:hidden;
   	position:relative;
   	background:#000000;
}
header ul li ul,
aside {display:none}
header {
   	color:#ffffff;
   	margin:1px 0 0 0;
   	padding:0.5em 0 1px 0;
   	background:#000000;
	background:linear-gradient(to bottom,#333333 0%,#080808 26%,#000000 30%,#000000 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#333333), color-stop(0.26,#080808), color-stop(0.3,#000000), color-stop(1,#000000));
	background:-webkit-linear-gradient(top,#333333 0%,#080808 26%,#000000 30%,#000000 100%);
	background:-moz-linear-gradient(top,#333333 0%,#080808 26%,#000000 30%,#000000 100%);
	background:-o-linear-gradient(top,#333333 0%,#080808 26%,#000000 30%,#000000 100%);
}
header h1 {
   	color:#ffcc99;
   	margin:2.6em 2%;
   	font-size:2em;
   	text-align:left;
   	letter-spacing:0.1em;
   	background:none repeat;
}
header ul {
	clear:both;
	height:3.4em;
	position:relative;
	background:#000000;
	background:linear-gradient(to bottom,#666666 0%,#333333 50%,#000000 50%,#000000 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#666666), color-stop(0.5,#333333), color-stop(0.5,#000000), color-stop(1,#000000));
	background:-webkit-linear-gradient(top,#666666 0%,#333333 50%,#000000 50%,#000000 100%);
	background:-moz-linear-gradient(top,#666666 0%,#333333 50%,#000000 50%,#000000 100%);
	background:-o-linear-gradient(top,#666666 0%,#333333 50%,#000000 50%,#000000 100%);
	border-bottom:1px solid #ffcc99;
	border-top:1px solid #ffcc99;
}
header ul li {display:block}            /*Bug fix for MS Edge and some others as well - 1. level header menu*/
header ul li a,
header ul li span {
    width:20%;
	float:left;
	color:#ffcc99;
	padding:1.1em 0;
	text-decoration:none;
	background:transparent;
	border-right:1px #666666 solid;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
header ul > li:first-child > a {border-left:1px #666666 solid}
/*Main Styles*/
main {
	clear:both;
	color:#000000;
	overflow:hidden;
	text-align:left;
   	line-height:1.8;
   	background:#ffffff;
   	display:inline-block;   /*IE bug-fix for <main>*/
   	width:100%;             /*Fix for inline-block*/
}
/*Section Styles*/
section {
	overflow:hidden;
	padding:4%;
}
/*
Class Styles - a touch of class...
*/
div#class {
	clear:both;
	color:#ffcc99;
	padding:1em 2%;
   	text-align:right;
   	background:#000000;
}
div#class h3 {
	font-size:1.2em;
	font-weight:600;
	letter-spacing:0.16em;
}
/*Footer Styles*/
footer {
	clear:both;
   	color:#aaaaaa;
   	padding:4em 0;
   	text-align:center;
   	background:#000000;
	background:linear-gradient(to bottom,#333333 0%,#0f0f0f 35%,#000000 50%,#000000 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#333333), color-stop(0.35,#0f0f0f), color-stop(0.5,#000000), color-stop(1,#000000));
	background:-webkit-linear-gradient(top,#333333 0%,#0f0f0f 35%,#000000 50%,#000000 100%);
	background:-moz-linear-gradient(top,#333333 0%,#0f0f0f 35%,#000000 50%,#000000 100%);
	background:-o-linear-gradient(top,#333333 0%,#0f0f0f 35%,#000000 50%,#000000 100%);
}
footer ul li {
	display:inline;
	margin:0 2%;
}
footer ul li a {
    font-family:SavedByZero, Georgia, "Times New Roman", Times, serif;
    display:inline-block;
    width:5.5em;
    height:2em;
    border:0;
}
footer a,
footer a:visited {
	color:#aaaaaa;
	text-decoration:none;
	background:transparent;
	border-bottom:1px dotted #aaaaaa;
}
footer p#author {margin:0.6em 0 0 0}
footer p {
	margin:2.5em 0 0 0;
	font-size:0.9em;
	line-height:1.8;
}
/*
RWD width-styles
*/
@media (hover:hover) {
    a img:hover {opacity:0.5}
    header ul li a#selected:hover,
    header ul li a:hover,
    header ul li span:hover {
	    color:#ffcc99;
	    background:#000000;
	    background:linear-gradient(to bottom,#525252 0%,#292929 50%,#000000 50%,#000000 100%);
	    background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#525252), color-stop(0.5,#292929), color-stop(0.5,#000000), color-stop(1,#000000));
	    background:-webkit-linear-gradient(top,#525252 0%,#292929 50%,#000000 50%,#000000 100%);
	    background:-moz-linear-gradient(top,#525252 0%,#292929 50%,#000000 50%,#000000 100%);
	    background:-o-linear-gradient(top,#525252 0%,#292929 50%,#000000 50%,#000000 100%);
    }
    footer ul li a:hover {border:0}
    footer a:hover {
	    color:#6699ff;
	    background:transparent;
	    border-bottom:1px dotted #6699ff;
	}
}
@media only screen and (min-width:1200px) {
    div#wrapper {
	    width:92vw;
	    padding:0 1.8%;
	    border-left:1px solid #333333;
	    border-right:1px solid #333333;
    }
    header {border-radius:3em 3em 0 0}
    header ul li {float:left}           /*Bug fix for MS Edge and some others as well - 2. level header menu*/
    header ul li a,
    header ul li span {
        min-width:18.4vw;
        letter-spacing:0.16em;
    }
    section {
        border-left:1px dotted #000000;
        padding:4% 12%;
    }
    aside {
        width:13%;
	    float:left;
	    clear:left;
	    display:block;
	    padding:4% 3.5%;
	    margin-right:-1px;
    }
    aside > picture > img,
    aside img {
        width:100%;
        height:auto;
    }
    aside div#languageSelection {
        font-size:0.9em;
	    font-weight:900;
	    margin:0 0 3em 0;
	    text-align:center;
	    letter-spacing:0.16em;
    }
    aside div#languageSelection a {
	    color:#ffffff;
	    display:block;
	    padding:1.2em 0;
	    background:#000000;
    }
}
@media only screen and (min-width:1200px) and (hover:hover) {
    header ul > li > ul > li:first-child > a {border-left:0}
    header ul > li > ul > li:first-child > button {border-left:0}
    header ul li:hover > ul {display:block}
    header ul ul {
	    border-bottom:none;
	    background:#000000;
	    position:absolute;
	    margin:3.3em 0 0 0;
	    border-top:0;
	    display:none;
	    z-index:1000;
	    opacity:0.92;
	    height:auto;
	    width:18.4vw;
    }
    header ul ul li {
	    float:none;         /*Bug fix for MS Edge and some others as well - 2. level header menu*/
	    display:inline;
	    position:relative;
    }
    header ul ul li a,
    header ul ul li span {
	    display:block;
	    font-size:0.8em;
	    text-align:left;
	    position:relative;
	    font-style:italic;
	    white-space:nowrap;
	    padding:1.25em 1vw;
	    text-decoration:none;
	    border-right:1px #666666 solid;
	    border-bottom:1px #666666 dotted;
    }
    header ul ul li a:hover,
    header ul ul li span:hover {
	    background:#121212;
	    color:#ffffff;
    }
    /*Third level header menu*/
    header ul > li > ul li:hover > ul {
	    position:absolute;
	    width:auto;
	    left:100%;
	    margin:0;
    }
    header ul > li > ul li > ul {
	    background:#000000;
	    display:none;
	    opacity:1.0;
    }
    /*NOTE: The CSS for the arrows in the multi-menus must be in this order!*/
    header ul li i {
        padding:0.5em;
        display:inline-block;
        border:solid #ffcc99;
        border-width:0 0.1em 0.1em 0;
    }
    header ul li i.right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    aside ul li a:hover {
	    color:#000000;
	    background:#eeeeee;
    }
    aside div#languageSelection a:hover {opacity:0.7}
}
@media only screen and (min-width:1300px) and (hover:hover) {header ul ul li a, header ul ul li span {font-size:0.9em}}
/*
ADVANCED STYLES
This is for all the pages except home- and error pages!
     ___
     /_\ `*   
    (o o)
ooO--(_)--Ooo-
*/
*.left {float:left}
*.right {float:right}
*.center {text-align:center}
*#seoContainer {display:none}
/*Header Styles*/
header ul li a#selected {
	color:#ffffff;
	background:#000000;
	background:linear-gradient(to bottom,#666666 0%,#4c4c4c 50%,#282828 50%,#282828 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#666666), color-stop(0.5,#4c4c4c), color-stop(0.5,#282828), color-stop(1,#282828));
	background:-webkit-linear-gradient(top,#666666 0%,#4c4c4c 50%,#282828 50%,#282828 100%);
	background:-moz-linear-gradient(top,#666666 0%,#4c4c4c 50%,#282828 50%,#282828 100%);
	background:-o-linear-gradient(top,#666666 0%,#4c4c4c 50%,#282828 50%,#282828 100%);
}
header div#html5 {
    float:right;
    margin:3.5em 0 0 0;
}
header div#html5 a {
    background:url('../valid/HTML5-white.svg') no-repeat;
    color:#ffffff;
    display:block;
    opacity:0.6;
    height:6em;
    width:6em;
    -webkit-overflow-scrolling:touch; 
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
header div#html5 em {display:none}
@media only screen and (max-width:480px) {header div#html5 {display:none}}
/*a touch of class*/
div#class p {float:left}
div#class a:visited,
div#class a:link {
   	color:#ffcc99;
   	background:#000000;
   	letter-spacing:0.06em;
}
/*Section Styles*/
section p {margin:0 0 1.8em 0}
section blockquote {
    margin:1.8em 0 1.8em 3em;
	font-style:italic;
}
section h2 {font-size:1.6em}
section h2,
section h3,
section h4 {
	color:#000000;
	text-align:left;
	font-weight:100;
	margin:8% 0 2% 0;
	background:transparent;
	letter-spacing:-0.125em;
	font-family:Tiza, Georgia, "Times New Roman", Times, serif;
}
* > section h2:first-child {margin-top:0}
section h3 {
   	font-size:1.2em;
   	font-style:italic;
}
section h4 {
   	font-size:1em;
   	font-style:italic;
}
section a:link {
   	color:#000000;
   	background:none repeat;
}
section a:visited {
   	color:#565656;
   	background:none repeat;
}
section ul {margin:0.6em 2.5em 0 2.5em}
section ul li {margin:0.32em 0}
section ul ul {
	margin:0 0 0 1.25em;
	font-style:italic;
	text-shadow:none;
	font-size:1em;
}
section ul.external-link,
section.external-link {list-style:"\1F517";}
section ul#sources {font-size:0.9em} /*WCAG 2.1 and ISO styles*/
section figure {
    box-shadow:0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1), 0 0.38em 1.1em 0 rgba(0, 0, 0, 0.1);
    margin:8% 0;
}
section figure img {
    width:100%;
    height:100%;
}
section figure figcaption {
    font-style:italic;
    padding:0.2em 1em;
}
hr {
    border:0; 
    height:1px;
    clear:both;
    margin:3.8em 0 2.5em 0;
    background-image: -webkit-linear-gradient(left, #cccccc, #666666, #cccccc);
    background-image: -moz-linear-gradient(left, #cccccc, #666666, #cccccc);
    background-image: -ms-linear-gradient(left, #cccccc, #666666, #cccccc);
    background-image: -o-linear-gradient(left, #cccccc, #666666, #cccccc);
}
p#credit {font-size:80%}    /*Credit for generators*/
@media only screen and (max-width:600px) {
    section {margin:5% 0}   /*Give space for language*/
}
/*Form Styles*/
fieldset {
    border:1px dotted #000000;
    padding:5% 10%;
}
fieldset legend {margin:4% 0 4% 0}
label {font-style:italic}
fieldset legend, button, input, label, select, textarea {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1em;
}
textarea {line-height:1.6}
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
    width:47.2%;
    border:none;
    color:#ffffff;
    cursor:pointer;
	margin:0 0 4% 0;
	padding:0.625em;
	background:#000000;
	border:1px solid #000000;
	letter-spacing:0.125em;
}
input[type="text"],
input[type="email"],
input[type="number"],
textarea {
    width:92%;
	margin:0 0 4% 0;
	padding:0.625em;
	border:1px solid #000000;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display:inline-block;
    border:1px solid #000000;
    background:#ffffff;
    position:relative;
    margin:0 2% 0 0;
    cursor:pointer;
    color:#000000;
    height:1.6em;
    width:1.6em;
    top:5px;
}
input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
    position:absolute;
    content:'\02714';
    left:5px;
}
select {
    width:47.2%;
    cursor:pointer;
	margin:0 0 4% 0;
	padding:0.625em;
	border:1px solid #000000;
}
input[type="file"] {display:none}
*.file-upload {
    border:1px solid #000000;
    display:inline-block;
    cursor:pointer;
    padding:0.625em;
    width:44.2%;
}
/*Table and collapsing menu*/
table {
    width:100%;
    margin:2em 0 4.4em 0;
}
button.collapse-menu {
    margin:0;
    width:100%;
}
button.active {opacity:0.7}
div.submenu {
    padding:0 4%;
    display:none;
    color:#000000;
    overflow:hidden;
    background:#eeeeee;
}
div.submenu p {margin:0.3em 0}
div.submenu ul {
    padding:0.32em 2%;
	margin:0;
}
caption {
	text-align:left;
	font-style:italic;
	letter-spacing:0.12em;
}
thead tr th {
    padding:1.2em 2%;
	font-weight:bold;
	background:#000000;
	color:#ffffff;
}
tbody tr td {padding:2%}
/*Add "section" for black-galleries bug fix*/
section tbody tr:nth-child(even) {background:#ffffff}
section tbody tr:nth-child(odd) {background:#eeeeee}
@media only screen and (max-width:800px) {
    caption, table, thead, tbody, tfoot, tr, th, td {display:block}
	thead tr {
	    top:-9999px;
		left:-9999px;
		position:absolute;
	}
	tbody tr td {
		position:relative;
		padding-left:30%;
		width:70%;
	}
	tbody td:before { 
		top:6px;
		left:6px;
		width:25%;
		font-weight:bold;
		position:absolute;
		padding-right:10px;
	}
}/*Floating Bar Styles*/
div#floatingMenu {
	left:0;
	bottom:0;
	width:100%;
	opacity:0.9;
	color:#ffffff;
	position:fixed;
	background:#000000;
	letter-spacing:0.16em;
	padding:1em 0 1.2em 0;
	border-top:1px solid #333333;
}
div#floatingMenu a:link {
   	color:#ffffff;
   	text-decoration:none;
   	background:none repeat;
	border-bottom:1px dotted #ffffff;
}
div#floatingMenu a:visited {
   	color:#ffffff;
   	text-decoration:none;
   	background:none repeat;
   	border-bottom:1px dotted #ffffff;
}
/*Black photo galleries*/
section div.item {
	display:inline-block;
	margin:0.4% 0.8%;
}
section div.item img {
    width:100%;
    height:100%;
    object-fit:contain;
}
section div#thumbnails {text-align:center}
@media only screen and (min-width:1200px) {
    section div.item {
	    height:31.5%;
	    width:31.5%;
    }
}
@media only screen and (max-width:1060px) {
    /*Disconnect galleries for mobile devices*/
    div.item a, a.item {pointer-events:none}
    /*Slide photo galleries*/
    section a.item {
	    margin-right:1%;
	    display:inline;
    }
    section div.flow {
        margin-left:1%;
        text-align:center;
    }
}
/*CONTACT*/
section div#express h3 {margin:3.2em 0 0 0}
section div#express p {
	font-style:italic;
	margin:1.25em 0 3.2em 0;
}
section div#express a {font-weight:900}
p#regards {padding:9em 0 3.2em 0}
/*CULTURE*/
section#culture img {border-radius:0.3em}
section#culture article p {
	font-size:0.9em;
	margin:0;
}
section#culture ul em {font-family:Pacifico, Georgia, "Times New Roman", Times, serif}
/*BETA*/
section div#box1 {
	color:#000000;
	background:#00ccff;
	background:linear-gradient(to bottom,#00ccff 0%,#ffffff 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#00ccff), color-stop(1,#ffffff));
	background:-webkit-linear-gradient(top,#00ccff 0%,#ffffff 100%);
	background:-moz-linear-gradient(top,#00ccff 0%,#ffffff 100%);
	background:-o-linear-gradient(top,#00ccff 0%,#ffffff 100%);
}
section div#box2 {
	color:#000000;
	background:#00ff00;
	background:linear-gradient(to bottom,#00ff00 0%,#ffffff 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#00ff00), color-stop(1,#ffffff));
	background:-webkit-linear-gradient(top,#00ff00 0%,#ffffff 100%);
	background:-moz-linear-gradient(top,#00ff00 0%,#ffffff 100%);
	background:-o-linear-gradient(top,#00ff00 0%,#ffffff 100%);
}
section div#box3 {
	color:#000000;
	background:#ffa500;
	background:linear-gradient(to bottom,#ffa500 0%,#ffffff 100%);
	background-image:-webkit-gradient(linear, top, bottom, color-stop(0,#ffa500), color-stop(1,#ffffff));
	background:-webkit-linear-gradient(top,#ffa500 0%,#ffffff 100%);
	background:-moz-linear-gradient(top,#ffa500 0%,#ffffff 100%);
	background:-o-linear-gradient(top,#ffa500 0%,#ffffff 100%);
}
section div#web-tools ul {
	font-size:0.9em;
	padding:0 0.6em 4em 0.6em;
}
section div#web-tools ul li {
	margin:0;
	padding:0.6em 0;
}
/*FORUMS*/
section#forums ul {text-shadow:1px 1px 1px #cccccc}
section#forums em {font-family:Pacifico, Georgia, "Times New Roman", Times, serif}
section#forums ul li {margin:2em 0 0 0}
/*     \|||/
       (o o)
----ooO-(_)-Ooo----
/*Bug fixes and extras*/
@media (hover:hover) {
    div#class a:hover {
   	    color:#6699ff;
   	    background:#000000;
   	}
    section a:hover {
   	    color:#565656;
   	    background:none repeat;
    }
    section a:active {
   	    color:#0000ff;
   	    background:none repeat;
    }
    section a:visited:hover {
   	    color:#000000;
   	    background:none repeat;
   	}
    div#floatingMenu a:hover {
   	    color:#6699ff;
   	    text-decoration:none;
   	    background:none repeat;
   	    border-bottom:1px dotted #6699ff;
    }
    div#floatingMenu a:active {
   	    color:#ffa500;
   	    text-decoration:none;
   	    background:none repeat;
   	    border-bottom:1px dotted #ffa500;
    }
    input[type="button"]:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    button:hover, button:active,
    input[type="button"]:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    header div#html5 a:hover {opacity:0.7}
}
@media only screen and (min-width:800px) {
    section#culture article p {margin:4% 0 16% 0}
    section div#beta-left,
    section div#beta-right {width:45%}
    section div#beta-left {float:left}
    section div#beta-right {float:right}
    section div#web-tools {
        display:table;
        width:100%;
    }
    section div#box1,
    section div#box2,
    section div#box3 {
	    width:30%;
	    padding:1.5%;
	    font-size:0.9em;
	    display:table-cell;
	    border-top:1px #000000 solid;
    }
}
@media only screen and (min-width:1060px) and (max-width:1199px) {section {padding:4% 20%}}
@media only screen and (min-width:1200px) {
    aside h2 {
   	    font-size:1.2em;
   	    letter-spacing:0.06em;
    }
    aside h3 {
	    font-size:1.1em;
	    margin:2.5em 0 0 0;
    }
    aside h2,
    aside h3 {
	    font-variant:small-caps;
	    font-weight:100;
	    text-align:left;
    }
    aside ul {
	    margin:0 0 1em 0;
	    font-style:italic;
	    list-style:none;
	    font-size:0.8em;
	    padding:0;
    }
    aside ul li {display:block} /*Bug fix*/
    aside ul li a {
	    color:#000000;
	    display:block;          /*Bug fix*/
	    background:#ffffff;
	    padding:1em 0 0 1em;
	    text-decoration:none;
	    border-bottom:1px dotted #000000;
    }
    aside ul li a:visited {
	    color:#000000;
	    background:#ffffff;
    }
    div.handheld-content{display:none}
}
@media only screen and (max-width:1199px) {
    aside {
	    position:absolute;
	    display:block;
	    right:-960em;
	}
	aside div#languageSelection {
	    position:absolute;
	    text-align:right;
		right:962em;
		width:100%;
		top:5px;
	}
	aside div#languageSelection a {
	    background:#ffffff;
	    color:#000000;
	    height:auto;
	    padding:0;
	}
}
@media only screen and (min-width:1600px) {aside ul {font-size:0.9em}}