/* General element styles: */
/***************************/

* { 
margin:0;
padding:0;
background-color: transparent;
font-size: 1em;
}
html {
font-size: 100.01%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body { 
color: #707070;
font-size: 85%;
}
html,button,
input,select,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:400;
}

.js-gme-saddress { 
    border:1px solid #ccc;
	padding:3px; 
	width:55%;
	background:transparent;}
.js-gme-submit {
    width:140px;
	height:25px;
    background: url("../../images/submit.jpg") no-repeat;
	color:#fff;
	font-weight:400;
	cursor:pointer;
}
.js-map {margin:30px 0;}

li.csc-form-element{
  display:block;
  margin:10px 0 !important;
}

li.csc-form-element label em{
  display:none;
 
}

input,select,textarea {
	border: 0px solid #333;
	padding:4px;
	background: #fff;
}
input.menu-searchfields { border:1px solid #9b9b9b; float:left;}
input.submit_search { padding:3px; background:url(../../images/button_search.png) no-repeat; cursor:pointer; }



p {
line-height: 150%;
margin: 0 0 1.0em 0; 
}
a { 
color: #004189; 
text-decoration: none; 
}
a:focus {
  outline: thin dotted #ec6a1e;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
  color:#000;
  text-decoration:underline;
}
a img {border: 0;}

input, textarea, option { 
padding-left: 2px;
}

pre { font-family: monospace; }
strong, b { font-weight: bold;}
blockquote { margin: 0 40px;}
hr { visibility: hidden; }
sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
em {font-style:italic;}

sup { top: -0.5em; }
sub {
    bottom: -0.25em;
}
/* Headers, plain */
/******************/
h1 { 
  font-size: 200%;
  font-weight: normal;
  margin: 0.6em 0 0.8em 0; 
  color:#004189;
  line-height:1.1em;
  clear:both;
 
}



h2 {
	font-size: 100%;
	font-weight: bold;
	color:#707070;
	margin: 6px 0 0.7em 0.7em; 
	}
h3 { font-size: 110%;  font-weight:bold; line-height:1.3em; margin:10px 0 10px 0; color:#313131; }	
h3 a{  color:#313131; }	

.colinside3 h2 { 
  font-size: 120%;
  font-weight: bold;
  margin: 0.6em 0 0.8em 0; 
  padding:7px 0 5px 10px;
  color:#fff;
  text-transform:uppercase;
  background: url("../../images/sidebar_h2.jpg") no-repeat;
}

.colinside2 h2 {
	margin: 6px 0 0.7em 0; 
	font-size: 200%;
	font-weight: normal;
	color:#004189;
	}
	
.colinside2	.csc-textpic-text { padding:20px 20px 10px 30px}

.footer-inner h2{
    color:#fff;
	font-size: 130%;
	text-shadow: 1px 1px 2px #333;
	text-transform:uppercase;
	padding:0 0 8px 0;
	margin:0 0 1.2em 0;
	background: url(../../images/h2_footer.png) repeat-x 0 100%;
}


h4 { font-size: 110%; margin:0; }
h5 { font-size: 100%;  margin:0;}

h1#header {
    line-height: 0;
    text-indent: -9999px;
}

.clearer {clear:both;}

/* Headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a {  
text-decoration: none; 
}

h1 a:hover, h2 a:hover, 
h3 a:hover, h4 a:hover, 
h5 a:hover { 
text-decoration: underline; 
}


/* Subheader, general */
p.csc-subheader { 
font-style: italic; 
background-color: #EDEBF1; 
}


.red {color:#FF0033; background:#fff; padding:10px}
.orange { color: #ec6a1e; }
.small { font-size:0.8em; color: #ec6a1e;}


/* RTE / Bodytext: */
/*******************/
p a { 
font-weight: normal; 
}
.indent {
margin-left:50px;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-justify {
text-align: justify;
}

/* RTE / Bulletlists */
ul, ol { 
padding-left:25px;
margin: 0 0 1em 0;
}
li { 
padding-top: 2px;

}

.colinside p {
  text-align: left;
  line-height:1.4em;
}

.colinside li, .colinside2 li{ 
 line-height:1.4em;
}
.colinside ul li { 
  padding-left:0;
  list-style-type: square; 
}

.colinside2 ul li { 
  padding-left:5px;
  list-style-type: square; 
}

/* Images */
/**********/

img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}



/* Images / Captions */
.csc-textpic-caption { 
font-size: 100%; 
color:#000;
padding:0 0 30px 30px;
}

/* Images / Captions */
dd.csc-textpic-caption { 
font-size: 100%; 
color:#000;
padding:30px 0 30px 30px;
}



/* Tables, generally */
/*********************/

div.table_bg {
    background:#e6e9ee;
	padding:20px;
}

table { 
		width: 100%; 
		border-collapse: collapse; 
		margin:0;
	}

td, th { 
		padding: 6px; 
		text-align: left; 
		line-height: 1.4em;
	}

table, thead, tbody, th, td, tr { 
		/*	display: block; */
		}

table.contenttable td { vertical-align:top; border-bottom:1px solid #8b8d8f; }


table.contenttable tr td:first-child {
   width:50%; 
}



td.tablehead { background: #a6aab3; color:#fff; }

table.csc-uploads {width:auto; border-bottom:1px solid #e6eaed;}
td.csc-uploads-fileName a {font-weight:bold;}
td.csc-uploads-fileName { padding:6px 0 6px 0; }


/* Search result */
/*****************/

/* Search Result, result information box: */
table.csc-searchResultInfo {  
margin-top: 10px; 
width: 100%;
}
table.csc-searchResultInfo tr { 
background-color: #EDEBF1; 
}
table.csc-searchResultInfo tr td p { 
padding: 0 5px 0 5px;
}
table.csc-searchResultInfo tr td.csc-searchResultRange p { 
font-weight: bold; 
}
table.csc-searchResultInfo tr td.csc-searchResultPrevNext { 
text-align: right; 
}

/* Search Result, header + abstract: */
h3.csc-searchResultHeader a { 
color: #186900; 
}
h3.csc-searchResultHeader { 
background-color: #EDEBF1; 
font-size: 14px; 
padding-left: 5px; 
}
p.csc-searchResult { 
font-style: italic; 
margin-left: 20px;
}

/* Search word markup */
span.csc-sword { 
font-weight: bold; 
color: red; 
}


#search input {
background: transparent;
float:left;
}
#search input.menu-searchfields {
background: #fff;
width: 120px;
margin-right: 5px;
font-size: 95%;
}

/* Menu / Sitemap, generally */
/*****************************/
.csc-sitemap ul,.csc-sitemap li {
list-style: none;
margin:0;
padding:0;
}
.csc-sitemap ul li a {
display:block;
padding: 2px 0 2px 10px;
border-bottom:1px solid #9e9e9e;
font-weight: bold;
}
.csc-sitemap ul li a:hover {color: #010335;}
.csc-sitemap ul li li a {
padding: 2px 0 2px 40px;
border-bottom:1px solid #c6c6c6;
font-weight:normal;
}
.csc-sitemap ul li li li a {
padding: 2px 0 2px 70px;
border-bottom:1px solid #ddd;
}
.csc-sitemap ul li li li li a {
padding: 2px 0 2px 90px;
border-bottom:1px solid #eee;
}
.csc-sitemap ul li li li li li a {padding: 2px 0 2px 110px;}
/* Menu / Sitemap, "Menu of these pages" */


/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
.csc-menu-4 dd { 
font-weight: normal;  
margin-top: 0; 
padding: 0 2px 2px 20px; 
}


/********************************/
p.csc-linkToTop { 
text-align: right; 
padding:0 20px 0 0; 

}
p.csc-linkToTop a { 
font-weight: normal; 
color: #323232;
background: url("../../images/top_link.gif") no-repeat 0 3px;
text-decoration:none;
padding:0 0 0 15px;

}

p.csc-linkToTop a:hover { 
font-weight: normal; 
color: #004189; 
text-decoration:none;
}
div.csc-frame { 
border: 0; 
}
div.csc-frame-invisible {}
div.csc-frame-rulerBefore { 
border-top: 1px solid #333333; 
margin: 20px 0 0 0;
}
div.csc-frame-rulerAfter { 
border-bottom: 1px solid #333333; 
margin: 0 0 20px 0;
}
div.csc-frame-indent { 
padding-left: 100px; 
}
div.csc-frame-indent3366 { 
  padding-left: 33%; 
}
div.csc-frame-indent6633 { 
padding-right: 33%; 
}

/*############################# Rahmen um Maschinen ######################################*/
.csc-frame-frame1 { 
padding:0 0 10px 0; 
margin-bottom: 10px;
border:0 !important;
background:#fff !important;
border-bottom:1px solid #f0f2f4 !important;
}

.csc-frame-frame1 .csc-textpic-intext-left-nowrap { background-color: #f2f4f6 !important; overflow:hidden }
.csc-frame-frame1 .csc-textpic-single-image { padding:10px 10px 0 10px; overflow:hidden; width:28.456592%; }

.csc-frame-frame1 .csc-textpic-text {padding:10px 0 0 0;}
.csc-frame-frame1 .csc-textpic-text p{margin: 0 0 1em 0; }

.csc-frame-frame1 h3  { font-size: 110%; font-weight:bold; line-height:1em; margin:0 0 10px 0 !important; color:#313131; }

.csc-frame-frame2 h1{ 
padding:0; 
margin: 0 0 0 10px;
background:#fff !important;

}

.csc-frame-frame2 .csc-textpicHeader h1 {
  margin: 0 0 20px 0;
}

.csc-frame-frame2 .csc-textpic-text {padding:0 0 0 0;}

.csc-frame-frame2 { 
background: none !important; 
padding:0 !important; 
 min-height:280px;  
margin-bottom: 20px;
border:0 !important;
}
 
/** CSS**/

/* Zeigt nur das erste bild an , wenn mehrere Bilder eingefügt werden */
    div.csc-textpic-imagewrap .csc-textpic-imagerow{
    display:none; 
    }
    div.csc-textpic-imagewrap div:nth-child(1){
    display:block;
    }
	div.csc-textpic-imagewrap {
	margin-bottom:10px;
    }
  
  
  

DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-text { overflow:hidden; }
.csc-textpic-intext-right-nowrap {margin:0 0 10px 0; overflow:hidden;}

/* Positioning of images: */

	/* Center (above or below) */
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
	div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
	div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }




.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

/* Multicolum */

.clearfix:after {
		clear:both;
		content:".";
		display:block;
		font-size:0;
		height:0;
		visibility:hidden;
	}

	.multicolumnContainer {
		padding: 0;
		margin: 0 0 10px 0;	
	}
	
	.columnItems {
		padding: 0;
		margin: 0;
	}
	
	
	.columnItem {
		padding: 10px 10px 0 10px;
		margin: 0 auto;
		width:80%; 
		overflow:hidden;
		background: #f2f4f6; 
	}
	
	div.multicolumnLayout1 .columnItem {
		padding: 10px 10px 0 10px;
		margin: 0 0 10px 0;
		width:90%; 
		background: #f2f4f6;
		/* min-height:420px; */
	}
	div.multicolumnLayout1 .columnItems {
		padding: 0;
		margin: 0;
	}
	
	div.multicolumnLayout1 .columnItems .csc-textpic-text {
	 padding:0 0 20px 0; 
	 overflow:hidden;
	}
	
	
	div.multicolumnLayout1 .columnItem .csc-textpic-text{
	   height:auto;
	   padding:0;
	}
	/* Home-Seite */
	body#seite-36  #c273 div.multicolumnLayout3 .columnItem1{
		 min-height:340px; 
	}
	
	
	/* Übersichtsseite */
	body#seite-39 div.multicolumnLayout3 .columnItem1 {
		 min-height:350px; 
	}
	
	div.multicolumnLayout3 .columnItem1 {
		 min-height:290px; 
	}
	
	div.multicolumnLayout3 .columnItem1 .csc-textpic-text {
	  min-height:105px; 
	}

	
	
	

	
	body#seite-46 .columnItem {
		padding: 10px 10px 0 10px;
		margin: 0;
		width:90%; 
		background: #f2f4f6;
	}
	
	/* Textbox */
	.columnItem .csc-textpic-text {
	  min-height:165px; 
	}


	.multicolumnContainer .column {
		float: left; 
	}



/* ############################ NEWS ############################################# */


  div.news-list-item {padding:10px 40px 10px 0; color:#707070;  overflow:hidden; border-bottom:1px dotted #b4aaa7;}
  div.news-list-item div.news-list-date {text-align:right; padding:0 0 10px 0;}
  div.newsimage {width:35%; overflow:hidden; margin:0 20px 0 0; float:left; }
 .news-list-container IMG {
	float: right;
	margin:0 2px 5px 5px;
	border: none;
  }
  div.news-list-item h3{ margin:0 0 15px 0; font-size:100%; }
  div.news-list-item h3 a{ color: #707070; }
  div.news-list-item .news-list-morelink a { font-size:0.9em; padding:0 12px 0 10px; color:#000;}
  
  div.news-list-item-right { background:#f3f4f6 url(../../images/listitem.gif) no-repeat 100% 100%; padding:5px 15px 5px 15px; margin:0 0 10px 0; }
  div.news-list-item-right p{ line-height: 150%; margin: 0 0 5px 0; }
  div.news-list-item-right h2{ margin:0 0 10px 0; font-size:100%; }
  div.news-list-item-right .imageright{ margin:10px 0 15px 0; }
  div.news-list-item-right .news-list-morelink a { background:url(../../images/more.gif) no-repeat 100% 50%; color:#014189; }
  div.news-list-item-right .news-list-morelink a:hover { color:#000; text-decoration:underline; }
  
  div.news-list-item h3 a{ color: #707070; }
  div.news-list-item .news-list-morelink a { font-size:0.9em; padding:0 12px 0 10px; color:#000;}
   


  div.news-latest-item h1{ font-size:120%; margin:0 0 10px 0; }
  div.news-latest-item h2{ font-size:100%; margin:0 0 10px 0; display:none}
  div.news-latest-item { color:#707070; padding:0 0 20px 0; oveflow:hidden; clear:both; }
  div.news-latest-item .news-latest-date{ line-height: 1.2em; margin:0; font-size:0.8em; color:#707070; }
  div.news-latest-item p{ line-height: 1.3em; margin:0; font-size:0.9em; }
  div.news-latest-item p.news-list-morelink{ margin: 10px 0 0 0;  }
  div.news-latest-container { padding:0 !important; margin:0; overflow:hidden; }
  .lastimage {width:57px; height:57px; padding:2px; margin-right:15px; border:1px solid #333333; background: url("../../images/news_dummy.png") no-repeat; overflow:hidden; float:left;}
  .news-list-morelink a { background: url("../../images/mehr.png") no-repeat 5px 2px; text-decoration:none; color:#fff; padding:0 12px 0 10px;}
  
  div.news-single-backlink { width:100%; padding:25px 0 10px 10px; text-align:right; }
  
  div.news-single-item div.news-single-rightbox {text-align:right; padding:0 0 10px 0;}
  
  div.news-single-item p { line-height: 1.3em; }
  div.news-single-item h2 { line-height: 1.3em; color:#004189; margin-left:0 !important; }
  
  .news-single-img {
	float: left;
	margin:0 30px 20px 0;
	padding:0;
   }
   
   .news-single-img p.news-single-imgcaption {
     padding:10px 0;
   }


.news-single-backlink { clear:both; }




 .news-latest-gotoarchive a{ 
     background:url(../../images/button.png) no-repeat; 
	 display:block;
	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
	 width:100px;
	 color:#fff;
	 text-decoration:none;
	 padding: 5px 10px; 
	 overflow:hidden;
	 }

.news-single-img img {
	border:none;
}

.news-catmenu  {
	padding:0;
	margin-top:15px;

}
.level1{
	padding:0;
	background-color:transparent;
	overflow:hidden;
    border:0; 
}
.level1 a, .news-catmenu a {
	text-decoration:none;
}
.level1 a:hover, .news-catmenu a:hover {
	font-weight:bold;
}
div.news-catmenu .news-catmenu-NO a{background: url(../../images/news_cat_bg.png) no-repeat; padding:15px 25px;  color:#313131; width:100%; display:block; margin:2px; text-transform:uppercase;}
div.news-catmenu .news-catmenu-ACT a{background: url(../../images/news_cat_bg.png) no-repeat; padding:15px 025px; width:100%; color:#313131; display:block; font-weight:bold; margin:2px; text-transform:uppercase;}
div.news-catmenu p.news-catmenu-header {background: url(../../images/news_bg.png) no-repeat; padding:10px 25px 10px 25px; color:#fff; margin:0;}

div.news-single-item-browse {margin-top: 40px;}
div.news-single-item-browse div{margin: 20px 0;}

 /**############################ Lieferanten ############################**/
 
  .logo {
    width:197px; border:1px solid #ccc; margin:0 14px 14px 0; float:left;
  
  }
   .logo-right {
    width:197px; border:1px solid #ccc; margin:0 0 14px 0; float:left;
  }
  div.tx-lieferanten-pi1 { margin:0 0 20px 20px; overflow:hidden; }
 
@media screen and  (min-width: 230px) and (max-width: 759px) {

     div.column3 {clear:both;}
	 div.column {  width:50% !important;}
	 .csc-textpic-single-image {width:auto !important; }
 
 
 table.contenttable tr td:first-child {
   width:auto 
}
 
}