body {
	font-family: 'Roboto', sans-serif;
	background-color:#f2f2f2;
	color:#7c7b7b;
}

.gold {
	/*color:#cea075;*/
  color:#996c4f;
}
.grau {
	color:#7c7b7b;
}
.white-bg {
	background-color:#FFF !important;
}
#header-row {
	background-color:#FFF;
	-webkit-border-radius: 0px 0px 18px 18px;
  border-radius: 0px 0px 18px 18px;
}
.box-schatten {
	-webkit-box-shadow:  0px 3px 4px 2px rgba(128, 128, 128, 0.3);
  box-shadow:  0px 3px 4px 2px rgba(128, 128, 128, 0.3);
}
#language-menu {
	text-align:right;
	padding-top:1em;
	padding-right:1.5em;
}
#language-menu a {
	padding-left:0.5em;
	color:#adadad;
	font-size:0.75em;
}
#language-menu img {
	-webkit-border-radius: 1000px;
  border-radius: 1000px;
	opacity:0.3;
	border:1px solid #CCC;
	padding:2px;
}
#language-menu img:hover {
	opacity:1;
}
#logo {
	text-align:center;
	padding-top:1em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:2em;
}
#logo img {
	width:90%;
}
#main-content {
	margin-top:1em;
	/*-webkit-border-radius: 18px 18px 0px 0px;
  border-radius: 18px 18px 0px 0px;*/
	-webkit-box-shadow:  0px 3px 4px 2px rgba(128, 128, 128, 0.3);
  box-shadow:  0px 3px 4px 2px rgba(128, 128, 128, 0.3);
}
#main-content-image {
	-webkit-border-radius: 18px 18px 0px 0px;
  border-radius: 18px 18px 0px 0px;
	-webkit-box-shadow:  0px 3px 4px 2px rgba(128, 128, 128, 0.3);
  box-shadow:  0px 3px 4px 2px rgba(128, 128, 128, 0.3);
}
.header-image {
	position:relative;
	padding-left:0;
	padding-right:0;
}
.header-image img {
	-webkit-border-radius: 18px 18px 0px 0px;
  border-radius: 18px 18px 0px 0px;
}
#main-content-full {
	margin-top:1em;
	-webkit-border-radius: 0px 0px 18px 18px;
  border-radius: 0px 0px 18px 18px;
	-webkit-box-shadow:  0px 3px 4px 2px rgba(128, 128, 128, 0.3);
  box-shadow:  0px 3px 4px 2px rgba(128, 128, 128, 0.3);
}
#main-content-full h1,
#main-content h1 {
	padding-top:1em;
	margin-bottom:0;
	font-size:2em;
	/*color:#cea075;*/
  color:#996c4f;
	font-weight:300;
}
#main-content-full h2,
#main-content h2 {
	margin-top:0;
	padding-bottom:1em;
	color:#555;
	font-size:1.5em;
	font-weight:100;
	letter-spacing:0.05em;
}
.content-right h3,
.content-right h3 {
	padding-top:5em;
	margin-bottom:1em;
	font-size:1em;
	/*color:#cea075;*/
  color:#996c4f;
	font-weight:400;
}
.content-left h3 {
	font-size:1em;
	/*color:#cea075;*/
  color:#996c4f;
	font-weight:400;
}
#main-content-full h4,
#main-content h4 {
	font-size:1em;
	font-weight:400;
}
#main-content-full p,
#main-content p {
	font-size:0.9em;
	font-weight:300;
}
#main-content .content-left {
	background-color:#FFF;
	padding-left:2em;
	padding-right:2em;
	padding-bottom:2em;
	padding-bottom: 3em;
}
#main-content-full .content-left {
	background-color:#FFF;
	padding-left:2em;
	padding-right:2em;
	padding-bottom:2em;
	-webkit-border-radius: 0px 0px 0px 18px;
  border-radius: 0px 0px 0px 18px;
	padding-bottom: 3em;
}
.content-left ol {
	padding-left:3em;
}
.content-left ul {
	padding-left:3em;
	list-style-image:url(../images/list-bullet.png);
}
.content-left ol li,
.content-left ul li {
	font-weight:300;
	font-size:0.9em;
}
#main-content .content-right {
	padding-right:0;
	padding-left:0;
	padding-bottom:2em;
	background-color:#f2f2f2;
}
#main-content-full .content-right {
	padding-right:0;
	padding-left:0;
	padding-bottom:2em;
	-webkit-border-radius: 0px 0px 18px 0px;
  border-radius: 0px 0px 18px 0px;
}
#main-content-full .content-right ul,
#main-content .content-right ul {
	padding-top:2em;
	padding-left:2.5em;
	padding-right:1em;
	font-size:0.75em;
	font-weight:300;
	/*color:#cea075;*/
  color:#996c4f;
}
#main-content-full .content-right ul li,
#main-content .content-right ul li {
	padding-top:2em;
}
#main-content .content-right .behandlungsbilder:nth-child(odd) {
	padding:0.5em 0.5em 0.5em 1em;
}
#main-content .content-right .behandlungsbilder:nth-child(even) {
	padding:0.5em 1em 0.5em 0.5em;
}
#main-content .content-right .behandlungsbilder img {
	border:1px solid #603;
	-webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
	-webkit-box-shadow:  0px 2px 3px 1px rgba(128, 128, 128, 0.5);
  box-shadow:  0px 2px 3px 1px rgba(128, 128, 128, 0.5);
}
#main-content .content-right .behandlungsname {
	font-weight:300;
	font-size:0.75em;
	color:#7c7b7b;
	padding-left:4em;
	padding-top:0;
	padding-bottom:0.75em;
}
#main-content .content-right .behandlungshinweis {
	font-weight:300;
	font-size:0.75em;
	line-height:125%;
	color:#7c7b7b;
	padding-left:2em;
	padding-right:2em;
	padding-top:2em;
	padding-bottom:0.75em;
}
#teaser-boxen {
	margin-top:1em;
}
#teaser-boxen .columns {
	padding-left:0;
	padding-right:0;
}
#teaser-boxen .teaser-box {
	width:97%;
	background-color:#FFF;
	-webkit-border-radius: 0px 0px 2px 2px;
 	border-radius: 0px 0px 2px 2px;
}
.teaser-text {
	min-height:9em;
}
.teaser-text p {
	color:#7c7b7b;
	font-weight:300;
	line-height:150%;
	padding:0.5em;
	font-size:0.75em !important;
	text-align:left;
}
.technologien-text {
	min-height:7em;
}
.technologien-text p {
	color:#7c7b7b;
	font-weight:300;
	line-height:150%;
	padding:0.5em;
	font-size:0.75em !important;
	text-align:left;
}
.rund-unten {
	-webkit-border-radius: 0px 0px 18px 18px;
 	border-radius: 0px 0px 18px 18px;
}
.rund-oben {
	-webkit-border-radius: 18px 18px 0px 0px;
 	border-radius: 18px 18px 0px 0px;
}
textarea,
input {
	margin:1em 0 0 0 !important;
	background-color:#ededed !important;
}
.content-left label {
	margin-top: 0.1875em;
	margin-bottom:0;
	font-size:0.75em;
	font-weight:100;
}
.content-right input, 
.content-right label {
	display:inline;
	padding-left:0.5em;
} 
.content-right label {
	display:inline;
	padding-left:0.5em;
}
.content-right label {
	font-weight:100;
}
#footer {
	margin-top:1em;
}
.footer-credits {
	font-weight:100;
	font-size:0.6em;
	color:#999999;
}
.MT-Banner {
    width: 106px;
    height: 30px;
    position: relative;
    text-align: center;
    background-image: url("https://www.Multithread-Solutions.com/pictures/logo_106x25_.png");
    background-position: center top;
    background-repeat: no-repeat;
		opacity:0.75;
}
.MT-Banner:hover {
	background-image: url(https://www.Multithread-Solutions.com/pictures/logo_106x25.png);
	background-position:top;
	background-repeat:no-repeat;
	opacity:1;
}

/* We use this media query to add styles to any device that supports media queries */
@media only screen {
	#main-menu {
		background-color:#f9f9f9;
		border-top:1px solid #e3e3e3;
		-webkit-border-radius: 0px 0px 18px 18px;
		border-radius: 0px 0px 18px 18px;
	}
	#main-menu .menu-20 {
		text-align:center;
		width:100%;
		border-bottom:#dddddd;
		padding-top:0.75em;
		padding-bottom:0.75em;
	}
	#main-menu .menu-20 a:hover,
	#main-menu .menu-20.active a {
		font-weight:400;
	}
	#main-menu a {
		color:#7c7b7b;
		font-weight:300;
		display:block;
	}
	#sub-menu {
		min-height:1.5em;
		z-index:0;
	}
	#sub-menu .menu-20 {
		background-color:#a19487;
		text-align:center;
		width:100%;
		padding-top:0.4em;
		padding-bottom:0.6em;
		border-left:1px solid #666;
		border-right:1px solid #666;
	}
	#sub-menu .menu-20 a:hover,
	#sub-menu .menu-20.active a {
		font-weight:400;
	}
	#sub-menu a {
		color:#FFF;
		font-weight:300;
		display:block;
	}
	.inpic-menu {
		width:100%;
		text-align:center;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
		display:none;
	}
	.inpic-menu-40 {
		width:100%;
		text-align:center;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
		display:none;
	}
	.inpic-menu-60 {
		width:100%;
		text-align:center;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
		display:none;
	}
	.inpic-menu-60:hover,
	.inpic-menu-40:hover,
	.inpic-menu:hover {
		opacity:1;
	}
	.inpic-menu-60 a:last-child,
	.inpic-menu-40 a:last-child,
	.inpic-menu a:last-child {
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
	}
	.inpic-menu-60 a,
	.inpic-menu-40 a,
	.inpic-menu a {
		line-height:2.5em;
		color:#FFF;
		font-weight:300;
		font-size:75%;
		display:block;
		background-color:#a19487;
		border-left:1px solid #666;
		border-bottom:1px solid #666;
		border-right:1px solid #666;
		opacity:0.5;
	}
	.inpic-menu-60 a.active,
	.inpic-menu-60 a:hover,
	.inpic-menu-40 a.active,
	.inpic-menu-40 a:hover,
	.inpic-menu a.active,
	.inpic-menu a:hover {
		font-weight:400;
	}
	.teaser-box {
		margin-bottom:0.3333em;
	}
	#footer {
		margin-bottom:3em;
	}
	.footer-menu {
		font-weight:100;
		text-align:right;
		color:#999999;
	}
	.footer-menu a {
		padding-left:0.5em;
		font-size:0.6em;
		color:#999999;
	}
	.footer-menu a:hover {
		color:#333333;
	}
}

/* Used to alter styles for screens at least 768px wide. This is where the grid changes. */
@media only screen and (min-width: 768px) {
	#main-menu .menu-20 {
		float:left;
		text-align:center;
		width:20%;
		border-right:1px solid #e3e3e3;
		padding-top:0.75em;
		padding-bottom:0.75em;
	}
	#main-menu .menu-20:last-child {
		border-right:none;
	}
	#main-menu .menu-20 a:hover,
	#main-menu .menu-20.active a {
		font-weight:400;
	}
	#sub-menu {
		min-height:1.5em;
		z-index:0;
	}
	#sub-menu .menu-20 {
		background-color:#a19487;
		float:left;
		text-align:center;
		width:20%;
		padding-top:0.4em;
		padding-bottom:0.6em;
		border-left:none;
		border-right:none;
	}
	#sub-menu .menu-20:first-child {
		border-left:1px solid #666;
	}
	#sub-menu .menu-20:last-child {
		border-right:1px solid #666;
	}
	.inpic-menu {
		position:absolute;
		top:0px;
		left:20.5%;
		width:20%;
		text-align:center;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
		display:none;
	}
	.inpic-menu-40 {
		position:absolute;
		top:0px;
		left:40.2%;
		width:20%;
		text-align:center;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
		display:none;
	}
	.inpic-menu-60 {
		position:absolute;
		top:0px;
		left:59.4%;
		width:20%;
		text-align:center;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
		display:none;
	}
	.inpic-menu-60:hover,
	.inpic-menu-40:hover,
	.inpic-menu:hover {
		opacity:1;
	}
	.inpic-menu-60 a,
	.inpic-menu-40 a,
	.inpic-menu a {
		font-size:75%;
	}
	.inpic-menu-60 a:last-child,
	.inpic-menu-40 a:last-child,
	.inpic-menu a:last-child {
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
	}
	.rund-4 {
		-webkit-border-radius: 0px 0px 18px 0px;
		border-radius: 0px 0px 18px 0px;
	}
	.rund-3 {
		-webkit-border-radius: 0px 0px 0px 18px;
		border-radius: 0px 0px 0px 18px;
	}
	.footer-menu a {
		font-size:0.6em;
	}
}

/* Used to alter styles for screens at least 1280px wide. */
@media only screen and (min-width: 1280px) {
	.inpic-menu-60 a,
	.inpic-menu-40 a,
	.inpic-menu a {
		font-size:100%;
	}
}

/* Used to alter styles for screens at least 1440px wide. */
@media only screen and (min-width: 1440px) {
	
}

/* Apply styles to screens in landscape orientation */
@media only screen and (orientation: landscape) {
	
}

/* Apply styles to screens in portrait orientation */
@media only screen and (orientation: portrait) {
	
}