/* Font import */
@font-face {
  font-family: 'TKRegular';
  src: 
       url('../../../fileadmin/Templates/Site/Resources/Public/Fonts/TKRegular.ttf')  format('truetype')
}

/*
@font-face {
  font-family: "tktype";
  src: url('../../../fileadmin/Templates/Site/Resources/Public/Fonts/tktyperegular.eot');
  src: url('../../../fileadmin/Templates/Site/Resources/Public/Fonts/tktyperegular.eot?#iefix') format('eot'), url('../../../fileadmin/Templates/Site/Resources/Public/Fonts/tktyperegular.woff') format('woff'), url('../../../fileadmin/Templates/Site/Resources/Public/Fonts/tktyperegular.ttf') format('truetype'), url('../../../fileadmin/Templates/Site/Resources/Public/Fonts/tktyperegular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

/* CSS Document */

body{
	padding:0px;
	margin:0px;
	background: #FFFFFF;
	font:14px/17px Arial, Helvetica, sans-serif;
	color:#919191;
}
	
div, ul, h1, h2, h3, li, p, img, a{
	margin:0;
	padding:0;
}
	
ul{
	list-style-type:none;
}
	
ol{
	list-style-type:upper-roman;
}
	
td{
	vertical-align: top;
	margin:0px;
	padding:0px;
}

hr{
	margin-bottom:0;
	color:#eee;
}
	
a{
	color:#02428E; background-color:#FFFFFF;
	font:12px/17px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}

select {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #9CB2C7;
	font-size:11px;
	color:#00508B;
	padding-left: 3px;
	text-align:left;
}	

a:hover{
	text-decoration:underline;
}

.align-right{
	text-align:right;
}

/*-------------------header pan------*/
#headerPan{
	background:url('../../../fileadmin/Templates/Site/Resources/Public/Images/header_bg_metal_blau.jpg') no-repeat center;
	background-color: #8F969D;
 	height:75px;
}

#logoPan{
	background:url('../../../fileadmin/Templates/Site/Resources/Public/Images/header_bg_logo_blau.gif') no-repeat;
 	height:75px;
	width:920px;
	margin:0 auto 0 auto;
}

#logo{
	margin:0 0 0 200px;
	padding:8px 0 0 0;
}

/*-----------------main pan---------*/
#mainPan{
	position:relative;
	width:920px;
	margin:10px auto 0 auto;
}

/*----------------------body---------------*/
#body1{
	width:918px;
}

#body_leftbg{
	width:189px;
	min-height:430px;
	float:left;
	padding:170px 0 0 0px;
}

#body_leftbg h2{
	height:31px; width:165px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	line-height:27px;
	font-weight:normal;
	text-align:right;
	color:#CCCCCC; background-color:#FFFFFF;
	padding:0 10px 0 0;
	margin:0px 0 0 0px;
}

#body_leftbg h3, #body_leftbg .csc-header{
	font:16px/18px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#272727;
	background-color:#FFFFFF;
	height:18px;
	margin: 13px 0 10px 50px;
	display:block;
}

#body_leftbg p{
	width:112px;
	margin:0 14px 0 63px;
	font:14px/18px Arial, Helvetica, sans-serif;
	color:#6D6D6D; background-color:#FFFFFF;
	text-align:right;
}

.kalender{
	width:485px;
	padding:2px;
	font:12px Arial, Helvetica, sans-serif;
	background-color:#eee;
}

#body_leftbg a{
	background-color:#EEE;
	font:11px/17px Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	margin:4px 14px 0 0px;
	padding:2px 0 2px 5px;
	display:block;
}

#body_leftbg a:hover{
	background-color:#DDD;
}

#body_leftbg .act a,
#body_leftbg .actsub a{
	background-color:#CCC;
	color:#000; 
}

#body_leftbg .actsub .sub a{
	background-color:#EEE;
	color:#000; 
}

#body_leftbg .sub a{
	color:#000; 
	font-weight:normal;
	padding:2px 0 2px 15px;
}

#body_leftbg .sub .act a{
	background-color:#CCC;
	color:#000; 
	font-weight:normal;
	padding:2px 0 2px 15px;
}

/*----------------body middle-------------*/
#body_middle{
	width:540px;
	min-height:570px;
	background:url('../../../fileadmin/Templates/Site/Resources/Public/Images/middle_bg.gif') repeat-y left top #fff;
	float:left;
	color:#333;
}

#body_middle .csc-header{
	width:485px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	line-height:27px;
	font-weight:normal;
	color:#003466; background-color:#FFFFFF; 
	margin:27px 0 0 32px;
}
/*
#body_middle h2{
	width:485px;
	height:30px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	line-height:30px;
	font-weight:normal;
	color:#A68A33; background-color:#FFFFFF; 
	margin:21px 0 0 32px;
}
*/
#body_middle h2{
	width:485px;
	/*height:30px;*/
	display:block;
	font-family:tktype, Arial, sans-serif;
	font-size:25px;
	line-height:30px;
	font-weight:normal;
	color:#02428E;
	background-color:#FFFFFF; 
	margin:21px 0 0 32px;
}
/*
#body_middle .frame-type-textpic {
	width: 504px;
}
*/
#body_middle p, #body_middle ul, #body_middle ol {
	margin:10px 23px 0 32px;
	font-size:12px;
	line-height:17px;
}

#body_middle table {
	width:485px;
	margin:10px 0 0 32px;
}

#body_middle td p {
	margin:0;
}

#body_middle td {
	font-size: 12px;
	line-height: 17px;
}

#body_middle table td hr {
  border: 0;
  width: 100%;
  height: 1px;
  color: #ccc;
  background-color: #ccc;
  margin: 0 auto;
  margin-top: .2em;
  margin-bottom: .3em;
  clear: both;
}

#body_middle table td p {
	margin-top: 10px;
}

#body_middle table td h2 {
	margin: 21px 0 0 0;
}

#body_middle table tr td:first-child {
	padding-right: 1em;
	min-width: 6em;
}
#body_middle table tr td:nth-child(2n){
	padding-right: 1em;
	white-space: nowrap;
	text-align: right;
}
#body_middle .detail {
	font-size:11px;
	line-height:13px;
}

#body_middle ul{
	margin:16px 0 0 50px;
	list-style-type: square;
	list-style-image: url('../../../fileadmin/Templates/Site/Resources/Public/Images/bullet.gif');
}

#body_middle form {
	/*margin:10px 0 0 32px;*/
	font-size:12px;
	/*line-height:30px;*/
}

#body_middle input,
#body_middle textarea {
	font:12px/17px Arial, Helvetica, sans-serif;
}

#body_middle label {
	margin:0 20px 0 0;
	display:block; 
	width:130px;
	height:20px;
	float: left;
}

#body_middle .form-control {
	width:280px;
	margin:5px 0 0 0;
}

#body_middle textarea {
	height: 7em;
	resize: vertical;
}

#body_middle button {
	margin:20px 0 0 150px;
}

#body_middle .ce-image.ce-left.ce-above{
	margin:27px 0px 0px 32px
}

#body_middle .ce-image.ce-left.ce-above img {
	margin:0px 0px -10px 0px;
}

*html #body_middle .ce-image.ce-left.ce-above img {
	margin:0px 0px -10px 0px;
}

#body_middle .csc-frame-indent .ce-image.ce-left.ce-above img {
	margin:0px;
}

#body_middle .ce-textpic a.blue {
	color: #fff;
	background: #02428E;
	display: block;
	padding: 12px 0px;
	text-decoration: none;
	text-align: center;
}
#body_middle .ce-textpic a.blue:hover {
	background: #003466;
}
#body_middle .ce-right .ce-gallery {
	margin-right: 21px;
}
/*------------------------right----------------------*/
#right_bg{
	width:130px;
	min-height:430px;
	float:left;
	padding:170px 0 0 5px;
}

#right_bg,
#right_bg .bodytext,
#right_bg p {
	font-size:11px;	
}

#right_bg img{
	margin: 0 0 10px 0;
}

#right_bg a{
	font-size:11px;	
}

#right_bg .terminplan{
	font-size:11px;	
	line-height:11px;
	color: #222;
	border: 1px solid #ccc;
	margin: 13px 0 18px 0;
	padding: 5px;
	width:115px;
}

#right_bg h2{
	height:31px; background-color:#FFFFFF;
	display:block; width:118px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;	line-height:26px; font-weight:normal; color:#CCCCCC; margin:0 0 0px 17px;
}

#right_bg h3, #right_bg .csc-header{
	font:18px/17px Arial, Helvetica, sans-serif;
	color:#538D00;
	background-color:#FFFFFF;
	height:22px;
	margin: 13px 0 0px 18px;
	display:block;
	font-weight:normal;
}

#right_bg ul{
	width:120px;
	display:block;
	font-size:0px;
	margin:10px 0 0 17px;
}

#right_bg ul li{
	display:block;
	height:24px;
	padding:0 0 0 12px;
}

#right_bg ul li a{
	font:14px/24px Arial, Helvetica, sans-serif;
	color:#6D6D6D; background-color:#FFFFFF;
	text-decoration:underline;
}

#right_bg ul li a:hover{
	text-decoration:none;
}

#right_bg .ce-border img {
	border: 1px solid #ccc;
}

/*------------------------footer---------------*/
#footer{
	width:100%;
	height:65px;
	margin:0 auto 0 auto;
	background:url('../../../fileadmin/Templates/Site/Resources/Public/Images/footer_bg_blau.gif') repeat-x #00508B;
	float:left;
	color:#FFFFFF;
	font:11px/16px Arial, Helvetica, sans-serif;
}
	
#servicemenu, #copyright{
	width:920px;
	margin:0 auto 0 auto;
}

#footer ul{
	margin:20px 0 0 200px;
	display:block;
	font-size:0px;
}

#footer ul li{
	display:block;
	float:left;
	height:16px;
	font:11px/16px Arial, Helvetica, sans-serif;
}

#footer a{
	margin:0 10px 0 10px;
	text-decoration:none;
	color:#FCFCFC;
	background-color:#00508B;
	font:11px/16px Arial, Helvetica, sans-serif;
}

#footer a:hover{
	text-decoration:underline;
}

#footer .act a {
	font-weight: bold;
}

#footer.menuunten {
	text-align: left;
	width: auto;
}

#footer p{
	margin:0px 0 0 210px;
	font:11px/16px Arial, Helvetica, sans-serif;
}
	
.trline{
	border-top: 1px solid #ccc;
}

.csc-header img {
	margin: 0 0 -10px -2px;
}

#thyssenkrupp {
	margin: 80px 0 0 20px;
}

#thyssenkrupp img {
	margin:15px 0 0 0;
}

.csc-frame-indent img{
	padding:0 0 0 32px;
}

div.rgaccord1-content {
	display: none;
}
#navToggle {
	display: none;
}



/* Mobile Einstellungen */
@media screen and (max-width: 935px) {
	#headerPan {
		background: url('../../../fileadmin/Templates/Site/Resources/Public/Images/header_bg.gif') repeat-x;
	}
	#logoPan {
		background: none;
		width: auto;
	}
	#logo {
		margin-left: 10px;
	}
	#mainPan {
		width: 100%;
	}
	#body_middle {
	}
	#body_leftbg {
		position: fixed;
		display: none;
		min-height: 0;
		padding-top: 0px;
		z-index: 10;
		background: #fff;
		right: 0px;
	}
	#body_leftbg.showNav {
		position: fixed;
		display: block;
	}
	#servicemenu, #copyright {
		width: auto;
	}
	#footer ul{
		margin-left: 10px;
	}
	#footer p {
		margin-left: 20px;
	}
	#navToggle {
		display: block;
		position: absolute;
		top: 2px;
		right: 10px;
		font-size: 3em;
		line-height: 1;
		color: #fff;
		cursor: pointer;
	}
	#navToggle:before { content:'\2630'; }
}
@media screen and (max-width: 690px) {
	#body_leftbg,
	#body_middle,
	#right_bg {
		min-height: 0;
		padding-top: 5px;
		margin-left: 10px;
		margin-right: 10px;
	}
	#right_bg {
		margin-left: 32px;
		width: auto;
	}
}
@media screen and (max-width: 570px) {
	#body_middle {
		background: none;
		width: 100%;
		margin: 0;
	}
	.ce-image img {
		width: 100%;
		height: auto;
	}
	#body_middle .csc-header,
	#body_middle h2 {
		width: auto;
	}
	#body_middle table {
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
		padding: 0 23px 0 32px;
	}
	#body_middle .frame-type-textpic {
		width: 100%;
		padding-right: 23px;
		padding-bottom: 32px;
		box-sizing: border-box;
	}
	#body_middle .frame-type-textpic .ce-gallery {
		margin-left: 32px;
	}
	#body_middle .frame-type-textpic .ce-column,
	#body_middle .frame-type-textpic .ce-column figure,
	#body_middle .frame-type-textpic .ce-column figure img{
		width: 100%;
		height: auto;
	}
	#body_middle .frame-type-textpic .ce-textpic {
		display: flex;
		flex-direction: column;
	}
	#body_middle .frame-type-textpic .ce-row {
		margin-bottom: 0;
		width: 50%;
	}
	#body_middle  .frame-type-textpic .ce-inner {
		display: flex;
	}
}

#kontaktformular-12 {margin: 10px 23px 50px 32px;}
#kontaktformular-12 .form-group input[type="text"] {border: 1px solid #8e8e8e;}
#kontaktformular-12 .form-group textarea {border: 1px solid #8e8e8e;}
#kontaktformular-12 .form-group .checkbox {margin: 15px 0 0;}
#kontaktformular-12 .form-group .checkbox label {display: inline-block; float: none; width: auto; height: auto; margin: 0;}


.ce-image .ce-gallery {
	margin-bottom: 10px;
}



.iframe {
	
}

.iframe .inner {
	margin: 35px 23px 35px 32px;
	padding: 20px;
	border: 1px solid #d44950;
	text-align: center;
}

.iframe .inner p {
	margin: 0 0 20px !important;
}

.iframe .inner button {
	margin: 0 !important;
}