/*
---------------------------------------------------------------------
=main_frame
------------------------------------------------------------------ */

#main_frame a.small004793 {
    font: normal 10px verdana, arial, sans-serif;
    color: #004793;
    text-decoration: underline;
}

#main_frame a.small004793:hover { text-decoration: none; }

#main_frame a.medium004793 {
    font: normal 11px verdana, arial, sans-serif;
    color: #000;
    text-decoration: underline;
}

#main_frame a.medium004793:hover { text-decoration: none; }


#main_frame p {
    line-height: 18px;
}

#main_frame p.mf_history {
    margin-top: -1px;
    color: #004793;
    line-height: 0px;
}

#main_frame h1 {
    padding: 13px 0px;
    font: bold 18px verdana, arial, sans-serif;
    color: #666;
}

#main_frame .small {
    font: normal 10px verdana, arial, sans-serif;
    color: #333;
}



/*
---------------------------------------------------------------------
==homepage
------------------------------------------------------------------ */

#main_hp {
    position: absolute;
    margin-top: -8px;
    z-index: 10;
}

#teaser_hp {
    position: relative;
    margin-top: 403px;
    left: 13px;
}

#teaser_hp span {
    margin-right: 1px;
}


/*
---------------------------------------------------------------------
==intro area
------------------------------------------------------------------ */

#main_intro {
    width: 706px;
    min-height:148px;
    overflow: visible;
    border-bottom: 1px solid #666;
    margin: 0px 18px 15px 24px;
    background: none;
    z-index: 12;
}

#quickCat_select {
    margin: 5px 0px 15px 0;
    padding: 0px;
}

#main_history {
    width: 706px;
    margin: 0px 18px 0px 24px;
}

#intro_banner {
		float:right; 
		width: 140px; 
		margin-bottom:14px; 
}

#main_intro p.intro_text {
    width: 550px;
		padding-bottom: 15px;
}

div.dropdownSwitcher {
    padding-bottom:30px;
    width:400px;
}

*html div.dropdownSwitcher {
		padding-bottom: 6px;
}

#main_intro p.intro_text:after {
  	content: ".";
  	display: block;
  	height: 0;
  	clear: both;
  	visibility: hidden;
}

#main_intro p#errorbox {
    position: absolute;
    top: 110px;
    margin: 5px 0px 1px;
    padding: 0px;
    font-weight: bold;
    color: #f00;
}


/*
---------------------------------------------------------------------
==teaser
------------------------------------------------------------------ */

/* asc #main_teaser {
    position: absolute;
    top: 136px;
    right: -9px;
    width: 300px;
    height: 164px;
    margin: 0px;
    padding: 0px;
    z-index: 999;
} */


#main_teaser {
    float: right;
    width: 297px;
    margin: 0;
/* funktioniert nur in FF:
    margin-top: -33px;
    margin-right: -12px;
*/
    z-index: 999;
}



/*
---------------------------------------------------------------------
==content area
------------------------------------------------------------------ */

#main_content {
    width: 726px;
    margin: 0px 0px 15px 24px;
    /* asc
    width: 710px;
    margin: 0px 8px 15px 24px; */
    /* asc
    min-height: 365px; */
    min-height: 365px;
    clear: both;
}

/*------------- AZI -------------*/

#main_content div.smallBoxesOraDiv {
	 position: absolute;
	 bottom: -118px;
}

* html #main_content div.smallBoxesOraDiv {
	bottom: -126px;
}

#main_content div.contentBoxesOraDiv {
	 width: 97px;
	 position: absolute;
	 left: 0px;
	 bottom: 75px;
}

#main_content div.contentBoxesOraDiv p {
	 margin: 0px;
	 text-align: center;
}

#main_content span.shankdiameter {
    position: absolute;
    bottom: -114px !important;
    right: -114px !important;
}

* html #main_content span.shankdiameter {
    bottom: -124px !important;
}

#main_content span.smaller {
    font-size: 10px;
}

#applicationStatus {
  display: inline;
  background-color: red;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 2px 4px;
}

span.smallBoxColorCode {
	top: 122px;
	z-index: 20;
}

span.detailColorCode {
	top: 252px;
	z-index: 20;
}

span.contentColorCode {
	bottom: 24px;
	z-index: 20;
}

span.noMarginLeft, p.noMarginLeft {
	margin-left: 0px !important;
}

/*------------- AZI -------------*/


#main_content p.search_header {
    position: relative;
    width: 710px;
    margin: 0px 0px 15px;
    font-weight: bold;
    color: #333;
    cursor: auto;
}

#main_content .box140x140 {
    position: relative;
    float: left;
    margin: 0px 2px 2px 0px;
    width: 140px;
    height: 140px;
    background: url("../content/box_140x140.gif") no-repeat top left;
}

#main_content .box140x140_inside {
    padding: 9px;
}

#main_content .box282x140 {
    position: relative;
    float: left;
    margin: 0px 2px 2px 0px;
    width: 282px;
    height: 140px;
    background: url("../content/box_282x140.gif") no-repeat top left;
}

#main_content .box282x140_inside {
    padding: 1px 1px 1px 0px;
    margin-top: 15px;
    margin-left: 1px;
}

#main_content .box287x284 {
    position: relative;
    float: left;
    margin: 0px 2px 2px 0px;
    width: 287px;
    height: 284px;
    background: url("../content/box_287x284.gif") no-repeat top left;
}

#main_content .box287x284_inside {
    padding: 9px;
}

#main_content .box426x284 {
    position: relative;
    float: left;
    margin: 0px 2px 2px 0px;
    width: 426px;
    height: 284px;
    background: url("../content/box_426x284.gif") no-repeat top left;
}

#main_content .box426x284_inside {
    padding: 1px;
    margin-top: 2px;
}

#main_content .boxFullWidth {
	background: url('../content/box_520x500_bottom.gif') bottom left no-repeat transparent;
	height: 140px;
	width: 520px;
	margin: 0 0 6px 0;
	padding: 0 0 24px 0;
}

* html #main_content .boxFullWidth {
	padding-bottom: 15px;
}

#main_content #projectsOverview {
	height: 116px;
}

#main_intro.projects #quickCat_select {
	color: #666;
}

#main_frame #main_content p.history_back {
    padding-top: 18px;
}

#main_intro.projects p.mf_history a.small004793, #main_content p.history_back a.small004793 {
	color: #004793 !important;
	text-decoration: underline;
}

#main_content p.history_back a.small004793:hover {
	text-decoration: none;
}

#main_content li.variableHeight {
	background: none;
}
#main_content li.variableHeight ul {
	color: #666;
	background: url('../content/box_520x500_bottom.gif') bottom left no-repeat transparent;
	padding: 0 0 12px 0;
	float: none !important;
	width: 520px !important;
}
#main_content .boxFullWidth div {
	background: url('../content/box_520x1200_top.gif') top left no-repeat transparent;
	padding-top: 6px;
}

#main_content li.boxFullWidth ul {
	width: 273px;
	float: right;
	margin-top: 6px;
}

#main_content li.boxFullWidth li {
	clear: both;
}

#main_content .boxFullWidth p {
	color: #333;
	position:static;
	margin: 0 12px 0 0 ;
	width: auto;
	font-weight:normal;
	cursor: auto;
}

#main_content #projectsOverview.boxFullWidth h3, #main_content #projectsOverview.boxFullWidth p {
	color: #004793;
}

#main_content .boxFullWidth.variableHeight p, #main_content .boxFullWidth.variableHeight h3 {
	color: #666;
}

#main_content .boxFullWidth a,  #main_content .box140x140 a{
	color: #004793;
}

#main_content .projects {
	float: left;
/*------------- asc 3.11.2009
	height: 800px;
	-------------*/
	height: auto;
}

#main_content .projects ul{
	width: 520px;
}

#main_content .projects img.blank_img {
    left: -12px;
}

#main_content .projectsService {
	width: 170px;
	margin: 0 20px 24px 0;
	float: right;
	display: inline;
}

#main_content .projectsService h3 {
	padding: 6px 6px 6px 15px;
}

#main_content .projectsService a {
	color: #004793;
	background: url('../content/triangle.gif') center left no-repeat transparent;
	padding-left: 12px;
	text-decoration: underline;
	line-height: 24px;
}

#main_content #relatedProducts a {
	background: none;
	padding: 0;
	text-decoration: none;
}

#relatedProducts.projectsService, #otherSupplies.projectsService{
	background: url('../content/box_projectsService.gif') top left no-repeat transparent;
}

#relatedProducts.projectsService li.box140x140 {
	background: url('../content/box_140x140_white.gif') top left no-repeat transparent;
	position:relative;
	left: 15px;
}

#relatedProducts.projectsService span.smallBoxColorCode {
	right: 10px;
	top: 118px;
	z-index: 20;
}

* html #relatedProducts.projectsService span.smallBoxColorCode {
	top: 125px;
}

#relatedProducts.projectsService span.shankdiameter {
    top: 107px !important;
    left: 80px !important;
    white-space:nowrap;
}
#relatedProducts.projectsService span.shankdiameter img{
	margin: 0 0 0 0;
	top: -12px;
}

#relatedProducts.projectsService ul {
	background: url('../content/box_projectsService.gif') bottom left no-repeat transparent;
}

#otherSupplies.projectsService ul {
	background: url('../content/box_projectsService.gif') bottom left no-repeat white;	
	list-style: disc;
	padding: 0 6px 6px 18px;
}

#main_content li.box140x140 img{
	position:absolute;
	bottom: 0;
	margin: auto 9px 6px 6px ;
}

#relatedProducts.projectsService li.box140x140 img {
	margin-bottom: 0;
}

/*------------- ASC ausgeblendet am 3.11.2009 und ersetzt durch die beiden nächsten #main_content Abschnitte
#main_content .boxFullWidth img.thumbs {
	margin: 0 6px 6px 6px;
	float: left;
}
-------------*/

#main_content #projectsOverview img.thumbs {
	margin: 0 6px 6px 6px;
	float: left;
}

#main_content .boxFullWidth img.thumbs {
	margin: 0 6px 30px 6px;
	float: left;
}

#main_content li.box140x140 span {
	font-weight: bold;
	padding: 4px 6px 2px 6px;
	width: 122px;
}
#main_content li.box140x140 span.itemname {
	background-color: #FFF; 
	font-weight: bold;
	padding: 4px 6px 2px 6px;
	margin: 1px 0 0 2px;	
}

#main_content .spacer {
    position: relative;
    float: left;
    margin: 0;
    width: 710px;
    height: 20px;
}


#main_content div#aPicThumb {
    width: 125px;
    cursor: pointer;
}


#main_content div#productlogo {
    width: 400px;
		position: absolute;
		margin: 10px 0 0 -5px;
    float: left;
    cursor: auto;
}

#main_content div#productlogo p {
    cursor: auto;
}


#main_content span {
    position: absolute;
    margin: -1px 0px 0px -1px;
}

#main_content .p {
    position: absolute;
    margin: -3px 0px 0px 12px;
    width: 105px;
    font-weight: bold;
    color: #004793;
    line-height: normal;
    cursor: pointer;
}

#main_content p {
    position: absolute;
    margin: -3px 0px 0px 12px;
    width: 105px;
    font-weight: bold;
    color: #004793;
    line-height: normal;
    cursor: pointer;
}

#main_content span.wo_color {
    margin: -3px 0px 0px -1px;
    width: 120px;
}

#main_content p.wo_color {
    margin: -3px 0px 0px -1px;
    width: 120px;
}

#main_content span.p282x140 {
    width: 260px;
    margin-top: -9px;
    margin-left: 7px;
    font-weight: bold;
    color: #004793;
    line-height: normal;
}

#main_content p.p287x284 {
    width: 260px;
    margin-top: 248px;
    margin-left: -2px;
    font-size: 10px;
    color: #999;
    cursor: auto;
}

#main_content p.p426x284 {
    width: 400px;
    margin-top: 254px;
    margin-left: 145px;
    font-size: 10px;
    color: #999;
    cursor: auto;
}

#main_content span.dimension {
    position: absolute;
    bottom: 6px;
    right: 6px;
    font-size: 10px;
    font-weight: bold;
    color: #000;
    z-index: 10;
}

#main_content span.dimension_detail {
    bottom: 15px;
    right: 20px;
}

#main_content span.switch_detail {
    bottom: 15px;
    left: 10px;
    right: 0px;
    width: 125px;
    z-index: 100;
}

#main_content span.switch_img {
    bottom: 17px;
    left: 15px;
    right: 0px;
    width: 125px;
    z-index: 100;
}

#main_content span.switch_button {
    bottom: 18px;
    left: 14px;
    z-index: 200;
}

#main_content span.new {
    margin: 0px 0px 0px 8px;
    text-transform: uppercase;
    color: #f60;
}

#main_content img.blank_img {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
}

#main_content div.thumbs {
    position: absolute;
}

#main_content div.text {
    position: relative;
    margin: 13px 0px;
    width: 425px;
}

#main_content a {
    text-decoration: none;
}

/* --- Anfang azi Pager ---*/
#main_content table {
	width: 706px;
	clear: both;
}

#main_content table td {
	width: 33%;
	font-weight: bold;
}

#main_content table td.center, div.box287x284_inside div.center, div.box426x284_inside div.center {
	text-align: center;
}

#main_content table td.right, div.right {
	text-align: right;
}

#main_content table a {
	text-decoration: underline;
}

#main_content table span.hrefOptic {
	font-weight: normal;
	position: static;
}

.clearboth {
	clear: both;
}

.margintop {
	margin-top: 20px;
}

.marginbottom {
	margin-bottom: 20px;
}

html:first-child>b\ody #main_content table {
	clear: none;
}
/* --- Ende azi Pager ---*/

#main_frame p.history_back {
    position: relative;
    clear: both;
    width: auto;
    margin: 0px 18px 15px 0px;
    padding-top: 10px;
}


#helpdesk {
    position: absolute;
    top: 204px;
    left: 460px;
    width: 265px;
    font-size: 11px;
    font-weight: bold;
}

#helpdesk h1 {
    font-size: 18px;
    color: #004793;
    padding: 0px;
}

#helpdesk h3 {
    font-size: 11px;
    color: #004793;
}

#helpdesk h2 {
    font-size: 16px;
    color: #666;
}

#helpdesk span.sh666 { color: #666; }


#detail_extension {
    position: relative;
    float: left;
    width: 280px; /* 2006-09-05 whe/jsc Using width 140px some languages need two lines for links "print this page" etc. */
    height: 276px;
}

#detail_extension p {
	width: 100%;
}

#detail_extension div.det_3d_special {
    position: absolute;
    top: 0px;
}


#detail_extension div.det_ext_inside {
    position: absolute;
    bottom: 0px;
}

#detail_extension p.extensions {
    position: relative;
    margin: 0px 0px 10px 5px;
    cursor: default;
}




/*
---------------------------------------------------------------------
==tool tips
------------------------------------------------------------------ */

.tt_text {
    background: #fff;
    border: 1px solid #999;
    font: bold 11px verdana, arial, sans-serif;
    color: #004793;
    padding: 10px 15px 10px 5px;
    border: 1px solid #666;
}

.tt_red {
    background: #c43434;
    border: 1px solid #c43434;
    color: #fff;
}

.tt_cyan {
    background: #35a3b0;
    border: 1px solid #35a3b0;
    color: #fff; 
}

.tt_green {
    background: #3fa462;
    border: 1px solid #3fa462;
    color: #fff; 
}

.tt_yellow {
    background: #e0c122;
    border: 1px solid #e0c122;
    color: #fff; 
}

.tt_purple {
    background: #54247d;
    border: 1px solid #54247d;
    color: #fff; 
}

.tt_gray {
    background: #707477;
    border: 1px solid #707477;
    color: #fff; 
}


/* Zero Width Space */
.zws {
	font-family: Lucida Sans Unicode;
	font-size: 1px;
}


/* Poll Box  */

div.clearer, #main_intro div.clearer {
 clear: both;
 padding:0;
}



#boxPoll278 {
	width: 278px;
	padding:0;	
	position: relative;	
	float:right;
	margin-bottom: 10px;
}

#boxPoll278 .boxPollHead {
	background: transparent url(../box/box_278_poll_top.gif) no-repeat scroll left top;
	padding-top:4px;	
}

#boxPoll278 .boxPollHead h4{
	background: transparent url(../box/box_278_poll_head.gif) repeat-y scroll left top;
	padding:0 12px 4px 8px;
	font-size: 11px;
	width: 258px;
	color: #004793;
}

#boxPoll278 .boxPollContent {
	background: transparent url(../box/box_278_poll_content.gif) repeat-y scroll left top;
}

#boxPoll278 .boxPollBottom {
	background: transparent url(../box/box_278_poll_bottom.gif) no-repeat scroll left top;
	height: 12px;
}

#boxPoll278 form {
	padding: 8px 8px 0 8px;
}

#boxPoll278 input.radio {
	width: 11px;
	margin:2px 8px 0 0;
	padding:0;
	float: left;
}

#boxPoll278 .formRow {
	margin-bottom: 8px;
}

#boxPoll278 .formRow p{
	font-size: 10px;
	line-height: 13px;
}

#boxPoll278 .lastRow {
	margin-bottom: 0px;
}

#boxPoll278 label {
	display: block;
	width:225px; 
	float: left;
	font-size: 10px;
	line-height: 13px;
}

#boxPoll278 #submitBTN {
	position: absolute;
	bottom: 12px;
	right: 12px;
	outline: none;
}

#boxPoll278 #pollResult{
	padding: 8px 8px 0 8px;
	display: none;
}

#boxPoll278 #pollResult .pollBar {
	background-color: #004793;
	height: 11px; 
	float: left;
	margin:  2px 4px 4px 0;
	width: 1px;
}

#intro_textDiv {
	float: left;
}

#intro_textDiv p.intro_text {
	width: 400px;
}