html, body {
	margin: 0;
	padding: 0;
	background-color: #fff;

	font-family: 'Open Sans', verdana, arial, sans-serif;
		
	font-size: 16px;
	font-weight: 300;
	color: #505050;
}

img {
	border: 0;
	vertical-align: middle;
}
/*#header img {
	max-width: 1280px;
	height: auto;
}*/
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: none;
}

.textlink1 {
	color: #E15795;
	text-decoration: none;
}
.textlink1:hover {
	color: #E15795;
	text-decoration: underline;
}


#container {
	max-width: 1170px;
	margin: 0px auto;
	padding: 0px;
	background-color: #fff;
}


#fs-topbar {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	background-color: #fff;
	position: fixed;
	z-index: 10;
}
#topbar {
	max-width: 1170px;
	margin: 0px auto;
	height: 141px;
	padding: 20px 0px 0px;
	/*background-color: #fff;*/
	transition: all 0.3s ease;
}

#logo-top {
	margin-left: 15px;
	margin-top: 20px;
	float: left;
}
#logo-top img {
	width: 321px;
	height: auto;
}

.fixed-fs-topbar {
	height: 98px !important;
	background-color: #f5f5f5 !important;
}
.fixed-topbar {
	padding: 0px !important;
	height: 98px !important;
	transition: all 0.3s ease;
}
.fixed-logo-top-img {
	width: 250px !important;
	margin-top: 9px !important;
}


#fs-footer1-bg {
	max-width: 100%;
	margin: 0px auto;
	padding: 0px;
	background-color: #E15795;
}
#fs-footer1 {
	max-width: 1140px;
	margin: 0px auto;
	padding: 0px 15px;
	height: 65px;
	text-align: right;
}
/*#fs-footer1 img {
	margin-top: 12px;
	margin-right: -2px;
	width: 260px;
	height: auto;
}*/
#fs-footer1-social {
	margin-top: 11px;
	margin-right: -2px;
	display: inline-block;
}
#fs-footer1-social img {
	width: 43px;
	height: 43px;
}
#fs-footer1-social a {
	margin-left: 25px;
}

#fs-footer2-bg {
	max-width: 100%;
	margin: 0px auto;
	padding: 0px;
	background-color: #E6E6E6;
}
#fs-footer2 {
	max-width: 1140px;
	margin: 0px auto;
	padding: 12px 15px;
	min-height: 180px;
}


#header {
	display: block;
	margin: auto 15px;
	padding: 215px 0px 8px 0px;
	border-bottom: 1px solid #e0e0e0;
	
	font-size: 25px;
	color: #888;
	font-weight: 400;
}
#header img {
	width: auto;
	height: 25px;
	opacity: 85%;
}


.content-text {
	height: auto;
	padding: 0px 15px;
	background-color: #fff;
}
.content-2col {
	height: auto;
	padding: 0px 15px;
	background-color: #fff;
}
.content-2col-img {
	height: auto;
	padding: 0px 10px;
	background-color: #404045;
}
#content-2col-dozenten {
	height: auto;
	padding: 0px 10px;
	background-color: #fff;
}
#content-table {
	height: auto;
	padding: 0px 10px;
	background: #525560 url("") no-repeat center center;
}
#content-2col-footer {
	height: auto;
	padding: 0px 10px;
	background-color: #fff;
}
#footer {
	min-height: 100px;
	padding: 20px 0px;
	background-color: #404045;
}


#div-menu {
	margin-top: 50px;
	float: right;
	margin-right: 15px;
}

.fixed-div-menu {
	margin-top: 28px !important;
}

#menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu li {
	width: auto;
	margin-left: 32px;
	float: left;

	font-size: 15px;
	font-weight: 400;
	/*text-transform: uppercase;*/
}
#menu a {
	display: block;
	padding: 6px 0px;
	color: #505050;
	background-color: transparent;
	border-bottom: 2px hidden #E15795;
	position: relative;
}
#menu a:hover {
	color: #505050;
	background-color: transparent;
	/*border-bottom: 2px solid #E15795;*/
	/*transition: all 0.3s ease;*/
}
#menu a.active {
	border-bottom: 2px solid #E15795;
}

#menu a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #E15795;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#menu a:hover::before {
  transform: scaleX(1);
}


.dropbtn {
  cursor: pointer;
	padding: 2px 0px;
}
.dropbtn:hover, .dropbtn:focus {
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
	border: 1px solid #ddd;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	
	margin-top: 20px;
	margin-left: -20px;
}
.dropdown-content a {
	display: block;
	text-decoration: none;
	
  color: #555 !important;
  padding: 10px 20px !important;
	border-bottom: 1px solid #ddd !important;
}
.dropdown-content a:last-child {
	border-bottom: none !important;
}
.dropdown-content a::before {
	background-color: transparent !important;
}
.dropdown-content a:hover {
	background-color: #f5f5f5 !important;
}
.show {
	display: block;
}


.textlink {
	padding: 2px 0px;
}
#menu img {
	width: 26px;
	height: 26px;
	opacity: 0.8;
}
#menu a:hover img {
	width: 26px;
	height: 26px;
	opacity: 1.0;
}


.cont-text {
	max-width: 1140px;
	margin: 0px auto;
	padding: 40px 0px 20px;
}
.text-1 {
	font-size: 16px;
	font-weight: 400;
	color: #505050;
}
.text-2 {
	font-size: 16px;
	font-weight: 300;
	color: #222;
}
.text-2-head {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
}

.text-1-infobox {
	background-color: #D7EDF7;
	padding: 20px;
	margin: 0px 0px 80px;
	
	font-size: 16px;
	font-weight: 400;
	color: #267090;
}

.cont-2col {
	max-width: 1140px;
	margin: 0px auto;
	padding: 40px 0px 20px;
}

/*.float-col1-publ {
	max-width: 550px;
	vertical-align: top;
	padding: 0px;
	float: left;
	
	font-size: 17px;
	font-weight: 300;
}
.float-col2-img-publ {
	max-width: 370px;
	vertical-align: top;
	margin-top: 10px;
	padding: 0px;
	float: right;
}
.float-col2-img-publ img {
	width: 100%;
	height: auto;
}*/

.float-col2-1 {
	/*display: inline-block;*/
	max-width: 340px;
	margin-left: 80px;
	margin-top: 20px;
	padding-top: 20px;
	float: left;
	
	font-size: 20px;
	font-weight: 300;
	color: #fff; /*#855cbc;*/
	border-top: 5px solid rgba(255, 255, 255, 0.8);
}
.float-col2-2 {
	/*display: inline-block;*/
	max-width: 340px;
	margin-left: 80px;
	margin-top: 20px;
	padding-top: 20px;
	float: left;
	
	font-size: 18px; /*line-height: 1.38;*/
	font-weight: 300;
	color: #fff; /*#855cbc;*/
	border-top: 5px solid rgba(255, 255, 255, 0.8);
}

.cont-2col-img {
	max-width: 900px;
	margin: 0px auto;
	padding: 40px 0px;
}
.float-2col-img {
	max-width: 440px;
	vertical-align: top;
	padding: 10px 0px;
	/*margin-right: 0px;*/
	float: left;
}
.float-2col-img:first-child {
	margin-right: 20px;
}
.float-2col-img img {
	width: 100%;
	height: auto;
}

.cont-2col-form {
	max-width: 720px;
	margin: 0px auto;
	padding: 20px 10px;

	font-size: 15px;
	color: #222;
}
.floatbox-form {
	width: 300px;
	height: auto;
	padding: 20px 30px;
	float: left;
}

.cont-2col-form a {
	color: #E15795;
	font-weight: 600;
	text-decoration: none;
}
.cont-2col-form a:hover {
	text-decoration: underline;
}


.headline-ateliers {
	font-size: 28px;
	font-weight: 600;
	color: #42b7eb;
}
.cont-2col-ateliers {
	max-width: 1140px;
	margin: 0px auto;
	padding: 25px 0px 20px;
}
.float-col2-1-ateliers {
	/*display: inline-block;*/
	max-width: 600px;
	margin-left: 68px;
	margin-top: 20px;
	padding-top: 20px;
	float: left;
	
	font-size: 20px;
	font-weight: 300;
	color: #333;;
}
.float-col2-2-ateliers, .float-col2-2-ateliers-img {
	/*display: inline-block;*/
	max-width: 340px;
	margin-left: 92px;
	margin-top: 50px;
	padding-top: 20px;
	float: left;
	
	font-size: 18px;
	font-weight: 300;
	color: #333;
}
.float-col2-2-ateliers-img {
	max-width: 350px;
	margin-right: 20px;
}
@media only screen and (max-width: 1140px) {
	.float-col2-2-ateliers {
		max-width: 220px;
		min-width: 220px;
	}
}
.float-col2-1-ateliers h1 {
	font-size: 20px;
	color: #42b7eb;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 0px;
}
.float-col2-1-ateliers h2 {
	font-size: 20px;
	color: #42b7eb;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 15px;
}
.float-col2-2-ateliers-img img {
	width: 350px;
	height: auto;
}
.float-col2-1-info, .float-col2-1-info-img {
	/*display: inline-block;*/
	max-width: 328px;
	margin-left: 68px;
	margin-top: 20px;
	padding-top: 20px;
	float: left;
	
	font-size: 23px; text-align: left;
	font-weight: 400;
	color: #a3a3a3;
}
.float-col2-1-info-img {
	margin-bottom: 30px;
}
.float-col2-1-info-img img {
	width: 350px;
	height: auto;
}
.float-col2-2-info {
	/*display: inline-block;*/
	max-width: 600px;
	margin-left: 90px;
	margin-top: 20px;
	padding-top: 20px;
	float: left;
	
	font-size: 18px;
	font-weight: 300;
	color: #333;
}
@media only screen and (max-width: 1140px) {
	.float-col2-2-info {
		max-width: 450px;
	}
}
.info-kontakt {
	margin-bottom: 60px;
	font-size: 20px
}
.float-col2-2-info h1 {
	font-size: 18px;
	color: #42b7eb; /*#00BFF3;*/
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 0px;
}
.float-col2-2-info h2 {
	font-size: 18px;
	color: #42b7eb; /*#00BFF3;*/
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 15px;
}

.float-col2-2-info-2 {
	max-width: 680px;
	margin-left: 90px;
	margin-top: 20px;
	padding-top: 20px;
	float: left;
	
	font-size: 18px;
	font-weight: 300;
	color: #333;
}
@media only screen and (max-width: 1140px) {
	.float-col2-2-info-2 {
		max-width: 520px;
	}
}

.button-kursanmeldung {
	width: 220px;
	margin: 10px 0px 10px;
	padding: 8px 20px 10px;
	background-color: #42b7eb; /*#2AB3CD;*/
	border: none;
	text-align: center;
			
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}
.button-kursanmeldung:hover {
	background-color: #3faedf;
	color: #fff;
	cursor: pointer;
}

.cont-menu-ateliers {
	max-width: 1140px;
	/*margin: 0px auto;*/
	/*padding: 40px 0px 20px;*/
}
.menu-ateliers {
	max-width: 800px;
	margin: 0px auto;
	padding: 10px 0 30px;
	
	font-size: 16px;
	font-weight: 400;
	color: #505050;
}
.float-menu-ateliers {
	/*display: inline-block;*/
	/*max-width: 600px;*/
	margin-left: 80px;
	margin-top: 20px;
	padding-top: 0px;
	float: left;
	
	font-size: 20px;
	font-weight: 300;
	color: #333; /*#855cbc;*/
	border-top: 5px solid rgba(255, 255, 255, 0.8);
}
.menu-ateliers a {
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-position: under;
	transition: text-decoration-color 0.5s ease;
}
.menu-ateliers a:hover {
	text-decoration: underline;
	text-decoration-color: #505050;
}


.cont-menu-index {
	max-width: 1140px;
	margin-top: 60px;
}
.menu-index {
	max-width: 966px;
	margin: 0px auto;
}
.float-menu-index {
	margin: 20px 40px;
	float: left;
}
.menu-index-box {
	width: 360px;
	min-height: 165px;
	display: block;
	
	text-align: left;
	padding: 15px 20px;
	border: 1px solid #505050;
	background-color: #f2f2f2;
}
.menu-index-box h1 {
	font-size: 22px;
	font-weight: 600;
	color: #333;
	margin-top: 0px;
	margin-bottom: 10px;
}
.menu-index-box h2 {
	font-size: 19px;
	font-weight: 400;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
}
.menu-index-icon {
	text-align: right;
	margin-top: 10px;
}
.menu-index-icon img {
	width: 60px;
	height: auto;
}
@media only screen and (max-width: 1080px) {
	.menu-index {
		max-width: 886px;
	}
	.float-menu-index {
		margin: 20px 20px;
	}
}

/*.float-menu-index a:hover {
	opacity: 0.85;
}*/


.header-img {
	width: 88.2%;
	height: auto;
}

.cont-menu-de-fr {
	max-width: 1140px;
	/*margin: 0px auto;*/
	/*padding: 40px 0px 20px;*/
	float: right;
}
.menu-de-fr {
	margin-top: 10px;
}
.float-menu-de-fr {
	/*max-width: 600px;*/
	margin-top: 20px;
	margin-left: 35px;
	float: left;
	
	font-size: 17px;
	font-weight: 300;
	color: #333;
}
.menu-de-fr a {
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-position: under;
	transition: text-decoration-color 0.5s ease;
}
.menu-de-fr a:hover, .menu-de-fr a.active {
	text-decoration: underline;
	text-decoration-color: #505050;
}


.cont-menu-toplink {
	max-width: 1140px;
	float: right;
}
.menu-toplink {
	margin-top: 30px;
}
.float-menu-toplink {
	margin-top: 20px;
	/*margin-left: 35px;
	float: left;*/
	
	font-size: 15px;
	font-weight: 400;
}
.menu-toplink a {
	color: #E15795;
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-position: under;
	transition: text-decoration-color 0.5s ease;
}
.menu-toplink a:hover {
	text-decoration: underline;
	text-decoration-color: #E15795;
}


.text-1-fullpage {
	max-width: 1004px;
	margin-left: 68px;
	margin-right: 68px;
}
.text-1-fullpage a {
	color: #E15795;
	font-weight: 400;
	text-decoration: none;
}
.text-1-fullpage a:hover {
	text-decoration: underline;
}


input[type="text"], input[type="email"] {
	width: 178px;
	margin-top: 5px;
	padding: 6px 5px 5px;
	background-color: #fff;
	border: solid 1px #ccc;
	border-radius: 4px;
	text-align: left;
  color: #52aad0;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
}
input[type="checkbox"] {
	width: 28px;
	height: 28px;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: 0px;
}
select {
	margin-bottom: 20px;
	padding: 2px 2px;
	/*background-color: #fff;*/
	font-size: 13px;
}
option {
	padding: 2px 10px;
}
#submit-publ input[type="submit"] {
	width: 220px;
	margin: 10px 0px 10px;
	padding: 12px 10px 12px;
	background-color: #E15795;
	border: none;
	text-align: center;
			
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}
#submit-publ input[type="submit"]:hover {
	background-color: #d95490;
	color: #fff;
	cursor: pointer;
}


#radiobutton-1, #radiobutton-2 {
	margin: 20px 30px;
}
#radiobutton-1 input[type="radio"], #radiobutton-2 input[type="radio"] {
	width: 22px;
	height: 22px;
	margin: 5px 10px 0px 0px;
	vertical-align: text-bottom;
}


.cont-table {
	max-width: 900px;
	margin: 0px auto;
	padding: 40px 0px;
}
.cont-table table {
	width: 100%;
	padding: 10px 0px;
	/*border: 1px solid #fff;*/
	
	font-size: 15px;
	font-weight: 400;
	color: #fff;
}
.cont-table td {
	vertical-align: top;
	padding: 5px;
	border: 1px solid #fff;
}
.wochentag {
	font-size: 28px;
	font-weight: 300;
}
.table-header {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
}


.cont-2col-dozenten {
	max-width: 900px;
	margin: 0px auto;
	padding: 40px 0px 50px;
}
.float-2col-dozenten {
	display: inline-block;
	max-width: 420px;
	vertical-align: top;
	margin-right: 25px;
	
	font-size: 16px;
	font-weight: 300;
	color: #222;
}


.cont-2col-footer {
	max-width: 900px;
	margin: 0px auto;
	padding: 20px 0px;
	margin-bottom: 20px;
}
.float-2col-footer {
	max-width: 450px;
	min-height: 380px;
	vertical-align: top;
	padding: 20px 0px;
	float: left;
}


.footer {
}
.footer-box {
	height: 32px;
	padding: 10px 0px;
	text-align: center;
	margin: 0px auto;
	/*float: left;*/
	
	width: 360px;
}
.footer-box-center {
	/*min-height: 28px;*/
	padding: 5px 0px 0px;
	text-align: center;
	margin: 0px auto;
	/*float: left;*/
	
	width: 360px;
	
	color: #333;
	font-size: 15px;
	font-weight: 400;
}
#socialmedia {
	display: inline-block;
	margin: 0px 0px;
}
.socialicon {
	padding-right: 28px;
	opacity: 0.8;
}
.socialicon:last-child {
	padding-right: 0px;
}
.socialicon:hover {
	opacity: 1.0;
}
/*.footer-box-right {
	min-height: 28px;
	padding: 12px 20px;
	background-color: #555;
	float: right;
	
	text-align: right;
	color: #c0c0c0;
}*/
.footer-box-center a {
	text-decoration: none;
}
.footer-box-center a:hover {
	text-decoration: underline;
}
.separate {
	font-size: 20px;
	color: #666;
}


.clearfix {
	clear: both;
}


#togglemenu {
}
#toggle {
	top: 0; right: 0;
	height: 0px;
	margin: 20px 20px;
	/*padding: 8px 10px 2px;
	background-color: rgba(255, 255, 255, 0.8);*/
	opacity: 60%;
	position: fixed;
	z-index: 200;
	/*float: left;*/
	display: none;
}
#nav.js {
	display: none;
}
#nav {
	top: -15px; right: 0;
	padding: 22px 0 25px;
	list-style-type: none;
	position: fixed;
	z-index: 100;
	/*border-top: 1px solid #ccc;*/
	/*clear: left;*/
	background-color: #fff;

	-moz-box-shadow: -2px 2px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: -2px 2px 10px 0px rgba(0,0,0,0.2);
	box-shadow: -2px 2px 10px 0px rgba(0,0,0,0.2);
}
#nav li {
	width: 300px; /*width: 320px;*/
	font-size: 16px;
	font-weight: 400;
	/*border-bottom: 1px solid #666;*/
}
/*#nav li:last-child {
	border-bottom: none;
}*/
#nav a {
	display: block;
	padding: 9px 30px;
	color: #E15795;
	background-color: #fff;

	/*background-image: -moz-linear-gradient(top,#f6f6f6,#f0f0f0);
	background-image: -webkit-linear-gradient(top,#abc,#a0b0c0);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f0f0f0));
	background-image: linear-gradient(top,#f6f6f6,#f0f0f0);*/
}
#nav a.active {
	text-decoration: underline;
	text-underline-position: under;
}

#nav div {
	padding: 5px 0px;
}
#nav img {
	width: 32px;
	height: 32px;
	opacity: 1.0;
}


#topcontrol img {
	width: 58px;
	height: auto;
	padding: 5px;
	/*background-color: rgba(0,0,0, 0.2);*/
}
#topcontrol img:hover {
	/*background-color: rgba(0,0,0, 0.3);*/
}


.login {
	max-width: 360px;
	margin: 0px auto;
	padding: 20px 10px;
	text-align: center;

	font-size: 15px;
	color: #333;
}

input[type="username"], input[type="password"] {
	width: 280px;
	margin: 10px 18px;
	padding: 15px 20px 15px;
	background-color: #fff;
	border: none;
	/*border: solid 1px #eee;*/
	/*border-radius: 2px;*/
	text-align: left;
			
	font-family: 'Arial', sans-serif;
	font-size: 18px;
	color: #666;
}
/*input[type="checkbox"] {
	width: 28px;
	height: 28px;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: 0px;
}*/
input[type="submit"] {
	width: 320px;
	margin: 50px 18px 12px;
	padding: 12px 10px 12px;
	background-color: #E15795;
	border: none;
	/*border: solid 1px #eee;*/
	/*border-radius: 5px;*/
	text-align: center;
			
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}
input[type="submit"]:hover {
	background-color: #d95490;
	color: #fff;
	cursor: pointer;
}


.linkbox1 {
	width: 120px;
	display: inline-block;
	margin: 20px;
	padding: 8px 20px;
	background-color: #E15795;
	border: none;
	text-align: center;
			
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}
.linkbox1:hover {
	background-color: #d95490;
	color: #fff;
	cursor: pointer;
}