html, body {
	width:						100%;
	height:						100%;
	min-width:					1200px;
	min-height:					800px;
	margin:						0;
	padding:					0;
}

.container {
	width:						1200px;
	height:						100%;
	margin:						0 auto;
	position:					relative;
}

#page,
#page-bg {
	width:						100%;
	height:						100%;
	margin:						0;
	padding:					0;
	top:						0px;
	left:						0px;
	z-index:					100;
	position:					absolute;
	border-spacing:				0;
    border-collapse:			collapse;
}

#page-bg {
	z-index:					1;
/*	position:					fixed; */
	background:					url(images/body-bg.jpg) center top no-repeat;
}

.B100 #page-bg {
	background:					none;
}

#page #header > td {
	height:						150px;
	position:					relative;
	padding:					0px!important;
	border-bottom:				1px solid #05447c;
}

#page #header > td > .header-top {
	position:					absolute!important;
	top:						0px;
	left:						0px;
	width:						100%;
	height:						150px;
	background:					#fff;
	padding:					0px!important;
	z-index:					2;
}

#page #header > td > .header-bottom {
	position:					absolute;
	bottom:						0px;
	left:						0px;
	width:						100%;
	height:						45px;
	line-height:				45px;
	background:					rgba(255,255,255,0.9);
	display:					none;
	padding:					0px!important;
}

#page #content .container {
	height:						630px;
	background:					none;
	overflow:					hidden;
	box-shadow: 				0px 5px 15px 0 rgba(50, 50, 50, 0.85);
}

.Bimprint #page #content .container {
	height:						100%;
	background:					none;
	overflow:					hidden;
	box-shadow: 				none;
}

#page #content > td {
	height:						100%;
	padding:					0px!important;
}

.B2 #page #content > td,
.Bcontact #page #content > td,
.Bdisclaimer #page #content > td,
.Bprivacy #page #content > td,
.Bimprint #page #content > td {
	background: 				rgba(255,255,255,0.9) none repeat scroll 0 0;
}

#page #content .container {
	box-shadow:					none;
}

/*
.B100 #page #content .container, 
.B400 #page #content .container {
	height:						500px;
	overflow:					hidden;
	box-shadow: 				none;
}
*/

#page #footer > td {
	height:						40px;
	background:					#31547A;
	padding:					0px;
	border-top:					1px solid #31547A;
}

#page #footer > td #footer-top {
	height:						140px;
}

#page #footer > td #footer-top.footer-icons .container > a,
#page #footer > td #footer-top.footer-icons .container > span {
	width:						auto;
	height:						40px;
	line-height:				40px;
	padding-left:				60px;
	text-decoration:			none;
	display:					block;
	position:					absolute;
	font-size:					18px;
	font-weight:				400;
	letter-spacing:				0.5pt;
	background-position:		left center;
	background-repeat:			no-repeat;
	/*
	-o-background-size:			contain;
	-moz-background-size:		contain;
	-webkit-background-size:	contain;
	background-size:			contain;
	*/
	color:						#fff;
}

#page #footer > td #footer-top.footer-icons .container > span a {
	line-height:				20px;
	text-decoration:			none;
	display:					block;
	font-size:					18px;
	font-weight:				400;
	letter-spacing:				0.5pt;
	color:						#032454;
}

#page #footer > td #footer-top.footer-icons .container > span a:first-child {
	letter-spacing:				1.5pt;
}

#page #footer > td #footer-top.footer-icons .container > a:first-child {
	top:						50px;
	left:						0px;
	background-image:			url(images/icon-office.png);
	line-height:				20px;
}

#page #footer > td #footer-top.footer-icons .container > a:first-child + a {
	top:						50px;
	left:						38%;
	background-image:			url(images/icon-speaker.png);
}

#page #footer > td #footer-top.footer-icons .container > a:first-child + a + a {
	top:						50px;
	right:						0px;
	background-image:			url(images/icon-letter.png);
}

#page #footer > td #footer-top.footer-icons a:hover,
#page #footer > td #footer-top.footer-icons .container > span a:hover {
	text-decoration:			underline;
}

.line1 {
	height:						100px!important;
	width:						1px!important;
	display:					block!important;
	padding:					0px!important;
	top:						20px!important;
	position:					absolute!important;
	left:						28%!important;
	background:					#fff!important;
}

.line2 {
	height:						100px!important;
	width:						1px!important;
	display:					block!important;
	padding:					0px!important;
	top:						20px!important;
	position:					absolute!important;
	right:						33%!important;
	background:					#fff!important;
}

#page #footer > td #footer-bottom {
	height:						40px;
	line-height:				40px;
	font-weight:				300;
	background:					#fff;
}

#page #footer > td,
#page #footer > td a {
	text-decoration:			none;
	font-size:					14px;
	color:						#333;
}

#page #footer > td a:hover {
	text-decoration:			underline;
	color:						#05447c;
}

#page #footer > td .footer-left {
	float:						left;
	color:						#05447c;
	font-weight:				bold;
}

#page #footer > td .footer-right {
	float:						right;
}

/* -------------------- Menü / Logo --------------------- */
#logo {
	top:						39px;
	left:						0px;
	position:					absolute;
}

#logo img {
	width:						305px;
	height:						72px;
	border:						none;
}

#menu,
#submenu {
	width:						auto;
	height:						20px;
	margin:						0;
	padding:					0;
	bottom:						35px;
	right:						0px;
	position:					absolute;
}

#submenu {
	height:						100%;
	bottom:						0px;
}

#menu li {
	float:						right;
	list-style:					none;
	padding-left:				35px;
	line-height:				20px; 
	font-size:					20px;
	font-weight:				300;
	letter-spacing:				0.5pt;
	text-transform:				uppercase;
	color:						#333333;
}

#submenu li {
	float:						right;
	list-style:					none;
	overflow:					hidden;
	padding-left:				50px;
	line-height:				20px;
	font-size:					20px;
	font-weight:				300;
	letter-spacing:				0.5pt;
	color:						#333333;
}

#submenu li {
	font-size:					18px;
	line-height:				35px;
}

#menu li a,
#submenu li a {
	color:						#333333;
	white-space:				nowrap;
	text-transform:				uppercase;
	text-decoration:			none;
}

#menu li.active > a,
#submenu li.active > a {
	font-weight:				bold;
	color:						#05447c;	
}

#menu li:hover > a,
#menu li a:hover ,
#submenu li:hover > a {
	color:						#05447c;
	text-decoration:			underline;
}

#menu li.menu-spacer,
#menu li.menu-spacer:hover,
#submenu li.menu-spacer,
#submenu li.menu-spacer:hover {
	background:					none !important;
}

.HeaderPhone {
	width:						350px;
	height:						65px;
	background:					url(images/headerphone.png) no-repeat;
	float:						right;
}

.HeaderTel {
	background:					url(../style/images/icon-phone.png) no-repeat;
	font-size:					26px;
	font-weight:				bold;
	line-height:				40px;
	height:						40px;
	width:						242px;
	float:						right;
	background-position:		left center;
	display:					block;
	color:						#000;
	padding-left:				40px;
	margin-top:					5px;
	text-decoration:			none;
}

.HeaderTel:hover {
	color:						#597197;
	text-decoration:			underline;
}

/* -------------------- Templates ---------------------- */

.TitleRow {
	width:					auto;
	min-width:				240px;
	height:					50px;
	line-height:			50px;
	margin:					0;
	margin-top:				30px!important;
	padding:				0 30px;
	font-size:				25px;
	font-weight:			600;
	text-align:				left;
	background:				#31547a;
	color:					#fff;
	display:				inline-block;
	position:				relative;
	text-align:				right;
    padding-right: 			20px !important;
	border-radius:			5px;
	text-transform:			uppercase;
    margin-bottom: 			20px !important;
}

.TitleRow:after {
    content:				"";
    width:					60%;
    height:					23px;
    bottom:					10px;
    right:					10px;
    z-index:				-2;
    position:				absolute;
    transform:				rotate(3deg);
    box-shadow:				0 15px 5px rgba(0, 0, 0, .4);
}

.B360 .TitleRow,
.B550 .TitleRow {
    margin: 					20px 0px 0px 50px;
	padding-bottom:				20px;
}

#page #content .container .TextArea {
	width:						540px;
	height:						520px;
	line-height:				15.3pt;
	top:						100px;
	left:						0px;
	position:					absolute;
	overflow-x:					hidden;
	overflow-y:					auto;
	padding-right:				10px!important;
}


#page #content .container .TextArea > div:first-child {
	height:						auto;
}

#page #content .container .ImageArea {
    height: 					490px;
    overflow: 					hidden;
    padding: 					0 10px 10px 0;
    position:					absolute;
    right: 						0;
    top: 						100px;
    width: 						640px;
}

#page #content .container .TextArea #bxpager  {
	width:						475px !important;
	height:						auto !important;
	padding-right:				13px !important;
}

#page #content .container #bxpager + .TextArea  {
	height:						350px;
}

/* --- Impressum --- */

#page #content .container.impressum > div {
	width:						100%;
	height:						calc(100% - 30px);
	top:						30px;
	left:						0px;
	position:					absolute;
	overflow-x:					hidden;
	overflow-y:					auto;
}

.Bimprint .impressum > div > div {
	width:				366px;
	float:				left;
	overflow:			hidden;
	white-space:		normal;
	text-align:			left;
}

.Bimprint .impressum a {
	color:				#000;
}

.Bimprint .impressum a:hover {
	color:				#05447c;
}

.Bimprint .impressum > div > div:first-child {
	width:				400px;
}

.Bimprint .impressum > div > div:first-child + div {
	width:				780px;
}

.Bimprint .impressum > div > div:first-child + div + div {
	width:				320px;
}
.Bimprint .impressum #term {
    font-style: 		italic;
    left: 				0px;
    top: 				10px;
}

.Bimprint .impressum #source {
    font-style: 		italic;
    left: 				0px;
    bottom: 			10px;
}

.Bdisclaimer .impressum #source a:hover,
.Bprivacy .impressum #source a:hover,
.Bimprint .impressum #source a:hover {
	color:				#05447c;
}

.impressum #ac {
    right: 				0px;
    bottom: 			10px;
}

.impressum #ac a {
	color:				#000;
}

.impressum #ac a:hover {
	color:				#05447c;
}

.Bimprint .impressum #term,
.Bimprint .impressum #source,
.Bimprint .impressum #ac {
    font-size: 			10px;
    height: 			18px;
    line-height: 		18px;
    margin: 			0;
    padding: 			0;
    position: 			absolute;
    width: 				auto;
}

.Bdisclaimer .impressum #source,
.Bprivacy .impressum #source{
	bottom:				10px;
	left:				0px;
    margin: 			0;
    padding: 			0;
    position: 			absolute;
    width: 				auto;
	font-style: 		italic;
    font-size: 			10px;
}

.Bimprint .eMail {
	color:				#000;
}

.Bimprint .eMail:hover {
	color:				#05447c;
}

/* -------------------- Startseite --------------------- */
.B100 #page #content .container {
	background:					none;
}

#Home {
	width:						1020px;
	height:						auto;
	bottom:						50px;
	left:						0px;
	position:					absolute;
/*	background:					rgba(255,255,255,0.7);*/
}

#Home h1 {
	font-size:					48px;
	letter-spacing:				0.5pt;
	color:						#fff;
	margin:						0px!important;
/*    text-shadow: 				0 -1px #e7e7e7, 1px 0 #e7e7e7, 0 1px #e7e7e7, -1px 0 #e7e7e7;*/
}

#Home p {
	margin:						0px!important;
}

#Home p:first-child + p, 
#Home p:first-child + p + p, 
#Home p:first-child + p + p + p,
#Home p:first-child + p + p + p + p, 
#Home p:first-child + p + p + p + p + p,
#Home p:first-child + p + p + p + p + p + p {
	margin:						0px!important;
	font-size:					35px!important;
}

#Home a {
	width:						auto;
	line-height:				70px;
	font-size:					40px;
	padding:					0px 25px;
	border:						2px solid #363533;
	color:						#363533;
	text-decoration:			none;
	display:					inline-block;
/*    text-shadow: 				0 -1px #e7e7e7, 1px 0 #e7e7e7, 0 1px #e7e7e7, -1px 0 #e7e7e7;*/
}

#Home a:hover {
	background:					rgba(38,97,171,0.7);
}

.MoreButton {
	height:						150px;
	width:						150px;
	border-radius:				90px;
	border:						6px solid #fff;
	position:					absolute;
	right:						0px;
	bottom:						55px;
}

.MoreButton a {
    border-radius: 				90px;
    color: 						#fff;
    display: 					inline-block;
    font-size: 					45px;
    height: 					150px;
    line-height: 				140px;
    text-align: 				center;
    text-decoration:			none;
    width: 						150px;
}

.MoreButton a:hover {
	background:					rgba(255,255,255, 0.2);
}

/* ------------------ Overview-Seite ------------------ */

.overview .TitleArea {
	width:						1130px;
	height:						30px;
	line-height:				30px;
	margin:						30px 30px 0px 40px;
	padding-left:				10px;
	font-size:					22px;
	font-weight:				300;
	text-transform:				uppercase;
}

.overview .OverArea {
	width:						1140px;
	height:						400px;
	margin:						25px 20px 0px 40px;
	overflow-x:					hidden;
	overflow-y:					auto;
}

.overview a {
	width:						175px;
	height:						175px;
	margin-top:					15px;
	margin-left:				10px;
	display:					block;
	float:						left;
	position:					relative;
}

.overview a:first-child,
.overview a:first-child + a,
.overview a:first-child + a + a,
.overview a:first-child + a + a + a,
.overview a:first-child + a + a + a + a,
.overview a:first-child + a + a + a + a + a {
	margin-top:					0px;
}

.overview a span:first-child {
	width:						100%;
	height:						133px;
	top:						0px;
	left:						0px;
	position:					absolute;
	background-position:		center center;
	background-repeat:			no-repeat;
	-o-background-size:			cover;
	-moz-background-size:		cover;
	-webkit-background-size:	cover;
	background-size:			cover;
}

.overview a span + span {
	width:						100%;
	height:						40px;
	line-height:				40px;
	bottom:						0px;
	left:						0px;
	position:					absolute;
	white-space:				nowrap;
	color:						#ffffff;
	font-size:					11px;
	text-align:					center;
	overflow:					hidden;
	background:					#2A5051;
}

.overview a:hover span + span {
	background:					#1281cc;
}

.templtnext{
	bottom:					15px;
	right:					700px;
	z-index:				999;
	position:				absolute;
	text-decoration:		none;
	font-size:				30px;
	color:					#000;
	font-weight:			bold;
	line-height:			16px;
	text-transform:			uppercase;
}

.templtback {
	bottom:					15px;
	left:					50px;
	z-index:				999;
	position:				absolute;
	text-decoration:		none;
	font-size:				30px;
	color:					#000;
	font-weight:			bold;
	line-height:			16px;
	text-transform:			uppercase;
}

.templtnext span,
.templtback span{
	font-size:				12px;
	vertical-align:			3px;
}

.templtnext:hover,
.templtback:hover {
	color:					#05447c;
}

/* --- Termine --- */
.dates .TextArea {
	width:						1100px !important;
}

.dates .date-table {
	width:						100%;
	display:					table;
}

.dates .date-table > a,
.dates .date-table > h4 {
	font-size:					20px;
	line-height:				40px;
	display:					table-row;
	text-decoration:			none;
}

.dates .date-table > a:nth-child(2n) {
	background-color:			#cccccc;
}

.dates .date-table > a:hover {
	background-color:			#999999;
	color:						#ffffff;
}

.dates .date-table > a  > span,
.dates .date-table > h4 > span {
	padding:					5px 10px;
	display:					table-cell;
}

.dates .date-table > a  > span:first-child,
.dates .date-table > h4 > span:first-child {
	padding-left:				20px;
}

.dates .date-table > a  > span:last-child,
.dates .date-table > h4 > span:last-child {
	padding-right:				20px;
	text-align:					right;
}

#RefLogin {
    height: 42px;
    margin: 50px 0 0 100px;
    padding: 0;
    width: auto;
    z-index: 10;
}

#RefLogin input {
    background: #fff none repeat scroll 0 0;
    border-color: #05447c;
    border-radius: 6px 0 0 6px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    clear: both;
    color: #313131;
    height: 32px;
    line-height: 32px;
    margin: 1px 0;
    padding: 0 5px;
    width: 150px;
}

#RefLogin button {
    background: #d8d8d8 none repeat scroll 0 0;
    border-color: #05447c;
    border-radius: 0 6px 6px 0;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    clear: both;
    color: #6d6d6d;
    cursor: pointer;
    font-family: "Titillium Web",sans-serif;
    font-weight: bold;
    height: 34px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 80px;
}

/* ----- TeamArea ----- */

#page #content .container.Team .ImageArea {
	width:						1084px;
	right:						58px;
}

.Team .ImageArea li {
	width:						250px !important;
	height:						394px !important;
	-moz-border-radius:			10px;
	border-radius:				10px;
	background:					#D7D7D8;
	border:						3px solid #BCBCBC;
	overflow:					hidden;
	position:					relative;
}

.Team .ImageArea li img {
	width:						250px;
	height:						300px;
	top:						0px;
	left:						0px;
	position:					absolute;
}

.Team .ImageArea li div {
	width:						240px;
	height:						80px;
	line-height:				20px;
	margin:						0px;
	padding:					7px;
	bottom:						0px;
	left:						0px;
	position:					absolute;
	overflow:					hidden;
}

.Team .ImageArea li div p {
	margin:						0px;
	padding:					0px;
}

.Team #bxprev {
	width:						32px;
	height:						32px;
	top:						50%;
	left:						15px;
	margin-top:					-16px;
	position:					absolute;
	display:					block;
	cursor:						pointer;
	background:					url("../js/jquery.bxslider/images/controls.png") no-repeat 0 -32px;
}

.Team #bxnext {
	width:						32px;
	height:						32px;
	top:						50%;
	right:						15px;
	margin-top:					-16px;
	position:					absolute;
	display:					block;
	cursor:						pointer;
	background:					url("../js/jquery.bxslider/images/controls.png") no-repeat -43px -32px;
}

.Team #bxprev:hover,
.Team #bxnext:hover {
	opacity:					0.75;
}

#Template_PDF {
    height: 434px !important;
    width: 100% !important;
}





