<!--

div.front-notice {
	width:716px;
margin-top:15px;
border-radius:5px;
background:#fff;
color:#333;
border:2px solid #aaa;
padding:0px 15px;;
}
BODY {
	background-color:#F8F8E4;
	margin:8px 8px 8px 8px;
	font-family:Verdana,Tahoma,Arial,Helvetica;
	font-size:12px;
}

TD {
	font-family:Verdana,Tahoma,Arial,Helvetica;
	font-size:12px;
}

INPUT, SELECT, TEXTAREA {
	font-family:Verdana,Tahoma,Arial,Helvetica;
	font-size:11px;
}

.soundbutton {
margin-right:4px;
}

.soundbutton,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"] {
font-size:11px;
font-weight:bold;
	padding:4px 6px !important;
    appearance: push-button;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: #000;
    background-color:#ddd;
    box-sizing: border-box;
    border-width: 1px;
border-style: outset;
    border-radius:0px;
    border-color: #999;
    border-image: initial;
	margin-bottom:2px;
outline-offset: 0px;
outline:unset;

}

input[type="text"] {
    background-color:#fff;
	border-color: #999;
	text-align: left;
}

.soundbutton:hover,
.soundbutton:focus,
.soundbutton:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="text"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active{
    color: #000;
    background-color:#f1f1f1;
    border-radius:0px;
    border-color: #000;
    border-image: initial;
	    border-width: 1px;
border-style: outset;
    border-radius:0px;
outline:unset;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="text"]:active {
    background-color:#fff;
border-color: #000;
}


.login-page input[type="text"] {
	text-align: left;
}


INPUT.button {
	font-size:11px;
	font-weight:bold;
}

INPUT.alternativeButton {
	font-size:11px;
	font-weight:bold;
	width:200px;
}

/* RUBRIKER */
H1, .headline1 {
	font-family:Arial,Helvetica,Verdana;
	font-size:24px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	color:#000000;
}

H2, .headline2 {
	font-family:Arial,Helvetica,Verdana;
	font-size:20px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	color:#000000;
}

H3, .headline3 {
	font-family:Arial,Helvetica,Verdana;
	font-size:16px;
	font-weight:bold;
	color:#000000;
}

H4, .headline4 {
	font-family:Arial,Helvetica,Verdana;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

/* EXCERCISE */
.note {
	background-color:#FFFFF4;
	font-size:13px;
}

.questionWord {
	color:#CC0000;
	font-size:15px;
	font-weight:bold;
}

.question {
	background-color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	vertical-align:top;
}

.questionHighlight {
	background-color:#55DD55;
	font-size:13px;
	font-weight:bold;
	vertical-align:top;
}

.questionTranslation {
	background-color:#FFFFFF;
	font-size:13px;
}

.questionTranslationDiv {
	margin-top: 8px;
	width: calc(100% - 12px);
	display: block;
	background-color:#FFFFFF;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:5px 5px 5px 5px;
	font-size:13px;
}

.disabledReset {
	color:#B0B0B0;
}
/* END EXCERCISE */

.introduction {
	font-weight:bold;
	color:#000000;
	line-height:14px;
}

.text {
	font-family:Verdana,Tahoma,Arial,Helvetica;
	font-size:12px;
	line-height:16px;
}

.smallText {
	font-family:Verdana,Tahoma,Arial,Helvetica;
	font-size:11px;
	line-height:15px;
}

.imageText {
	font-family:Verdana,Tahoma,Arial,Helvetica;
	font-size:10px;
}

.grey {
	color:#808080;
}

.displayToggler {
	text-decoration:underline;
	color:#CF7400;
}

.displayTogglerHover {
	text-decoration:underline;
	color:#FFA235;
}

.orderItem {
	font-size:10px;
}

/* L?KAR */
A {
	text-decoration:none;
	/* color:#E10000; */
	color:#C36A00;
}

A:hover {
	text-decoration:underline;
	/* color:#FF5F39; */
	color:#FFA235;
}

A.bold {
	font-weight:bold;
}

/* Sections */
A.aspNavSectionLink {
	font-family:Verdana,Arial,Helvetica;
	font-weight:bold;
	font-size:10px;
	color:#000000;
	text-decoration:none;
}

A.aspNavSectionLink:hover {
	font-family:Verdana,Arial,Helvetica;
	font-weight:bold;
	font-size:10px;
	color:#000000;
	text-decoration:none;
}

/* Left Menu */
.aspNavItem {
	font-size:10px;
}

A.aspNavItemLink {
	text-decoration:none;
	font-weight:normal;
	font-size:10px;
	color:#000000;
}

A.aspNavItemLink:hover {
	text-decoration:none;
	font-weight:normal;
	font-size:10px;
	color:#000000;
}

.aspNavItemSelected {
	background-color:#FFEE88;
	color:#000000;
}

A.aspNavItemLinkSelected {
	text-decoration:none;
	font-weight:normal;
	font-size:10px;
	color:#000000;
}

A.aspNavItemLinkSelected:hover {
	text-decoration:none;
	font-weight:normal;
	font-size:10px;
	color:#000000;
}

.aspNavSpacer {
	background-color:#FFCC00;
}

.aspNavComment {
	font-size:10px;
	font-weight:normal;
	color:#000000;
}
-->