body{
	background: url(../images/bg_fp_g.jpg);
	background-size: contain;
	font-family:Tahoma, sans-serif;
	font-size: 100%;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
.ddv-footer {
	margin-right: 2%;
	margin-top: 0.5%;
}
.content {
	width: 66%;
	height: 67%;
	background-color:rgba(255,255,255,0.5);
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	margin-left: 16%;
	padding: 1%;
}
.nav-background {
	background: #ddd;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	height: 150px;
	margin-top: -17px;
	width: 68%;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	margin-bottom: 1%;
}
.logo {
	width: 364px;
	height: 105px;
	margin-left: 915px;
	margin-top: -100px;
}
.footer{
	background: #ddd;
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
   	position:absolute;
    width: 68%;
    height: 70px;
    bottom: 0px;
    right: 74%;
    left: 16%;
}
.offer-img{
	background-color: white;
	margin-bottom: 1.5%;
	margin-top: 1.5%;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.home {
	position: relative;
	background-color:rgba(255,255,255,1);
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	height: 88%;
	top: -150%;
	width: 72%;
	float: left;
	margin-right: 2%;
	padding: 3%;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 0.5s;
    -moz-animation: slide 0.5s forwards;
    -moz-animation-delay: 0.5s;
    -ms-animation: slide 0.5s forwards;
    -ms-animation-delay: 0.5s;
    animation: slide .5s forwards;
    animation-delay: .5s;
}
.datenschutz {
	position: relative;
	background-color:rgba(255,255,255,1);
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	height: 88%;
	top: -150%;
	width: 72%;
	float: left;
	margin-right: 2%;
	padding: 3%;
	overflow-y: scroll;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 0.5s;
    -moz-animation: slide 0.5s forwards;
    -moz-animation-delay: 0.5s;
    -ms-animation: slide 0.5s forwards;
    -ms-animation-delay: 0.5s;
    animation: slide .5s forwards;
    animation-delay: .5s;
}
.offerbar-img {
	float: left;
}
.offer {
	position: relative;
	float: left;
	top: -150%;
	width: 78%;
	height: 100%;
	margin-right: 2%;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 0.5s;
    -moz-animation: slide 0.5s forwards;
    -moz-animation-delay: 0.5s;
    -ms-animation: slide 0.5s forwards;
    -ms-animation-delay: 0.5s;
    animation: slide .5s forwards;
    animation-delay: .5s;
}
.imagebar {
	height: 100%;
	width: 12%;
	margin-top: 10%;
	float: left;
}
.offer-content {
	background-color: white;
	float: left;
	padding: 2%;
	padding-bottom: 3.5%;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	width: 83%;
	height: 90%;
}
.offer-image {
    max-width:61% !important;
    height:auto;
    display:block;
}
.offer-content-left {
	font-family:Tahoma, sans-serif;
	font-size: 92%;
	font-weight: bold;
	float: left;
	width: 35%;
	padding: 2%;
	padding-bottom: 4%;
	height: 80%;
	background: #ECECED;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.about {
	position: relative;
	width: 78%;
	float: left;
	top: -150%;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 0.5s;
    -moz-animation: slide 0.5s forwards;
    -moz-animation-delay: 0.5s;
    -ms-animation: slide 0.5s forwards;
    -ms-animation-delay: 0.5s;
    animation: slide .5s forwards;
    animation-delay: .5s;
}
.timeline-box {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background-color: white;
	width: 100%;
	float: left;
}
.about-info {
	background-color: white;
	padding: 2% 3% 2% 3%;
	margin-bottom: 1%;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	font-family:Tahoma, sans-serif;
	float: left;
	width: 94%;
	font-size: 90%;
	font-weight: bold;
}
.hoverbox {
	display: none;
	z-index: 3;
	width: 30%;
	background-color: #ddd;
	position: absolute;
	padding: 2%;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	font-family:Tahoma, sans-serif;
	font-size: 80%;
	font-weight: bold;
}
#about_box1 {
	margin-top: -52%;
	margin-left: -1%;
}
#about_box2 {
	margin-top: -38%;
	margin-left: 17%;
}
#about_box3 {
	margin-top: -52%;
	margin-left: 34%;
}
#about_box4 {
	margin-top: -33%;
	margin-left: 45%;
}
#about_box5 {
	margin-top: -26%;
	margin-left: 62%;
}
table {
	table-layout:fixed;
	width: 100%; 
	font-size: 150%;
	border-collapse: separate; border-spacing: 0 10px;
	font-family:Tahoma, sans-serif;
	font-size: 100%;
	border: none;
	font-weight: bold;
}
th{
    padding-top: .5em;
    padding-bottom: .5em;
	background-color:  white;
	font-size: 120%;

}
th:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;  
}
th:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px; 
	-moz-border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px; 
}
td{
	text-align: center;
}
tr:hover { background: #ddd; }
tr{
	background-color: white;
	margin-top: 25px;
}
tr td:first-child { border-top-left-radius: 10px; }
tr td:last-child { border-top-right-radius: 10px; }
tr td:first-child { border-bottom-left-radius: 10px; }
tr td:last-child { border-bottom-right-radius: 10px; }

td {
    padding-top: .2em;
    padding-bottom: .2em;
}

img.photo {
	border-radius: 30px;
}
.partnerbox {
	width: 27%;
	float: left;
	height: 30%;
	background-color: white;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	margin: 1%;
	font-family:Tahoma, sans-serif;
	font-size: 85%;
	font-weight: bold;
	padding: 5.3% 2% 5.3% 2%; 
}
.partnerimg {
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}
.event-img {
	max-width:90%;
	width:auto;
}
#ts {
	background-image: url(../images/team/ts.png);
	margin-bottom: 1%;
}
#tf {
	background-image: url(../images/team/tf.png);
	margin-bottom: 1%;
}
#sl {
	background-image: url(../images/team/sl.png);
	margin-bottom: 1%;
}
#rn {
	background-image: url(../images/team/rn.png);
	margin-bottom: 1%;
}
#tk {
	background-image: url(../images/team/tk.png);
	margin-bottom: 1%;
}
#lb {
	background-image: url(../images/team/lb.png);
	margin-bottom: 1%;
}
#cs {
	background-image: url(../images/team/cs.png);
	margin-bottom: 1%;
}
#rw {
	background-image: url(../images/team/rw.png);
	margin-bottom: 1%;
}
#pd{
	background-image: url(../images/team/pd.png);
	margin-bottom: 1%;
}
#svs{
	background-image: url(../images/team/svs.png);
	margin-bottom: 1%;
}

#allg {
	text-align: left;
	padding-top: 1%;
	padding-left: 1%;
	padding-bottom: 18.9%;
	background-image: url(../images/team/dotss.png);
	float: left;
	font-size: 75%;
	width: 22%;
	background-size: 100%;
}
.person {
	float: left;
	padding-top: 22.5%;
	padding-bottom: 0.5%;
	width: 23%;
	text-align: center;
	font-family:Tahoma, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background-size: 100%;
}
@-webkit-keyframes slide {
    100% { top: 0; }
}

@keyframes slide {
    100% { top: 0; }
}
.sidebar {
	/*background-color:rgba(0,0,0,.5);*/
	float: right;
	width: 20%;
	height: 100%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.sidebar-box {
	float: left;
	text-align: center;
	height: 31.7%;
	width: 95%;
	margin-bottom: 5%;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background-color:rgba(255,255,255,1);
	padding-left: 5%;
	font-size: 87%;
}
.sidebar-box p {
	text-decoration: underline;
	font-size: 120%;
}
p.foot{
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	margin-top: 10px;
	margin-left: 100px;
	float: left;
}
p.navfoot{
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	margin-left: 20px;
	margin-top: 10px;
	text-decoration: none;
	float: left;
}
a {
	text-decoration: none;
	color: #000000;
}
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height: 90%; width:50%; color:#bbb; background-color:#ffffff; border:4px solid #F4F4F4; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container a.modalCloseImg {background:none; right:-14px; width:22px; height:26px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/x.png',sizingMethod='scale');}
iframe {
    position: absolute;
    top: 0; left: 0; width: 99%; height: 99%;
    border: none; padding-top: 5px;
 	padding-left: 5px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.blink {
  animation: blink 1s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
  to { visibility: hidden; }
}
@-webkit-keyframes blink {
  to { visibility: hidden; }
}

@media screen and (max-width: 1024px) {
	body {
		font-size: 80% !important;
	}
	.about-info {
		font-size: 80%;
	}
	#sideboxevent p {
		text-decoration: underline;
		font-size: 120%;
		margin-bottom: 2%;
	}
	#sideboxevent img {
		margin-top: -2%;
	}
	.nav-background {
		height: 120px !important;
		width: 80% !important;
	}
	.content {
		width: 72% !important;
		margin-left: 13% !important;
	}
	.logo {
	 	width: 233px !important;
	 	height: 70px !important;
		margin-left: 515px !important;
		margin-top: -75px !important;
	}
	.footer{
	    width: 80% !important;
	    right: 89% !important;
	    left: 11% !important;
	 }
}
@media screen and (max-width: 1281px) and (min-width: 1025px) {
	.nav-background {
		height: 120px !important;
		width: 75% !important;
	}
	#sideboxevent p {
		text-decoration: underline;
		font-size: 120%;
		margin-bottom: 2%;
	}
	#sideboxevent img {
		margin-top: -2%;
	}
	.about-info {
		font-size: 80%;
	}
	body {
		font-size: 80% !important;
	}
	.logo {
		margin-left: 680px !important;
		margin-top: -85px !important;
		width: 260px !important;
	 	height: 75px !important;
	}
	.content {
		width: 72% !important;
		margin-left: 13% !important;
	}
	.footer{
	    width: 75% !important;
	    right: 87% !important;
	    left: 13% !important;
	 }
}
@media screen and (max-width: 1366px) and (min-width: 1282px) {
	.nav-background {
		margin-bottom: 1%;
		width: 75% !important;
		height: 120px !important;
	}
	#sideboxevent p {
		text-decoration: underline;
		font-size: 120%;
		margin-bottom: 2%;
	}
	#sideboxevent img {
		margin-top: -2%;
	}
	body {
		font-size: 80% !important;
	}
	.logo {
		margin-left: 740px !important;
		margin-top: -75px !important;
		width: 260px !important;
	 	height: 75px !important;
	}
	.content {
		width: 72% !important;
		margin-left: 13% !important;
	}
	.footer{
	    width: 75% !important;
	    right: 87% !important;
	    left: 13% !important;
	 }
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {
	.nav-background {
		width: 77%  !important;
	}
	.logo {
		width: 312px !important;
		height: 90px !important;
		margin-left: 78% !important;
		margin-top: -95px !important;
	}
	.footer{
	    width: 77% !important;
	    right: 88% !important;
	    left: 12% !important;
	 }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
	.nav-background {
		width: 77%  !important;
	}
	.logo {
		width: 312px !important;
		height: 90px !important;
		margin-left: 88% !important;
		margin-top: -95px !important;
	}
	.footer{
	    width: 77% !important;
	    right: 88% !important;
	    left: 12% !important;
	 }
}
@media screen and (min-height: 1000px) and (max-height: 1050px) {
	.nav-background {
		margin-bottom: 25px;
	}
}