/**** ALLGEMEIN ****/

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: 'Dosis', sans-serif;
	font-size: 14px;
	line-height: 16px;  
	color: #333;
	background: url(../layout/background2.jpg) center center;
	background-attachment:fixed;
	background-size:cover;
}

.deko {
	position: absolute;
	left:50%;
	top:50%;
	z-index: -1;
	color:white;
}

/**** STRUKTURGEBENDE CONTAINER ****/

#dark {
	position:fixed;
	left:0;
	top:0;
	width:100%;
  height:100%;
	background : rgba(0,0,0,0.5);
}

#_mutterschiff {
	width:960px;
	margin:0px auto;
	background-color:rgba(255,255,255,0.9);
	-moz-box-shadow: 0px 2px 10px 0px #333;-webkit-box-shadow: 0px 2px 10px 0px #333;box-shadow: 0px 2px 10px 0px #333;}

#_header {
	border-bottom: 1px #dedede solid;
	background-color:white;
	padding:0 15px 0;
	font-size:60px;
	color:white;
}

#_content {
	clear:both;
	margin:0 0 20px;
}

#_left {
}

#_right {
	padding: 0 20px;
}

.color_div {
	padding: 12px 25px 5px;
	font-size:13px;
	margin-bottom:20px;
}

.color_div h2 {
	font-size:1.5em;
}

.color_div h3 {
	font-size:1.5em;
}

.brown_div {
	background-color:#dedede;
	color:#3e8dc5;
	border-top: 2px solid #3e8dc5;
	border-bottom: 2px solid #3e8dc5;
}

.blue_div {
	background-color:#3e8dc5;
	color:#dedede;
	border-top: 2px solid #dedede;
	border-bottom: 2px solid #dedede;
}

.color_div h3 {
	padding:17px 0 0 55px;
	font-weight:bold;
	border:none;
	
	text-transform: uppercase;
}

.blue_div h3 {
	color:#dedede;
}

.brown_div h3 {
	color:#3e8dc5;
}

.color_div p {
	margin:4px 0px 4px;
	padding-top:4px;
	
	text-transform: uppercase;
	font-size:1em;
	font-weight:bold;
}

.vbr_logo {
	float:left;
}

.menu_links {
	
	text-transform: uppercase;
	font-size:0.8em;
	font-weight:bold;
}

#linke_spalte {
	width:68%;
	margin-right:2%;
	float:left;
}

#rechte_spalte {
	width:30%;
	float:left;
}

#_footer {
	clear:both;
	font-size:10px;
	color:#fff;
	margin-top:16px;
	padding:6px 18px;
	border-top: 2px #dedede solid;
	background-color:#3e8dc5;
}

#_footer, #_footer a {
	color:#dedede;
	text-decoration:none;
}

/**** LOGIN UND LOGO ****/

#login {
	padding:0;
}

#logo {
	float:left;
	margin:15px 0 0 15px;
}

/**** NAVIGATION ****/

#navi {
	padding: 0 0 0 20px;
}

.navi_big {
	margin:0 20px;
	width:50px;
	height:70px;
	float:left;
	text-align:center;
}

.navi_small {

	margin-left:7px;
	width:30px;
	float:left;
}

#navi hr {
	clear:both;
}

#navi p.menu {
	float:left;
	margin-left:25px;
	font-size:12px;
}

#navi a {
	text-decoration:none;
}

#navi .aktiv {
	color:#bf0000;
}

.click_icon {
	cursor:pointer !important;
}

/**** CLOSE BUTTON ****/

.close_button {
	position:absolute;
	cursor:pointer;
	right:10px;
	top:3px;
	background:url(../layout/close.png) no-repeat;
	width:14px;
	height:16px;
}

.close_button a {
	text-decoration: none;
	display: block;
}

/**** ELEMENTE ****/

table {
	border: 0px black solid;
}

td {
  padding: 3px 6px;
  font-size:12px;
}

.student_row td {
	border-bottom: 1px solid #999;
}

h1, h1 a {
	font-size:1em;
	color:white;
}

h2 {
	
	text-transform: uppercase;
	font-size:1em;
	border-bottom: 1px #3e8dc5 solid;
	margin-top:10px;
}

h3 {
	
	text-transform: uppercase;
	font-size: 1em;
	border-bottom: 1px #dedede solid;
	color: #3e8dc5;
	padding:4px 0 0 2px;
	margin-bottom:0px;
	font-weight:normal;
}

h3 .icon {
	vertical-align:bottom;
}

h4 {
	text-transform: uppercase;	font-size: 1em;
	font-weight:bold;
	margin: 12px 0 2px 0;
	color:#3e8dc5;
	padding: 12px 4px 0px;
	border-top: 2px #333 solid;
	clear: both;
}

h5 {
	text-transform: uppercase;	font-size: 1em;
	font-size:0.9em;
	margin-bottom:0px;
	color:#3e8dc5;
}

h6 {
	font-size:0.8em;
	margin-bottom:6px;
}

.ul_ebene_1 {
	margin:4px 0 4px 20px;
	color:#333;
	list-style-type:disc;
}

.ul_ebene_2 {
	margin:4px 0 4px 20px;
	color:#666;
	list-style-type:circle;
}

#_right li {
	margin-left: 18px;
}

p {
	margin: 6px 0;
}

a {
	color:#3e8dc5;
}

label {
	font-size:9px;
	color:black;
	margin-top:4px;
}

dt {
	display:inline;
}

.ie label {
	display:block;
}

/* Dialog */
.dialog {
  background-color : white;
  left             : 50%;
  margin-left      : -153px;
  padding          : 10px;
  position         : absolute;
  top              : 200px;
  width            : 280px;
  z-index          : 10;
 	-moz-box-shadow: 5px 5px 10px 0px #333;-webkit-box-shadow: 5px 5px 10px 0px #333;box-shadow: 5px 5px 10px 0px #333; 	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.bad_message {
  border : 3px #a12418 solid;
}

.good_message {
  border : 3px #3e8dc5 solid;
}

/*lesson box */

.checkbox {
	float: left;
	margin:3px 3px 0 -19px;
	width:7px;
	height:7px;
	border:1px solid black;
}

.lesson_div {
	float: left;
	width: 16.5%;
}

.datumtitel {
	font-size: 13px;
}

.lesson_box {
	border: 1px #ddd solid;
	border-left: none;
	border-right: none;
	margin-top:6px;
	margin-right:6px;
	padding:0px 0px 0px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 3px;
	min-height: 15px;
}

.lesson_box.kein_abstand {
	border-top: none;
	margin-top: 0;
}

.lesson_box .details {
	float:right;
	text-align:right;
	background: none;
	border: none;
	margin: 3px 3px;
	color: white;
}

.lesson_subject {
	padding:0 0 2px 0;
	font-size:13px;
}

h5.lesson_subject {
	background-color: rgba(200,200,200,0.1);
	padding: 3px 0 3px 8px;
}

.alert {
	font-color:red !important;
}

.add_subject {
	cursor:pointer;
}

.add_subject:hover {
	color:#3e8dc5;
}

.lesson_comment {
	margin:0 0 2px 4px;
	font-size:13px;
}

.lesson_exam {
	margin:0 0 2px 4px;
	font-size:12px;
	font-weight:bold;
}

.subject_label {
	color:black;
	font-weight:normal;
	font-size:13px;
	border-top: 0px #eee solid;
	padding: 3px 0 0 8px;
}

.lesson_title {
	cursor:pointer;
	height:20px;
	margin-bottom: 0px;
	background: #4672A4;
	color: white;
}

.display_pages {
	font-size:9px;
	line-height:9px;
	color:#333;
	white-space: nowrap;
}

.config_box {
	display:none;
	background:#eee;
	padding:1px 1px 0px 3px;
	border:1px #ccc solid;
}

.delete_button {
	cursor:pointer;
	display:none;
}

.move_down_button, .move_up_button {
	cursor:pointer;
	display:none;
}

.config_button {
	cursor:pointer !important;
}

.active_lesson .config_box {
	display:block !important;
}

.active_lesson .mini_button {
	display:inline !important;
}

.chapter_icon {
	width:20px;
}

/* Palette */

#palette_div {
	position: fixed;
	right:40px;
	top:200px;
	-moz-box-shadow: 0px 0px 10px 0px #333;-webkit-box-shadow: 0px 0px 10px 0px #333;box-shadow: 0px 0px 10px 0px #333;	overflow:scroll;
	display:none;
	width:350px;
	max-height:400px;
	padding:10px 10px 10px 0;
	background:white;
	border: 1px #eee solid;
	padding-bottom:20px;
}

.close_palette {
	float:right;
	padding:2px;
	cursor:pointer;
}

.palette_chapterbox {
	border-top:none;
	margin:3px;
}

.palette_chaptertitle {
	cursor:pointer;
	padding:3px 0 0 4px;
}

.palette_subjectbox {
	margin:3px;
	display:none;
}

#palette_div p {
	font-size:10px;
	color:#3ae;
}

#result_div {
	display:none;
	position:fixed;
	width:300px
	height:300px;
	padding:20px;
	left:50%;
	margin-left:-150px;
	top:20%;
	background:white;
	border:2px #3e8dc5 solid;
}

.question_tr td {
	vertical-align:top;
}

.question_tr {
	padding:5px;
	border-bottom:2px solid black;
	margin-bottom:5px;
}

.question {
	font-size: 12pt;
	line-height:14pt;
}

.balkenteil {
	height:10px;
	float:left;
	font-size:8px;
	line-height:10px;
	text-align:center;
	padding:0;
	margin:0;
}

#save_test_div {
	position:fixed;
	width:300px
	height:300px;
	padding:20px;
	left:50%;
	margin-left:-150px;
	top:20%;
	background:white;
	border:2px #3e8dc5 solid;
}

#save_answers_div {
	position:fixed;
	width:300px
	height:300px;
	padding:20px;
	left:50%;
	margin-left:-150px;
	top:20%;
	background:white;
	border:2px #3e8dc5 solid;
}

.link_to_test {
	background:url(https://icons.kreativnetz.ch/poi_32/new_document.png) center center;
	font-size:16px;
	font-weight:bold;
	padding:4px 6px;
	text-align:center;
}

.orange {
	color:#de8d00;
}

.fb-div {
	float:right;
	background:rgba(255,255,255,0.2);
	padding:20px 7px;
}

/* mobile */
@media only screen and (max-width: 480px) {
	#_header {
		position:relative;
	}

  #_mutterschiff {
    width:320px;
  }
  #navi {
  	text-align:center;
	}
	.navi_big {
		margin:0 1%;
		width:22%;
	}
	#header_logo {
		width:150px;		
	}
	td {
		font-size:10px;
	}
}

/* tablet */
@media only screen and (min-width: 481px) and (max-width: 960px) {
  #_mutterschiff {
    width:80%;
    position: relative;
  }
	.navi_big {
		margin:0 1%;
		width:22%;
	}
	td {
		font-size:13px;
	}
}

/* desktop */
@media only screen and (min-width: 961px) {

}

.smiley {
	width: 21px;
	height: 21px;
	margin: 0px auto;
	font-size:16px;
	line-height: 20px;
	text-align:center;
	border-radius: 50%;
}

.checkcross {
	/*background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='black' stroke-width='2'/><path d='M0 0 L100 100 ' stroke='black' stroke-width='2'/></svg>");*/
  background-repeat:no-repeat;
  background-position:center center;
  background-size: 100% 100%, auto;
}

.correct {
	background-color: #B8F394;
}

.wouldbecorrect {
	background-color: #E6E6E6;
}

.wrong {
	background-color: #FF6B5F;
}

.mini {
	width:10px;
	height:10px;
}

.comment_box {
	display: none;
}

.is_in_lesson {
	color:#3EDD49;
}

.active_lesson {
	background-color: #feedd7;
}

.exam_subject_box {
	display:none;
}

.show_exam_subjects {
	cursor:pointer;
}

.mini_button {
	padding:2px 6px 2px 4px;
}

.mini_button img {
	width: 10px;
	height: 10px;
}

.paste_lesson, .cancel_copy {
	display:none;
}

.to_be_copied {
	background-color:#96aeee;
}

.to_be_cut {
	background-color:#ee8e5e;
}

.to_be_switched {
	background-color:#b5eeaa;
}

.checkbox_div {
	display:inline;
	height:10px;
	width:10px;
	border:1px black solid;
}

.dont_show {
	display:none;
}

.show_temp {
	display:block !important;	
}

@media print {
	body {
		background:white;
		font-size: 10pt;
	}
		.login, .blue_div, #_footer, #_header {
		display:none;
	}
	#_right {
		display:block !important;
	}
    #_right .print,#_right .print * {
    	display:block !important;
    }
    #_right .print img, #_right .print span {
    	display:inline !important;
    }
    .lesson_box {
		page-break-inside: avoid;
	}
	.no-print {
		display: none;
	}
}

.infobox {
	background-color:#fef;
	border: 1px red solid;
	margin: 10px 0;
	padding: 8px 10px;
	color: red;
}

.infobox p {
	font-size: 12px;
}

.toggle_book {
	cursor:pointer;
	border: 1px #3a6 solid;
	border-radius: 8px;
	background: #efe;
}

.desaturate {
    border: 1px #999 solid;
    opacity: 0.2;
}

.book_paid {
    border: 2px green solid;
    background: none;
}

.book_unpaid {
    border: 1px red solid;
    background: rgba(255,0,0,0.2);
}

.red {
	color: red;
	text-decoration: underline;
}