/**
* CSS Files
*
* LICENSE
*
* This source file is subject to the new cdmm license that is bundled
* with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://framework.mycdmm.de/license/
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@cdmm.de so we can send you a copy immediately.
*
* @copyright  Copyright (c) 2005-2009 cdmm (http://www.cdmm.de)
* @license    http://framework.mycdmm.de/license/ cdmm license
* @version    $Id: content.css 520 2009-02-17 17:51:38Z mw $
*/


@media screen, projection, print
{
	body { background-color: #fff; }
	body, textarea {
		color: #464646;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 68.75%; /* 11px */
		letter-spacing:0.05ex;
	}
	
	/**
	* standard Formfelder
	*/
	input,
	select,
	textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #464646;
		font-size: 100%;
		letter-spacing:0.05ex;
		border: 1px solid #828282;
	}
	
	.input_error { border-color: #CE003B; }
	.input_error_text { color: #CE003B; font-weight: bold; }
	.input_normal { border-color: #828282; }
	.input_without_border { border: none; }
	/**
	* schriftgrößen für den footer
	*/
	#footer-content { font-size: 90.91%; } /* 10px; */
	
	ul { list-style: disc; margin: 0; padding: 0; }
	li { padding-bottom: 0; }
	
	/**
	* headlines content
	*/
	h1 {
		font-size: 100%;
		padding-bottom: 3px;
		border-bottom: 1px solid #828282;
		margin-bottom: 20px;
	}
	
	h2 {
		font-size: 100%;
		padding: 4px 11px;
		background-color: #8E8F91;
		margin-bottom:20px;
		color: #fff;
	}
	
	.headline_2_margin_top { margin-top: 20px; }
	.headline_2_margin_bottom { margin-bottom: 20px; }
	
	
	h3 {
		font-size: 127.27%;
		font-weight: bold;
		font-style: italic;
		color: #656565;
		display: block;
		height: 18px;
	}
	
	h3 input,
	h3 select {
		font-size: 78.57%;
		font-weight: normal;
		font-style: normal;
		color: #464646;
	}
	
	/**
	* content allgemein
	*/
	
	.content_float_left { float: left; }
	.content_bold{ font-weight: bold;}
	.content_center { text-align: center; }
	.content_right { text-align: right; }
	.content_without_margin_bottom { margin-bottom: 0; }
	.content_padding_left_1 { padding-left: 5px; }
	.display_none,
	.print_display { display: none; }
	
	.no_result {  }
	
	/**
	* Linkformatierung
	*/
	a { color: #464646; text-decoration: none; }
	a:focus,
	a:hover,
	a:active { }
	
	/**
	* content_more_link
	*/
	.content_more_link a{
		background-image:url(../images/icon_content_more_link.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding-left: 14px;
	}
	
	.content_more_link span{
		background-image:url(../images/icon_content_more_link.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding-left: 14px;
		cursor: pointer;
	}

	/**
	* watchlist more link
	*/
	.watchlist_more_link_padding_top_1 { padding-top: 3px; }
	.watchlist_more_link_padding_top_2 { padding-top: 6px; }
	.watchlist_links_col2 { padding-top: 15px; padding-left: 90px; }
	
	#watchlist-add-button {
		position: absolute;
		left: 23px;
	}
	
	/*
	* button 1 big
	*/
	
	.button_1 { cursor: pointer; }
	
	.button_1_center_content_text {
		color: #fff;
		font-weight: bold;
		font-style: italic;
		font-size: 127.27%;
		display: block;
		text-align: center;
		padding: 7px 0;
	}
	
	.button_1_center_content_image { padding-top: 5px; }
	
	.button_1 .bg_button_1_left a,
	.button_1 .bg_button_1_right a,
	.bg_button_1_right,
	.bg_button_1_left,
	.bg_button_1_center { height: 32px; }
	
	.bg_button_1_right,
	.bg_button_1_left {
		width: 12px;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: top;
	}
	
	.bg_button_1_left { background-image: url(../images/bg_button_1_left.png); }
	.bg_button_1_right { background-image: url(../images/bg_button_1_right.png); }
	.bg_button_1_center { background-image: url(../images/bg_button_1_center.png); text-align: center; }
	
	/**
	* button 2 small
	*/
	.button_2 { cursor: pointer; }
	
	.button_2_center_content_image { padding-top: 2px; }
	.button_2_center_content_text {
		color: #fff;
		font-weight: bold;
		font-style: italic;
		display: block;
		text-align: center;
	}
	
	.button_2,
	.bg_button_2_left a,
	.bg_button_2_right a,
	.bg_button_2_right,
	.bg_button_2_left,
	.bg_button_2_center { height: 19px; }
	
	.bg_button_2_right,
	.bg_button_2_left {
		width: 8px;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: top;
	}
	
	.bg_button_2_left { background-image: url(../images/bg_button_2_left.jpg); }
	.bg_button_2_right { background-image: url(../images/bg_button_2_right.jpg); }
	.bg_button_2_center { background-image: url(../images/bg_button_2_center.jpg); text-align: center; }
	
	.button_2 a { display: block; }
	.button_2 .button_2_center_content_text a { color: #fff; height: 15px; padding: 2px; }
	.button_2_center_content_text_padding { padding: 2px; }
	
	
	/**
	* content cols
	*/
	.col2_content_subcol1 { width: 41px; float: left; }
	.col2_content_subcol2 { width: 289px; margin-left: 41px; }
	
	.col2_content_subcol1,
	.col2_content_subcol2,
	.col2_content_subcol1_content,
	.col2_content_subcol2_content { position: relative; }
	
	.col2_content_subcol1_content { height: 215px; }
	.col2_content_subcol2_content {
		margin-left: 30px;
		height: 173px;
	}
	.content_product_scroll {
		height: 100px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	
	.content_margin_top_1 { padding-top: 1em; }
	.content_margin_top_2 { margin-top: 7px; }
	.formfield_article { height: 17px; }
	
	.watchlist_formfield,
	.formfield_quantity {
		width: 20px;
		height: 14px;
		text-align: center;
	}
	
	.shipping_form_formfield { width: 125px; }
	
	/**
	* images
	*/
	.col1_content_margin {
		text-align: left;
		position: absolute;
		width: 448px;
		z-index: 399;
		height: 409px;
	}
	
	.col1_content_margin_scroll {
		text-align: left;
		margin-top: 37px;
		padding-left: 32px;
		padding-right: 10px;
		height: 282px;
		overflow-y: auto;
		overflow-x: hidden;
		position: relative;
	}
	

	
	.col1_content_margin_footer {
		background-image: url(../images/bg_content_image_footer_curve_left.png);
		position: absolute;
		bottom: 0;
		left: 0;
		width: 448px;
		height: 80px;
		z-index: 400;
	}
	
	/**
	* image listing
	*/
	.image_listing { width: 100%; position: relative; }
		
	.image_listing_margin { margin-bottom: 5px; cursor: pointer; }

	.image_listing_opacity_active {
		-moz-opacity: 1.0;
		opacity: 1.0;
		text-align: center;
	}
	.image_listing_opacity_normal {
		-moz-opacity: 0.37;
		opacity: 0.37;
		text-align: center;
	}

	/**
	* content listing 1
	*/
	.content_listing_1 { margin-top: 20px; }
	.content_listing_1_without_margin_top { margin-top: 0; }
	/**
	* watchlist
	*/
	/*.watchlist_formfield { margin: 0 10px; }*/
	
	.watchlist_headline { width: 100%; }
	.watchlist_listing ul {
		list-style: none;
		list-style-position: inside;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 390px;
		float: left;
	}
	
	.watchlist_listing li {
		float: left;
		list-style: none;
		list-style-position: inside;
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #fff;
	}
	
	.watchlist_listing li.description { width: 150px; }
	.watchlist_listing li.size { width: 60px; }
	.watchlist_listing li.quantity { width: 60px; }
	.watchlist_listing li.price { width: 60px; }
	.watchlist_listing li.summary { width: 60px; }
	
	.watchlist_listing .padding { padding-left: 10px; }
	.watchlist_listing ul.margin_top { margin-top: 10px; }
	
	.watchlist_subcols_col1 { width: 270px; float: left; }
	.watchlist_subcols_col2 { width: 120px; margin-left: 270px; }
	
	.watchlist_subcols_col1_content,
	.watchlist_subcols_col2_content { padding-top: 10px; }
	
	.watchlist_subcols_col2_content { padding-left: 10px; }
	
	/**
	* address views
	*/
	
	.address_box{ width:auto; }
	
	.address_box_col1 {
		width:70px;
		float: left;
	}
	
	.address_box_col2 { margin-left: 70px; }
	
	/**
	* contact form
	* betreff, nachricht
	*/
	
	.contactform_subcol1 { float: left; width: 398px; }
	.contactform_subcol2 { margin-left: 398px; width: 227px; }
	
	/**
	* contact form
	* anschrift
	*/
	
	.contactform_address_subcol1 { float: left; width: 113px; }
	.contactform_address_subcol2 { margin-left: 113px; width: 277px; }
	
	.contactform_address_subcol1, .contactform_address_subcol2 { margin-bottom: 3px; }
	
	.contact_form_formfield_1,
	.contact_form_formfield_2,
	.contact_form_formfield_3,
	.contact_form_formfield_4,
	.contact_form_formfield_5 { margin: 0; padding: 0; }
	
	.contact_form_formfield_1 { width: 388px; }
	.contact_form_formfield_2 { width: 275px; }
	.contact_form_formfield_3 { width: 277px; }
	.contact_form_formfield_4 { width: 50px; margin-right: 5px; }
	.contact_form_formfield_5 { width: 218px; }
	
	.contactform_submit_button { margin-left: 113px; width: 279px; }
	
	.contact_form_margin_top_1 { margin-top: 20px; }
	.contact_form_margin_top_2 { margin-top: 5px; }
	.formfeldExtra { display: none; }
	#shipping-addess-container { margin-top: 20px; }
	
	/**
	* print view html
	*/
	#print-headline-margins { width: 448px; }
	
	#print-page-margins .content_more_link,
	#print-page-margins .content_image,
	#print-page-margins .col1_content_margin_footer,
	#print-page-margins #quantity_article,
	#print-page-margins .watchlist_links_col2,
	#print-page-margins #watchlist-add-button { display: none; }
	
	#print-page-margins .print_display { display: block; }
	#print-page-margins h3.print_display { margin-bottom: 7px; }
	
	#print-page-margins .col1_content_margin,
	#print-page-margins .content_product_scroll,
	#print-page-margins .col1_content_margin_scroll { position: relative; height: auto; margin: 0; padding:0; }

	#print-page-margins .col1_content_margin_scroll,
	#print-page-margins .content_product_scroll {
		overflow: visible;
		overflow-x: visible;
		overflow-y: visible;
	}

	#print-page-margins .print_address_box_margin{
		float: right; 
		width:auto; 
		text-align: left;
	}
}

@media print
{
	body { background-color: #fff; background-image: none; }
	
	#print-headline-margins { width: 100%; }
	
	.content_image,
	.col1_content_margin_footer,
	#quantity_article,
	.watchlist_links_col2,
	#watchlist-add-button { display: none; }
	
	.print_display { display: block; }
	h3.print_display { margin-bottom: 7px; }
	#footer .print_display { text-align: left; }
	
	.col1_content_margin,
	.content_product_scroll,
	.col1_content_margin_scroll { position: relative; height: auto; margin: 0; padding: 0; }
	
	.col1_content_margin_scroll,
	.content_product_scroll {
		overflow: visible;
		overflow-x: visible;
		overflow-y: visible;
	}
}