@charset "utf-8";

/* CSS Document */

@import "ksm_navigation_01.css";
@import "rte_defs.css";

/* Standards */

:focus {
  outline: 0;
}


html {
	background: transparent url(../images/shadow.jpg) repeat-y center top;
	height: 100%;
}


body {
	background: transparent url(../images/u.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: left;
	height:100%;
		line-height:16px;
}

div {
	margin: 0;
	padding: 0;
}

object {
	margin: 0;
	padding: 0;
}

.tx-dropdownsitemap-pi1 div {
	padding: 2px;
	margin: 0;
}

a {
	margin: 0;
	padding: 0;
}

dl {
	margin: 0;
	padding: 0;
}

dt {
	margin: 0;
	padding: 0;
}

.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-align: left;
}

hr {
	background: #fff url(../images/hr.gif) repeat-x top left;
	height:10px;
	margin:0;
	padding:0;
	border:0;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #002b65;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	/*color: #002b65;*/
	text-decoration: underline;
}

a.extra, .infoBoxText a {
	background: transparent url(../images/pfeil.gif) no-repeat left 2px ;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 11px;
	margin: 0px 0 0 0;
	padding:0px 0 0 15px;
	text-decoration: none;
	font-weight: bold;
	text-transform:uppercase;
}

a.extra:hover, .infoBoxText a:hover {
	text-decoration: underline;
}

.extraBack {
	background: transparent url(../images/pfeil_back_link.gif) no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 11px;
	margin: 0px 0 0 0;
	padding:0px 0 0 10px;
	text-decoration: none;
	font-weight: normal;
	text-transform:uppercase;

}

a.extraBack:hover {
	text-decoration: underline;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin: 0;
	padding:0px;
	color: #333;
	line-height:16px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #333;
}

.blue p {
	color: #002b65;
}



p.extraLink a {
	background: transparent url(../images/pfeil_link.gif) no-repeat center left;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 11px;
	margin: 5px 0 0 0;
	padding:0px 0 0 10px;
	text-decoration: none;
	font-weight: normal;
	text-transform:uppercase;
}

p.extraLink a:hover {
	text-decoration: underline;
}

ul {
	margin:0;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #333;
}

.tx-dropdownsitemap-pi1 ul, .tx-dropdownsitemap-pi1 li, .tx_dropdownsitemap_pi1 ol {
	list-style:none;
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-type:none;
}


#centerBar ul {	
	margin-top:0;
	margin-left:20px;
	padding:0;
}


#centerBar li {	
	list-style-image: url(../images/bullet.gif);
	margin:0;
	padding:0;
	vertical-align:middle;
}

#breadCrumb ul, #breadCrumb li {	
	margin: 0;	
	padding:0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: left;
	margin:0;
	color:#c00;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	margin:0 0 15px 0;
	padding:0;
}


/* grafische Headline */

h5.imageheader {
     height:26px;
     background-repeat:no-repeat;
     padding: 0 0 15px 0;
	 margin: 0;
}

h5.imageheader strong{
       display:none;
}

/* ########## Suche ############# */

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	border-left: #666 1px solid;
	border-top: #666 1px solid;
	border-right: #c1c2c4 1px solid;
	border-bottom: #c1c2c4 1px solid;
	height: 18px;
	background-color: #fff;
	margin:0px 0 0 0;
	padding:0;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	border-left: #666 1px solid !important;
	border-top: #666 1px solid !important;
	border-right: #c1c2c4 1px solid !important;
	border-bottom: #c1c2c4 1px solid !important;
	height: 18px;
	background-color: #fff;
	margin:-5px 0 0 0;
	padding:0;
}

#indexedSearchBox {
	margin:0;
	padding:0;
}

#indexedSearchBox td select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	width:190px;
	height:17px;
	padding:0;
	border-left: #666 1px solid;
	border-top: #666 1px solid;
	border-right: #c1c2c4 1px solid;
	border-bottom: #c1c2c4 1px solid;
}

#indexedSearchBox td.result select {
	width:60px;
	padding: 0 0 0 10px;
	display:inline;
}

input.searchButton {
	background: transparent url(../images/go.gif) no-repeat top left;
	height: 24px;
	width: 21px;
	margin: 0px 0 0 10px;
	padding:0;
	cursor: pointer;
	border:0;
}

input.searchButtonDetail {
	background: transparent url(../images/suche_button.jpg) no-repeat top left;
	height: 19px;
	width: 67px;
	margin: 0px 5px 0 10px;
	padding:0;
	cursor: pointer;
	border:0;
}

input.nachrichtsenden {
	background: transparent url(../images/sende_button.jpg) no-repeat top left;
	height: 19px;
	width: 67px;
	margin: 0px 5px 0 0px;
	padding:0;
	cursor: pointer;
	border:0;
}

input.textField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	border-left: #666 1px solid;
	border-top: #666 1px solid;
	border-right: #c1c2c4 1px solid;
	border-bottom: #c1c2c4 1px solid;
	height: 15px;
	padding: 2px;
	width: 180px;
	background-color: #fff;
}


input.textFieldSearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	border-left: #666 1px solid;
	border-top: #666 1px solid;
	border-right: #c1c2c4 1px solid;
	border-bottom: #c1c2c4 1px solid;
	height: 15px;
	padding: 2px;
	width: 180px;
	background-color: #fff;
}

select.selSearchTop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	border-left: #666 1px solid;
	border-top: #666 1px solid;
	border-right: #c1c2c4 1px solid;
	border-bottom: #c1c2c4 1px solid;
	height: 21px;
	padding: 2px;
	background-color: #fff;
	margin-left:10px;
}

textarea  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	border-left: #666 1px solid;
	border-top: #666 1px solid;
	border-right: #c1c2c4 1px solid;
	border-bottom: #c1c2c4 1px solid;
	background-color: #fff;
	width: 281px;
	height:150px;
}

.line {
	background: transparent url(../images/line.gif) repeat-x top left;
	width: 520px;
	height:5px;
	margin:0 0 0 0px;
	padding: 0;
}

.line2 {
	background: transparent url(../images/line2.gif) repeat-x top left;
	width: 520px;
	height:41px;
	margin:0;
	padding: 0;
}



/* Suche Ende */

a img {
	border: 0px;
}

img {
	margin: 0;
	padding: 0;
}

/*######### Div- Elemenete ################*/

#wrapper  {	
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 100%;
	height:100%;
}



#container {
	background: transparent url(../images/bg_top.jpg) no-repeat top left;
	width: 1020px;
	height:100%;
	margin: 0 auto;
	text-align: left;
	clear: left;
	top:0px;
	bottom:0px;
} 

#header {
	background-color: transparent;
	width: 1020px;
	height: 115px;
	margin:0;
	padding: 0;
}


#logo {
	width: 256px;
	height: 47px;
	margin: 30px 0 0 30px;
	padding: 0;
	position:absolute;
}

#searchTop {
	margin: 40px 0 0 770px;
	position:absolute;
}

#searchTop p a {
	font-family: Arial, Helvetica, sans-serif;
	color:#b4c0d7;
	font-size:11px;
	text-decoration:none;
	display:block;
	padding:5px 0 0 0;
}


#searchTop p a:hover {
	text-decoration: underline;
}

/* MAIN NAVIGATION */


#navigation {
	background-color: transparent;
	width: 1000px;
	height: 70px;
	margin: 0px 0 0 10px;
	padding: 0;
	z-index:10;
}

#naviMain {
	background-color: #fff;





	width: 710px;
	height: 50px;
	margin: 10px 0px 0px 20px;
	position:absolute;
	z-index:40;
}



#naviMainRight {
	background: transparent url(../images/navi_right_bar.jpg) no-repeat top left;
	width: 220px;
	height: 50px;
	margin: 10px 0 0 760px;
	position:absolute;
}

/* Ende */

#content {
	/*background: #fff url(../images/shadow.jpg) repeat-y center top;*/
	background-color:#fff;
	width: 960px;
	margin: 0 0 0 30px;
	padding: 0;
	position: relative;
}

/* linke Spalte (Navileft) */

#leftBar {
	background-color: #fff;
	width: 160px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	/*neu*/
	height:200px;
}

#naviLeft {
	background-color:#fff;
	border-top:1px solid #ccc; 
	padding:0;
}

#welleLeft {
	background: #fff url(../images/welle_left.jpg) no-repeat top left;
	width: 200px;
	height: 260px;
	margin: 0px 0 0 -20px;
	padding: 0;
	position:absolute;
}

#backBtn {
	margin: 5px 0 0 20px;
	padding: 0;
}

/* Inhalt */

#flashBox {
	background-color: #fff;
	width: 710px;
	height: 355px;
	margin: 0;
	padding: 0;
	float: left;
	z-index:-10;
}

#centerBar {
	background-color: #fff;
	width: 520px;
	margin: 0 0 0 30px;
	padding: 0;
	float: left;
	overflow: hidden;
}

#actionBar{
	background: transparent url(../images/action_bar.gif) repeat-x top left;
	width: 520px;
	height:21px;
	margin: 20px 0 0 0;
	padding: 0px;
}

#actionBar td {
	vertical-align: middle;
	height:21px;
}

#actionBar a {
	background: transparent url(../images/actionbar_pfeil.gif) no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
	padding-left: 8px;
	text-decoration: none;
	font-weight: normal;
}

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

/* rechte Spalte */

#rightBar {
	background-color: #fff;
	width: 222px;
	margin: 0;
	padding: 0;
	float: right;
}

div.teaserRight {
	width: 222px;
	margin: 0 0 10px 0;
	padding: 0;
}

div.teaserRight h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 0 10px;
}



div.teaserRightTopContact {
	background: transparent url(../images/teaser_right_top_kontakt.jpg) no-repeat top left;
	width: 222px;
	height: 21px;
	margin: 0;
	padding: 0;
}

div.teaserRightTopCareer {
	background: transparent url(../images/teaser_right_top_career.jpg) no-repeat top left;
	width: 222px;
	height: 21px;
	padding: 0;
	margin: 0 0 0 1px;
}

div.teaserRightTopMmc {
	background: transparent url(../images/teaser_right_top_mmc.jpg) no-repeat top left;
	width: 222px;
	height: 21px;
	margin: 0;
	padding: 0;
}

div.teaserRightTopMousepad {
	background: transparent url(../images/teaser_right_top_mousepad.jpg) no-repeat top left;
	width: 222px;
	height: 21px;
	margin: 0;
	padding: 0;
}

div.teaserRightTopEs {
	background: transparent url(../images/teaser_right_top_es.jpg) no-repeat top left;
	width: 222px;
	height: 21px;
	margin: 0;
	padding: 0;
}

div.teaserRightTopNews {
	background: transparent url(../images/teaser_right_top_news.jpg) no-repeat top center;
	width: 222px;
	height: 21px;
	margin: 0 0 0 1;
	padding: 0;
}

div.teaserRightTopVideo1 {
	background: transparent url(../images/teaser_right_top_video1.jpg) no-repeat top left;
	width: 222px;
	height: 21px;
	margin: 0;
	padding: 0;
}

div.teaserRightMiddle {
	background: transparent url(../images/teaser_right_middle.jpg) repeat-y top left;
	width: 222px;
	margin: 0;
	padding: 0;
}

div.teaserRightMiddleContact {
	margin: 0;
	padding: 0;
}

div.teaserRightMiddleVideo1 {
	margin: 0;
	padding: 0;
}

div.teaserRightMiddleVideo1 object {
	/*margin: -10px 0 -20px 3px;*/
	margin: 0px 0 0px 3px;
	padding: 0;
}

div.teaserRightMiddleMmc {
	margin: 0;
	padding: 0;
}

div.teaserRightMiddleEs {
	margin: 0;
	padding: 0;
}

div.teaserRightMiddleMousepad {
	margin: 0;
	padding: 0;
}

div.teaserRightMiddleContact {
	margin: 0;
	padding: 0;
}


div.teaserRightMiddle p{
	margin: 0;
	padding: 0px 0 0 10px;
	width: 200px;
}

div.teaserRightBottom {
	background: transparent url(../images/teaser_right_bottom.jpg) no-repeat top left;
	width: 222px;
	height:15px;
	margin: 0;
	padding: 0;

}

div .space30 {
	background-color:aqua;
	margin: 30px 0 0 0;
	padding:0;		
}

/* ende */

#spaceBottom {
	background-color: transparent;
	width: 100%;
	height:70px;
	clear:both;
}

/* footer */
/*#footer {
	background: transparent url(../images/footer_under.jpg) no-repeat top left;
	width: 1000px;
	height:30px;
	bottom:0px;
	clear:both;
	margin:-25px auto;
	position:fixed;
}*/



#footer {
	background: transparent url(../images/footer_under.jpg) no-repeat top center;
	width: 1000px;
	height:30px;
	bottom:0px;
	clear:both;
	position:fixed;
	margin: 0 0 0 10px;
}


#kloko {
	font-size:11px;
	color:#747370;
	background-color: transparent;
	margin: 4px 0 0 833px;
	padding: 0;
	position:absolute;
}

#kloko a.schrift {
	font-size:11px;
	color:#747370;
	background-color: transparent;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#kloko a.schrift:hover {
	text-decoration: underline;
}

/* ende */

/* flexible Seitenelemente */

/* indesxed Search*/



input .textFieldSearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	border-left: #666 1px solid;
	border-top: #666 1px solid;
	border-right: #c1c2c4 1px solid;
	border-bottom: #c1c2c4 1px solid;
	height: 18px;
	background-color: #fff;
	margin:0;
	padding:0;
}

#indexedSearchBox table {
	width: 520px;
}

div .searchPager {
	background: transparent url(../images/search_pager.gif) repeat-x top left;
	width: 520px;
	height:32px;
	margin: 5px 0 5px 0;
	padding: 0px;
}

div .searchResult {
	margin: 10px 0 0 0;
}

div .searchPager table {
	height:32px;
}

div .searchPager table a {
	text-decoration: none;
	padding-left:8px;
}

div .searchPager table a:active {
	font-weight: normal;
}

.tx-indexedsearch-title-caption a {
	background: transparent url(../images/pfeil_teaser.gif) no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 12px;
	margin: 0px 0px 0 0;
	padding:6px 0px 0px 8px;
	text-decoration: none;
	font-weight: normal;
}

.tx-indexedsearch-title-caption a:hover {
	background: transparent url(../images/pfeil_teaser.gif) no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 12px;
	margin: 0px 0px 0 0;
	padding:6px 0 0px 8px;
	text-decoration: underline;
	font-weight: normal;
}

/* neu wenns nicht passt rausnehmen ...*/

.tx-indexedsearch-browsebox {
	position:absolute;
	margin:0;
	padding:0;
	z-index:999;
}


.tx-indexedsearch-res {
	position:relative;
	padding:80px 0 0 0;
	width: 520px;
}

div .whatis {
	margin: -34px 0 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fff;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0 0 0;
	position: absolute;
}

td.tx-indexedsearch-browsebox-SCell a, td.pager a {
	font-family: Arial, Helvetica, sans-serif;
	color: #002b65;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

td.tx-indexedsearch-browsebox-SCell a:hover, td.pager a:hover {
	text-decoration:underline;
}

td.tx-indexedsearch-browsebox-SCell a:active, td.pager a:active {
	text-decoration:underline;
}

td.tx-indexedsearch-browsebox-SCell a:visited, td.pager a:visited {
	color: #ddd;
	text-decoration:none;
}

/* ende */


/* Kontaktformular */

div .csc-mailform-field {
	margin:5px 0 0 0;
	padding:0px;
}

div .csc-mailform-field label {
	margin:3px 0 0 0;
	text-align:left;
	vertical-align:top;
	position:absolute;
}

div .csc-mailform-field input, div .csc-mailform-field textarea {
	margin:0px 0 0 100px;
	left: 80px;
}

.csc-mailform-submit {
	background:url(../images/btn_absenden.jpg) no-repeat left top;
	width:79px;
	height:19px;
	margin:0;
	padding:0;
	border:none;
}

#sp_bettercontact_senden input{
	background:url(../images/btn_absenden.jpg) no-repeat left top;
	width:79px;
	height:19px;
	margin:0;
	margin-left: 100px;
	padding:0;
	border:none;
}

#uid238 div .csc-mailform-field input {
	margin:0px 0 0 135px;
	width: 290px;
}

#uid238 div .field-formtype_mail input {
	margin: 0 !important;
}

#uid238 fieldset {
	border: none;
	padding: 0;
}

#uid238 fieldset legend, #mailformGeburtsdatum {
	visibility: hidden !important;
	display: none !important;
}

#mailformAnredeFrau {
	margin: 0px 0 0 130px !important;
	border: none !important;
	width: 20px !important;
}

#mailformAnredeHerr {
	margin: 0px 0 0 45px !important;
	border: none !important;
	width: 20px !important;
}

#mailformeinwilligung {
	margin:0px 5px 0 0px !important;
	width:  20px !important;
	border: none !important;
}

.field-einwilligung {
	height: 80px;
}

.field-einwilligung label {
	margin: 0px 0 0 20px !important;
	width: 500px;
}

.field-Geburtsdatum {
	width: 135px;
}

.field-Geburtsdatum, .field-Tag, .field-Monat {
	float: left;
}

.field-Geburtsdatum, .field-Tag, .field-Monat, .field-Jahr, .field-Telefon, .field-Standort, .field-attachment3 {
	height: 40px;
}

.field-attachment3 {
	height: 80px;
}

#mailformTag {
	margin:0px 15px 0 25px;
}

#mailformMonat {
	margin:0px 15px 0 40px;
}

#mailformJahr {
	margin:0px 15px 0 30px;
}

#mailformBewerbung_fr_Bereich {
	margin:0px 0px 0 135px;
	width: 292px;
}

#mailformLevel {
	margin:0px 0px 0 135px;
	width: 292px;
}

#mailformStandort {
	margin:0px 0px 0 135px;
	width: 292px;
}

#uid238 .csc-mailform-field { font-weight: bold;}

#uid238 .csc-mailform-field label, #uid238 .csc-mailform-field input, #uid238 .csc-mailform-field select { font-weight: normal;}

/* Routenplaner */

a.calculation_button {
	margin:10px 0 0 10px;
	height:19px;
	width:86px;
	vertical-align:bottom;
}

/* templ 50 50 */

#col2 {
	margin:0;
	padding:0;
	width:520px;
	position:relative;
}

#colLeft {
	margin:0;
	padding:0;
	width:250px;
	float:left;
}

#colRight {
	margin:0;
	padding:0;
	width:250px;
	float:right;
}


/* Legierungszuschläge */

.tableLZ {
	margin:0;
	padding:0;
	border:1px #ddd solid;
}

.tableLZ td{
	border:1px #ddd solid;
}

.trTopLZ {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:bold;
	color:#ffffff; 
	background-color:#013775;
	text-align:left; 
	border:1px #dddddd solid;
	margin:0;
	padding:0;
	vertical-align:top;
	}
		
.tdTopLZ {
	font-size:14px;
	background-color:#013775;
	text-align:center; 
	margin:0;
	padding:0;
	border:1px #dddddd solid;
	vertical-align:top;
	}
	
.tdTopFirstLZ {
	font-size:14px;
	background-color:#013775;
	text-align:left; 
	margin:0;
	padding:0;
	border:1px #dddddd solid;
	vertical-align:top;
	}
	
.smallLZ {
	font-family:Arial, Helvetica, sans-serif;
	font-size:09px; 
	font-weight:normal;
	color:#fff; 
	text-align:center; 
	}
	
.lineRight {
	background-color: #cccccc;
	height: 1px;
	width: 220px;
	margin: 14px 0 19px 0;
	padding:0;
}

.infoBox {
    margin: 0 0 10px 0;
}

.infoBox a {
    font-size:10px;
}

.infoBoxImage {
    float:left;
}

.infoBoxText {
    float:left;
	padding:15px 0 0 5px;
}

.textRechts {
   
}

.textRechts p {
    text-transform:uppercase;
    font-size:10px !important;
}

.textRechts p a {
    text-transform:uppercase;
    font-size:10px !important;
}
	
.clear {
	display: block; 
	clear: both; 
	margin: 0 !important; 
	padding: 0 !important; 
	font-size: 0px; 
	line-height: 0px !important; 
	float: none !important;
}