/* SVN ID: $Id: screen_index.css 7833 2012-05-21 12:25:12Z mweisseise $ */
/*******************/
/*** CatalogWelcome_new::start ***/
.start_leftcol
{
    float: left;
    width: 460px;
    padding: 0px 0px 0px 0px;
    border: 0px solid #999;
    margin-right: 5px;
}
.start_rightcol
{
    float: left;
    width: 285px;
    padding: 0px 0px 0px 0px;
    border: 0px solid #999;
    margin-right: 0px;
}
.start_leftcol_frame
{
    float: left;
    width: 450px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #999;
    margin-right: 0px;
    min-height: 240px;
    height: auto !important;
    height: 240px;
}
.start_leftcol_frame_salesdeal
{
    float: left;
    width: 450px;
    text-align: left;
    border: 1px solid #999;
    padding: 0;
    margin: 10px 0px 0px 0px;
    min-height: 325px;
    height: auto !important;
    height: 325px;
    background: url(../pics/idx/bg-idx-box-offer-star.jpg) bottom right no-repeat;
}
.start_leftcol_header
{
    text-align: left;
    width: 445px;
    background-color: #fee062; /* #f0f0f0; */
    padding: 3px 0px 3px 5px;
    font-weight: bold;
    margin-bottom: 5px;
}
.start_leftcol_content
{
    clear: both;
    width: 438px;
    margin: 0px 0px 0px 0px;
    color: inherit;
    padding-left: 10px;
    padding-top: 0px;
}
.start_leftcol_image
{
    float: left;
    width: 110px;
    color: inherit;
    text-align: center;
    margin-right: 10px;
}
.start_leftcol_twin_frame
{
    float: left;
    width: 220px;
    padding: 0px 0px 5px 0px;
    border: 1px solid #999;
    margin-right: 8px;
    margin-top: 10px;
    min-height: 150px;
    min-height: 150px;
    height: auto !important;
    height: 150px;
}
.start_leftcol_twin_header
{
    text-align: left;
    width: 215px;
    background-color: #f0f0f0;
    padding: 3px 0px 3px 5px;
    font-weight: bold;
    margin-bottom: 10px;
}
.start_leftcol_twin_image
{
    float: left;
    width: 55px;
    color: inherit;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
}
.start_leftcol_twin_text
{
    float: left;
    width: 150px;
    color: inherit;
    text-align: left;
    font-size: 11px;
    border: solid 0px #000;
}
.start_rightcol_frame
{
    float: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
    width: 285px;
    text-align: left;
    border: 1px solid #999;
    padding: 0px;
    margin: 0px;
    min-height: 240px;
    height: auto !important;
    height: 240px;
    background: url(../pics/idx/bg-idx-box-offer-star.jpg) bottom right no-repeat;
}
.start_rightcol_frame_salesdeal
{
    float: left;
    width: 285px;
    text-align: left;
    border: 1px solid #999;
    padding: 0;
    margin: 0;
    min-height: 240px;
    height: auto !important;
    height: 240px;
    background: url(../pics/idx/bg-idx-box-offer-star.jpg) bottom right no-repeat;
}
.start_rightcol_header
{
    text-align: left;
    width: 280px;
    background-color: #E12239;
    padding: 3px 0px 3px 5px;
    font-weight: bold;
    color:#fff;
}
.start_rightcol_content
{
    width: 270px;
    padding-bottom: 10px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 5px;
    text-align: left;
}

.start_rightcol_content_newsletter
{
    width: 270px;
    padding-bottom: 10px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 5px;
    text-align: left;
    font-size:11px;
}

.start_directentry_frame
{
    display: inline-block;
    width: 285px;
    background-color: #fffde1;
    border: 1px solid #dad7a6;
    margin-bottom: 7px;
    margin-top: 10px;
    padding-top: 1px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    min-height: 235px;
    height: auto !important;
    height: 235px;
}
.start_directentry_frame_placeholder
{
    display: inline-block;
    margin-bottom: 7px;
    margin-top: 10px;
}
.start_directentry_content
{
    float: left;
    width: 247px;
    padding: 2px 23px 0px 10px;
}

.start_newsletter_frame
{
    float: left;
    width: 285px;
    padding: 0px 0px 5px 0px;
    border: 1px solid #999;
    margin-right: 8px;
    margin-top: 0px;
    min-height: 150px;
    min-height: 150px;
    height: auto !important;
    height: 150px;
}
.start_newsletter_header
{
    width: 255px;
    background-image: url(../pics/icon-newsletter.gif);
    background-repeat: no-repeat;
    background-position: 5px 2px;
    text-align: left;
    background-color: #f0f0f0;
    padding: 3px 0px 3px 30px;
    font-weight: bold;
}
/*** CatalogWelcome_new::end ***/
/*****************/ 

h1.index {
	color: #7697b3;
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
	background-color: inherit;
}

h2.index {
	font-size: 1.3em;
	margin: 0px;
	padding: 0px 0px 2px 0px;
}


h3.index {
	font-size: 1.0em;
	margin: 0px;
	padding: 0px 0px 2px 0px;
}

.underline {
	clear: both;
	width: 278px;
	border-bottom: 1px solid #999;
}

.idx_body_frame {
	clear: both;
	width: 962px;
	margin-right: auto;
    margin-left: auto;
	background-image: url(../pics/idx/bg-body-idx.gif);
	background-repeat: repeat-y;
}

.idx_body_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_body_column_left {
	float: left;
	width: 802px;
	padding: 0px 1px 0px 1px;
}

.idx_breadcrumb_frame {
	color: #7697b3;
	background-color: #e2ebf2;
	border-bottom: 1px dashed #a4bbd1;
	padding: 5px 10px 5px 10px;
	width: 782px;
	font-weight: bold;
}

.idx_breadcrumb_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_textcontent_frame {
	width: 756px;
	padding: 23px 23px 0px 23px;
}

.idx_textcontent_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_teaserbox_column_left {
	float: left;
	width: 215px;
	color: inherit;
	background-color: #F7BE4A;
	margin-right: 24px;
}

.idx_teaserbox_column_left_image {
	clear: both;
	width: 213px;
	height: 106px;
	border: 1px solid #999;
	background-image: url(../pics/idx/idx-box-moebelbeschlaege.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.idx_teaserbox_column_left_text {
	width: 195px;
	height: auto;
	overflow: hidden;
	padding: 10px 10px 5px 10px;
	background-repeat: no-repeat;
	background-position: top;
	color: inherit;
}


.idx_teaserbox_column_middle {
	float: left;
	width: 215px;
	color: inherit;
	background-color: #84AEE7;
	margin-right: 24px;
}

.idx_teaserbox_column_middle_image {
	clear: both;
	width: 213px;
	height: 106px;
	border: 1px solid #999;
	background-image: url(../pics/idx/idx-box-tuerbeschlaege.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.idx_teaserbox_column_middle_text {
	width: 195px;
	height: 174px;
	padding: 10px 10px 5px 10px;
	background-image: url(../pics/idx/bg-idx-tuerbeschlaege.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #EFF5FE;
	color: inherit;
}


.idx_teaserbox_column_right {
	float: left;
	width: 278px;
	color: inherit;
	background-color: #DB1426;
}

.idx_box_teasercolumn_middle_frame {
	clear: both;
	width: 278px;
	color: inherit;
	background-color: #f0f0f0;
	border-bottom: 1px solid #999;
}

.idx_box_teasercolumn_middle_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}


.idx_teasercolumn_middle_dialock {
	width: 278px;
	background-image: url(../pics/idx/bg-idx-box-dialock.gif);
	background-repeat: repeat-y;
}

.idx_teasercolumn_middle_montage {
	width: 278px;
	background-image: url(../pics/idx/bg-idx-box-montagetechnik.gif);
	background-repeat: repeat-y;
}

.idx_teasercolumn_middle_text_dialock {
	width: 147px;
	padding: 8px 121px 10px 10px;
	background-image: url(../pics/idx/idx-box-dialock.jpg);
	background-repeat: no-repeat;
	background-position: 163px 11px;
	overflow-x: hidden;
}

.idx_teasercolumn_middle_text_montage {
	width: 147px;
	padding: 8px 121px 10px 10px;
	background-image: url(../pics/idx/idx-box-montagetechnik.jpg);
	background-repeat: no-repeat;
	background-position: 163px 11px;
	overflow-x: hidden;
}

/*************************************************************/
/*** START: Style fuer grosse Direkterfassung auf Homepage ***/
/*************************************************************/
.idx_box_bottom_frame_wide {
	width: 754px;
	background-color: #fffde1;
	color: inherit;
	border: 1px solid #dad7a6;
	margin-bottom: 23px;
	padding: 5px 0px 5px 0px;
}

.idx_box_bottom_frame_wide:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_box_bottom_left_wide {
	float: left;
	width: 723px;
	padding: 10px 15px 10px 16px;
}

.idx_yellowform_row_error_wide {
	clear: both;
	margin: 5px 0px 5px 0px;
	padding: 0px 15px;
}

.idx_yellowform_row_error_wide:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_yellowform_number_wide {
	float: left;
	width: 180px;
}

.idx_yellowform_number_wide input {
	width: 155px;
}

.idx_yellowform_item_wide {
	float: left;
	width: 105px;
}

.idx_yellowform_item_wide input {
	width: 80px;
}

.idx_yellowform_commission_wide {
	float: left;
	width: 408px;
}

.idx_yellowform_commission_wide input {
	width: 400px;
	border: 1px solid #b6b499;
	color: #b6b499;
	background-color: #fff;
}

/************************************************************/
/*** ENDE: Style fuer grosse Direkterfassung auf Homepage ***/
/************************************************************/

.idx_box_bottom_frame {
	width: 756px;
	background-image: url(../pics/idx/bg-box-bottom.gif);
	background-repeat: repeat-y;
	background-color: #fffde1;
	color: inherit;
	border-top: 1px solid #dad7a6;
	border-bottom: 1px solid #dad7a6;
	margin-bottom: 23px;
	padding: 5px 0px 5px 0px;
}

.idx_box_bottom_frame:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_box_bottom_left {
	float: left;
	width: 248px;
	padding: 10px 15px 10px 16px;
}

.idx_box_bottom_middle {
	float: left;
	width: 284px;
	padding: 10px 15px 10px 16px;
}

.idx_box_bottom_right {
	float: left;
	width: 131px;
	padding: 10px 15px 10px 16px;
}

.icon_newsletter_idx {
	background-image: url(../pics/icon-newsletter-idx.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 6px 0px 10px 33px;
}

.idx_box_bottom_right form fieldset input.textfield {
	clear: both;
	width: 124px;
	border: 1px solid #7f9db9;
	margin-top: 10px;
	padding: 2px;
	background-color: #fff;
	color: #909090;
}

.idx_yellowform_row {
	clear: both;
	width: 222px;
	margin: 5px 0px 5px 0px;
	background-image: url(../pics/arrows/arrow-yellow.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 15px;
}

.idx_yellowform_row:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_box_bottom_left_input input {
	border: 1px solid #7f9db9;
	padding: 2px;
	background-color: #fff;
	color: #909090;
	font-size: 12px;
}

.idx_yellowform_number {
	float: left;
	width: 75px;
}

.idx_yellowform_number input {
	width: 65px;
	border: 1px solid #000;	
}

.idx_yellowform_item {
	float: left;
	width: 65px;
}

.idx_yellowform_item input {
	width: 55px;
	border: 1px solid #000;	
}

.idx_yellowform_commission {
	float: left;
	width: 105px;
}

.idx_yellowform_commission input {
	width: 95px;
	border: 1px solid #000;
	color: #b6b499;
	background-color: #fff;
}

.box_notification {
	width: 711px;
	padding: 10px 10px 10px 35px;
	background-color: #fbe2e5;
	color: inherit;
	background-image: url(../pics/icon-notification.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
}


/*******************************************************/
/** ADDITIONAL TAGS */
/*******************************************************/

.idx_box_bottom_right_error {
	clear: both;
	width: 115px;
	padding: 10px 8px 15px 8px;
	margin: 10px 0px 10px 0px;
	border-top: 1px dashed #a4bbd1;
	border-bottom: 1px dashed #a4bbd1;
	background-color: #FBE2E5;
	color: inherit;
	overflow-x: hidden;
}
.idx_box_bottom_right_error:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_box_bottom_right_error_text {
	float:left;
	padding: 3px 10px 3px 25px;
	background-image: url(../pics/icon-notification.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #000;
}

.idx_box_bottom_right form fieldset input.textfield_error {
	clear: both;
	width: 124px;
	margin-top: 0px;
	padding: 2px;
	border: 1px solid #E12138;
	background-color: #FBE2E5;
	color: inherit;
}

.idx_box_bottom_left_error {
	float: left;
	width: 200px;
	margin: 6px 0px 6px 0px;
	padding: 10px 15px 10px 16px;
	border-top: 1px dashed #a4bbd1;
	border-bottom: 1px dashed #a4bbd1;
	background-color: #FBE2E5;
	color: inherit;
}

.idx_box_bottom_left_error:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_box_bottom_left_error_text {
	float:left;
	padding: 3px 10px 3px 25px;
	background-image: url(../pics/icon-notification.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #000;
}





.idx_yellowform_row_error {
	clear: both;
	margin: 5px 0px 5px 0px;
}

.idx_yellowform_row_error:after {
	content: ".";  
	visibility: hidden;
	display: block;  
    height: 0;  
    clear: both;
}

.idx_yellowform_number_error {
	float: left;
	width: 80px;
}

.idx_yellowform_number_error input {
	width: 65px;
	border: 1px solid #E12138;
	background-color: #FBE2E5;
	color: inherit;
}

.idx_yellowform_item_error {
	float: left;
	width: 46px;
}

.idx_yellowform_item_error input {
	width: 43px;
	border: 1px solid #E12138;
	background-color: #FBE2E5;
	color: inherit;
}

.idx_yellowform_commission_error {
	float: left;
	width: 90px;
    display : block; 
	text-align: right;
}

.idx_yellowform_commission_error input {
	width: 75px;
	border: 1px solid #E12138;
	background-color: #FBE2E5;
	color: inherit;
}



/*******************************************************/
/** HDE */
/*******************************************************/

.idx_login_teaserbox_column {
	width: 185px;
	height: 255px;
	float: left;
	color: inherit;
	background-color: #e2ebf2;
	margin-right: 24px;
	border: 1px solid #a4bbd1;
}

.forced-login {
	width: 170px;
	height: 257px;
}
.forced-login div {
	width: auto;
}
.forced-login .idx_logintxt_left {
	float: none;
}
* html .forced-login .idx_logintxt_left {
	position: relative;
	z-index: 1;
}
.forced-login div.box_header_login_left {
	height: 22px;
}
.forced-login div.box_left_content_login {
	border-bottom: none;
}

.idx_login_teaserbox_column_header {
	width: 175px;
	height:18px;
	color: #7697B3;
	background-color: #e2ebf2;
	border-bottom: 1px solid #a4bbd1;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}

.idx_login_teaserbox_column_content {
	width: 165px;
	height: 211px;
	padding: 10px 10px 5px 10px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #eff5fa;
	color: inherit;
}

.idx_login_teaserbox_column_text {
	width: 165px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #eff5fa;
	color: inherit;
}

.idx_login_input_frame {
	clear: both;
	width: 129px;
	height: 100px;
	padding: 0px 0px 0px 0px;
}

.idx_login_input {
	width: 124px;
	border: 1px solid #7f9db9;
	padding: 2px;
	background-color: #fff;
	color: #909090;
	font-size: 12px;
	margin-top: 0px;
}

.idx_login_button_frame {
	clear: both;
	width: 159px;
	padding: 0px 0px 0px 0px;
}

.idx_login_button {
	float: right;
	width: 89px;
}



/*** marken::start ***/
.idx_teaserbox_column_right_header {
	clear: both;
	width: 276px;
	height: 11px;
	border: 1px solid #999;
	overflow:hidden;
}
.idx_box_teasercolumn_right_frame {
	clear: both;
	width: 278px;
	color: inherit;
	background-color: #f0f0f0;
}

.idx_teasercolumn_right_text {
	width: 268px;
	background-color: #f0f0f0;
	padding: 5px 5px 0px 5px;
}

.idx_teasercolumn_right_col_text 
{	clear:	          both;
	width:            112px;
	background-color: #f0f0f0;
	padding:          0px 0px 3px 9px;
	font-size:        0.9em;
}

.idx_teasercolumn_right_row
{
	float: right;
	width: 268px;
	padding: 0px;
}

.idx_teasercolumn_right 
{
	float:	right;
	width:	129px;
	padding: 0px;
}

.idx_teasercolumn_left 
{
	float:   left;
	width:   129px;
	padding: 0px;
}

.idx_teasercolumn_right_col
{
	width: 129px;
	text-align: center;
	padding: 5px;
	width: 100px;
	height: 40px;
	border: 1px solid #999;
	background-color: #fff;
	margin: 3px 7px 5px 7px;
	overflow: hidden;
}
/*** marken::end ***/