/* CSS Document */

/* einstellungen basics*/
* {
	margin: 0;
	padding: 0;
}
p,li, h1,h2,h3,h4 {
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
}
img {
	border: 0;
	margin-right: 0px;
}




/* clearfix fuer alle browser */
.cf {
	clear: both;
}
.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* IE-mac \*/
* html .cf {
	height: 1%;
}
/* clearfix end */

.left {
	float: left;
}
.right {
	float: right;
}


body {
	background-color: #F0F0F0; /* to be changed  #b2b5c0 */
	/*color: #333; */
	margin-top: 13px;
	font: 12px normal,Arial,Verdana,Helvetica,sans-serif;
	text-align: center;
}

  /* styles for IE 5 Mac */
 #horizon {
	position: absolute;
	top: 10px;
	left: 10px;
	background-image: url(../pics/bg_hg.gif);
	background-repeat:repeat-x;
 }
 /* following rules are invisible to IE 5 \*/
 #horizon {
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -308px;
	text-align: center;
	min-width: 1020px;
	background-image: url(../pics/bg_hg.gif);
	background-repeat:repeat-x;
 }
 /* end IE 5 hack */ 

#wrapper { /* box um alles */
	width:  1020px;
	height: 606px;
	background-image: url(../pics/hg_shadow.png);
	margin:   0px auto;
	text-align: left;
	position: relative;
}


/* css-start */

#shadow_content {
	float:left;
	width:1000px;
	height:586px;
	padding: 10px;
}

/* header */

#header_idx {
	float:left;
	width: 1000px;
	height: 110px;
	background-position: right;
	background-repeat: no-repeat;
	background-color: #999;
}
#header_unternehmen {
	float:left;
	width: 1000px;
	height: 110px;
	background-image: url(../pics/hg_unternehmen.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #999;
}
#header_stanztechnik {
	float:left;
	width: 1000px;
	height: 110px;
	background-position: right;
	background-repeat: no-repeat;
	background-color: #999;
}
#header_formenbau {
	float:left;
	width: 1000px;
	height: 110px;
	background-image: url(../pics/hg_formenbau.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #999;
}
#header_lohnfertigung {
	float:left;
	width: 1000px;
	height: 110px;
	background-image: url(../pics/hg_lohnfertigung.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #999;
}
#header_lehrlingsausbildung {
	float:left;
	width: 1000px;
	height: 110px;
	background-image: url(../pics/hg_lehrlingsausbildung.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #999;
}
#header_aktuelles {
	float:left;
	width: 1000px;
	height: 110px;
	background-image: url(../pics/hg_aktuelles.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #999;
}

/* header-ende */

#content {
	float:left;
	width: 1000px;
	height: 439px;
	background-color:#004B6C;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
}
#lang_menu {
	padding-top: 142px;
	width: 1000px;
	float: left;
	height: 32px;
}
.language_1 {
	padding-left: 12px;
	padding-right: 4px;
}
#idx_content {
	float:left;
	height: 142px;
	width: 1000px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
}
#idx_leftpart {
	float:left;
	height: 122px;
	width: 380px;
	padding-right: 120px;
	padding-top: 20px;
	text-align: right;
}
#idx_rightpart {
	float:right;
	height: 142px;
	width: 652px;
}
.idx_menu {
	float:left;
	width: 120px;
	padding-top: 12px;
	padding-right: 10px;
	color: #ccc;
	margin-top: 10px;
}
.idx_menu img {
	padding-bottom: 6px;
}

#footer, #footer_die, #footer_form, #footer_fertigung, #footer_screen {
	float: left;
	width: 1000px;
	height: 37px;
	background-color: #999;
}
#footer_die {
	background-color:#e2001a;
}
#footer_form {
	background-color:#007cc0;
}
#footer_fertigung {
	background-color:#008876;
}
#footer_screen {
	background-color:#f29434;
}


.contact_short {
	float: left;
	width: 700px;
	height: 27px;
	padding-left:15px;
	padding-top: 10px;
}
.contact_short a:link, .contact_short a:visited{
	color: #333;
}
.contact_short a:hover, .contact_short a:active{
	color: #ccc;
}
#berhalter_search {
	float:right;
	width: 200px;
	padding-left: 10px;
	padding-top: 10px;
	margin-right: 50px;
	text-align: right;
}


.news_pic {
	float: right;
	width: auto;
	height: 138px;
	padding-left: 10px;
	margin-right: 5px;
}
.news_text {
	float: right;
	width: auto;
	height:auto;
	text-align: right;
	font-size: 11px;
	letter-spacing: normal;
}
.mini_hl {
	float:left;
	width:auto;
	height:22px;
	padding-top: 8px;
	padding-left: 157px;
}
.lang {
	float:left;
	width:auto;
	height:auto;
	padding-left: 14px;
}
#m_menu {
	float:left;
	height: 25px;
	width: 1000px;
	padding-top: 12px;
	border-top: 1px solid #CCC;
	background-color:#E2E2E2;
}

#s_menu {
	float:left;
	height: 370px;
	width: 172px;
	padding-top: 31px;
	border-right: 1px solid #999;
	background-color: #003F59;
}
#secondary_menu {
	float:right;
	height: 20px;
	width: auto;
	padding-left:200px;
	padding-right: 40px;
	text-align: right;
	padding-top: 8px;
}
#leftpart {
	float:left;
	width: 420px;
	height: 325px;
}
#leftpart_top {
	float:left;
	width: 390px;
	height: 234px;
}
#leftpart_akt {
	float:left;
	margin-top:10px;
	height: 313px;
	width: 814px;
	overflow: auto;
}
#rightpart {
	float:left;
	width: 380px;
	height: 325px;
}
#rightpart_top {
	float:left;
	height: 234px;
	width: 380px;
}
#info_box { /* box im Content - layout-1 */
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	width: 823px;
	height: 305px;
	text-align:left;
	overflow:auto;
}
#info_box_2 { /* box im Content - layout-2 */
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	width: 823px;
	height: 200px;
	text-align:left;
	overflow:auto;
}
#headline_box {
	float:left;
	width:780px;
	height:auto;
	text-align:left;
}
#headline {
	float:left;
	padding-left: 16px;
	padding-top: 4px;
	width:390px;
	height:25px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color: #ccc;
	letter-spacing: 3px;
	text-align:left;
	background-image:url(../pics/hl-verlauf.jpg);
	background-repeat:no-repeat;
}

.textbox {
	float: left;
	margin-top:5px;
	margin-bottom:0px;
	width: 380px;
	height: 325px;
	padding-left: 30px;
	padding-right: 6px;
}
.newsbox {
	float: left;
	width: 600px;
	height: auto;
	padding-left: 14px;
	padding-top: 14px;
}
.imagebox {
	float:left;
	width: 340px;
	height: 236px;
	display: inline;
	margin-top: 7px;
	margin-left: 0px;
	padding-left: 24px;
	padding-top: 0px;
}
.quattro_image_1 {
	float:left;
	width:auto;
	height:auto;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.quattro_image_2 {
	float:left;
	width:auto;
	height:auto;
	padding: 3px;
}
#ipup_info {
	position: absolute;
	left: 196px;
	height:295px;
	width: 779px;
	visibility: hidden;
	background-color: #003F59;
	border: 1px solid #999;
	top: 232px;
}
#ipup_gallery {
	position: absolute;
	left: 197px;
	top:  166px;
	height:385px;
	width: 808px;
	background-color: #003F59;
	border: 1px solid #999999;
}
#ipup_gal {
	position: absolute;
	left: 197px;
	height:357px;
	width: 776px;
	visibility: hidden;
	background-color: #003F59;
	border: 1px solid #999;
	top: 187px;
}
.ipup_close {
	float:right;
	height: 23px;
	width: 27px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 33px;
	text-align: left;
	
}
.ipup_headline {
	float:left;
	width: 690px;
	padding-top: 25px;
	padding-left: 16px;
	padding-bottom: 25px;
	color: #ccc;
	font-weight: bold;
	font-size: 12px;
}

.sinnloswrapper {
	float:left;
	height:200px;
	width:770px;
	overflow:auto;
	margin-bottom: 20px;
}
.ipup_text {
	float: left;
	width: 350px;
	height: auto;
	padding-left: 16px;
	padding-right:10px;
}
.ipup_text_s {
	float: left;
	width: 290px;
	height: 232px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 16px;
}
.ipup_text_dyn {
	visibility:hidden;
	position: absolute;
	left: 218px;
	top: 32px;
	width: 304px;
	height: 232px;
	padding-left: 32px;
	padding-right: 48px;
	padding-bottom: 16px;
}

.ipup_text_bottom {
	float: left;
	width: 304px;
	height: 270px;
	padding-right: 48px;
	padding-bottom: 6px;
	padding-top: 16px;
}

.ipup_pic {
	float: left;
	width: 382px;
	height: 260px;
	padding-left: 16px;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	overflow:hidden;
}
.form_search {
	margin-right: 10px;
	background-color:#999;
	border: 1px solid #fff;
	color: #000;
	font-size:12px;
	width:130px;
}
.form_search_die {
	margin-right: 10px;
	background-color:#E2001A;
	border: 1px solid #fff;
	color: #fff;
	font-size:12px;
	width:130px;
}
.form_search_form {
	margin-right: 10px;
	background-color:#007cc0;
	border: 1px solid #fff;
	color: #fff;
	font-size:12px;
	width:130px;
}
.form_search_fertigung {
	margin-right: 10px;
	background-color:#008876;
	border: 1px solid #fff;
	color: #fff;
	font-size:12px;
	width:130px;
}
.form_search_screen {
	margin-right: 10px;
	background-color:#f29434;
	border: 1px solid #666;
	color: #fff;
	font-size:12px;
	width:130px;
}

.ipup_pic img, .ipup_pic_s img {
	border: 1px solid #FFF;
}

.ipup_pic_s {
	float: left;
	width: auto;
	height: 260px;
	padding: 16px;
}
.textbox_top {
	width: 360px;
	float: left;
	height: 196px;
	padding-left: 14px;
	padding-top: 15px;
}
#gal_bottom {
	float: left;
	height: 72px;
	width: 764px;
	margin-left: 14px;
	padding-top: 16px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A7A7A7;
	border-bottom-color: #a7a7a7;
	padding-bottom: 16px;
	margin-bottom: 16px;
}
#gal_bottom img {
	border: 1px solid #FFF;
	margin-right: 21px;
}
.gal_wrapper {
	float: left;
	width: auto;
	height: 356px;
	vertical-align: middle;
	text-align: left;
}
#ipup_gal .gal_wrapper img {
	border: 1px solid #FFF;
	margin-top: 16px;
	margin-left: 16px;
}
.news_pic_box {
	height: 62px;
	width: 92px;
	float: left;
	padding-bottom: 10px;
}
.news_headlinebox {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	font-weight: bold;
	letter-spacing: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	padding-left: 14px;
}
.news_headlinebox {
	height: auto;
	width: 360px;
}
.news_textbox {
	padding-bottom: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	float: left;
	width: 400px;
	padding-left: 14px;
	padding-top:4px;
}
.news_textbox {
	height: auto;
}
.newsbox .news_pic_box img {
	border: 1px solid #FFF;
}
#ipup_gal_nav_box {
	width:105px;
	height:190px;
	text-align:left;
	float: left;
	margin-top: 5px;
}
#ipup_gal .popnav {
	height: 20px;
	width: 68px;
	font-weight: bold;
	color: #cccccc;
	text-align: center;
	padding-right: 20px;
	padding-top: 110px;
	font-size: 14px;
	float: right;
}
.form_wrapper {
	float: left;
	width: 700px;
	height: auto;
	padding-top: 20px;
}
.textpart {
	float: left;
	width: 120px;
	padding-left: 20px;
	padding-bottom: 5px;
	height: 18px;
	padding-top:4px;
}
.formpart {
	float: left;
	width: 480px;
	height: 22px;
	padding-bottom: 5px;
}
.form_form {
	background-color:#3d4c64;
	border: 1px solid #999;
	color:#ccc;
	font-size:12px;
	width:130px;
	padding:2px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
.links_headlinebox {
	float: left;
	width: 600px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	font-weight: bold;
	letter-spacing: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	height:auto;
}
.links_linklist {
	float: left;
	height: auto;
	width: 556px;
	padding-left: 44px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	letter-spacing: 0px;
}
.menubox {
	width: 180px;
	float: left;
	height: 14px;
	line-height: 14px;
	padding-bottom: 2px;
}
.impressumbox {
	float: left;
	width: 200px;
	height: auto;
	padding-left: 14px;
	padding-top: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	letter-spacing: 0px;
}.wrap {
	width: 800px;
	float: left;
}
#flash_wrapper {
	height: 110px;
	width: 700px;
	float: right;
}
#flash_idx {
	float: left;
	height: 114px;
	width: 638px;
	padding-left: 345px;
}