body, table {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	margin: 0px;

	overflow: hidden;

}



body {

	back_ground-color: #F9F0CB;

}



/* Typo3 Tabellen im Firefox aufl�sen */

html>body table {

	padding: 0px;

	margin: 0px;

	display: inline;

	float: left;

}



#gelbe_flaeche {

  background-color: #F9F0CB;

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  display: block;

  z-index: 0;

}



.bodytext {

  display: block;

  margin: 0;

  padding: 0px;

}



#klemme_logo,
#klemme_logo_popup {

	z-index: 50;

	margin-left: -481px;

	margin-top: -287px;

}
#klemme_logo_popup {
	top: 13px;
	left: 50px;
	position: absolute;
	margin: 0;
}

#balken_oben,
#balken_oben_popup {

	margin-top: -300px;

	margin-left: -500px;

	width: 1000px;

	height: 132px;

	z-index: 10;

	background-color: #B9CAB4;

	display: block;

}
#balken_oben_popup {
	width: 800px;
	left: 0;
	top: 0;
	position: absolute;
	border-bottom: 10px solid #fff;
}
#content_flaeche_gruen,
#content_flaeche_gelb,
#content_flaeche_gruen_popup, 
#content_flaeche_gelb_popup {

	margin-top: -156px;

	margin-left: -307px;

	width: 807px;

	height: 430px;

	z-index: 15;

	background-color: #E3EAE1;

	display: block;

}

#content_flaeche_gruen_popup {
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	
}
#content_flaeche_gruen_popup,
#content_flaeche_gelb_popup,
#klemme_logo_popup,
#balken_oben_popup {
	margin-left: 0;
}
#balken_oben_popup {
	margin-top: 0px;
	width: 100%;
}
#content_flaeche_gelb {

	background-color: #FEF1D2;

}

#white_background {

	margin-top: -300px;

	margin-left: -500px;

	z-index: 1;

	background-color: white;

	width: 1000px;

	height: 600px;

}

#page_headline,
#page_headline_popup {

	margin-top: -235px;

	margin-left: -224px;

	z-index: 20;

	font-size: 26px;

	font-weight: bold;

	color: #58595B;

}
#page_headline_popup {
	margin: 0;
	left: 240px;
	top: 48px;
	position: absolute;
}

#chroissant {

	position: absolute; left: 50%; top: 50%;

	margin-top: -45px;

	margin-left: -500px;

	z-index: 30;

}

#copyright_klemmeag {

	margin-top: 280px;

	margin-left: 187px;

	z-index: 25;

	color: #989898;

	width: 300px;

	font-size: 11px;

	font-weight: bold;

	text-align: right;

}

#adress {

	margin-top: 280px;

	margin-left: -307px;

	z-index: 25;

	color: #777777;

	width: 750px;

	font-size: 11px;

	font-weight: bold;

	text-align: center;

}

#menu2 {

	margin-top: -169px;

	margin-left: 57px;

	z-index: 50;

	width: 400px;

	text-align: right;

}

#manufaktur_menu {

	z-index: 60;

	margin-left: -392px;

	margin-top: 19px;

}

.karriere_menu,
.karriere_menu_ausbildung {
	z-index: 60;
	margin-left: -392px;
	margin-top: 117px;
	position:absolute;
	left:50%;
	top:50%;
}
.karriere_menu_ausbildung {
	margin-top: 167px;
}

#schatten_oben  {

	margin-left: -500px;

	margin-top: -307px;

}

#schatten_unten {

	margin-left: -500px;

	margin-top: 300px;

}

#schatten_links {

	margin-left: -506px;

	margin-top: -306px;

}

#schatten_rechts {

	margin-left: 500px;

	margin-top: -308px;

}

#inner_content {

	margin-top: -146px;

	margin-left: -223px;

	width: 720px;

	height: 412px;

	z-index: 100;

	display: block;

	overflow: auto;

	line-height: 150%;

}

#sortiment_motiv {

	z-index: 20;

	margin-left: 27px;

	margin-top: -151px;

}

#leistung_motiv {

	z-index: 20;

	margin-left: 110px;

	margin-top: -55px;

}

#produkt_text {

	margin-top: 56px;

	width: 250px;

}

#philosophie_text {

	margin-top: 75px;

	width: 300px;

}

#topmenu_layer {

	margin-left: -226px;

	margin-top: -184px;

	z-index: 150;

}

#dropdown_sortiment {

  border: 5px solid white;

  padding-top: 10px;

  padding-left: 7px;

  padding-right: 7px;

  padding-bottom: 0px;

  z-index: 200;

  background-color: #FEF1D2;

  margin-left: -283px;

  margin-top: -135px;

  visibility: hidden;

}

#presse_menu {

	z-index: 60;

	margin-left: -392px;

	margin-top: 213px;

	display: block;

}

#news_teaser {

  margin-left: 90px;

  width: 570px;

  clear: both;

}





#schatten_oben, 

  #schatten_unten, 

  #schatten_links, 

  #schatten_rechts,

  #manufaktur_menu,

  #menu2,

  #adress,

  #copyright_klemmeag,

  #page_headline,

  #white_background,

  #content_flaeche_gruen, 

  #content_flaeche_gelb,

  #klemme_logo,

  #balken_oben,

  #inner_content,

  #sortiment_motiv,

  #leistung_motiv,

  #topmenu_layer,

  #dropdown_sortiment,

  #presse_menu

{

	position: absolute; 

  left: 50%; 

  top: 50%;

}







h1,h2,h3 {font-size: 12px;}

h1 {margin-bottom: 4px;}

h2 {margin-bottom: 1px;}

h3 {margin: 0px;}



.menu_line1 {

	position: absolute;

	left: 50%;

	top: 50%;

	z-index: 40;

}

.fotodownload_thumb {

  font-size: 8px;

  text-decoration: none;

  font-style: normal;

  font-weight: normal;

  color: #777777;

  display: block;

  width: 95px;

  margin-bottom: 30px;

  margin-right: 30px;

  float: left;

}

.errorfield, .errorfield:hover, .errorfield:focus {

  border: 1px solid #EE0000;

}

.img_button, .img_button:hover, .img_button:focus {

  border: 0px; 

  background-color: #E3EAE1;

}

textarea, input {

  border: 1px solid white;

  padding: 5px;

}

input {

  padding: 1px;

  padding-left: 2px;

  padding-right: 2px;

}

textarea:hover, input:hover {

  border: 1px solid #777777;

 

}

textarea:focus, input:focus {

  border: 1px solid #777777;

  background-color: #FFFFEF;

}















a {

	color: #777777;

	font-style: italic;

	font-weight: bold;

  text-decoration: none;

  cursor: hand;

}

a:hover {

  color: black;

}



a.flagge_link {

	position: absolute;

	left: 50%;

	top: 50%;

	margin-top: -168px;

	margin-left: 466px;

	z-index: 55;

}

a.grey_link {

	text-decoration: none;

	color: #989898;

	font-weight: bold;

}

a.grey_link:hover {

	color: black;

}

a.menu2_link {

	text-decoration: none;

	color: #989898;

	font-style: italic;

	font-weight: bold;

	font-size: 11px;

	margin-left: 4px;

	margin-right: 4px;

}

a.menu2_link:hover, a.menu2_link:active {

	color: black;

}

a.menu2_link_act {

	text-decoration: none;

	color: #black;

	font-style: italic;

	font-weight: bold;

	font-size: 11px;

	margin-left: 4px;

	margin-right: 4px;

}



a.menu3_link, a.menu3_link_act {

	text-decoration: none;

	font-size: 12px;

	color: #989898;

	font-style: italic;

	font-weight: bold;

	display: block;

	margin-bottom: 2px;

}

a.menu3_link:hover, a.menu3_link:active, a.menu3_link_act {

	color: black;

}





a.menu_link {

	text-decoration: none;

	color: #989898;

	font-style: italic;

	font-weight: bold;

	font-size: 12px;

	margin-left: 2px;

	margin-right: 2px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -404px;

	z-index: 60;

}

a.menu_link:hover {

	color: black;

}

a.menu_link_start {

	text-decoration: none;

	color: #989898;

	font-style: italic;

	font-weight: bold;

	font-size: 12px;

	margin-left: 2px;

	margin-right: 2px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -404px;

	margin-top: -101px;

	z-index: 60;

}

a.menu_link_start:hover a.menu_link_start:active{

	color: black;

}

a.menu_link_start_act:link, a.menu_link_start_act:visited, a.menu_link_start_act:active, a.menu_link_start_act:hover{

	text-decoration: none;

	color: black;

	font-style: italic;

	font-weight: bold;

	font-size: 12px;

	margin-left: 2px;

	margin-right: 2px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -404px;

	margin-top: -101px;

	z-index: 60;

}

a.menu_link_news {

	text-decoration: none;

	color: #989898;

	font-style: italic;

	font-weight: bold;

	font-size: 12px;

	margin-left: 2px;

	margin-right: 2px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -404px;

	margin-top: -73px;

	z-index: 60;

}

a.menu_link_news:hover a.menu_link_news:active{

	color: black;

}

a.menu_link_news_act:link, a.menu_link_news_act:visited, a.menu_link_news_act:active, a.menu_link_news_act:hover{

	text-decoration: none;

	color: black;

	font-style: italic;

	font-weight: bold;

	font-size: 12px;

	margin-left: 2px;

	margin-right: 2px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -404px;

	margin-top: -73px;

	z-index: 60;

}

a.menu_link_sort {

	text-decoration: none;

	color: #989898;

	font-style: italic;

	font-weight: bold;

	font-size: 12px;

	margin-left: 2px;

	margin-right: 2px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -404px;

	margin-top: -46px;

	z-index: 60;

}

a.menu_link_sort:hover a.menu_link_sort:active{

	color: black;

}

a.menu_link_sort_act:link, a.menu_link_sort_act:visited, a.menu_link_sort_act:active, a.menu_link_sort_act:hover{

	text-decoration: none;

	color: black;

	font-style: italic;

	font-weight: bold;

	font-size: 12px;

	margin-left: 2px;

	margin-right: 2px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -404px;

	margin-top: -46px;

	z-index: 60;

}

a.menu_link_im {

	text-decoration: none;

	color: #989898;

	font-style: italic;

	font-weight: bold;

	font-size: 12px;

	margin-left: 2px;

	margin-right: 2px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -404px;

	margin-top: -20px;

	width: 100px;

	z-index: 60;

}

a.menu_link_im:hover a.menu_link_im:active{

	color: black;

}

a.menu_link_im_act:link, a.menu_link_im_act:visited, a.menu_link_im_act:active, a.menu_link_im_act:hover {

	text-decoration: none;

	color: black;

	font-style: italic;

	font-weight: bold;

	font-size: 12px;

	margin-left: 2px;

	margin-right: 2px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -404px;

	margin-top: -20px;

	width: 100px;

	z-index: 60;

}

a.menu_link_pr, a.menu_link_pr_act:link, a.menu_link_pr_act:visited, a.menu_link_pr_act:active, a.menu_link_pr_act:hover {

	text-decoration: none;

	color: #989898;

	font-style: italic;

	font-weight: bold;

	font-size: 12px;

	margin-left: 2px;

	margin-right: 2px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -404px;

	margin-top: 200px;

	z-index: 60;

}

a.menu_link_pr:hover a.menu_link_pr:active, a.menu_link_pr:hover, a.menu_link_pr:active, a.menu_link_pr_act:link, a.menu_link_pr_act:link, a.menu_link_pr_act:visited, a.menu_link_pr_act:active, a.menu_link_pr_act:hover {

	color: black;

}



a.menu_link_kontakt,a.menu_link_kontakt_act{

	text-decoration: none;

	color: #989898;

	font-style: italic;

	font-weight: bold;

	font-size: 12px;

	margin-left: 2px;

	margin-right: 2px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -404px;

	margin-top: 249px;

	z-index: 60;

}

a.menu_link_kontakt:hover a.menu_link_kontakt:active,a.menu_link_kontakt_act:link, a.menu_link_kontakt_act:visited, a.menu_link_kontakt_act:active, a.menu_link_kontakt_act:hover{

	color: black;

}



a.sortimentauswahl_uebersicht {

	text-decoration: none;

	color: #989898;

	font-style: italic;

	font-weight: bold;

	display: block;

	float: left;

	text-align: center;

	width: 133px;

}

a.sortimentauswahl_uebersicht:hover {

	color: black;

}

a.topmenu_link, a.topmenu_link_act {

	text-decoration: none;

	color: #989898;

	font-style: italic;

	font-weight: bold;

	display: block;

	float: left;

	text-align: center;

	width: 80px;

}

a.topmenu_link:hover, a.topmenu_link_act {

	color: black;

}

a.dropdown_sortiment_link {

	text-decoration: none;

	color: #777777;

	font-style: italic;

	font-weight: bold;

	display: block;

	float: left;

	text-align: center;

	width: 70px;

	padding: 2px;

	line-height: 93%;



}

a.dropdown_sortiment_link:hover {

	color: black;

}

a.weiter_link {

	text-decoration: none;

	color: red;

	font-style: italic;

	font-weight: bold;

	float: right;

	margin-top: 10px;

	padding-left: 25px;

	background-image: url(http://p20567.typo3server.info/fileadmin/klemme/sys_img/weiter_pfeil.gif);

	background-repeat: no-repeat;

	background-position: 0px 3px;

}

a.weiter_link:hover {

	color: black;

}





a.sitemaplink1, a.sitemaplink2, a.sitemaplink3, a.sitemaplink4 {

  display: block;

  color: black;

  font-style: normal;

  font-weight: normal;

  

}

a.sitemaplink1 {

  font-weight: bold;

  margin-top: 10px;

}

a.sitemaplink2 {

  font-weight: bold;

  margin-left: 10px;

}

a.sitemaplink3 {

  

  margin-left: 20px;

}

a.sitemaplink4 {

  font-style: italic;

  margin-left: 30px;

}

/* um das umbrechen UT bei pressefotos zu erhindern*/

.presse_ut{float:left;}



/*Bildabstand im normalen Content*/

.imgtext-table {margin-top:0px;}





/* menulink karriere im hauptmenu */

a.menu_link_ausbildung, 
a.menu_link_ausbildung_act,
a.menu_link_karriere, 
a.menu_link_karriere_act {
	text-decoration: none;
	color: #989898;
	font-style: italic;
	font-weight: bold;
font-size: 12px;
	margin-left: 2px;
	margin-right: 2px;
	position: absolute;
left: 50%;
top: 50%;
margin-left: -404px;
margin-top: 97px;
z-index: 60;
}
a.menu_link_ausbildung, 
a.menu_link_ausbildung_act {
	margin-top: 150px;
}
a.menu_link_karriere_act:link, 
a.menu_link_karriere_act:visited, 
a.menu_link_karriere_act:active,
a.menu_link_karriere_act:hover,
a.menu_link_karriere:hover a.menu_link_karriere:active,
a.menu_link_karriere_act:link,
a.menu_link_ausbildung_act:link, 
a.menu_link_ausbildung_act:visited,
a.menu_link_kausbildung_act:active, 
a.menu_link_ausbildung_act:hover,
a.menu_link_ausbildung:hover a.menu_link_ausbildung:active,
a.menu_link_ausbildungre_act:link {
	color: black;
}



/* added class f�r menschen gesch�ftsleitung */

.menschen_gl {
clear: both;
display: block;
margin-top: 82px;
width: 670px;
  padding-left: 30px;
  padding-top: 30px;
}
.menschen_gl div{
	float: left;
	position: relative;
	width: 300px;
}
/*
  display: block; 
  height: 184px; 
  margin-top: 4px; 
  width: 670px;
  clear:both;
*/


/* Klemme Mitarbeiter Extension CSS */

.karriere {
  position: absolute; 
  left: 50%; 
  top: 50%; 
  z-index: 70; 
  margin-left: -224px; 
  margin-top: -90px; 
  width: 720px;
  height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
}

.karriere p, .karriere div {

  clear:left;

  float:left;

  position:relative;

  width: 400px;
	padding-bottom: 1em;

}

.tx-klemmemitarbeiter-pi1 {

    float:left;

    color: #000;

    margin-top:1em;

    width:695px;

}

.klemme-mitarbeiter-berufe,.klemme-mitarbeiter-desc {

  width:300px;

  float:left;

}

.klemme-mitarbeiter-berufe {

  clear: left;

  padding-bottom:10px;

}

.tx-klemmemitarbeiter-pi1 .active a,.tx-klemmemitarbeiter-pi1 .active p{

  color: #000;

}

.karriere  .klemme-mitarbeiter-berufe-footer {

  font-style: italic;

  font-size: 1em;

  margin:0;

  line-height:16px;

  color: #777;

}

.karriere .klemme-mitarbeiter-desc {

  position:absolute;

  top: 0;

  right: 0;

  margin: 0px;

  height: auto;

  width: 390px;

}

.karriere .klemme-mitarbeiter-desc p{

  margin:0 0 1em 0;

  padding-right:10px;

  width:360px;

  clear: both;

  }

.karriere .klemme-mitarbeiter-desc ul li{

  clear:both;

  }
.karriere-popup {
 position: absolute;
 left: 50px; 
 top: 200px; 
 z-index: 70; 
 width: 530px;
 padding-right: 50px;
 height: 400px;
}
.karriere-wrapper {
  height: 370px;
  overflow-y: auto;
}
.karriere-wrapper .karriere-left-col,
.karriere-wrapper .karriere-right-col {
  position: relative;
  float:left;
  width: 300px;
}
.karriere-wrapper .karriere-left-col {
  margin-right: 30px;
}
.karriere-wrapper ul,
.karriere-popup ul {
	background: none;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	background: #ffffff;
	padding-left: 35px;
	width: 300px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	left: 0;
}
.karriere-popup ul {
	background: none;
}
.karriere-popup ul li,
.karriere-wrapper ul li {
	line-height: 1.5em;
	}
.karriere-popup p{
  margin: 0;
}
.headline,
.karriere-popup .headline {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 1em;
}
.dub_headline,
.karriere-popup .sub_headline {
  font-weight: bold;
  font-size: 12px;
  margin-top: -1em;
  margin-bottom: 1em;
}
.print-popup {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index:15;
}
.karriere-popup-footer {
	display: none;
	bottom: 0;
	padding-bottom: 50px;
	left: 50px;
	z-index: 70;
	position: absolute;
}