html, body{
	margin:0px;
	border:0px;
	padding:0px;
	width:100%;
	height:100%;
}

.morebutton{
	background:url("/fileadmin/templates/images/buttons/block_grey_arrow_to_east.png");
}
/*
=====================================================
red:	#c90119
blue:	#004a99
=====================================================
*/

.start_content_block{
	width:181px;
	min-height:270px;
	float:right;
	margin:15px 4px 5px 4px;
	background:#eeeeee;
	background-image: -webkit-linear-gradient(#eeeeee 0%, #d9d9d9 100%); 
	background-image: -moz-linear-gradient(#eeeeee 0%, #d9d9d9 100%); 
	background-image: -o-linear-gradient(#eeeeee 0%, #d9d9d9 100%); 
	background-image: linear-gradient(#eeeeee 0%, #d9d9d9 100%);
	padding:4px;
}
.start_content_block .bodytext{min-height:180px;}
.start_content_block .csc-header{min-height:80px;}
.start_content_block .csc-header h1{margin:0px;padding:0px;}
.start_content_block .news-latest-item h1{margin:0px;padding:0px;}
.start_content_block .csc-textpic-imagewrap{margin: 0px -4px -4px 0px;padding:0px;}
.start_content_block DIV.csc-textpic DIV.csc-textpic-single-image IMG{margin:0px;}



#content_5.start_content_block{
	background: #c90119;
	color:#ffffff;
	min-height:181px;
	background-image: -webkit-linear-gradient(#c90119 0%, #9f0114 100%); 
	background-image: -moz-linear-gradient(#c90119 0%, #9f0114 100%); 
	background-image: -o-linear-gradient(#c90119 0%, #9f0114 100%); 
	background-image: linear-gradient(#c90119 0%, #9f0114 100%);
	width:200px;
	margin: 5px 5px 0 0;
}

#c34, #c35, #c37{margin-top:-10px;}
#content_5.start_content_block.startpage{
	background: #c90119;
	color:#ffffff;
	background-image: -webkit-linear-gradient(#c90119 0%, #9f0114 100%); 
	background-image: -moz-linear-gradient(#c90119 0%, #9f0114 100%); 
	background-image: -o-linear-gradient(#c90119 0%, #9f0114 100%); 
	background-image: linear-gradient(#c90119 0%, #9f0114 100%);
	width:181px;
	margin: 15px 5px 0 5px;
}
#content_5.start_content_block.startpage p{min-height:182px;margin:15px 5px;}
#content_5.start_content_block p{min-height:100px;}
#content_5.start_content_block .arrow-botton{margin: 0 -4px -4px 0;float:right;}
#content_5.start_content_block h1{min-height:80px;}
#content_5.start_content_block p{min-height:97px;margin:0px;}

#content_5.start_content_block a{color:#ffffff;}

/* en-Version mit hoeren Headers bei Anlagenplanung*/
#c586 .csc-header, #c588 .csc-header, #c590 .csc-header, #c592 .csc-header{min-height:120px;}

#footer_more_line{
	width:1000px;
	margin: 10px auto;
	display:block;
	overflow:hidden;
	padding:20px 0px 0px 0px;
	height:160px;
}


.footer_more_block{
	width:185px;
	float:left;
	margin:5px 6px 5px 6px;
}

.footer_more_block .bodytext, .footer_more_block ul{
	
}

#footer_find{float:right;margin:35px 0;}
#footer_address2{padding:20px 0;}
#header_line{
	width:1000px;
	height:180px;
	padding:0px;
	margin:0px auto 0px auto;
	position:relative;
	z-index:+100;
}

#firstlevel_navi{
	height:35px;
	padding:0px;
	margin:141px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	font-size:14px;
}

#image_line{
	height:350px;
	padding:0px;
	margin:0px;
	position:relative;
	z-index:1;
}

#logo_box{
	height:150px;
	width:255px;
	float:left;
	margin:20px 0px 0px 20px;
	background:url("/fileadmin/templates/images/allover/cma_logo.png");
	background-repeat:no-repeat;
}

#image_box{
	width:100%;
	height:300px;
	margin:0px;
	padding:0px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#content_line{
	width:1000px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

#content{
	width:750px;
	float:left;
	padding:5px 0;
	min-height:335px;
}

#content .ContentPart{
	padding:10px 20px 10px 0px;
}

#content .ContentPartleft{
	width: 340px;
	margin-right: 1em;
	padding:10px 5px 10px 20px;
	
}
#content .ContentPartright{
	float: right;
	width: 340px;
	margin-right: 1em;
	padding:10px 10px 10px 5px;
}

#content .ContentPartMulti{
	float:left;
	width: 215px;
	margin-right: 1em;
	padding:10px;
}

#specialmenue{
	height: 20px;
	width: 1000px;
}
#broadcrump {
    height: 20px;
    margin: 0;
    padding: 5px 0px 5px 0px;
    width: 760px;
	float:left;
}

#language{
	height:20px;
	width:200px;
	float:right;
	padding: 10px 0px 5px 0px;
	font-size:0.8em;
}

ul#title_list {
    list-style: none outside none;
    margin: 10px 0;
    padding: 0 0 0 10px;
}

/*
=============================
Referenz
=============================
*/
.logobox{
	width:210px;
	height:200px;	
	overflow:hidden;
	float:right;
	margin:20px 4px 5px 5px;
	-moz-box-shadow:    0px 5px 5px 0px #ddd;
	-webkit-box-shadow: 0px 5px 5px 0px #ddd;
	box-shadow:         0px 5px 5px 0px #ddd;
}

.infobox{
	width:200px;
	min-height:200px;
	overflow:hidden;
	float:right;
	margin:25px 4px 5px 5px;
	-moz-box-shadow:    0px 5px 5px 0px #ddd;
	-webkit-box-shadow: 0px 5px 5px 0px #ddd;
	box-shadow:         0px 5px 5px 0px #ddd;
	padding:5px;
	color:#ffffff;
	font-size:0.8em;
	background: #004a99;
	background-image: -webkit-linear-gradient(#125cab 0%, #004a99 100%); 
	background-image: -moz-linear-gradient(#125cab 0%, #004a99 100%); 
	background-image: -o-linear-gradient(#125cab 0%, #004a99 100%); 
	background-image: linear-gradient(#125cab 0%, #004a99 100%);
}

.infobox .referenz{
	width:200px;
}



.infobox table tr{
	margin:10px;
}

.infobox table tr td{
	vertical-align: top;
	padding:3px;
	margin:10px;
	border-bottom:1px solid #ffffff;
}
.infobox .bodytext{margin:0px;padding:0px;}
.infobox h1{margin:0px 0px 10px 0px;padding:0px;}
.csc-default{margin:0px 0px 0px 0px;}
p..bodytext{margin:0px;padding:0px;}
/*
=============================
Framing
=============================
*/

#outer_frame{
	min-height:99%;
	position:relative;
}

#inner_frame{
	width:1000px;
	margin:0px auto 0px auto;
	display:block;
	padding:0px;
	padding-bottom:195px;   /* Height of the footer */
}
#footer_line_out{
	width:100%;
	background:#555555;
}
#footer_line{
	width:1000px;
	margin:0px auto;
	height:20px;
	display:block;
	padding:2px 20px 2px 20px;
}
#footer_outerline{
	position:absolute;
	bottom:0;
	width:100%;
	height:195px;   /* Height of the footer */
	background:url('../images/allover/bg_footer_outer.png');
	background:#eeeeee;
	background-image: -webkit-linear-gradient(#ffffff 0%, #eeeeee 100%); 
	background-image: -moz-linear-gradient(#ffffff 0%, #eeeeee 100%); 
	background-image: -o-linear-gradient(#ffffff 0%, #eeeeee 100%); 
	background-image: linear-gradient(#ffffff 0%, #eeeeee 100%);
}

* html #inner_frame{
	height:900px;
}


/*
=============================================================
Slider
=============================================================
*/
.swiper-slide{display:none;}
.swiper-slide .title_bg h2{visibility:hidden;position:absolute;left:-400px;top:-10px;width:500px;margin:20px;}
.startseite-slider .swiper-slide .title_bg{overflow:hidden;min-height:40px;}
.swiper-slide-active{display:block;}

.startseite-slider{
	position:relative;
	top:0px;
	-moz-box-shadow: 0px 10px 15px rgba(68,68,68,0.6);
	-webkit-box-shadow: 0px 10px 15px rgba(68,68,68,0.6);
	box-shadow: 0px 10px 15px rgba(68,68,68,0.6);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}
.startseite-slider img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    width: auto;
}
.swiper-container {
    backface-visibility: hidden;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.startseite-slider .swiper-navigation a {
    top: 20%;
    z-index: 59;
}
.startseite-slider .swiper-navigation .next {
    background: url("/fileadmin/templates/images/allover/next.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 100px;
    position: absolute;
    right: 30px;
    width: 33px;
}
.startseite-slider .swiper-navigation .prev {
    background: url("/fileadmin/templates/images/allover/prev.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 100px;
    left: 30px;
    position: absolute;
    width: 33px;
}
.startseite-slider .swiper-navigation .next:hover {
    background-position: right bottom;
}
.startseite-slider .swiper-navigation .prev:hover {
    background-position: left bottom;
}
.startseite-slider .swiper-slide .center {
    margin: 0 auto;
    position: relative;
    width: 1000px;
	padding:0px;
}
.startseite-slider .swiper-slide .content {
    bottom: 0px;
	/*47*/
    max-width: 49%;
    position: absolute;
    right: 0;
}
.startseite-slider .swiper-slide .content.left {
    left: 10px;
    right: inherit;
	overflow:hidden;
	width:100%;
	min-height:140px;
	margin:0px 0px 20px 0px;
}
.startseite-slider .swiper-slide .title_bg{
    /*background:#555658;
	background-image: -webkit-linear-gradient(#555658 0%, #000000 100%); 
	background-image: -moz-linear-gradient(#555658 0%, #000000 100%); 
	background-image: -o-linear-gradient(#555658 0%, #000000 100%); 
	background-image: linear-gradient(#555658 0%, #000000 100%);
	*/
    padding: 8px 20px 4px 10px;
    left: -30px;
    opacity: 0;
    padding: 8px 20px 4px;
   
	width:500px;
	overflow:hidden;
	display:block;
    opacity: 1.0;
}


.startseite-slider .swiper-slide .title_bg h2{
    color: #004a99;
	text-shadow: 0.0em 0.0em 0.3em #ffffff;
	font-weight:300;
    margin: 20px 0 20px -20px;
	font-size:2.0em;
    text-transform: uppercase;
	/*white-space:nowrap;*/
}

.startseite-slider .swiper-slide .body {
    backface-visibility: hidden;
	color: #ffffff;
    background:url("/fileadmin/templates/images/allover/blue_85.png");
    clear: left;
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
    opacity: 0;
    padding: 20px;
    z-index: 59;
	width:348px;
	min-height:40px;
	overflow:hidden;
}
.startseite-slider .swiper-slide-active .body {
    opacity: 1;
    transform: translateX(0px);
    transition-delay: 1.1s;
    transition-duration: 0.6s, 0.5s;
    transition-property: transform, opacity;
    transition-timing-function: ease, ease;
}
.startseite-slider .swiper-slide img {
    display: block;
    width: 100%;
}
#block-views-startseite-block-1 h2 {
    display: none;
}

.pagination {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 20px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}

.startseite-slider a.morelink{
	text-decoration:none;
	color:#ffffff;
	float:right;
}
/*
===================================================
Breadcrump Menu
===================================================
*/
#broadcrump li{
	float:left;
	margin:0px 4px 0px 0px;
	list-style:none;
	font-size:0.8em;
	color:#999999;
}

#broadcrump li a, #broadcrump li a:visited, #broadcrump li a:link{
	text-decoration:none;
	color:#999999;
	padding:0px 2px 0px 2px;
}

#broadcrump li a:hover, #broadcrump li a:active, #broadcrump li a:focus{
	text-decoration:none;
	background:#999999;
	color:#ffffff;
	padding:0px 2px 0px 2px;
}

/*
===================================================
Special Box
===================================================
*/
.view {
    background: none repeat scroll 0 0 #333333;
    border: 2px solid #FFFFFF;
    float: left;
    height: 200px;
    margin: 10px;
    perspective: 500px;
    position: relative;
    width: 200px;
}

.special-content{
	overflow:hidden;
}
.special-content-box{
	padding:10px;
	overflow:hidden;
	-moz-box-shadow:    0px 5px 5px 0px #ddd;
	-webkit-box-shadow: 0px 5px 5px 0px #ddd;
	box-shadow:         0px 5px 5px 0px #ddd;
	border:0px;
	background:#ffffff;
	background-repeat:no-repeat;
}

.view-back{
	background:url("/fileadmin/templates/images/allover/blue-trans.png");
	width:270px;
	position:absolute;
	top:0px;
	left:180px;
}

.view-back .text{
	width:190px;
	min-height:200px;
	padding:10px 10px 10px 40px;
	font-size:0.8em;
	color:#ffffff;
}

#content .view-back .text a, .view-back .text a:link{
	color:#ffffff;
}

.view-back .text h1{
	margin:0px;
	font-size:1.4em;
}

.view-back .morelink{
	position:absolute;
	left:0px;
	bottom:0px;
}



/*
===================================================
partner-box
===================================================
*/

.partner-box{
	width: 207px;
	height:210px;
	overflow:hidden;
	float:right;
	margin:10px 4px 5px 5px;
	-moz-box-shadow:    0px 5px 5px 0px #ddd;
	-webkit-box-shadow: 0px 5px 5px 0px #ddd;
	box-shadow:         0px 5px 5px 0px #ddd;
}

/*
===================================================
referenz-text
===================================================
*/
.referenz-teaser{
	margin:0;
	height:185px;
	overflow:hidden;
}
.referenz-teaser h3{font-size:1em;margin:0;}
.referenz-teaser .bodytext{margin:5px 0 5px 0;}
.more-referenz .shortcut-plus, .more-referenz .shortcut-minus{
	float:right;
	
}
.more-referenz {
	overflow:hidden;
	margin: 0 0 30px;
}
/*
===================================================
shareset
===================================================
*/
#shareset{float:right;margin:5px 0px 5px 0;}
.referenz-text .csc-uploads {float:right;}
.btn-group .fa {
    background: none repeat scroll 0 0 #cccccc;
	background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    color: #555658;
    height: 27px;
    line-height: 27px;
    margin: 0 6px 0;
    text-align: center;
    width: 27px;
	border: 1px solid #D3D3D3;
	font-size:0.8em;
}
/*
===================================================
referenz uebersicht
===================================================
*/
#c79 .csc-textpic-image,#c114 .csc-textpic-image, #c115 .csc-textpic-image, #c115 .csc-textpic-single-image{
	-moz-box-shadow:    0px 5px 5px 0px #ddd;
	-webkit-box-shadow: 0px 5px 5px 0px #ddd;
	box-shadow:         0px 5px 5px 0px #ddd;
}

/*
===================================================
Dmail Form
===================================================
*/
.DMAIL{
	width:420px;
	}
.dmail_form{
	width:430px;
	display:block;
}
.dmail_form input, .dmail_form select{
	border:1px solid #cccccc;
	width:210px;
	float:right;
	margin:2px;
}

.dmail_form select{
	width:212px;
}
.dmail_form input.checkbox{
	border:none;
	width:210px;
	float:right;
	margin:2px;
}
.dmail_form label{
	width:200px;
	float:left;
	margin:2px;
}
.DMAIL .kill{
	width:440px;
	display:block;
	float:left;
}
.DMAIL .error{
	width:420px;
	display:block;
	color:#cc0000;
	font-size:9px;
	text-align:right;
	margin:5px;
}

.DMAIL .submit{
	margin:6px 0px 0px 0px;
}



.stretch{
    box-shadow: 2px 0 10px 12px #CCCCCC;
    height: 300px;
    position: relative;
    top: 0;
    z-index: 1;
}

.news-single-img p {display:none;}
.news-single-img p.news-single-imgcaption {display:block;font-size:0.7em;}
.news-single-img {display:block;overflow:hidden;}
.news-single-img .news-img-container {
    float: left;
    padding: 0px 5px 5px 0px;
width:240px;
}
