html, body {
	height: 100%;
}

body {
	background-color: #999999;
	font-family: "Trebuchet MS", Verdana, serif;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#container {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	min-height: 100%;
	position: relative;
}

#header_container {
	background-color: #000000;
	background-image: url('../images/top_frame4.png');
	background-repeat: repeat-x;
	height: 126px; /*60px;*/
	width: 100%;
}

img#logo {
	border-width:0px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
}




#menu {
	display:none;
}


#body_container_frontpageprint {
		display: none;
}


#body_container_teoritest {
	float: left;
	width: 100%;
	padding-bottom: 76px;
}



#table_container_questions {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 21cm;
	width: 98%;
	background-color: #FFFFFF;
	display: none;
}


#table_container_choices {
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	/*float: left;*/
	width: 90%;
}

#results_feedback {
	background-color: #999999;
	text-align: left;
	padding: 10px 0 10px 30px;
}


#button_container {
	width: 100%;
	/*display:inline-block;margin-right:10px;
	/*float: right!important;
	background-color: #999999;*/
}




button {
	float: right;
	font-weight: bold;
}

button:hover {
	background-color: #CACADE;
}


#teoritestTable {
	width: 100%;/*
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #777777;*/
	background-color: #FFFFFF;
	text-align: left;
	margin: 0px auto;
	overflow: scroll;
	height: 100%;
	border-collapse:collapse;
}

#teoritestTable td {
	font-family: Verdana;
	border-style: none;
	
	padding: 5px 2px 5px 7px;
	color: #000000;
}
#teoritestTable tr {
	vertical-align: text-top;
	height: 1px;
	/*border-bottom: 1px solid black;*/
	
}

#teoritestTable tr:hover{
	background: #FFFFFF;
}

#teoritestTable label {
	width: 100%;
	display: inline-block;
}

.table_header {
	font-size: 18px;
	color: #CACADE;
	text-align: center;
}

.question_row {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

.question_row_div {
	float: left;
	padding-bottom: 10px;
}



#cell_title {
	padding-top: 35px;
	font-size: 18px;
	color: #000000;/*#CACADE;*/
	text-align: center;
}




#but_create {
	float: right;
	background: url("./img/plus.png");
	background-repeat: no-repeat;
	background-size:16px 16px;
	border: none;
	width: 18px;
	height: 18px;	
	padding: 15px;
}

.but_create:hover {
	background-size:18px 18px;	
}

.but_create:focus {
	background-size:14px 14px;
	outline: 0;
	text-decoration: none;
}


.edit_buttons {
	float: right;
	/*width: 110px;*/
}

.but_div {
	float: right;
	/*width: 110px;*/
}

.hide {
	display: none;
}

.dirbut {
	background: url("./img/double_arrows.png");
	background-repeat: no-repeat;
	background-size:16px 16px;
	border: none;
	width: 18px;
	height: 18px;
	padding: 10px;
}

.dirbut:hover {
	background-size:18px 18px;		
}

.dirbut:active {
	background-size:14px 14px;	
}

.dirbut:focus {
	outline: none;
}


.newbut {
	background: url("./img/refresh2.png");
	background-repeat: no-repeat;
	background-size:16px 16px;
	border: none;
	width: 18px;
	height: 18px;
	padding: 10px;
}

.newbut:hover {
	background-size:18px 18px;	
}

.newbut:active {
	background-size:14px 14px;	
}

.newbut:focus {
	outline: none;	
}

.rembut {
	background: url("./img/delete2.png");
	background-repeat: no-repeat;
	background-size:16px 16px;
	border: none;
	width: 18px;
	height: 18px;
	padding: 10px;
}

.rembut:hover {
	background-size:18px 18px;	
}

.rembut:active {
	background-size:14px 14px;
}
.rembut:focus {
	outline: none;
}


.upbut {
	background: url("./img/arrow_up.png");
	background-repeat: no-repeat;
	background-size:16px 16px;
	border: none;
	width: 18px;
	height: 18px;
	padding: 10px;
}

.upbut:hover {
	background-size:18px 18px;		
}

.upbut:active {
	background-size:14px 14px;	
}

.upbut:focus {
	outline: none;
}

.downbut {
	background: url("./img/arrow_down.png");
	background-repeat: no-repeat;
	background-size:16px 16px;
	border: none;
	width: 18px;
	height: 18px;	
	padding: 10px;
}

.downbut:hover {
	background-size:18px 18px;		
}

.downbut:active {
	background-size:14px 14px;	
}
.downbut:focus {
	outline: none;	
}


.answer_row {
	/*float: left;*/
	font-size: 12px;
	display: inline-block;
	padding: 2px;
	width: 80%;
}

.checkbox {
	display: inline-block;
	/*float: left;*/
	width: 10%;
	/*padding: 0;*/
	height:13px;
	width:13px;
	background: none;
	border: solid black thin;
	vertical-align: top;
}

.myimg {
	display: inline-block;
	/*float: left;*/
	width: 10%;
	padding: 0;
	height:13px;
	width:13px;
	background: none;
	border: solid black thin;
	vertical-align: middle;
}

.mydiv {
	display: inline-block;
	/*display: block;*/
	/*float : left;*/
	width: 80%;
	margin-left: 15px;
	vertical-align: top;
}

/* .answer_row { */
	/* float: left; */
	/* font-size: 12px; */
	/* display: inline-block; */
	/* /*display: block;*/ */
	/* padding: 2px; */
/* } */

/* .myimg { */
	/* /*display: inline-block;*/ */
	/* float: left; */
	/* width: 10%; */
	/* padding: 0; */
	/* height:13px; */
	/* width:13px; */
	/* background: none; */
	/* border: solid black thin; */
	/* vertical-align: middle; */
/* } */

/* .mydiv { */
	/* /*display: inline-block;*/ */
	/* /*display: block;*/ */
	/* float : left; */
	/* width: 80%; */
	/* padding-left: 15px; */
/* } */


.correct {
	font-weight: bold;
}

.nonedit {
	border: none;
	color: black;
	background-color: white;
}


.answer_row:hover > .checkbox {
	background: url("../images/checkmark_grey.png");
	background-repeat: no-repeat;
	background-size:13px 13px;
}

.choice:checked + .checkbox {  
	background: url("../images/checkmark.png");
	background-repeat: no-repeat;
	background-size:13px 13px;
}

/*
.answer_row:hover > .myimg {
	background: url("../../images/checkmark_grey.png");
	background-repeat: no-repeat;
	background-size:13px 13px;
}

.myradio:checked + .myimg {  
	background: url("../../images/checkmark.png");
	background-repeat: no-repeat;
	background-size:13px 13px;
}*/

input[disabled] {
	pointer-events: none;
}


#checkboxes {
	float: left;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
}



#checkboxes_grad {
	float: left;
	padding: 10px;
	display: table-cell;
}

#checkboxes_grad div {
	padding: 5px;
}

#choose_grades {
	display: block;
	margin: auto;
	font-size: 18px;
}


.styled-select select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    /*box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/
    background: #FFFFFF;/*#f8f8f8;*/
    color: #888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    /*cursor:pointer;*/
}


.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}






input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100px; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
  padding: 0;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #000000;
  height: 8px;
  width: 8px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -3px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 8px;
  width: 8px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  border: 1px solid #000000;
  height: 8px;
  width: 8px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 4px 0;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #3071a9;/*#2a6495;*/
  border: 0.1px solid #010101;
  border-radius: 1px;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  box-shadow: 0px 0px 0px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.1px solid #010101;
  border-radius: 1px;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  box-shadow: 0px 0px 0px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}

input[type=range]::-ms-tooltip {
    display: none;
}







#checkboxes_kat {
	/*width: auto;*/
	padding: 10px;
	display: table-cell;
}

#checkboxes_div {
	padding: 10px;
	/*display: table-cell;*/
}

#input_antal_sp {
	width: 50px;
}

#choose_grades, #choose_categories, #choose_div {
	padding-right: 20px;
}


#choose_grades th, #choose_categories th, #choose_div th {
	padding: 10px;
}

#choose_grades td, #choose_categories td, #choose_div td {
	padding: 3px;
}


#options_button_container {
	/*position: relative;*/
	width: 100%;
	float: left;
	height: 100%;
}

#options_button {
	float: right;
	padding: 10px;
}

#part_txt {
	display: block;
	width: 100%;
	padding-bottom: 10px;
}


.choice {
	visibility: hidden;
}


#start_button_container {
	/*position: relative;*/
	width: 100%;
	float: left;
	height: 100%;
}

#start_button {
	float: right;
	padding: 10px;
}



.myradio {
	visibility: hidden;
}

/*
h2 {
	padding: 0px;
	margin: 0px;
}




table {
	clear:both;
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #777777;
	background-color: #DDDDDD;
	text-align: left;
	margin: 0px 5px auto;
	overflow: scroll;
	height: 100%;
	min-width: 75%;
}
th {
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	color: #CACADE;
	background-color: #434348;
	border-color: #777777;
}

td {
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #777777;
	font-size: 1em;
	color: #000000;
}

tr {
	height: 35px;
}
.specialRow {
	height: auto;
}

.table_header {
	font-size: 18px;
	color: #CACADE;
	text-align: center;
	background-color: #434348;
}*/

#table_header_koreansk { width: 40%; }
#table_header_dansk {	width: 50%; }
#table_header_lyd {	width: 9%; }
#table_header_emne { width: 40%; }
#table_header_beskrivelse {	width: 50%; }

.selected_row {
	background-color: #BBBBBB;
}

.sound_cell {
	background: url("../../images/lyd_ikon.png") no-repeat 50% 50%;
}

.sound_cell:active {
	background-color: #EEEEEE;
}

#javascript_message {
	text-align: center;
}

.clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#text {
	float: left;
	width: 100%;
}

#right_column {
	float: left;
	width: 100%;
	overflow: hidden;
}

#searchbox_and_results {
	font-size: 1em;
	float: left;
}

#searchbox {
	float: left;
	padding: 20px;
}

#searchme {
	width:100%;
	font-size:1em;
}

#search_results {
	font-size: 1.2em;
	float: left;
	width: 95%;
	overflow: auto;
}

.results_list {
	float: left;
	list-style-type:none;
}

#search_results li {
	padding-bottom: 10px;
}

#search_results li a {
	text-decoration: none; color:#333333;
}
#search_results li a:hover {
	text-decoration: none; color:#DDDDDD;
}

#bottom_menu {
	float: left;
	overflow: hidden;
	text-align: left;
	margin-top: 30px;
}

#bottom_menu_links {
	float: left;
	list-style-type:none;
	text-align:center;
	margin: 10px, 10px, 10px, 10px;
}

#bottom_menu_links li {
	float: left;
	list-style-type:none;
	margin-right:40px;
}

#bottom_menu_links li a {
	text-decoration:none;
	color:#660000;
	list-style-type:none;
}
#bottom_menu_links li a:hover {
	color: #CC0000;
}


#footer {
	position: absolute;
	bottom: 0px;
	background-color: #5b5a63;
	background-image: url('../images/bottom_frame5.png');
	background-repeat: repeat-x;
	height: 56px;
	width: 100%;
	border-width: 0px;
	text-align: center;
	color: #BBBBBB;
}

#footer_text {
	position: relative;
	top: 5px;
	margin: 10px;
}





/*
.menu {
	width: 139px;
	float: right;
	padding: 0 20px 0 20px;
	border-left: #8C8484 1px solid;
	font-size: 12px
}
.menu ul {
	margin: 0;
	padding: 10px 0 10px 15px
}
.menu il {
	list-style-type: disc
}
#header h1 {
	margin-bottom: 0px;
	font-size: 28px;
	font-weight: bold;
	color: #A40008
}
.content h2 {
	margin-top: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #A40008
}

.menu_title {
	font-size: 18px;
	font-weight: bold;
	color: #A40008
}
.menu ul {
	margin: 0;
	padding: 10px 0 20px 15px
}
.menu li {
	padding-top: 2px;
	list-style-type: circle
}

*/