*{ font-family: Arial, sans-serif; color: #6d7d8c; font-size: 13px; }
html{ min-height: 100%; }
body{ margin: 0; padding: 0; background-color: #e3e9eb; }
img{ border: 0 none; margin: 0; padding: 0; }
a { text-decoration: none; }
hr { border: 0; background-color: #375A7A; color: #375A7A; height: 1px; }
hr.light { border: 0; background-color: #BDC6CB; color: #BDC6CB; height: 1px; }

#content, #content-wrapper{ width: 1200px; margin: 15px auto 0 auto; }
#left{ float: left; width: 756px; }
#right{ float: left; margin: 0 0 0 15px; width: 215px; }
#login{ width: 362px; margin: auto; }
#login .form.col label{ width: 100px; }
#login .content-block { margin: 0 0 10px 0; }
#logo-phoenix, #logo-iawm { display: inline; }
#logo-phoenix-print, #logo-iawm-print { display: none; }


.comment{ border: 1px solid #bdc6cb; padding: 5px; background-color: #ffffff; }

input, textarea{ border: 1px solid #bdc6cb; height: 16px; padding: 3px; background-color: #ffffff; }
input[type=submit] { height: auto; padding: 10px 20px 10px 60px; }
.points_tbody td { font-size: 12px; }
.points_tbody input { font-size: 12px; }

.highlight-text{
    color: #2b9058;
}
.form_background:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

.placeholder{
	padding: 10px 0;
	clear: both;
}

.small{
	font-size: smaller;
}

.note{
	height: 35px;
	background-color: yellow;
	margin: 0 0 10px 0;
}

.note p{
	margin: 0;
	padding: 5px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
}

button,
input[type="button"],
input[type="submit"] {
	cursor: pointer;
}

.record-list-button{
	border: 1px solid #bdc6cb;
	height: 31px;
	font-weight: bold;
	text-align: left;
	padding: 0 20px 0 40px;
	background: 20px center no-repeat #ffffff;
}

.record-list-link{
	border: 1px solid #bdc6cb;
	height: 31px;
	line-height: 31px;
	float: right;
	display: block;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	padding: 0 20px 0 40px;
	vertical-align: middle;
	background: 20px center no-repeat #ffffff;
}

.record-list-link:hover,
.record-list-button:hover{
	background-color: #e3e9eb;
}

.check-login{
	background: url(../images/icons_16/check.png) 20px center no-repeat transparent;
	width: 130px;
	float: right;
	padding: 0 20px 0 40px;
}


/******************
* Flash
*******************/
.flash { margin-bottom: 20px; color: white; padding: 10px; }
.flash.login { margin: 0 auto 20px auto; width: 342px; }
.flash span { color: white; text-shadow: black 1px 1px 1px; }
.flash-success { background-color: #59cc49; }
.flash-error { background-color: #d61e1e; }
.flash-warning { background-color: #FF8800; }

/******************
* Filter Head
*******************/
h1.filterHead{ cursor: pointer; }
h1.filterHead.close{ background-position: right -1392px; width: auto; height: 23px; }
h1.filterHead.open{ background-position: right -1056px; width: auto; height: 23px; }
.filter-overlay { background-color: #6D7D8C; display: none; position: fixed; z-index: 500; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.8; -moz-opacity: 0.8; /* Mozilla */ -ms-filter: "Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity = 80); /* IE5-7 */}
* html .filter-overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

/******************
* Base Icon/Button
*******************/
a.list_icon:link { padding-left: 20px; }
a.button{ background-color: #FFFFFF; display: block; text-decoration: none; line-height: 41px; vertical-align: middle; cursor: pointer; }
.button {border: 0 none; height: 41px; font-weight: bold; text-align: left; padding: 0 20px 0 60px; background-color: #FFFFFF; }
.wizard{ padding: 0 0 0 20px; font-weight: normal; height:	auto; }

/******************
* Sprite Icon 16px
*******************/
.icon_16 { background: url(../images/sprite_icon_16.png) no-repeat top left; }
.icon_16.absence{ background-position: 0 0; width: 16px; height: 16px; }
.icon_16.allocation{ background-position: 0 -56px; width: 16px; height: 16px; }
.icon_16.back{ background-position: 0 -112px; width: 16px; height: 16px; }
.icon_16.calendar{ background-position: 0 -168px; width: 16px; height: 16px; }
.icon_16.cancel{ background-position: 0 -224px; width: 16px; height: 16px; }
.icon_16.check{ background-position: 0 -280px; width: 16px; height: 16px; }
.icon_16.copy_down{ background-position: 0 -336px; width: 16px; height: 16px; }
.icon_16.delete{ background-position: 0 -392px; width: 16px; height: 16px; }
.icon_16.down{ background-position: 0 -448px; width: 16px; height: 16px; }
.icon_16.download{ background-position: 0 -504px; width: 16px; height: 16px; }
.icon_16.edit{ background-position: 0 -560px; width: 16px; height: 16px; }
.icon_16.examiner{ background-position: 0 -616px; width: 16px; height: 16px; }
.icon_16.help{ background-position: 0 -672px; width: 16px; height: 16px; }
.icon_16.hint{ background-position: 0 -728px; width: 16px; height: 16px; }
.icon_16.info{ background-position: 0 -784px; width: 16px; height: 16px; }
.icon_16.liste_personen{ background-position: 0 -840px; width: 16px; height: 16px; }
.icon_16.locked{ background-position: 0 -896px; width: 16px; height: 16px; }
.icon_16.logout{ background-position: 0 -952px; width: 16px; height: 16px; }
.icon_16.minus{ background-position: 0 -1008px; width: 16px; height: 16px; }
.icon_16.minus_inverted{ background-position: 0 -1064px; width: 16px; height: 16px; }
.icon_16.next{ background-position: 0 -1120px; width: 16px; height: 16px; }
.icon_16.periode_2{ background-position: 0 -1176px; width: 16px; height: 16px; }
.icon_16.periode_3{ background-position: 0 -1232px; width: 16px; height: 16px; }
.icon_16.periods{ background-position: 0 -1288px; width: 16px; height: 16px; }
.icon_16.plus{ background-position: 0 -1344px; width: 16px; height: 16px; }
.icon_16.plus_inverted{ background-position: 0 -1400px; width: 16px; height: 16px; }
.icon_16.points{ background-position: 0 -1456px; width: 16px; height: 16px; }
.icon_16.print{ background-position: 0 -1512px; width: 16px; height: 16px; }
.icon_16.refresh{ background-position: 0 -1568px; width: 16px; height: 16px; }
.icon_16.repeat{ background-position: 0 -1624px; width: 16px; height: 16px; }
.icon_16.reset{ background-position: 0 -1680px; width: 16px; height: 16px; }
.icon_16.scheduling{ background-position: 0 -1736px; width: 16px; height: 16px; }
.icon_16.show{ background-position: 0 -1792px; width: auto; height: 16px; }
.icon_16.split{ background-position: 0 -1848px; width: 16px; height: 16px; }
.icon_16.status_green{ background-position: 0 -1904px; width: 16px; height: 16px; }
.icon_16.status_grey{ background-position: 0 -1960px; width: 16px; height: 16px; }
.icon_16.status_red{ background-position: 0 -2016px; width: 16px; height: 16px; }
.icon_16.status_yellow{ background-position: 0 -2072px; width: 16px; height: 16px; }
.icon_16.student{ background-position: 0 -2128px; width: 16px; height: 16px; }
.icon_16.switch_back_user{ background-position: 0 -2184px; width: 16px; height: 16px; }
.icon_16.switch_user{ background-position: 0 -2240px; width: 16px; height: 16px; }
.icon_16.teacher{ background-position: 0 -2296px; width: 16px; height: 16px; }
.icon_16.up{ background-position: 0 -2352px; width: 16px; height: 16px; }
.icon_16.warning{ background-position: 0 -2408px; width: 16px; height: 16px; }

.button.icon_16{ background-color: #FFFFFF; }
.button.icon_16.back{ background-position: 20px -100px; width: auto; height: 41px; }
.button.icon_16.next{ background-position: 20px -1108px; width: auto; height: 41px; }
.button.icon_16.check{ background-position: 20px -268px; width: auto; height: 41px; }
.button.icon_16.refresh{ background-position: 20px -1556px; width: auto; height: 41px; }
.button.icon_16.download{ background-position: 20px -492px; width: auto; height: 41px; }
.button.icon_16.repeat{ background-position: 20px -1612px; width: auto; height: 41px; }
.button.icon_16.reset{ background-position: 20px -1668px; width: auto; height: 41px; }
.button.icon_16.cancel{ background-position: 20px -212px; width: auto; height: 41px; }
.button.icon_16.delete{ background-position: 20px -380px; width: auto; height: 41px; }
.button.icon_16.show{ background-position: 20px -1780px; width: auto; height: 41px; }
.button.icon_16.edit{ background-position: 20px -548px; width: auto; height: 41px; }
.button.icon_16.print{ background-position: 20px -1500px; width: auto; height: 41px; }

.content-block-head .button.icon_16.show{ background-position: 20px -1785px; width: auto; height: 31px; }
.content-block-head .button.icon_16.edit{ background-position: 20px -553px; width: auto; height: 31px; }
.content-block-head a.state_inactive { background-color: #e3e9eb; cursor: default; text-transform: uppercase; }
.content-block-head a.state_active { font-weight: normal; }

p.icon_16.status_green{ background-position: 0 -1904px; width: auto; height: auto }
p.icon_16.status_grey{ background-position: 0 -1960px; width: auto; height: auto; }
p.icon_16.status_red{ background-position: 0 -2016px; width: auto; height: auto; }
p.icon_16.status_yellow{ background-position: 0 -2072px; width: auto; height: auto; }

.record-list-link.icon_16.download { background-position: 10px -496px; width: auto; height: 32px; }
.record-list-button.icon_16.check,.record-list-link.icon_16.check { background-position: 10px -272px; width: auto; height: 32px; }


/******************
* Sprite Images
*******************/
.images { background: url(../images/sprite_images.png) no-repeat top left; }
.images.breadcrum_icon{ background-position: 0 -436px; width: 5px; height: 7px; }
.images.home_icon{ background-position: 0 -493px; width: 159px; height: 95px; }
.images.iawm_logo{ background-position: 0 -638px; width: 50px; height: 62px; }
.images.icon_locked{ background-position: 0 -750px; width: 16px; height: 16px; }
.images.icon_minus{ background-position: 0 -816px; width: 8px; height: 8px; }
.images.icon_minus_inverse{ background-position: 0 -874px; width: 8px; height: 8px; }
.images.icon_plus{ background-position: 0 -932px; width: 8px; height: 8px; }
.images.icon_plus_inverse{ background-position: 0 -990px; width: 8px; height: 8px; }
.images.icon_switch_user{ background-position: 0 -1048px; width: 16px; height: 15px; }
.images.logo{ background-position: 0 -1113px; width: 99px; height: 49px; }
.images.logo_iawm{ background-position: 0 -1212px; width: 60px; height: 70px; }
.images.logo_iawm_1{ background-position: 0 -1332px; width: 42px; height: 73px; }
.images.logo_iawm_print{ background-position: 0 -1455px; width: 60px; height: 70px; }
.images.logo_phoenix{ background-position: 0 -1575px; width: 107px; height: 73px; }
.images.logo_phoenix_1{ background-position: 0 -1698px; width: 107px; height: 73px; }
.images.logo_phoenix_print{ background-position: 0 -1821px; width: 107px; height: 73px; }
.images.shadow{ background-position: -215px -145px; width: 414px; height: 604px; }
.images.status_green{ background-position: -215px -799px; width: 24px; height: 24px; }
.images.status_red{ background-position: -215px -873px; width: 24px; height: 24px; }
.images.status_yellow{ background-position: -215px -947px; width: 24px; height: 24px; }



/******************
* GOTO
*******************/
#go-down,
#go-top{ width: 30px; height: 30px; position: fixed; bottom: 235px; padding: 0; margin: 0 0 0 -35px; cursor: pointer; border: 2px solid #ffffff; -moz-box-shadow: 0 15px 44px -30px #888888; -webkit-box-shadow: 0 15px 44px -30px #888888; box-shadow: 0 15px 44px -30px #888888; background-color: #FFFFFF; }
#go-down:hover,
#go-top:hover{ background-color: #e3e9eb; }
#go-down{ bottom: 200px; background-position: 7px -441px; }
#go-top{ bottom: 235px; background-position: 7px -2345px; }


.forgot-password-link{
	text-decoration: none;
	color: #2e3841;
	float: right;
}

.button-navigation{
	margin: 0;
	padding: 0;
	list-style: none;
}

.button-navigation li{
	float: right;
	margin: 0 0 0 15px;
	list-style-type: none;
}

.border{
	border-right: 1px solid #bdc6cb;
}

.role{
	width: 86px;
}

.parts{
	width: 387px;
}

.second{
	padding-left: 10px;
}

.link{
	cursor: pointer;
}

/******************
* Header
*******************/

#header{
	background-color: #375879;
}

#header li,
#header input {
	font-size: 80%;
}

#header-content{
	height: 73px;
	width: 986px;
	margin: 0 auto;
}

#header-content .search-container{
    position: relative;
}

#header-content form .search-btn{
    border: none;
    position: absolute;
    z-index: 100;
    right: 2px;
    top: 25px;
}

#header-content form input[type=text]{
    width: 140px;
	border: 1px solid #ffffff;
}

#header-content .head-general{
	padding: 30px 0 0 0;
}

#header-content .elements-content{
	list-style: none;
	padding: 0;
}

#header-content .elements-content li{
	float: left;
	color: #ffffff;
	margin: 0 0 0 30px;
}
#header-content .elements-content li b{
	font-size: 100%;
	color: #ffffff;
}

#header-content .elements-content li a{
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
}

#header-content .elements-content li label{
    color: #ffffff;
    padding: 0;
    margin: 0;
    font-size: 80%;
    line-height: 20px;
    display: block;
}

#header-content p{
	color: #ffffff;
	padding: 0;
	margin: 0;
	font-size: 100%;
	line-height: 20px;
}

#header-content .element-left{
	float: left;
}

#header-content .element-right{
	float: right;
	padding: 0 0 0 34px;
}
#header-content .element-right .elements-content .elements-content li{
	margin: 0 10px 0 0;
}
#header-content .element-right .elements-content .elements-content li.first{
	margin-right: 38px;
}
#header-content .element-right .elements-content .elements-content li a{
	text-decoration: underline;
}

#header-navigation{
	background-color: #ffffff;
	-moz-box-shadow: 0 15px 44px -30px #888888;
	-webkit-box-shadow: 0 15px 44px -30px #888888;
	box-shadow: 0 15px 44px -30px #888888;
}

/******************
* Footer
*******************/
#footer{ padding: 10px 0 15px 0; height: 50px; }
#footer ul{ width: 650px; margin: 0 auto; padding: 0; }
#footer ul li{ margin-left: 45px; padding-left: 25px; list-style: disc; float: left; }
#footer ul li:first-child{ list-style: none; margin: 0; padding: 0; }

/******************
* Navigation
*******************/
ul.menu{
	height: 41px;
	list-style: none;
	margin: 0;
	padding: 5px;
	background-color: #ffffff;
	font-size: 80%;
}

ul.menu span{
	cursor: default;
}

ul.menu li{
	float: left;
	text-align: center;
	height: 41px;
	line-height: 41px;
	padding: 0 13px;
}
ul.menu li span{
	color: #375879;
}

ul.menu a{
	color: #375879;
	text-decoration: none;
	display: block;
}

ul#navigation-main{
	padding: 0;
	height: 96px;
}

ul#navigation-main li{
	width: 163px;
	border-right: 1px solid #eaeef1;
	padding: 0;
	height: 96px;
	line-height: normal;
}


ul#navigation-main{ width: 986px; height: 96px; margin: 0 auto; }
ul#navigation-main li:hover, ul#navigation-main li.current, ul#navigation-main li.current_ancestor{ background: url(../images/sprite_images.png) no-repeat 0 -1944px;}
ul#navigation-main li.last{ border: 0 none;}
ul#navigation-main a{ width: 163px; height: 27px; padding: 69px 0 0 0; text-transform: none; font-size: 100%; background: url(../images/sprite_images.png) no-repeat top left; }
ul#navigation-main a.home{ background-position: 0 -493px; }
ul#navigation-main a.trainee{ background-position: 0 -291px; }
ul#navigation-main a.institution{ background-position: 0 -146px; }
ul#navigation-main a.school{ background-position: -215px 0; }
ul#navigation-main a.management{ background-position: -215px -1021px; }
ul#navigation-main a.administration{ background-position: 0 0; }

ul#navigation-sub{
	-moz-box-shadow: 0 10px 18px -10px #888888;
	-webkit-box-shadow: 0 10px 18px -10px #888888;
	box-shadow: 0 10px 18px -10px #888888;
}

ul#navigation-sub {
	white-space: pre;
}

ul#navigation-sub li.current_ancestor,
ul#navigation-sub li.current{
	background-color: #375a7a;
}

ul#navigation-sub li.current_ancestor span,
ul#navigation-sub li.current_ancestor a,
ul#navigation-sub li.current a{
	color: #ffffff;
}

li.current span,
li.current_ancestor span,
li.current a,
li.current_ancestor a{
	text-transform: uppercase;
}

li.current_ancestor li.current ul li a,
li.current ul li a,
li.current_ancestor ul li a{
	text-transform: none;
}

li.current_ancestor ul li.current a{
	text-transform: uppercase;
}

/******************
* Breadcrumb
*******************/

#breadcrumb{ margin: 0 0 15px 0; padding: 0 0 0 18px; }
#breadcrumb p { margin: 0 5px 0 0; padding: 0; float: left; color: #375879; font-size: 80%; }
#breadcrumb ul, #breadcrumb ul li{ padding: 0; background-color: transparent; height: auto; line-height: normal; color: #375879; }
#breadcrumb ul li, #breadcrumb ul li a{ font-size: 100%; }
#breadcrumb ul li{ background: url(../images/breadcrum_icon.png) right center no-repeat; padding: 0 13px 0 0; margin: 0 5px; }
#breadcrumb ul li.current{ background: none; }
#breadcrumb ul li.current a{ text-transform: none; }

/******************
* Inhalt
*******************/

#left2 .content-block,
#left .content-block {
	margin: 0 0 15px 0;
}

#left .content-block-head{
	margin: 0;
	position: relative;
	min-height: 31px;
	line-height: 31px;
}

#right .content-block{
	min-height: 107px;
}

#right .content-block-head h1{
	font-size: 120%;
}

#left2 .content-block.sidemap,
#left .content-block.sidemap{
    width: 225px;
    min-height: 223px;
    float: left;
    margin-right: 15px;
}

#left2 .content-block.sidemap:nth-child(4n+4),
#left .content-block.sidemap:nth-child(4n+4){
    margin-right: 0;
}

#left2 .content-block.sidemap:nth-child(4n+5),
#left .content-block.sidemap:nth-child(4n+5){
    clear: both;
}

#left2 .content-block.sidemap a.button{
    line-height: 16px;
}


.content-block{
	padding: 5px;
	background-color: #ffffff;
	-moz-box-shadow: 0 10px 18px -10px #888888;
	-webkit-box-shadow: 0 10px 18px -10px #888888;
	box-shadow: 0 10px 18px -10px #888888;
}

.content-block-content{
	padding: 15px 15px 5px 15px;
}

.content-block-content h2 {
	background-color: #375A7A;
    color: #FFFFFF;
    margin-top: 20px;
    padding: 4px 6px;
}
.content-block-content h2.info {
    margin-top: 0;
	background-color: #FFFFFF;
	color: #375A7A;
	padding: 4px 0 6px 0;
	border-bottom: 1px solid #bdc6cb;
}

.content-block-content ul.content-block-navigation{
	padding: 0;
	margin: 0;
	list-style: none;
}

.content-block-head{ 	
	padding: 5px 15px;
	background-color: #375a7a;
	line-height: 31px;
    min-height: 31px;
	vertical-align: middle;
    position: relative;
}

.content-block-head h1{
	font-size: 120%;
	color: #ffffff;
	padding: 0;
	margin: 0;
}

.content-block-head.info,
#left .content-block-head.info{
	background-color: #b97200;
	margin-bottom: 5px
}

.content-block-head.active,
#left .content-block-head.active{
		background-color: #b97200;
}

.content-block-head.error,
#left .content-block-head.error{
    background-color: #d61e1e;
}

#right .content-block-head h1{
	font-size: 110%;
}

p{
	margin-top: 0;
	padding: 0;
}

.content-block-content ul{
	margin: 0;
	list-style: square;
	padding: 0 15px 0 15px;
}

.content-block-content ul li{
	margin:  0 0 10px 0;
}
.content-block-content ul.status li{
	clear: both;
}

.column_2 .form.col{
	width: 350px;
}

.column_2 .form.col3{
    width: 280px;
}

.column_2 .form.col3:nth-child(3n){
    width: 350px;
}

.form.col{
	float: left;
	min-height: 28px;
	padding: 0 0 10px 0;
}

.form.col2{
	min-height: 28px;
	padding: 0 0 10px 0;
}

.form.col3{
    float: left;
    min-height: 28px;
    padding: 0 0 10px 0;
}

.form input{
	height: 16px;
	width: 196px;
}
.form.col2 input[type=text],
.form.col2 textarea{
	width: 546px;
}

.form.col2 input[type=text].short{
    width: 196px;
}
.form.col2 input[type=text].points,
input[type=text].points{
	width: 35px;
}

.important_points {
    font-size: 14px;
}

input[type=file]{
    height: 32px;
    width: 250px;
}

.form input[type=file]{
	height: 32px;
	width: 196px;
}

td input[type=file]{
	height: 21px;
	width: 196px;
}

.form input[type=radio]{
	height: auto;
	width: auto;
}

.form textarea{
	width: 196px;
	height: 70px;
}

select{
	height: 25px;
	padding: 2px;
}

.form label{
	text-align: right;
	float: left;
	margin: 0 20px 0 0;
	padding-top: 4px;
	font-size: 100%;
	font-weight: bold;
}

.column_2 .form label{
	width:114px;
}

.column_1 .form label{
	text-align: right;
	float: left;
	width: 150px;
	margin: 0 20px 0 0;
	font-size: 100%;
	font-weight: bold;
}

.column_1 .form.col{
	width: 100%;
}


.column_1 .form.col2 p,
.column_1 .form.col p{
	padding: 4px 0 0 170px;
}

.column_2 .form.col2 p{
	padding: 4px 0 0 134px;
}

.column_1 .form.col textarea,
.column_2 .form.col2 textarea{
	width: 550px;
}

.column_2 .form.col2.swapped{
	padding: 0;
}

.column_2 .form.col2.swapped div{
	text-align: right;
	width: 114px;
	margin: 0 20px 0 0;
	float: left;
}

.column_2 .form.col2.swapped div input[type="checkbox"]{
	margin: 0;
}

.column_2 .form.col2.swapped label{
	text-align: left;
	float: left;
	width: 550px;
}

.column_2 .form.col p{
	padding: 4px 0 0 114px;
	width: 196px;
}

div[id$="date_date"],
.datepicker{
    width: 200px;
    float: left;
}
div[id$="date_date"] + div,
.datepicker + div{
    float: left;
    width: 146px;
}

.form.col div div,
.form.col2 div div{
	/*float: left;*/
}

.form.col div div.popupSelect-select-button,
.form.col2 div div.popupSelect-select-button{
	clear: both;
}

.column_2 .form.col2.fields_2 div{
	float: left;
	width: 340px;
}

.form.col div div label,
.form.col2 div div label {
	display: inline;
	width: auto;
	float: none;
}

.form.col div.value,
.form.col2 div.value{
	float: left;
	padding-top: 4px;
}

.form input[type=checkbox]{
	width: auto;
}

#login .form input{
	width: 180px;
}
/******************
* Tabellen
*******************/

table{
	width: 100%;
	border-spacing: 0;
    border-collapse: collapse;
}

table thead th{
	color: #2a3841;
	border-bottom: 1px solid #bdc6cb;
	text-align: left;
	font-size: 100%;
	padding: 0 10px 10px 0;
}

table thead tr.no-underline th{
	border-bottom: 0;
}

table thead tr.table-head{
	background-color: #375a7a;
}

table thead tr.table-head h2{
	padding: 2px;
	margin: 5px;
}

table tbody tr{
	text-align: left;
	font-size: 100%;
	
}

table tbody tr th,
table tbody tr td{
	padding: 5px 4px 5px 0;
}

table tfoot tr:first-child td{
	text-align: left;
	font-size: 100%;
	border-top: 3px solid #bdc6cb;
}

table#monthlyrecompense{
	width: 95%;
	margin: 5px 20px;
}

table.two-columns tbody tr th{
	width: 120px;
	padding-right: 10px;
	border-right: 1px solid #eee;
}
table.two-columns tbody tr td{
	width: 352px;
	padding-left: 10px;
	padding-right: 10px;
}

table tbody.ui-sortable tr{
    cursor: pointer;
}

table tr .border-left{
	border-left: 1px solid #bdc6cb;
    padding-left: 10px;
}

td.spacer{
    width: 20px;
}

td input{
    width: 100%;
}

/******************
* Kalender
*******************/
table tbody tr td.appointment {
	background-color:#19C200;
	color:#fff;
}
table tbody tr td.holiday {
	background-color:#FF0000;
	color:#fff;
}
table tbody tr td.vacation {
	background-color:#FFB700;
	color:#fff;
}
table tbody tr td.today {
	background-color:#375a7a;
	color:#fff;
}
table tbody tr td.appointment a,
table tbody tr td.today a,
table tbody tr td.holiday a,
table tbody tr td.vacation a {
	text-decoration:none;
	color: #fff;
}
table tbody tr td.today {
	background-color:#375a7a;
	color:#fff;
}
table tbody tr td.today a.today {
	color: #fff;
}

table tbody tr td.month_column{
	text-align: center;
	padding-bottom: 20px;
	vertical-align: top;
}

table thead tr.day_head th{
	padding: 5px;
	text-align: center;
}

table tbody.calender_body td{
	 padding: 5px;
	 text-align: center;
}

table tbody.calender_body td.calender_week,
table thead tr.day_head th.calender_week{
	border-right: 1px solid #bdc6cb;
}


/* unsortierte styles */

#content {
	font-size: 100%;
}

.form input[type=text].zip {
	width: 50px;
	margin-right: 10px;
}

.form input[type=text].city {
	width: 110px;
}

#right a.button{
	line-height: 16px;
}

.content-block-head a {
	display: block;
	float: right;
	margin-left: 5px;
	line-height: 31px;
	height: 31px;
}



.content-block-head.info a {
	display: inline;
	float: none;
	margin: 0;
	color: #FFF;
	font-size: 15.6px;
	text-decoration: none;
}

table thead th.actions {
	width: 100px;
	text-align: right;
}

table tbody td.actions {
	text-align: right;
	vertical-align: top;
	white-space:nowrap;
}
table tbody td {
	vertical-align: top;
}
table.records_list tr.col0 td {
	background-color:#EEF4F5;
}
table.records_list tr.col1 td {
	background-color:#fff;
}
table.records_list tbody tr:hover td {
	background-color:#E3E9EB;
    color: #375A7A;
}
table.records_list th{
    white-space: nowrap;
}
table.records_list td{
	line-height: 18px;
}
table.records_list td.status{
	padding-left: 10px;
}
table.records_list tr:nth-child(even) {
	background-color:#fafafa;
}
table.records_list tr:nth-child(odd) {
	background-color:#fff;
}

table.records_list.table-floated{
    width: 300px;
    float: left;
    margin-right: 20px;
}

table.records_list.table-floated:nth-child(3n+3){
    margin-right: 0;
}

.add_record {
	border-top: 1px solid #BDC6CB;
	margin-top: 5px;
	padding-top: 5px;
}
.remove_record {
	border-bottom: 1px solid #BDC6CB;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.add_record a,
.remove_record a {
	text-decoration: none;
}

.content-block-content table td ul li{
	margin: 0;
}

.ui-dialog-title {
	color: white;
}

.accounting.bill.teacher_row1 td,
.accounting.bill.bill_row_total td {
	border-top: #e3e9eb 2px solid;
	margin-top: 4px;
}

.accounting.bill.teacher_row_total .datacell {
	border-top: #e3e9eb 1px solid;
}


.accounting th,
.accounting.bill .datacell,
.accounting.bill .datacell {
	text-align: center;
}

.accounting.bill .datacell.total {
	border-left: #e3e9eb 3px solid;
}

div.content-pagination ul.pagination{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	
}

div.content-pagination ul.pagination span{
	display: inline;
}

div.content-pagination ul.pagination li{
	display: inline;
	list-style: none;
	
}

label.marked,
select.marked,
textarea.marked,
input[type=text].marked{
    border: 2px solid #54cb34;
}

input[type=text].empty{
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    box-shadow: 0 0 7px rgb(235, 255, 35);
    -webkit-box-shadow: 0 0 7px rgba(235, 255, 35, 1);
    -moz-box-shadow: 0 0 7px rgba(235, 255, 35, 1);
    background-color: rgba(235, 255, 35, 0.5);
    color: #000;
}

input[type=text].warning{
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
        box-shadow: 0 0 7px rgb(204, 255, 255);
    -webkit-box-shadow: 0 0 7px rgb(204, 255, 255);
    -moz-box-shadow: 0 0 7px rgb(204, 255, 255);
    background-color: rgba(204, 255, 255, 0.5);
    color: #000;
}

.popupselect_error,
.error_text,
input[type=text].error {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
	
	box-shadow: 0 0 5px rgba(255, 0, 0, 1);
    -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, 1); 
    -moz-box-shadow: 0 0 5px rgba(255, 0, 0, 1); 
    background-color: rgba(255, 0, 0, 0.5);
    color: #000;
}

td.repeat_a_year {
    background-color: rgba(255, 0, 0,0.7);
    color: #000;
}

td.second_session{
    background-color: rgba(255, 120, 0,0.7);
    color: #000;
}

td.no_classcouncil{
    background-color: rgba(235, 255, 35, 0.7);
    color: #000;
}

td.finished,
td.moving_up{
    background-color: rgba(84,203,52,0.7);
    color: #000;
}

.form div ul.error_text {
	margin-top: 5px;
}

.error_icon {
	vertical-align: middle;
}

.error_inline {
	display: none;
	position: absolute;	
}

.error_text {
	border-radius: 5px;
	background-color: #FF9494;
	color: black;
}

ul.error_text  {
	margin: 0;
}

.error_text li {
	color: black;
	margin: 5px;
}

.form ul.error_text  {
	clear: both;
	margin-left: 134px;
	list-style-type: none;
}

table.collectiontable {
	border-collapse: collapse;
}

.collectiontable th, 
.collectiontable thead th {
	border: 1px solid #bdc6cb;
	vertical-align: bottom;
	padding: 3px 5px;
}
.collectiontable tr td,
.collectiontable tbody tr td {
	border: 1px solid #bdc6cb;
	vertical-align: bottom;
	padding: 5px;
}

.collectiontable tr:first-child th:last-child,
.collectiontable thead tr:first-child th:last-child {
	text-align: right;
}

.switch-user-info{
    background-color: #FF8800;
    color: #ffffff;
    padding: 3px;
    text-align: center;
}

.switch-user-info a{
    font-weight: bold;
    color: #ffffff;
}

div.popupSelect{
	/*width: 196px;*/
	float: left;
	padding-top: 4px;
}



/******************
* EID-Table
*******************/
table td.test { width: 22px; background-repeat: no-repeat; }
table td.test.pending { background-image: url(../images/icons_16/status_yellow.png); }
table td.test.success { background-image: url(../images/icons_16/status_green.png); }
table td.test.failed { background-image: url(../images/icons_16/status_red.png); }
table td.test.inactive { background-image: url(../images/icons_16/status_grey.png); }


.calendar_popup {
	position: absolute;
	text-align: left;
	background-color: white;
	border: 1px solid #bdc6cb;
}
table tr td ul.calendar_popup a {
	color:blue;
	text-decoration:underline;
}
table tr td ul.calendar_popup a:hover {
	color:purple;
}

.ui-datepicker-title span {
	color:#fff;
}
input[type=checkbox] {
	vertical-align:middle;
}
span.appointment {
	background-color:#19C200;
}
span.holiday {
	background-color:#FF0000;
}
span.vacation {
	background-color:#FFB700;
}

.ui-datepicker-trigger {
}

input[readonly="readonly"], input.readonly,
select[readonly="readonly"], select.readonly,
textarea[readonly="readonly"], textarea.readonly,
input[disabled="disabled"], input.disabled,
select[disabled="disabled"], select.disabled,
textarea[disabled="disabled"], textarea.disabled{
	background-color: #E3E9EB;
	color: #375A7A;
}

input[readonly="readonly"].points, input.readonly.points,
input[disabled="disabled"].points, input.disabled.points{
    font-weight: bold;
}

tfoot input[readonly="readonly"].points, input.readonly.points,
tfoot input[disabled="disabled"].points, input.disabled.points{
	font-size: 18px;
}



.toggle-block-content {
	cursor:pointer;
}

ul.content-block-navigation li p{
	/*margin-bottom: 20px;*/
    padding-left: 20px;
}

.livesearch-container {
	border: 1px solid #375A7A;
	padding: 0;
	margin: 0;
}

.livesearch-container li {
	font-size: 13px;
	text-align: left;
	padding: 4px;
	list-style-type: none;
	color: #375A7A;
	background: #FFFFFF;
    cursor: pointer;
}

.livesearch-container li:hover,
.livesearch-container li.livesearch-active-cursor {
	background: #E3E9EB;
}
.livesearch-container li a {
	text-decoration: none;
}
.empty-result {
	font-style: italic;
}

table.matrix tr:hover {
	background-color:#f1f1f1;
}
table.matrix td.date {
	padding:2px 4px 2px 0;
	width:160px;
	vertical-align:top;
}
table.matrix th.schoolclass,
table.matrix td.schoolclass {
	padding:2px 4px;
	width:200px;
	width:200px !important;
	border-left:2px solid #aaa;
	border-right:2px solid #aaa;
	vertical-align:top;
}
table.matrix th.schoolclass {
	font-weight:bold;
	border:2px solid #aaa;
}
table.matrix td.noborder {
	border:0 none;
}
table.matrix input.smallText {
	padding-left:0;
	padding-right:0;
	width:32px;
	font-size:11px;
	text-align:center;
}
div.subjectCaption {
	float:left;
	width:40px;
}
div.subjectTeachers {
	float:right;
	width:150px;
}
input.smallText {
	width:40px;
}
input.smallerText {
	padding-left:0;
	padding-right:0;
	width:32px;
	font-size:11px;
	text-align:center;
}
table#appointmentGroupList td {
	padding-top:6px;
}
table#appointmentGroupList tr:hover {
	background-color:#f1f1f1;
}

table#appointments table tr:nth-child(even) {
	background-color:#E3E9EB;
}
table#appointments table tr:nth-child(odd) {
	background-color:#fff;
}

.help {
	float: right;
	margin-right: 12px;
}
.help a {
	text-decoration: none;
}

span.subject {
	margin-right:10px;
}

.indent {
	padding-left: 20px;
}
.number_results {
	position: absolute;
	color: #FFF;
	font-weight: bold;
	top: 5px;
	right: 15px;
}

.login-error {
	padding-top: 10px;
	margin-bottom: 0;
}

.nowrap {
	white-space:nowrap;
}

table tbody tr td.classcouncil-col,
table tfoot tr td.classcouncil-col{
    border-right: 1px solid #BDC6CB;
    text-align: center;
    padding: 1px 2px;
}

.border-bottom td{
    border-bottom: 2px solid #BDC6CB;
}

.faq-head {
	margin-top: 1px;
	background-color: #375a7a;
	padding: 1px 15px;
	position: relative;
	vertical-align: middle;
}

.faq-head a {
	color: #FFFFFF !important;
}

.faq-content {
	border: solid #375a7a 2px !important;

	line-height: 31px;
	min-height: 31px;
	padding: 5px 15px;
	position: relative;
	vertical-align: middle;
}

.pending {
	background-color: #ff8000;
}
.running {
	background-color: #375879;
}

.progress-bar-striped {
	height: 100%;
	width: 100%;

	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-size: 1rem 1rem;
}

@keyframes progress-bar-stripes {
	from { background-position: 20px 0;}
	to { background-position: 0 0; }
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s;
}