Dialyse-Webseite/css/frontend.css

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/GoogleOpenSans.ttf') format('truetype')
}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	background-color: #fff;
}

img {
	border: 0;
}

a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}

.clear {
    clear: both;
}

.title {
	font-size: 18px;
}

.stack {
	display: inline-block;
	width: 70px;
	font-weight: bold;
}

.floatLeftImage {
	float: left;
	margin-right: 10px;
}

.floatRightImage {
	float: right;
	margin-right: 10px;
}

.errorMessage {
	padding: 5px;
	border: 1px solid #ff4a45;
	border-radius: 4px;
	background: #ffc3b6;
	margin-bottom: 2px;
}

.successMessage {
	padding: 5px;
	border: 1px solid #4bff72;
	border-radius: 4px;
	background: #bcffc8;
	margin-bottom: 2px;
}

/* menu styles */

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: right;
}

#menu ul li {
	display: inline;
	float: left;
	padding: 0;	
}

#menu ul li a {
	display: block;
	color: #000;
	padding: 6px 10px;
	text-decoration: none;
	font-size: 16px;
}

#menu ul li a:hover {
	color: #fff;
	background-image: -moz-linear-gradient(top, #FF5961, #B2121B);
	background-image: -o-linear-gradient(top, #FF5961, #B2121B); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF5961), to(#B2121B));
	background-image: -webkit-linear-gradient(top, #FF5961, #B2121B);
	background-image: linear-gradient(top, #FF5961, #B2121B);
	background-image: -ms-linear-gradient(top, #FF5961 0%, #B2121B 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF5961', EndColorStr='#B2121B');
}

#menu ul li .active {
	color: #fff;
	background-image: -moz-linear-gradient(top, #5EA9FF, #1155A0);
	background-image: -o-linear-gradient(top, #5EA9FF, #1155A0); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5EA9FF), to(#1155A0));
	background-image: -webkit-linear-gradient(top, #5EA9FF, #1155A0);
	background-image: linear-gradient(top, #5EA9FF, #1155A0);
	background-image: -ms-linear-gradient(top, #5EA9FF 0%, #1155A0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EA9FF', EndColorStr='#1155A0');
}

/* div styles */

#outer-container {
    width: 980px;
    margin: 0 auto;
}

#headertop {
	padding: 0;
	height: 156px;
}

#headerbottom {
	padding: 0;
	height: 15px;
}

#wisdom {
	margin: 4px 0;
}

#bluebar {
	background-image: -moz-linear-gradient(top, #5EA9FF, #1155A0);
	background-image: -o-linear-gradient(top, #5EA9FF, #1155A0); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5EA9FF), to(#1155A0));
	background-image: -webkit-linear-gradient(top, #5EA9FF, #1155A0);
	background-image: linear-gradient(top, #5EA9FF, #1155A0);
	background-image: -ms-linear-gradient(top, #5EA9FF 0%, #1155A0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5EA9FF', EndColorStr='#1155A0');
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	padding: 15px;
	width: 815px;
	float: left;
}

#wisdom {
	background-image: url('/img/bn_1.jpg');
	background-position: right;
	background-repeat: no-repeat;
}

#outer-content {
	padding: 20px;
	background-repeat: no-repeat;	
	background-position: center center;
	background-size: cover;
}

#inner-content {
	background-image: url('/img/bg_alpha.png');
	padding: 15px;
	width: 910px;
}

#footer {
	color: #555;
	background-color: #ddd;
	text-align: center;
	font-size: 10px;
	padding: 5px;
	margin-top: 5px;
}

#footer a {
	font-weight: normal;
	color: #555;
}

#footer a:hover {
	text-decoration: none;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

.kontakt td {
	font-size: 10pt;
}

.kontakt .tdHead {
	background-color: #bbb;
}

.kontakt .tdHead td {
	color: #fff;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	padding: 2px;
}

.kontakt td span {
	font-weight: bold;
}

.ktColumn {
	float: left;
	width: 400px;
}

#kontaktform label {
	float: left;
	display: block;
	width: 85px;
	padding: 5px 0;
}

#kontaktform input[type=text],
#kontaktform input[type=email],
#kontaktform textarea {
	border: 1px solid #1155A0;
	color: #1155A0;
	padding: 5px;
	margin: 2px 0;
	width: 250px;
}

#kontaktform input[type=text]:focus,
#kontaktform input[type=email]:focus,
#kontaktform textarea:focus {
	background-color: #D5E9FF;
}

#kontaktform textarea {
	width: 650px !important;
	height: 200px;
	font-family: Verdana;
	font-size: 10pt;
}

#kontaktbuttons {
	padding-left: 590px;
}

#kontaktform input[type=button],
#kontaktform input[type=reset],
#kontaktform input[type=submit] {
	background-color: #ffffff;
	border: 1px solid #1155A0;
	color: #1155A0;
	cursor: pointer;
	padding: 5px;
}

#kontaktform input[type=button]:hover,
#kontaktform input[type=reset]:hover,
#kontaktform input[type=submit]:hover {
	background-color: #D5E9FF;
}

.alert {
	padding: 15px;
}

.alert-danger {
	border: 1px solid #ebcccc;
	background-color: #f2dede;
	color: #a94442;
}

.alert-success {
	border: 1px solid #d0e9c6;
	background-color: #dff0d8;
	color: #3c763d;
}

.form-error input,
.form-error textarea {
	border: 1px solid #ff5b56;
	background: #ffc3c0;
}

.holiday-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
}

.holiday-dialog {
	position: absolute;
	top: 20px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	padding: 15px;
	background-color: #fff;
	border-radius: 15px;
	font-size: 20px;
}