/****************************************************************
************************** stratec css **************************
****************************************************************/

body {
  margin: 5px 0 0 5px;
  padding: 0;
  font-size:100.1%;
  font-family: Trebuchet MS,Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  text-align:left;
}
#container{
  position:absolute;
  left:50%;
  margin-left:-490px;
  width: 980px;
  float: left;
  text-align:center;
}

#schatten{
  width: 980px;
  /*min-height: 560px;
  height:auto !important;
  height:560px;*/
  float:left;
  background: url(../img/schatten_seite.gif) repeat-y ;
  text-align:left;
}

.clear {
clear : both;
}
#kopfHome {
margin : 0 0 0 4px;
padding : 0;
width : 970px;
height : 250px;
float : left;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
*html #kopfHome {
width : 958px;
margin : 0 0 0 2px;
}
#kopf {
margin : 0 0 0 4px;
padding : 0;
width : 970px;
height : 135px;
float : left;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
*html #kopf {
width : 968px;
margin : 0 0 0 2px;
}
#kopfUnternehmen {
background: #b1dee8 url(../img/rubrik_unternehmen.jpg) no-repeat;
margin : 0 0 0 4px;
padding : 0;
width : 970px;
height : 135px;
float : left;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
*html #kopfUnternehmen {
width : 958px;
margin : 0 0 0 2px;
}
#kopfProdukte {
margin : 0 0 0 4px;
padding : 0;
width : 970px;
height : 135px;
float : left;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
*html #kopfProdukte {
width : 958px;
margin : 0 0 0 2px;
}

#logo {
float:right;
width : 150px;
padding : 0 0 30px 0;
}

#seite {
margin : 0 0 0 4px;
padding : 0;
width : 970px;
float : left;
background: #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
*html #seite{
margin : 0 0 0 2px;
}

/****************************************************************
************************** Fusszeile ****************************
****************************************************************/
#fuss{
	margin:10px 0 0 0;
	padding-top:2px;
	float:left;
	font-size:9px;
	color: #000000;
	width:710px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-align:center;
}
#fusslinks{
  float:left;
  width:170px;
  text-align:left;
  margin: 7px 0 0 5px;
}
#fussRechts{
  float:left;
  text-align:right;
  width:800px;
  margin: 7px 3px 0 0;
}
*html #fussRechts{
  margin: 7px 2px 0 0;
}
#fuss a, #fuss a:visited {
font-weight:normal;
text-decoration : none;
padding:0;
color: #484848;
}
#fuss a:hover, #fuss a:active, #fuss a:focus, #fuss #fusslinks .CUR a {
color: #000;
}


/****************************************************************
************************** Navigation ***************************
****************************************************************/

/***** Metanavi *****/

#metanavi {
font-size : 10px;
float : right;
padding : 0;
margin : 10px 25px 0 0;
}
*html #metanavi {
float : right;
padding : 0;
margin : 10px 12px 0 0;
}
#metanavi ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#metanavi ul li {
position : relative;
display : block;
float : right;
}
#metanavi ul li a {
display : inline;
border-right : 1px solid #90979a;
color : #90979a;
text-decoration : none;
padding : 0 6px;
font-weight: bold;
}
#metanavi ul li a:hover {
color : #000;
}
#metanavi ul li a.letzter {
display : block;
border-right : 0;
color : #90979a;
text-decoration : none;
padding : 0 0 0 6px;
}
#metanavi ul li a.letzter:hover, #metanavi ul li .CUR a {
color : #000;
}

/***** Hauptnavi *****/

#navi {
margin: 0 0 0 4px;
width : 970px;
float : left;
padding : 0;
background:#c5c9ca;
font-size: 12px;
font-weight:bold;
border: 1px solid #fff;
/*text-transform:uppercase;
letter-spacing:1px;*/
}
*html #navi {
margin: 0 0 0 2px;
}
#suche {
width: 181px;
margin:4px 0 0 30px;
float: left;
/*background:#d8dbdc;*/
}
*html #suche {
margin:4px 0 0 15px;
float: left;
}
#suche2 {
float: right;
margin: 4px 25px 0 0;
}
*html #suche2 {
float: right;
margin: 3px 12px 0 0;
}
#suche2 a, #suche2 a:visited, #suche2 a:hover, #suche2 a:active, #suche2 a:focus{
color:#000;
text-decoration:none;
font-size:10px;
}
#navi ul {
margin : 0;
padding : 0;
list-style-type : none;
float:left;
}
#navi ul li {
display : block;
float : left;
}
/*#navi ul li a {
display: block;
text-decoration : none;
padding : 5px 36px 3px 36px;
color:#000;
}*/
#navi ul li a {
display: block;
text-decoration : none;
padding : 5px 27px 3px 27px;
color:#000;
}
#navi ul li a:hover, #navi ul li a.hauptaktiv, #navi ul li .CUR a {
color : #fff;
background-color:#b6babc;
}

/***** Subnavi *****/

#subnavi {
width : 237px;
float : left;
padding : 0;
margin : 0;
font-size: 12px;
font-weight:bold;
height:100px;
}
#subnavi ul {
margin : 0;
padding : 0;
list-style-type : none;
float:left;
}
#subnavi ul li {
float : left;
}
#subnavi ul li a {
display: block;
width: 170px;
text-decoration : none;
padding : 5px 10px 4px 30px;
color:#000;
background:#b6babc;
border-bottom: 1px solid #fff;
}
*html #subnavi ul li a {
width: 210px;
wid\th: 170px;
}
#subnavi ul li a:hover, #subnavi ul li a.subaktiv, #subnavi ul li.ACT a, #subnavi ul li.CUR a {
color : #fff;
background-color: #a1a6a9;
}

/***** Subsubnavi *****/

#subsubnavi {
display: block;
width : 245px;
float : left;
padding : 0;
margin : 0;
font-size: 12px;
font-weight:bold;
}
#subsubnavi ul {
margin : 0;
padding : 0;
list-style-type : none;
float:left;
}
#subsubnavi ul li {
float : left;
}
#subsubnavi ul li a, #subsubnavi ul li.NO a {
display: block;
width: 170px;
text-decoration : none;
padding : 5px 10px 4px 30px;
color:#dcdfdf;
background:#a1a6a9;
border-bottom: 1px solid #fff;
}
*html #subsubnavi ul li a {
width: 210px;
wid\th: 170px;
}
#subsubnavi ul li a:hover, #subsubnavi ul li a.subsubaktiv, #subsubnavi ul li.CUR a  {
color : #fff;
background-color: #90979a;
}

/****************************************************************
*************************** Content *****************************
****************************************************************/

#contentHome{
margin:30px 0 0 0;
width: 710px;
float:left;
}
#content{
margin:30px 0 0 0;
width: 710px; 
float:left;
min-height: 370px;
height:auto !important;
height:370px;
}
#text{
width: 400px;
float: left;
}
#textOhnebild{
width: 575px;
float: left;
}
.newsHome{
width: 360px;
float: left;
background:#d3d6d8;
margin:12px 0 15px 0;
padding:0 15px;
}
*html .newsHome{
width: 400px;
wid\th: 360px;
margin:10px 15px 15px 0;
}
.textSchmalLinks{
width: 190px;
float: left;
}
.textSchmalRechts{
width: 190px;
float: right;
}
#teaserrahmen{
  width: 290px;
  float:right;
}
.teaser{
  width: 290px;
  height: 75px;
  background-color:#b1dee8;
  float:right;
  margin:0 0 10px 0;
}
.textBreit{
width: 560px;
float: left;
}
.textBreitLinks{
width: 270px;
float: left;
}
.textBreitRechts{
width: 270px;
float: right;
}
.bildSpalte{
width: 150px;
float: left;
margin-left:25px;
}
.legende{
width: 125px;
float: right;
}

/****************************************************************
**************************** Typo *******************************
****************************************************************/

#contentHome #text h1 {
font-size:20px;
text-transform:uppercase;
letter-spacing:1px;
color:#b2b6b8;
margin:0 0 10px 0;
}


#contentHome #text .newsHome h1{
font-size:16px;
line-height:23px;
margin:10px 0 5px 0;
color:#000000;
text-transform:none;
letter-spacing:0px;
}

.newsHome p {
font-size:12px;
line-height:18px;
margin: 0 0 5px 0;
border-top:1px solid #fff;
padding-top:5px;
}
h1  {
font-size:16px;
line-height:23px;
margin:0 0 10px 0;
}

h2, .tx-indexedsearch-title td  {
font-size:13px;
margin:0 0 5px 0;
}
p, .tx-indexedsearch td, .tx-indexedsearch-whatis, .csc-textpic-caption {
font-size:12px;
margin: 0 0 5px 0;
line-height:18px;
}
.tx-indexedsearch input, .tx-indexedsearch select {
  font-size:12px;
  font-family: Trebuchet MS,Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
}

a, a:visited, a:hover, a:active, a:focus{
text-decoration:none;
border:none;
padding:0;
margin:0;
}

.tx-indexedsearch a, .tx-indexedsearch a:visited {
color: #FF0000;
}

.tx-indexedsearch a:hover, .tx-indexedsearch a:active, .tx-indexedsearch a:focus {
text-decoration : underline;
}


.tx-indexedsearch-browsebox {
padding : 0;
margin : 0 0 10px 0;
}

.tx-indexedsearch-browsebox ul {
margin : 0;
padding : 0;
}
.tx-indexedsearch-browsebox ul li {
display: inline;
}

.tx-indexedsearch-browsebox ul li a, .tx-indexedsearch-browsebox ul li a:visited {
margin : 0 30px 0 -14px;
padding : 0;
}

#text p.bodytext a, #text p.bodytext a:visited, #textOhnebild p.bodytext a, #textOhnebild p.bodytext a:visited, #teaserrahmen p.bodytext a, #teaserrahmen p.bodytext a:visited {
color: #FF0000;
/* font-weight : bold; */
text-decoration : none;
padding-left : 14px;
background : url(../img/mehr.gif) no-repeat 0 6px;
margin-left: 10px;
}


#text .newsHome p.bodytext a, #text .newsHome p.bodytext a:visited {
color: #000000;
font-weight : normal;
padding-left : 0px;
margin-left: 0px;
background-image:none;
}


#text p.bodytext a:hover, #text p.bodytext a:active, #text p.bodytext a:focus, #textOhnebild p.bodytext a:hover, #textOhnebild p.bodytext a:active, #textOhnebild p.bodytext a:focus, #teaserrahmen p.bodytext a:hover, #teaserrahmen p.bodytext a:active, #teaserrahmen p.bodytext a:focus {
text-decoration : underline;
}

p.techdat a, p.download a, p.ansprechpartner a, p.mehr a, p.ohnePfeil a, p.ohnePfeil a:visited, p.mehr a:visited, p.techdat a:visited, p.download a:visited, p.ansprechpartner a:visited {
text-decoration : none;
color: #FF0000;
/* font-weight : bold; */
text-decoration : none;
margin-left: 0px;
padding-left : 20px;
}
p.techdat a {
background : url(../img/techDaten.gif) no-repeat 0 0;
}
p.download a {
background : url(../img/download.gif) no-repeat 0 0;
}
p.ansprechpartner a {
background : url(../img/kontakt.gif) no-repeat 0 0;
}
p.ohnePfeil a {
background : none;
padding-left : 0px;
}
p.mehr a, p.mehr a:visited {
background : url(../img/mehr.gif) no-repeat 0 6px;
padding-left : 17px;
margin-left: 3px;
}
p.ohnePfeil a:hover, p.ohnePfeil a:active, p.ohnePfeil a:focus, p.techdat a:hover, p.techdat a:active, p.techdat a:focus, p.mehr a:hover, p.mehr a:active, p.mehr a:focus, p.download a:hover, p.download a:active, p.download a:focus, p.ansprechpartner a:hover, p.ansprechpartner a:active, p.ansprechpartner a:focus {
text-decoration : underline;
}



/****************************************************************
*************************** Teaser *****************************
****************************************************************/

.teaser h1 {
font-size:17px;
margin:7px 0px 2px 15px;
color:#FFFFFF;
font-weight:normal;
}

.teaser p {
font-size: 12px ;
font-weight:bold;
line-height:14px;
margin:0 0 0 15px;
}

.teaser img, div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img  {
float:right;
margin:-7px 0 0 5px;
padding:0;
} 

/* IE6 */
* html .teaser img, * html div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
float:right;
margin:0;
padding:0;
}

/* IE7 */
*+html .teaser img, *+html div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
float:right;
margin:0;
padding:0;
}


a.teaser2, a.teaser2:visited {
font-weight:bold;
color:#FFFFFF;

}

a.teaser2:hover, a.teaser2:active, a.teaser2:focus {
font-weight:bold;
color:#FFFFFF;
}



/****************************************************************
*************************** System *****************************
****************************************************************/

/* Suchfeld */

#suche2 form {
	display:inline;
}

#suche2 input {
	background-color: #fff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100px;
	height: 16px;
	font-size:100%;
         font-family: Trebuchet MS,Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
         margin:0px 5px 0 0;

}

/* Formatierung Tabelle */

table.contenttable, table.contenttable tr td {
	border-collapse:collapse;
	margin:0;
}

table.contenttable thead tr td, table.contenttable thead th {
	background-color: #c5c9ca;
	vertical-align: middle;
	font-size:12px;
}

table.contenttable tbody tr td {
	background-color: #FFFFFF;
	vertical-align: top;
	padding:4px 0 0px 0;
	border-top: 0px solid #c5c9ca;
	border-right: 0px none #c5c9ca;
	border-bottom: 1px solid #c5c9ca;
	border-left: 0px none #c5c9ca;
}

/* Mailformular format */

fieldset.csc-mailform {
	font-size:12px;
	border: 0px none #FFFFFF;
	margin:0;
	padding:0 0 60px 0;
}

.csc-mailform input, .csc-mailform textarea {
	font-family: Trebuchet MS,Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	position: absolute; 
	left:350px;
	width: 200px;
	height: 15px;
}

input.csc-mailform-submit {
	margin-top:50px;
	width: 80px;
	font-family: Trebuchet MS,Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	height: 25px;
}

.csc-mailform-field {
	padding-bottom:10px;
}

.csc-mailform textarea {
	height: 60px;
}



/* Aufzählungen */
#content ul {
	padding:0 0 0 14px;
	margin:0;
	font-family: Trebuchet MS,Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
         line-height:18px;

}

* html #content ul {
	padding:0 0 0 16px;
	margin:0;
	font-family: Trebuchet MS,Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
         line-height:18px;
}

#content li {
	padding:0;
	margin:0 0 4px;
	list-style-position: outside;
	list-style-type: square;
}


.csc-sitemap a, .csc-sitemap a:visited, ul.csc-menu a, ul.csc-menu a:visited {
color:#000000;
}

.csc-sitemap a:hover, .csc-sitemap a:active, .csc-sitemap a:focus, .csc-menu a:hover, .csc-menu a:active, .csc-menu a:focus {
text-decoration : underline;
}



/* Fläche 1*/
  .flaeche1 {
  background-color:#b1dee8;
  padding:10px;
  }