/*------------------------------------  Standart-Template CSS | © 2009 by stanglag.de  Ebenen-Styles------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0
}
body {
	width: 100%;
	text-align: center;
	background: #ccc
}
html, body {
	height: 100%
}
#wrapper {
	width: 995px;
	margin: auto;
	text-align: left
}
#head {
	width: 995px;
	height: 287px;
	float: left;
	background: url(pix/loading.gif) no-repeat center 80px #fff;
	position: relative;
	z-index: 1
}
#bg_head_bottom, #bg_head_bottom_start, #bg_head_bottom_special {
	width: 995px;
	height: 25px;
	background: url(pix/bg_nav_cen.gif) no-repeat 0 bottom;
	position: absolute;
	top: 262px;
	left: 0;
	z-index: 2
}
#bg_head_bottom_start {
	background: #969799
}
#bg_head_bottom_special {
	background: url(pix/bg_nav_cen_special.gif) no-repeat 0 bottom;
}
#navigation_top, .bg_nav_top {
	width: 984px;
	height: 22px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3
}
.bg_nav_top {
	width: 995px;
	z-index: 4
}
#nav_top_left, #nav_top_right {
	width: 757px;
	height: 22px;
	float: left;
	position: absolute;
	top: 4px;
	left: 11px;
	z-index: 5
}
#nav_top_right {
	width: 227px;
	text-align: right;
	left: 757px
}
#logo {
	width: 228px;
	height: 146px;
	padding: 23px 0 0 767px;
	border-bottom: 2px solid #e6412b;
	position: absolute;
	top: 22px;
	left: 0;
	z-index: 3
}
#navigation_center, .bg_nav_cen {
	width: 995px;
	height: 94px;
	z-index: 3;
	position: absolute;
	top: 193px;
	left: 0
}
.bg_nav_cen {
	height: 57px;
	z-index: 4;
	top: 3px
}
#navigation_center ul {
	z-index: 5;
	position: absolute;
	top: 7px;
	left: 12px
}
#body {
	width: 995px;
	float: left;
	overflow: hidden;
	background: url(pix/bg_body.gif) repeat-y #868789
}
#navigation_left {
	width: 164px;
	float: left;
	padding: 23px 21px 23px 21px
}
#content {
	width: 723px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	float: left;
	padding: 24px 33px 23px 33px;
	background: #a7a9ac
}
#content_start {
	width: 889px;
	height: 355px;
	float: left;
	padding: 24px 33px 0 73px;
	background: url(pix/stangl_ag_logo_start2.gif) no-repeat 784px 35px #b1b3b4;
	overflow: hidden
}
#content_special {
	width: 995px;
	float: left;
	background: url(pix/bg_con_special.gif) repeat-y 0 0 #b1b3b4;
	overflow: hidden
}
#content div, #content_start div {
	line-height: 13px
}
#con_start_left {
	width: 264px;
	float: left;
	padding: 38px 38px 0 0;
	position: relative
}
#con_start_center {
	width: 362px;
	float: left;
	padding: 10px 0 0;
	position: relative
}
#con_start_center p, #con_start_center span, #con_start_left p {
	line-height: 1.2
}
#con_start_center p a {
	text-decoration: underline
}
#con_start_right {
	width: 185px;
	float: left;
	padding: 106px 0 0;
	position: relative
}
#content_left {
	width: 283px;
	float: left
}
#content_right {
	width: 432px;
	float: left;
	padding: 35px 0 0
}
#content_down_left {
	width: 483px;
	float: left
}
#content_down_right {
	width: 232px;
	float: left;
	padding: 35px 0 0
}
#content_contact_left {
	width: 385px;
	float: left
}
#content_contact_right {
	width: 337px;
	float: left
}
#content_history {
	width: 925px;
	height: 324px;
	float: left;
	padding: 13px 0 0 73px;
	background: #b1b3b4;
	overflow: hidden
}
#bottom, #bottom_start, #bottom_special {
	width: 995px;
	height: 25px;
	float: left;
	background: url(pix/bg_nav_cen.gif) no-repeat 0 0
}
#bottom_start {
	background: #969799
}
#bottom_special {
	background: url(pix/bg_nav_cen_special.gif) no-repeat 0 0
}
/*------------------------------------  Navigation-Styles------------------------------------*/
.nav_1_n, .nav_1_h {
	float: left;
	padding: 0 3px 0 0
}
.nav_4_n, .nav_4_h {
	float: right;
	padding: 0 0 0 4px
}
.nav_1_n a:hover, .nav_1_h a:hover, .nav_4_n a:hover, .nav_4_h a:hover, .nav1_h, .nav4_h {
	text-decoration: underline
}
.nav1_n, .nav1_h, .nav4_n, .nav4_h {
	font-size: 10px
}
.nav_2_n, .nav_2_h {
	width: 99px;
	height: 50px;
	float: left;
	margin: 0 5px 0 0;
	padding: 4px 9px 0 9px;
	cursor: pointer
}
.nav_2_h {
	height: 83px
}
.nav_2_n a:hover, .nav_2_h a:hover {
	text-decoration: none
}
.nav2_n, .nav2_h {
	font-size: 10px;
	line-height: 15px;
	font-weight: 700;
	color: #fff
}
.nav_3_n, .nav_3_h {
	padding: 0 0 16px 0
}
.nav_3_n a:hover, .nav_3_h a:hover {
	text-decoration: none;
	font-weight: 700
}
.nav3_n, .nav3_h {
	font-size: 13px;
	color: #fff;
	line-height: 16px
}
.nav3_h {
	font-weight: 700
}
/*------------------------------------  HTML-Tag-Styles------------------------------------*/
div, td, p, a, h2, ul, li {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	line-height: 1
}
h2 {
	float: left;
	font-size: 15px;
	font-weight: 700;
	color: #fff
}
.h2_black {
	color: #000
}
.h2_12px {
	padding: 2px 0 0 4px;
	font-weight: normal;
	font-size: 12px
}
.h2_red {
	width: 100%;
	padding: 0 0 13px 0;
	font-size: 18px;
	color: #a9192d;
	white-space: nowrap;
	line-height: 22px
}
img {
	margin: 0;
	padding: 0;
	border: 0
}
li {
	list-style-type: none
}
strong {
	font-weight: 700
}
address, address a {
	font-size: 12px;
	font-style: normal;
	line-height: 1.2;
	text-align: right
}
a:link, a:visited {
	color: #000;
	text-decoration: none
}
a:hover, a:active, a:focus {
	color: #000;
	text-decoration: underline
}
a:focus {
	outline: none;
	text-decoration: none
}
/*------------------------------------Kontaktformular-Styles------------------------------------*/
.input_text, .textarea {
	width: 334px;
	float: left;
	margin: 5px 0 3px 0;
	padding: 5px 2px 0
}
.input_text, .textarea {
	background: #c1c1c1;
	border: 1px solid #7b7c7c
}
.input_text {
	height: 21px;
	font: 11px Arial, Verdana, Helvetica, sans-serif
}
.input_text:hover, .textarea:hover, .input_text:active, .textarea:active, .input_text:focus, .textarea:focus {
	border: 1px solid #fff
}
.plz {
	width: 50px;
	float: left;
	margin: 5px 5px 3px 0
}
.city {
	width: 273px;
	float: left
}
.textarea {
	height: 254px;
	font: 11px Arial, Verdana, Helvetica, sans-serif
}

#checkbox {width:100%;float:left;margin:2px 0 5px}
#checkspan {clear:both;margin:0 0 5px 0}
.checkbox {width:16px;height:16px;float:left;margin:0 8px 0 0;vertical-align:middle}
.checklabel {float:left;height:16px;margin:0 16px 0 0;cursor:pointer;line-height:16px}
.clear {clear:both;height:7px;zoom:1}
* html .clear {line-height:0;font-size:0}

.button {
	clear: both;
	width: 100px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: 700;
	text-align: left;
	background: #a7a9ac;
	border: none;
	cursor: pointer
}
* html .button {
	width: 100px
}
.form_text {
	clear: both;
	width: 334px;
	float: left;
	padding: 2px 0 0 0
}
.infotext {
	float: left;
	width: 334px;
	padding: 15px 0 0
}
.text_after_sending {
	width: 334px;
	float: left
}
/*------------------------------------Baustein-Styles------------------------------------*/
.three_pics_div {
	width: 241px;
	height: 130px;
	float: left;
	padding: 0 0 15px 0;
	text-align: center
}
.three_pics_div p {
	padding: 6px 0 0;
	font-size: 12px;
	font-weight: 700;
	color: #fff
}
.panels_content {
	width: 723px;
	background: url(pix/bg_panels_lines.gif) repeat-y 0 0;
	overflow: hidden
}
.panels_div {
	width: 168px;
	height: 66px;
	float: left;
	padding: 8px 0 0 11px
}
.panels_img {
	width: 54px;
	height: 54px;
	float: left;
	padding: 2px;
	overflow: hidden
}
.panels_img:hover {
	background: #000
}
.panels_text {
	width: 89px;
	height: 64px;
	float: left;
	padding: 2px 0 0 21px
}
.img_popup {
	padding: 20px 10px 10px 0;
	text-align: center
}
.four_s_pics {
	width: 432px;
	float: left;
	padding: 37px 0 0
}
.four_s_pics_div {
	width: 87px;
	float: left;
	padding: 0 28px 0 0
}
.four_s_pics_img {
	width: 85px;
	height: 85px;
	overflow: hidden;
	border: 1px solid #000
}
.four_pics_con {
	float: left;
	padding: 25px 0 0
}
.four_pics_div {
	width: 180px;
	float: left;
	text-align: center
}
.four_pics_div p, .img_popup p {
	padding: 20px 0 0;
	font-size: 12px;
	font-weight: 700;
	color: #fff
}
.contact_addresses {
	width: 337px;
	float: left;
	padding: 45px 0 39px 0
}
.contact_addresses_left, .contact_addresses_right {
	width: 167px;
	float: left
}
.download_div {
	float: left;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #000
}
.download_text {
	width: 483px;
	float: left;
	padding: 0 0 5px 0;
	cursor: pointer
}
.download_text a:hover {
	text-decoration: none
}
.download_link {
	width: 483px;
	float: left;
	text-align: right;
	cursor: pointer
}
.download_text_small {
	width: 341px;
	float: left;
	padding: 10px 0 0
}
.download_link_small {
	width: 141px;
	float: left;
	text-align: right
}
.start_link {
	min-width: 200px;
	position: absolute
}
.start_link a, .welcome_link {
	font-weight: 700;
	color: #a9192d !important
}
.welcome_text, .welcome_text div {
	width: 100%;
	height: 156px;
	float: left;
	overflow: hidden
}
.welcome_link {
	position: absolute;
	top: 278px;
	left: 0
}
.history_three_img {
	width: 87px;
	float: left;
	padding: 0 19px 0 0;
	position: relative
}
.history_img {
	width: 84px;
	height: 84px;
	float: left;
	margin: -6px 0 0;
	border: 1px solid #000;
	overflow: hidden;
	position: absolute;
	left: 0
}
.history_text_left {
	width: 253px;
	float: left
}
.history_text_right {
	width: 298px;
	float: left;
	padding: 22px 0 0
}
.history_date {
	width: 37px;
	float: left;
	font-weight: 700
}
.history_block {
	width: 100%;
	float: left;
	padding: 0 0 18px 0
}
.history_description {
	width: 216px;
	float: left
}
.history_description_right {
	width: 264px;
	float: left
}
/*------------------------------------  News-Bereich------------------------------------*/
/*.news_overview, .news_detail {
	width: 326px;
	height: 306px;
	float: left;
	padding: 16px 0 0 16px;
	background: #969799
}
.news_overview {
	z-index: 1;
	position: relative;
	top: 0
}
.news_detail {
	position: absolute;
	z-index: 2;
	top: -3000px;
	left: 0
}
.news_div {
	width: 326px;
	height: 60px;
	float: left;
	margin: 0 0 14px 0;
	cursor: pointer
}
.news_div h2 {
	font-size: 14px;
	color: #fff
}
.news_left, .news_detail_left {
	width: 223px;
	height: 60px;
	float: left;
	color: #fff;
	overflow: hidden
}
.news_right, .news_detail_right {
	width: 88px;
	height: 60px;
	float: left;
	font-size: 13px;
	font-weight: 700;
	color: #fff
}
.news_detail_left, .news_detail_right {
	height: 25px;
	color: #fff
}
.news_right, .news_detail_right {
	text-align: right
}
.news_detail_left h2 {
	font-size: 14px;
	color: #fff
}
.news_detail_content {
	width: 325px;
	height: 250px;
	float: left;
	color: #fff
}
.news_detail_back {
	width: 310px;
	height: 15px;
	float: left;
	text-align: right
}
.news_detail_back a {
	font-size: 13px;
	color: #fff
}
*/
.news_headline {
	width: 257px;
	float: left;
	padding: 0 0 18px 7px;
	background: url(pix/arrow_red.gif) no-repeat 0 2px;
	font-size: 14px;
	color: #a9192d
}
.news_img {
	width: 95px;
	height: 134px;
	float: left;
	overflow: hidden;
	border: 1px solid #000;
	margin: 0 14px 14px 0
}
.news_text {
	width: 153px;
	float: left;
	margin: -3px 0 0
}
.novelty {
	float: left
}
.novelty h2 {
	width: 100%;
	float: left;
	padding: 0 0 15px 0
}
.novelty_content {
	width: 100%;
	float: left
}
.novelty img {
	float: left;
	padding: 0 15px 15px 0
}
/*------------------------------------  Tabellen-Baustein------------------------------------*/
.table_small {
	width: 432px
}
.table_small th {
	font-weight: 700
}
.table_small tr {
	width: 428px
}
.column_th, .column {
	text-align: left;
}
.column {
	height: 18px;
	padding: 2px 3px 0 3px !important
}
/*------------------------------------  Referenzen-Baustein------------------------------------*/
.ref_list {
	width: 418px;
	padding: 22px 0 0 21px;
	float: left
}
.ref_list li {
	width: 209px;
	height: 46px;
	float: left
}
.ref_list_n {
	color: #fff !important;
	font-size: 13px
}
.ref_list_h, .ref_list a:hover, .ref_list a:active, .ref_list a:focus {
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -0.03em;
	text-decoration: none
}
.ref_content {
	width: 524px;
	float: left;
	margin: 24px 0;
	padding: 14px 16px 5px 16px;
	background: #ebeced
}
.ref_content h2 {
	width: 100%;
	padding: 0 0 20px 0
}
.ref_con_text_bold {
	width: 130px;
	height: 20px;
	float: left
}
.ref_con_text {
	width: 394px;
	height: 20px;
	float: left
}
.last_text {
	padding: 0 0 11px 0
}
.ref_content_div {
	width: 142px;
	height: 142px;
	float: left;
	margin: 0 10px 10px 0;
	overflow: hidden
}
.ref_content_img {
	border: 1px solid #fff
}