/* --- Grundaufbau --- START */

html, body {
	width:						100%;
	height:						100%;
/*	min-width:					1430px; */
	min-width:					1200px;
	margin:						0 !important;
	padding:					0;
	-webkit-box-sizing:			border-box;
	-moz-box-sizing:			border-box;
	box-sizing:					border-box;
}

*, *:before, *:after {
	-webkit-box-sizing:			inherit;
	-moz-box-sizing:			inherit;
	box-sizing:					inherit;
}

body {
	display:					block;
	position:					relative;
	background-image:			url(images/body-bg.png);
	background-position:		center center;
	background-repeat:			repeat;
}

/*
@media (min-width: 1901px) { body{ zoom: 100.0%; } }
@media (max-width: 1900px) { body{ zoom:  99.5%; } }
@media (max-width: 1880px) { body{ zoom:  99.0%; } }
@media (max-width: 1860px) { body{ zoom:  98.5%; } }
@media (max-width: 1840px) { body{ zoom:  98.0%; } }
@media (max-width: 1820px) { body{ zoom:  97.5%; } }
@media (max-width: 1800px) { body{ zoom:  97.0%; } }
@media (max-width: 1780px) { body{ zoom:  96.5%; } }
@media (max-width: 1760px) { body{ zoom:  96.0%; } }
@media (max-width: 1740px) { body{ zoom:  95.5%; } }
@media (max-width: 1720px) { body{ zoom:  95.0%; } }
@media (max-width: 1700px) { body{ zoom:  94.5%; } }
@media (max-width: 1680px) { body{ zoom:  94.0%; } }
@media (max-width: 1660px) { body{ zoom:  93.5%; } }
@media (max-width: 1640px) { body{ zoom:  93.0%; } }
@media (max-width: 1620px) { body{ zoom:  92.5%; } }
@media (max-width: 1600px) { body{ zoom:  92.0%; } }
@media (max-width: 1580px) { body{ zoom:  91.5%; } }
@media (max-width: 1560px) { body{ zoom:  91.0%; } }
@media (max-width: 1540px) { body{ zoom:  90.5%; } }
@media (max-width: 1520px) { body{ zoom:  90.0%; } }
@media (max-width: 1500px) { body{ zoom:  89.5%; } }
@media (max-width: 1480px) { body{ zoom:  89.0%; } }
@media (max-width: 1460px) { body{ zoom:  88.5%; } }
@media (max-width: 1440px) { body{ zoom:  88.0%; } }
@media (max-width: 1420px) { body{ zoom:  87.5%; } }
@media (max-width: 1400px) { body{ zoom:  87.0%; } }
@media (max-width: 1380px) { body{ zoom:  86.5%; } }
@media (max-width: 1360px) { body{ zoom:  86.0%; } }
@media (max-width: 1340px) { body{ zoom:  85.5%; } }
@media (max-width: 1320px) { body{ zoom:  85.0%; } }
@media (max-width: 1300px) { body{ zoom:  84.5%; } }
@media (max-width: 1280px) { body{ zoom:  84.0%; } }
@media (max-width: 1260px) { body{ zoom:  83.5%; } }
@media (max-width: 1240px) { body{ zoom:  83.0%; } }
@media (max-width: 1220px) { body{ zoom:  82.5%; } }
@media (max-width: 1200px) { body{ zoom:  82.0%; } }
*/

body #body-row {
	display:					block;
	position:					relative;
	height:						100%;
}

body #body-row #body-cell {
	display:					block;
	position:					relative;
	top:						calc(50% - 350px);
}

body #body-row #body-cell #page-outer {
	width:						100%;
	height:						700px;
	position:					relative;
	overflow:					hidden;
	
	background-image:			url(images/body-content.jpg);
	background-position:		center center;
	background-repeat:			repeat-x;
	
	box-shadow:					0px 20px 50px #000000, 0px -10px 25px #000000;
}

body #body-row #body-cell #page-outer:before {
	content:					"";
	width:						100%;
	height:						37px;
	top:						0;
	left:						0;
	z-index:					999;
	position:					absolute;
	background:					url(images/body-edge.png) 0px -1px repeat-x;
}

body #body-row #body-cell #page-outer #page-inner {
	width:						auto;
	/*	min-width:					1900px;	*/

	min-width:					1200px;
	max-width:					1750px;

	height:						100%;
	margin:						0 auto;
	position:					relative;
}


body #body-row #body-cell #page-outer #page-inner #page-menu {
	width:						480px;
	height:						100%;
	top:						0;
	left:						20px;
	position:					absolute;
	background-image:			url(images/body-map.png);
	background-repeat:			no-repeat;
	background-position:		left 30px;
}

body #body-row #body-cell #page-outer #page-inner #page-content {
	width:						calc( 100% - 520px);
	height:						100%;
	top:						0;
	right:						0;
	position:					absolute;
}

/* --- Grundaufbau --- ENDE */

/* --- Menü / Logo --- START */

#imprint-link {
	bottom:						10px;
	right:						150px;
	line-height:				16px;
	padding-left:				20px;
	font-size:					12px;
	letter-spacing:				-0.1pt;
	position:					absolute;
	color:						#000000;
}

#ac-link {
	bottom:						10px;
	right:						300px;
	line-height:				16px;
	padding-left:				20px;
	font-size:					10px;
	letter-spacing:				-0.1pt;
	position:					absolute;
	color:						#000000;
}

/*
#imprint-link:before {
	content:					"i";
	width:						16px;
	height:						16px;
	line-height:				14px;
	top:						0;
	left:						0;
	position:					absolute;
	display:					inline-block;
	text-align:					center;
	font-size:					12px;
	font-style:					italic;
	font-family:				"Times New Roman", Times, serif;
	-moz-border-radius:			9px;
	border-radius:				9px;
	border:						1px solid #111111;
}
*/

/* --- */

#page-menu .menu-logo {
	width:						272px;
	height:						auto;
	top:						115px;
	left:						104px;
	position:					absolute;
}

#page-menu .menu-logo > img {
	width:						100%;
	height:						auto;
	border:						none;
	position:					relative;
}

/* --- */

#page-menu .menu-side {
	width:						440px;
	bottom:						50px;
	left:						20px;
	position:					absolute;
	white-space:				nowrap;
	background:					url(images/body-bar-menu-1.png) 219px top repeat-y;
}

#page-menu .menu-side ul {
	margin:						0;
	padding:					0;
	list-style:					none;
	line-height:				60px;
}

#page-menu .menu-side ul li ul {
	display:					none;
}

/* #page-menu .menu-side ul li:hover ul, */
#page-menu .menu-side ul li.active ul {
	display:					block;
	width:						50%;
	height:						100%;
	top:						0;
	right:						0;
	position:					absolute;
}

#page-menu .menu-side a,
#page-menu .menu-side a:focus {
	color:						#000000;
	display:					block;
	font-weight:				400;
	letter-spacing:				-0.25pt;
	outline:					none;
	position:					relative;
}

#page-menu .menu-side a:hover {
	text-decoration:			none;
}

#page-menu .menu-side > ul > li > a {
	width:						50%;
	font-size:					23px;
	text-align:					right;
	text-transform:				uppercase;
}

/*
#page-menu .menu-side > ul > li:hover > a,
#page-menu .menu-side > ul > li.active > a {
	color:						#f90000;
}
*/
 
#page-menu .menu-side > ul > li > a > span {
	position:					relative;
	padding:					0 20px;
	overflow:					visible;
	display:					inline-block;
}

#page-menu .menu-side > ul > li.active > a > span:after,
#page-menu .menu-side > ul > li:hover > a > span:after {
	content:					"";
	width:						100%;
	height:						57px;
	bottom:						-20px;
	right:						0;
	position:					absolute;
	display:					block;
	background:					url(images/body-bar-menu-2.png) center center no-repeat;
}

#page-menu .menu-side > ul > li:first-child + li + li.active > a > span:after,
#page-menu .menu-side > ul > li:first-child + li + li:hover > a > span:after {
	background:					url(images/body-bar-menu-2.png) -27px center no-repeat;
}

#page-menu .menu-side ul li ul li a {
	width:						100%;
	padding-left:				20px;
	font-size:					18px;
}

#page-menu .menu-side ul li ul li a:before {
	content:					"";
	width:						8px;
	height:						14px;
	margin-right:				6px;
	display:					inline-block;
	background-color:			#a80404;
}

#page-menu .menu-side ul li ul li:hover a:before,
#page-menu .menu-side ul li ul li.active a:before  {
	background-color:			#ff1100;
}

#page-menu .menu-side ul li ul li.active a:after,
#page-menu .menu-side ul li ul li:hover a:after {
	content:					"";
	width:						40px;
	height:						140%;
	top:						-20%;
	left:						-18px;
	position:					absolute;
	display:					block;
	background:					url(images/body-bar-menu-1-highlight.png) center center no-repeat;
}

#page-menu .menu-side > ul > li:first-child + li + li > a > span  {
	padding-left:				30px;
}

/* --- Menü / Logo --- ENDE */


/* --- Templates --- START */

#page-content .tpl-top {
	width:						100%;
	height:						350px;
	top:						0;
	right:						0;
	position:					absolute;
	overflow:					hidden;
	border-bottom:				1px solid #777777;
}

#page-content .tpl-top .img-layer {
	width:						100%;
	height:						60px;
	line-height:				41px;
	margin:						0;
	padding:					15px 0 0 0;
	bottom:						0;
	left:						0;
	z-index:					999;
	position:					absolute;
	text-align:					center;
	font-size:					28px;
	font-weight:				300;
/*	font-family:				'Kalam', cursive; */
	background:					url(images/body-img-layer.png) center bottom no-repeat;
}

#page-content .tpl-top > .bxpager + .bxslider,
#page-content .tpl-top > .bxpager + .bx-wrapper,
#page-content .tpl-top > .bxpager + .bxslider + .img-layer,
#page-content .tpl-top > .bxpager + .bx-wrapper + .img-layer,
#page-content .tpl-top > .hoverscroll + .bxslider,
#page-content .tpl-top > .hoverscroll + .bx-wrapper,
#page-content .tpl-top > .hoverscroll + .bxslider + .img-layer,
#page-content .tpl-top > .hoverscroll + .bx-wrapper + .img-layer {
	width:						calc(100% - 180px) !important;
	min-width:					calc(100% - 180px) !important;
	max-width:					calc(100% - 180px) !important;
}


#page-content .tpl-top:before {
	content:					"";
	width:						18px;
	height:						100%;
	top:						0;
	left:						0;
	z-index:					998;
	position:					absolute;
	display:					block;
	background:					url(images/body-img-light.png) right center no-repeat;
}


#page-content .tpl-bottom {
	width:						100%;
	height:						260px;
	padding:					0 30px;
	bottom:						50px;
	right:						0;
	position:					absolute;
}

#page-content .tpl-bottom.contact {
	padding:					0;
}

#page-content .tpl-bottom:not(.contact):before {
	content:					"";
	width:						53px;
	height:						100%;
	top:						0;
	left:						0;
	z-index:					11;
	position:					absolute;
/*	background:					url(images/body-bar-horizontal.png) left -47px no-repeat; */
	background:					url(images/body-bar-menu-1.png) left 0px repeat-y;
}

@media (min-width: 1750px) {
	#page-content .tpl-bottom:not(.contact):after {
		content:				"";
		width:					53px;
		height:					100%;
		top:					0;
		right:					0;
		z-index:				11;
		position:				absolute;
/*		background:				url(images/body-bar-horizontal.png) right -47px no-repeat; */
		background:				url(images/body-bar-menu-1.png) right 0px repeat-y;
	}
}

#page-content .tpl-top h3,
#page-content .tpl-bottom h3 {
	width:						100%;
	height:						25px;
	line-height:				25px;
	margin:						0;
	padding:					0;
	white-space:				nowrap;
	overflow:					hidden;
	position:					relative;
	float:						none;
	text-transform:				uppercase;
	font-size:					16px;
	font-weight:				600;
}

#page-content .tpl-top .text-area,
#page-content .tpl-bottom .text-area {
	width:						calc(100% + 25px);
	height:						100%;
	position:					relative;
	overflow-x:					hidden;
	overflow-y:					auto;
	padding-right:				25px;
}

#page-content .tpl-top .text-area .txt-1,
#page-content .tpl-top .text-area .txt-2,
#page-content .tpl-bottom .text-area .txt-1,
#page-content .tpl-bottom .text-area .txt-2 {
	width:						100%;
	height:						auto;
	overflow:					visible;
}

#page-content .tpl-bottom .login-area + .text-area {
/*	width:						calc(100% - 185px); */
	width:						calc(100% - 185px);
	float:						left;
}

#page-content .tpl-bottom .login-area {
	width:						160px;
	height:						100%;
	position:					relative;
	float:						right;
/*	background:					url(images/login-logo.png) left 47px no-repeat; */
}

#page-content .tpl-bottom .login-area form {
	width:						100%;
	height:						100px;
	margin:						0;
	padding:					0;
	top:						49px;
	right:						0;
	position:					absolute;
	display:					block;
}

#page-content .tpl-bottom .login-area form label {
	width:						100%;
	height:						20px;
	margin-top:					12px;
	margin-bottom:				6px;
	line-height:				16px;
	display:					block;
	text-align:					right;
	font-size:					20px;
	color:						#606060;
	font-weight:				400;
}

#page-content .tpl-bottom .login-area form label:hover {
	cursor:						pointer;
/*	border-bottom:				1px solid #606060; */
	opacity:					0.6;
}
/*
#page-content .tpl-bottom .login-area form label:after {
	content:					"";
	width:						8px;
	height:						11px;
	margin-left:				3px;
	display:					inline-block;
	background-color:			#f91808;
}
*/
#page-content .tpl-bottom .login-area form input {
	width:						100%;
	height:						40px;
	line-height:				40px;
	margin-top:					11px;
	background:					none;
	text-align:					left;
	text-indent:				10px;
	border:						1px solid #606060;
}
/*
@media (max-width: 1200px) {
	#page-content .tpl-bottom .login-area {
		display:				none;
	}
	#page-content .tpl-bottom .login-area + .text-area {
		width:					100%;
		float:					none;
	}
}
*/
/* --- Templates --- ENDE */


/* --- Impressum --- START */
#page-content .tpl-left {
	max-width:					450px;
	width:						100%;
	height:						94%;
	top:						0;
	left:						0;
	position:					absolute;
	overflow-x:					hidden;
	overflow-y:					auto;
}

#page-content .tpl-right {
	width:						auto;
	max-width:					450px;
/*	width:						calc(100% - 350px); */
	height:						94%;
	padding-right:				20px;
	top:						0;
	left:						550px;
	position:					absolute;
	overflow-x:					hidden;
	overflow-y:					auto;
}

@media (max-width: 1400px) {
	.FF #page-content .tpl-left {
		width:					400px;
	}
	.FF #page-content .tpl-right {
		max-width:					400px;
		left:						450px;
	}
}
/*
@media (max-width: 1300px) {
	.FF #page-content .tpl-left {
		width:						325px;
	}
	.FF #page-content .tpl-right {
		max-width:					400px;
		left:						375px;
	}
}
*/
.imprint p {
	margin:						0;
	padding:					0;
	float:						none;
	clear:						both;
	font-size:					12px;
	line-height:				14pt;
	text-align:					justify;
	-o-hyphens:					none;
	-ms-hyphens:				none;
	-moz-hyphens:				none;
	-webkit-hyphens:			none;
	hyphens:					none;
}

.imprint p > span {
	float:						left;
}

.imprint p > span + span {
	float:						right;
}


/* --- Impressum --- ENDE */


/* --- Laufband / Marquee --- START */
.img-marquee {
	height:						200px;
	width:						100%;
	top:						75px;
	left:						0;
	position:					absolute;
	box-shadow:					0px 0px 8px #000000 inset;
	padding:					10px;
	overflow:					hidden;
	background:					#efefef;
	overflow:					hidden;
}

.img-marquee ul {
	height:						100%;
	background:					none;
	overflow:					hidden;
	display:					table-row;
}

.img-marquee ul li {
	width:						250px;
	height:						180px;
	margin:						0;
	padding:					0 25px;
	display:					table-cell;
	position:					relative;
	overflow:					hidden;
	vertical-align:				middle;
	text-align:					center;
}

.img-marquee ul li img {
	max-width:					200px;
	max-height:					120px;
	border:						none;
	position:					relative;
}
/* --- Laufband / Marquee --- ENDE */

.language {
	width:						30px;
	height:						18px;
	display:					block;
	position:					absolute;
	float:						left;
	margin-left:				20px;
	bottom:						10px;
	right:						0px;
}

.language.de {
	background:					url(images/lang-de.jpg) no-repeat;
	right:						100px;
}

.language.en {
	background:					url(images/lang-en.jpg) no-repeat;
	right:						50px;
}

.language.tr {
	background:					url(images/lang-tr.jpg) no-repeat;
}