﻿#working-section {
	background-image: url(bg4.jpg);
}
body {
	color:#000000;
	font-size:15px;
}

a.navbar-brand.compressed {
	margin-top: 10px;
}
.blue {
	font-size:20px !important;
	color:#0060A9;
}
h4 {
	font-size:18px;
font-weight:200;
}
.bluewell {
	background-color:#0060A9;
}
.bluewell  h2 {
	color:#FFFFFF;
}


/*Link zum Ändern Passwort START*/
.PWButton {
	display:inline-block !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	text-transform:none !important;
	font-weight:200 !important;
	background-color:transparent !important;
	line-height:25px !important;
}
.PWButton:hover {
	text-decoration:underline !important;
}
.PWButton-small {
	padding-left:10px !important;
	line-height:15px !important;
	padding-top:3px !important;
}
/*Link zum Ändern Passwort ENDE*/

/*Fehlermeldung Login START*/
.validation-summary-errors ul {
	list-style: none;
	margin:0;
	padding:0;
}
.validation-summary-errors ul li {
	font-family: "Open Sans","Helvetica","Arial";
	font-size: 0.875em;
	text-rendering: optimizeLegibility;
	display:block;
	margin:0;
	padding:0 5px 0 5px;
	border:0;
	font-weight:200;
	line-height:25px;
	background-color:#f00;
	color:#FFF;
}
#ha-header .validation-summary-errors ul {
	list-style: none;
	margin:0;
	padding:23px 0 0 25px;
	float:left !important;
}
/*Fehlermeldung Login ENDE*/

.tp-caption.large_white_lbm {
font-size:30px;
line-height:35px;
font-weight:400;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 0px 2px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.large_bold_white_25 {
font-size:75px;
line-height:85px;
font-weight:700;
}

.ha-header-front.navbar.navbar-default {
	border:0;
	border-radius:0;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.20) !important;
}

input.login {
	background:transparent;
}
.btn.btn-success.btn-small.m-r-0 {
	height:35px;
	padding:5px;
	line-height:28px !important;
	color:#FFF;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}


.btn.btn-success.btn-small.m-r-0:hover {
	border: 0;
	color:#0090D9;
}
.btn-success:hover {
	background-color:transparent !important;
	color:#0090D9;
	border-color:#0090D9;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.70) !important;
}
.footer {
	color:#FFF;
	font-size:12px;
}
.pace .pace-activity {
  top: 22px !important;
  right: 120px !important;
  border-top-color: #0060a9;
  border-left-color: #0060a9;
}


.repositioningSm {
	margin-top:20px !important;
}
.marge {
    padding-right: 10px !important;
}
input.darker {
    color: #FFF !important;
    border-color: #FFF !important;
}
input.whiter {
    border-color: #0090D9;
}
@media (max-width: 1000px) {
    input.whiter {
        width: 120px !important;
    }
}
input.darker:focus {
    color: #000 !important;
}
ul.darker {
}
.field-validation-error {
    color: #F00;
    font-size: 10px;
}

.form-control.login.darker::-webkit-input-placeholder {
   color: #FFF;
}

.form-control.login.darker:-moz-placeholder { /* Firefox 18- */
   color: #FFF;  
}

.form-control.login.darker::-moz-placeholder {  /* Firefox 19+ */
   color: #FFF;  
}

.form-control.login.darker:-ms-input-placeholder {  
   color: #FFF;  
}

@media (max-width: 900px) {
    /*.marge {
        padding-right: 0 !important;
    }*/
    /*
	.navbar-collapse.collapsing {
	width:50% !important;
	margin: 0 auto;
	}
	.navbar-collapse.in {
	width:50% !important;
	margin: 0 auto;
	}*/
    
	.navbar-collapse.collapsing .repositioning {
		margin:10px 0 10px 0 !important;
	}
	.navbar-collapse.in .repositioning {
		margin:10px 0 10px 0 !important;
	}
    /*
	.navbar-transparent .navbar-collapse input{
		width:100%;
		background-color: #fff;
        border-color: #0090D9 !important;
    	margin: 0 auto;
		margin-bottom:5px;
	}	*/
	.navbar-transparent .navbar-collapse a{
		width:100%;
		margin: 0 auto !important;
	}		
}

@media (max-width: 767px) {
    .marge {
        padding-right:0!important;
    }
    .form-control.login.darker::-webkit-input-placeholder {
       color: #CCC;
    }
    .form-control.login.darker:-moz-placeholder { /* Firefox 18- */
       color: #CCC;  
    }
    .form-control.login.darker::-moz-placeholder {  /* Firefox 19+ */
       color: #CCC;  
    }
    .form-control.login.darker:-ms-input-placeholder {  
       color: #CCC;  
    }
    .form-control.login {
        margin:5px 0;
    }
    .navbar-transparent .navbar-toggle {
        margin-top:15px;
    }
}


.checkblue {
    margin:10px !important;
	width: 20px;	
	margin: 20px auto;
	position: relative;
}

.checkblue label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: -2px;
    left: -2px;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.checkblue label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkblue label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.checkblue input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
