body {margin: 0;}

html {margin: 0;}

/*FARBEN
Grau #333333 #333444 #777777 #999999 #d3d3d3 #F1F0F0 #e6e5e5 (<- hintergrund Text, Icons)
Gün  #5a802d #8ea650 #c4d1a3 
Rot  #76151e #9f6167 #cdacad
Orange #eb7017 #f29c52 #f8cba4
cherry #643e91 #875da3 #c6a7d0
Blau #3290b3 #6fb1c9 #b3d6e3
Blau #185873
Gelb #b9a50a #ddcf61 
*/

/*SCHRIFT*/
@font-face {font-family: 'font_text'; src: url('/site/fonts/font_text.ttf') format('truetype')}

/* Safari scale */
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none}
/* a-elemente ohne underline, Rand, Maus pointer*/
a {border: none; cursor: pointer; outline: none; text-decoration: none; transition: background-color 400ms linear; }

body {font-family: font_text; font-size: 14px; font-size: 1rem}	

img {border: 0;	-ms-interpolation-mode: bicubic; vertical-align: middle; width: 100%; max-width: 100%;height: auto}
body {color:#333333; background: url(/site/img/background_grau.png); background-size: 449px}
#content {color: #333;}

.menu-content {top: 32px; bottom: 40px}

#header {}
#footer {position: absolute; width: 100%; height: 30px; color: #fff; background-color: #333; bottom: 0}

#content_php_info {position: absolute; height: 100%; width: 100%; border: none; left: 0; } 

/*STRUKTUR*/	
/* zentriert gesamten Content auf Mitte (Desktop), bzw. ist 100% bei kleineren viewports */
#header {top: 0; left: 0;}
#header, #footer {background: url(/site/img/background_rot.png); background-size: 449px}
#hr-2 {background-color: #333}
#hr-2 {background: url(/site/img/background_schwarz.png); background-size: 449px}
.site-container {margin-left:auto; margin-right:auto;}
#content {position: absolute; overflow: hidden;}	
.content-box { position: absolute; overflow-x: hidden; overflow-y: auto}
.cb-inner, .f-cb-inner {margin: 0 5px;}
#header {background-color: #76151e}
#content {background-color: #fff}
.header-box {display: block; width: 320px; overflow: hidden}
#hb-1, #hb-2, #hb-3, #hb-4 {float: left; overflow: hidden}
#hr-1 { }
#hr-2 {border-top: #777 solid 1px; border-bottom: #777 solid 1px}

/* Header icons */	
#hr-1, #hb-1 {height: 95px}
#hr-2, #hb-3 {height: 35px}

#hb-2 .selected {color: #E2CFD3; background-color: rgba(255, 255, 255, 0.15);}
#hb-4 .selected, #footer .selected {background-color: #555; opacity:1;}

#hb-2 {overflow: auto;  }

.hb-nav a {
	display: block;
	text-align: center;
	float:left;
	width: 62px;
	height: 25px; padding-top: 38px;
	color: #E2CFD3;
	text-shadow: 1px 1px #222;
	background-size: 40px 40px;
	background-repeat:no-repeat;
	background-position: top 1px center;
}

.header-reihe {overflow: hidden;}

.hb-nav a:hover {background-color: rgba(255, 255, 255, 0.2);}

#hb-1 {
	background-size: 600px;
	background-repeat:no-repeat;
	background-position: center;	
}

.home {	background-image: url(/site/img/home_rot.png);}
.shop {	background-image: url(/site/img/shop_rot.png);}
.demos { background-image: url(/site/img/demo_rot.png);}
.login { background-image: url(/site/img/login_rot.png);}
.key { background-image: url(/site/img/key_rot.png);}
.ueber{	background-image: url(/site/Bilder/ueber.png);}
.flocken {float: right; height:40px; width:150px;}
.home-admin-white {background-image: url(/site/img/home_admin_white.png)}

.roles-white {background-image: url(/site/img/roles_white.png)}
.pupil-white {background-image: url(/site/img/schueler_weiss.png)}
.abo-white {background-image: url(/site/img/abo_white.png);}
.key-white {background-image: url(/site/img/key_weiss.png);}
.info-white {background-image: url(/site/img/info_weiss.png);}
.school-white {background-image: url(/site/img/school_white.png);}
.result-white {background-image: url(/site/img/result_white.png);}
.question-white {background-image: url(/site/img/auswahlaufgabe_white.png);}
.bookshelf-white {background-image: url(/site/img/bookshelf_white.png);}
.faecher-white {background-image: url(/site/img/faecher_white.png);}
.new-book-white {background-image: url(/site/img/new_book_white.png);}
.qmaker-white {background-image: url(/site/img/qmaker_white.png);} 
.statistics-white {background-image: url(/site/img/statistics_white.png);}

.layout-white {background-image: url(/site/img/layout_white.png);}
.refresh-white {background-image: url(/site/img/refresh_white.png);}
.refresh-white:hover {background-image: url(/site/img/refresh_white_h.png);} 

#hb-1 {
	background-image: url(/site/img/logo-edufeles.png);
	background-size: 180px;
	background-repeat:no-repeat;
	background-position: left 5px center
}
	
	
#claim{
	padding: 7px 0 10px 10px;
}
	
#hb-3 {color: #fff;}
#hb-3 p {margin: 0; padding: 10px}	

#hb-4 a.logo-klein {
	width: 110px;
	background-size: 88px;
	background-repeat:no-repeat;
	background-position: left 5px center;
	background-image: url(/site/img/logo-edufeles.png);
}

#footer a.logo-klein {
	width: 50px;
	background-size: 32px 32px;
	background-repeat:no-repeat;
	background-position: center;
	background-image: url(/site/img/logo-edufeles-klein.png);
	background-color: #CCC;
}

#hb-4 a, #footer a {
	box-sizing: border-box;
	display: block;
	float: left; 
	height: 35px;
	width: auto;
	padding: 4px 5px 0 35px;
	line-height: 15px;

	color: #F0F1F1;
	border-right: #777 1px solid;
	
	background-size: 24px;
	background-repeat:no-repeat;
	background-position: left 5px top 5px;
}

#footer a {	background-position: left 5px top 4px; }

/*
#hb-4 a:first-child {
	background-position: left 5px top 5px;
	}
*/

#footer { };

#footer a {
	width: 60px;
	height: 30px;
	padding: 0;
	background-position: center;
}

.header-reihe {overflow: hidden;}

.vorteile {background-image: url(/site/img/vorteile_weiss.png)}
.schueler {background-image: url(/site/img/schueler_weiss.png)}
.lehrer {background-image: url(/site/img/lehrer_weiss.png)}
.kontakt {background-image: url(/site/img/kontakt_weiss.png)}
.logout {background-image: url(/site/img/logout.png)}
#hb-4 a.logout:hover, #footer a.logout:hover  {background-image: url(/site/img/logout_rot.png); color: #76151e}
#hb-4 a.logout, #footer a.logout {display: none; background-color: #76151e}
#hb-4 a.logout.selected, #footer a.logout.selected {color: #fff}
#footer a.logout {float: right; padding: 7px 5px 5px 35px}

/*Admin*/
#hb-4 .key:hover, #hb-4 .key.selected {background-image: url(/site/img/key_black_quer.png)}

.ergebnistabelle table {
	font-size: 14px;
    border: none;
	border-collapse: collapse;
	margin-bottom: 20px;
	font-family:Verdana, Geneva, sans-serif;
	background-color: #FFF;
}

.ergebnistabelle th, .ergebnistabelle td {
	padding: 5px;
    text-align: left;
}

.ergebnistabelle th {
	color: #FFF;
	background-color: #333;
}

.ergebnistabelle table td {
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}

.ergebnistabelle table td:first-child, .ergebnistabelle table th:first-child {border-left: none;}
.ergebnistabelle table td:last-child, .ergebnistabelle table th:first-child{border-right: none;}
tr:nth-child(even) {background-color: #F0F1F1}

/*admin end*/

		
#hb-4 a:hover {	color: #fff; background-color: #666;}	

.header-box, #header {overflow: hidden;}
	
.infobox {height: auto;	padding: 5px; margin-bottom: 10px; border-left: solid 1px; border-right: solid 1px; border-bottom: solid 1px}

.ib-title {margin: -5px; padding: 8px 5px}

.ib-subtitle {margin: 5px -5px -5px -5px; padding: 5px}

.ib-subtitle p {margin: 0; padding: 0}
.ib-definition {font-weight: normal; margin: -10px 0}
.ib-details {display: block;
	clear: both; padding: 0.2rem 0 0.2rem 2.1rem; margin-top: -10px; margin-bottom: 15px; height: auto;	
	background-size: 1.3rem; background-position: 0.3rem center; background-repeat: no-repeat;
	background-image : url('/book/img/lupe_weiss.png')}
.ib-details:hover {	background-image : url('/book/img/lupe_weiss.png')}
.ib-verweis p {margin: 0}
.ib-verweis, .ib-bild {margin: 0 -5px 5px -5px; padding: 5px 5px 0px 5px; border-top: solid 1px #d3d3d3}	


.infobox {background-color: #fff}

.ib-title {color: #fff; background-color: #333333}

.ib-subtitle, #cb-3 .ib-definition .ib-title {color: #fff; background-color: #9f6167}

input::-ms-clear, input::-ms-reveal{
    display:none;
}

/*Form styles*/
::-webkit-input-placeholder {color: #333} ::-moz-placeholder {color: #333} :-ms-input-placeholder {color: #333}
input
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
   border-radius: 0;
   box-shadow:  inset -1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset -1px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset -1px rgba(0,0,0,0.5);
}
/*
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
*/

.form-box {
	
	padding:0px;
	margin-bottom: 20px;
}

.form-box hr, hr {
	width: 100%;
	border: none;
	border-top: 1px #d3d3d3;
	background-color: #d3d3d3;
	height: 1px;
}

.form-box form {
	max-width: 600px;
	padding:0px;
	margin: 0 auto 0 auto;
}

.form-title {
	clear: both;
	width: 100%;
    height: 32px;
    box-sizing: border-box;
    padding: 5px 5px 5px 40px;
    outline: none;
	color: #fff;
	margin-bottom: 0px;
	background-position: left 2px center ;
	background-size: 30px;
	background-repeat: no-repeat;	
	background-image:url(/site/img/info_weiss.png);
}

	
.form-box h2 {margin-top: 5px; }

.form-icon { 
	position: relative;
	box-sizing: border-box;
	clear: both;
	height: 42px;
	width: 100%;
	padding-left: 42px;
	margin-bottom: 10px;
	background-position: left 8px center ;
	background-size: 26px;
	background-repeat: no-repeat;	
}

/*Blau #3290b3 #6fb1c9 #b3d6e3
*/

.form-box input[type="text"], .form-box input[type="password"], .form-box input[type="submit"], .form-box select, .form-button {
	color: #3290b3; 
	background-color: #eff4f6;
	position: relative;
    height: 42px;
	width: 100%;
	font-size: 14px;
	font-size: 1rem;
	box-sizing: border-box;
    padding: 0 10px;
    outline: none;
}

.form-box input[type="submit"], .form-button {
	color: #fff; 
	background-color: #3290b3;
}


.form-text {color: #3290b3; background-color: #eff4f6;}

.form-button { text-align: center; border: 2px solid #3290b3; }

.form-box input[type="submit"] { border: 2px solid #3290b3 }

.form-box .container {
	box-sizing: border-box;	
  display: block;
  position: relative;
  height: 44px;
  width: 100%;
  padding-top: 10px;
  padding-left: 52px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  border: 2px solid #3290b3;
  color: #fff;
  background-color: #6fb1c9;
 
}



/* Hide the browser's default checkbox */
.form-box .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;  
  
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 42px;
  background-color: #b3d6e3;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #3290b3;
}
/*
Blau #3290b3 #6fb1c9 #b3d6e3

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #3290b3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 16px;
  top: 6px;
  width: 6px;
  height: 18px;
  border: solid white;
  border-width: 0 6px 6px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



@media only screen and (min-width : 480px) {
	.form-box .halb {width: 50%; clear: none; float: left;}
	.drittel {width: 40%; clear: none; float: left;}
	.zwei_drittel {width: 60%; clear: none; float: left;}
}

@media only screen and (min-width : 640px) {
	.drittel {width: 33%;}
	.zwei_drittel {width: 67%;}
}

.form-text {
    width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 10px;
    outline: none;
}

/*Buttons Formulare */

.button-link, .button-link.a {
	display: block;
	clear:both;
	width: auto;
	height: 30px;
	padding-top: 10px;
	margin: 5px 0 5px 0;
	text-align: center;
	clear: both;
	background-color: #76151e;
	color: #fff;
	background-position: left 5px top 5px;
	background-size: 32px;
	background-repeat: no-repeat;	
	background-image:url(/site/img/login_weiss.png);	
}
a.abo-plus {background-size: 60px; display: block; width: 100%}
@media only screen and (max-width : 320px) {
	a.abo-plus {padding-left: 55px}
}

.form-text p {margin-top: 0px};
.button-link:hover {transition: all;}

/*FARBEN
Grau #333333 #333444 #777777 #999999 #d3d3d3 #F1F0F0 #e6e5e5 (<- hintergrund Text, Icons)
Gün  #5a802d #8ea650 #c4d1a3 
Rot  #76151e #9f6167 #cdacad
Orange #eb7017 #f29c52 #f8cba4
cherry #643e91 #875da3 #c6a7d0
Blau #3290b3 #6fb1c9 #b3d6e3
Blau #185873
Gelb #b9a50a #ddcf61 
*/

.form-button, .form-icon, .form-title.notice, .form-title.error, .form-title.success {display: block; background-color: #3290b3; color: #fff;}
.form-box .form-input, .form-box select {border: 2px solid #3290b3}
.form-title.success {display: block; background-color: #6fb1c9; color: #fff;}
.form-title.error {background-color: #333;}
.form-title.info {background-color: #777; color: #fff; border: 2px solid #777;}
.form-text.info {background-color: #fff; border: 2px solid #777;}

.button-link:hover {color: #fff; background-color: #9f6167; transition: all;}
.nummer {width: 35%; float: left; clear: none;}

.form-box .home {background-image: url(/site/img/home_weiss.png);}
.form-box .lehrer {background-image: url(/site/img/lehrer_weiss.png);}
.form-box .schueler {background-image: url(/site/img/schueler_weiss.png);}

.key-id {background-image:url(/site/img/key_weiss.png)}
.key-pw {background-image:url(/site/img/password_weiss.png)}	
.login-user {background-image:url(/site/img/user_weiss.png)}
.abo-plus {background-image:url(/site/img/abo_plus_weiss.png)}
.login-pw {background-image:url(/site/img/password_weiss.png)}
.login-pw-again {background-image:url(/site/img/password_again_weiss.png)}
.email {background-image:url(/site/img/email_weiss.png)}
.plz {background-image:url(/site/img/plz_weiss.png)}
.ort {background-image:url(/site/img/plz_weiss.png)}
.strasse {background-image:url(/site/img/strasse_weiss.png)}
.nummer {background-image:url(/site/img/adresse_weiss.png)}
.klasse {background-image:url(/site/img/klasse_weiss.png);}

.form-icon.btn-book {background-image:url(/site/img/book_white.png) !important}

.form-icon.number {background-image: url(/book/img/icons/number.png)!important}
.form-icon.lock {background-image: url(/book/img/icons/lock.png)!important}

.form-icon.time {background-image: url(/book/img/icons/time.png)!important}
.time {background-image: url(/book/img/icons/time.png)!important}

.form-error-border { border: 2px solid #333; color: #fff; background-color: #9f6167}

.form-error, .form-info, .form-looking { 
	border: 2px solid #76151e;
	background-position: right 5px top 3px;
	background-size: 32px;
	background-repeat: no-repeat;	
	background-image:url(/site/img/error_smiley_weiss.png);	
	}

.form-looking {background-image:url(/site/img/looking_smiley.png);}

.form-icon input:focus[type="text"] {
	background-image:url(/site/img/looking_smiley.png);
	background-position: right 5px top 3px;
	background-size: 32px;
	background-repeat: no-repeat;}
	
.form-icon input:focus[type="password"]{background-image:url(/site/img/looking_right_smiley.png);	background-position: right 5px top 3px;
	background-size: 32px;
	background-repeat: no-repeat;}	

.form-error {color: #fff; background-color: #9f6167; border: 2px solid #76151e;}	
.form-info {background-image:url(/site/img/info_smiley_blue.png)};

.error {color: #fff;  background-color: #76151e;}
.succes {color: #fff;  background-color: #76151e; background-image:url url(/site/img/succes_smiley_blue.png);}
.success-pw {background-image:url(/site/img/succes_smiley_weiss.png);}

.pw-vergessen {background-image:url(/site/img/pw_vergessen_weiss.png); background-color: #3290b3; margin-top: 20px}

.book-link {
	display: block;
	width: auto;
	min-height: 46px;
	padding: 7px 5px 7px 60px;
	border: 2px solid #444;
	margin-top: 10px;
	clear: both;
	background-color: #8ea650;
	color: #F1F0F0;
	text-shadow: 1px 1px #444;
	background-position: left 5px center;
	background-size: 44px;
	background-repeat: no-repeat;	
	background-image:url(/site/img/login_weiss.png);
}

.book-link spam {display: block; margin-top: 3px; padding-top: 2px; width: 100%; border-top: #d3d3d3 1px solid; font-size: 15px;}

.book-link.admin {
	height: 20px;
	padding: 7px 5px 7px 40px;
	background-color: #318fb3;
	background-size: 22px; 
	background-image:url(/site/img/admin.png);
} 

.book-link.admin:hover {background-color: #6fb1c9}

.re-g {background-color: #5a802d}
.re-g:hover {background-color: #8ea650}
.bwl-g {background-color: #669999; background-image:url(/site/img/book_aufgaben.png);} 
.bwl-g:hover {background-color: #99CCCC}
.law-s {background-color: #8ea650; background-image:url(/site/img/book_law.png);} 
.law-s:hover {background-color: #c4d1a3}
.law-b {background-color: #8ea650;  background-image:url(/site/img/book_law.png);}  
.law-b:hover {background-color: #c4d1a3}



.book-link:hover {
	transition: all;
}

.book_inactive {text-shadow: 1px 1px #d3d3d3; color: #76151e; background-color: #F0F1F1; border: 2px solid #999; background-image:url(/site/img/book_inactive_weiss.png);}
.book_inactive:hover {background-color: #d3d3d3;}

/*




.form-box input[type=checkbox]:not(old),
.form-box input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

.form-box input[type=checkbox]:not(old) + label,
.form-box input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

.form-box input[type=checkbox]:not(old) + label > span,
.form-box input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

.form-box input[type=checkbox]:not(old):checked + label > span,
.form-box input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

.form-box input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : rgb(153,204,102);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}

.form-box input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

/*Auswahl book*/

/*
Grau #333333 #333333 #777777 #999999 #d3d3d3 #F1F0F0
Gün  #5a802d #8ea650 #c4d1a3 
Rot  #333 #9f6167 #cdacad 
Blau #006666 #669999 #99CCCC  */
.radio {margin-bottom: 10px; padding: 5px 10px}

label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 15px;
    margin-right: 15px;
}

label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: -9px;
    bottom: 1px;
    background-color: #aaa;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.radio label:before {
    border-radius: 8px;
}

.form-icon input[type=radio] {
	height: 20px;
	padding: 0;
	margin-left: 10px;
	border: none;
    width: auto;
}

.form-icon input[type=radio]:checked + label:before {
	content: "✓";
    content: "\2022";
	
    color: #333;
    font-size: 30px;
    text-align: center;
    line-height: 20px;
}


/* TABS */
.header-tab {position: absolute; top: 0; left: 0; right: 0; height: 30px; }
.cb-inner 
.tab {display: block; float: left; background-color: #F1F0F0; }
.tab-inhalt {display: none; position: absolute; top: 30px; left: 0; right: 0; bottom: 0; padding: 0; overflow-y: auto; overflow-x: hidden; background-color: #fff; border: #d3d3d3 solid 1px;}
.tab a {display: block; vertical-align: middle; height: 20px; padding: 5px; text-decoration: none; border-right: solid 1px #444; color: #444; background-size: 26px; background-position: left 5px center; background-repeat: no-repeat;}
#tab-1 {display: block;}

/*Farben*/
.tab.selected { background-color: #b3d6e3 }

/* CHANGE in allgemeine Bibliothek*/

.btn-toolbar.bottom {margin-top: 20px; bottom: 0; height: 40px}

input[type=text] {}
input[name=PLZ] {width: 50px;}
.pupil_adresses th { text-align: left }
.pupil_adresses td { text-align: left; padding: 2px; }
.pupil_adresses input {
	box-sizing: border-box;
	width:100%;
	padding: 5px ;
	border: none;
	background: none;
	font-size: 14px;
	color: #444 !important;
}

.pupil_adresses input[disabled] {
   -webkit-text-fill-color: rgba(0, 0, 0, 1); 
   -webkit-opacity: 1; 
   color: #444 !important; 
   background-color: transparent;
}

.pupil_adresses input {
   -webkit-text-fill-color: rgba(0, 0, 0, 1); 
   -webkit-opacity: 1; 
   color: #444 !important; 
   background-color: transparent;
}	
.pupil_adresses input.input_editable {background: #b3d6e3;}
input[name=PLZ] {width: 45px !important;}
input[name=Ort] {width: 80px !important;}
input[name=Email] {width: 150px !important;}
.hidden{display: none}

.btn-save {background-image : url('../../../book/img/icons/save_to_cloud.png')}
.btn-edit {background-image : url('../../../book/img/icons/edit.png')}

.btn-up {background-image : url('../../../book/img/icons/up_white.png')}

.tablesorter-blue .header,
.tablesorter-blue .tablesorter-header {background-image : url('../../../book/img/icons/up_down_white.png')}

.tablesorter-blue .headerSortUp,
.tablesorter-blue .tablesorter-headerSortUp,
.tablesorter-blue .tablesorter-headerAsc {background-image : url('../../../book/img/icons/up_white.png')}

.tablesorter-blue .headerSortDown,
.tablesorter-blue .tablesorter-headerSortDown,
.tablesorter-blue .tablesorter-headerDesc {background-image : url('../../../book/img/icons/down_white.png')}