@charset "UTF-8";

/* default media */

a:hover {
	color: #6974A9;
}

.header {
	background: url('../images/titel_links.png') no-repeat 50% 0;
	background-size: auto 50px;
}

.footer {
  padding: 0px;
}

.footer a:hover, span:hover {
	color: #e4e7f7;
}

.content-header {
	border: solid 1px #E5F2FC;
	background-color: #E5F2FC;
	color: #777;
}

input[type=submit], .login-buttons button[type=button], #sso-relogin button[type=button], button[type=button], button[type=submit] {
	color: #fff;
	border: 1px solid #6974A9;
	background-color: #6974A9;
}

button[type=submit]:hover, button[type=button]:hover, input[type=submit]:hover  {
	background-color: #6974A9;
}

input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus,
.login-form input[type=text]:focus,
.login-form input[type=password]:focus,
.login-form select:focus {
	border: 1px solid #a8c9e4;
	box-shadow: inset 0 1px 1px rgba(190, 190, 190, .4), 0 0 0 2px #e6f2f9;
}

.login-links a:hover {
	color: #6974A9;
}

.navbar-wrapper {
	background-color: #6974A9;
	height: 25px;
}

.information-section span:hover {
	color: #6974A9;
}

.footer-wrapper {
    background-color: #6974A9;
    color: #fff;
    height: 25px;
    width: 100%;
}

.footer-wrapper a,
.footer-wrapper .a {
  color: #fff;
}

/* jQuery UI customization */

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: #6974A9;
	border: 0;
	color: #FFF;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	/*border: 1px solid #fbd850;
	background: #ffffff url("../images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;*/
	font-weight: bold;
	color: #e20077;
}

.r,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background-color: #6974A9;
	border: none;
	color: #FFF;
}

.ui-datepicker-trigger {
	cursor: pointer;
}

.ui-widget-header {
  background-color: #6974A9;
  border-color: #6974A9;
}

.header-wrapper {
	/* height: 90px; */
  height: 85px;
  background: none;
}

.header {
  /* height: 80px; */
  height: 85px;
  background: url("../images/titel_links.png") no-repeat scroll 50% 3% / auto 50px;
}

.header-logo {
  display: none;
}


/* extra small screen */

@media screen and (min-width: 480px) {
  
}


/* small screen / tablet */

@media screen and (min-width: 768px) {

	.header {
		/* height: 80px; */
		/* background: url('../images/titel_links.png') no-repeat left 77%/auto 45px; */
    height: 20px;
    background: none;
	}

	.header-wrapper {
    /* height: 90px; */
    /* background: url('../images/titel_rechts.png') no-repeat right 80%; */
    height: 85px;
    background: none;
	}

  .header-logo {
    /* display: none; */
    display: block;
    height: 50px;
    background: url('../images/fm_logo_m.png') repeat-x 5px 100%/auto 45px;
  }

  .header-logo-left {
    background-image: url('../images/fm_logo_l.png');
    background-repeat: no-repeat;
    background-size: 100% 45px;
    background-position: left bottom;
    height: 50px;
    width: 250px;
    float: left;
  }

  .header-logo-right {
    background: url('../images/fm_logo_r.png') no-repeat right 100%/auto 45px;height: 50px;width: 250px;float: right;
  }
  
	.logout-separator {
		background: url('../images/separator.png') no-repeat 50% 50%;
	}

	.footer-separator, .footer span {
	}


	.content-header, .content-subheader {
		background: #F4FAFF url('../images/arrow-breadcrumbs.png') no-repeat 5px 50%;
		background-size: 5px auto;
	}

	.content-subheader {
		background-position: 5px 60%;
	}

	.content-header-settings {
	  background: url(../images/dashboard/settings.png) no-repeat 50% 0;
	  background-size: 13px;
	}

}


/* medium screen / desktop */

@media screen and (min-width: 992px) {

}


/* large screen / wide desktop */

@media screen and (min-width: 1200px) {

}
