/* @import "weihnachten.css"; */

#f1 { position:fixed; top:15px; right:5px; width:150px; height:50px; background-color:#fff; border:1px solid #FCC352;z-index:3}






/* hier sind festen Werte, definiert,
   um jedem Browser zu erklaeren, was ich gerne haette
*/

*
{	outline:none;
}

table,body,html,ul,h1,h2,h3,h4,h5,p,form
{	margin:0px;
	padding:0px;
}

.ocker
{	color:#D89810 !important;
}

.red
{	color:#8B3A3A !important;
}


.green
{	color:#389038 !important;
}

.zahl
{	color:#8A8A8A;
	font-style:normal;
	font-size:13px;
}

.center
{	text-align:center;
}

html
{	height:100%;
}

h3
{	font-family: Arial, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#D89810
}

body
{	background-color:#fffcf3;
	background-image:url(../img/body.jpg);
	background-repeat:repeat-x;
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#564B47;
}

img
{	border-width:0px;
}

.clear
{	clear:both;
}

.line
{	background-color:#fedfa9;
}

.left
{	float:left;
	display:inline;
}

.right
{	float:right;
	display:inline;
}

.headline
{	padding:5px 10px 5px 0px;
}


.product_box .button
{	margin-top:8px;
}

.my_clear
{	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
	border-width:0px;
}

/* die positionierung und der hintergrund des layouts */
#container
{	width:940px;
	min-height:800px;
	margin:0px auto 0px auto;
	position:relative;
	overflow:hidden;
}
* html #container
{	overflow:visible;
	height:800px;
}




#header
{	width:100%;
	height:88px;
	overflow:hidden;
	padding-top:25px;
}

#header h1
{	background-image:url(../img/logo.gif);
	background-repeat:no-repeat;
	padding-top:28px;
	color:#A8A8A8;
	font-size:13px;
	font-weight:normal;
}

.content
{	padding-top:90px;
	margin-right:3px;
}

.product_box,.content_box
{	border:1px solid #fedfa9;
	padding:0px 2px 5px 2px;
	background-color:#ffffff;
	margin:15px 0px 0px 0px;
	width:931px;
}

.product_box h2,.content_box h2
{	color:#A8A8A8;
	font-size:18px;
	padding:0px 0px 5px 10px;
	text-decoration:none;
	font-weight:normal;
}


.text h2
{	color:#A8A8A8;
	font-size:18px;
	padding:0px 0px 5px 0px;
	text-decoration:none;
	font-weight:normal;
}




.product_box .meta
{	color:#66665e;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	padding:0px 0px 0px 10px;
}

.product_box .meta a,
.product_box .meta a:link,
.product_box .meta a:visited,
.product_box .meta a:active
{	color:#DF9800;
	text-decoration:underline;
}

.product_box .meta a:hover
{	text-decoration:none;
}






.product_picture
{	float:left;
	width:295px;
	display:inline;
	margin-left:5px;
	overflow:hidden;
	padding:10px 0px 10px 0px;
}

.product_picture .left
{	width:130px;
	overflow:hidden;
}

.product_picture .left
{	font-size:12px;
	font-weight:normal;
	background-repeat:no-repeat;
	background-position:right center;
	color:#D89810;
	display:block;
	padding:60px 0px 0px 10px;
}

.product_picture .artikelnummer
{	color:#564B47 !important;
	display:block;
	padding:40px 0px 15px 0px;
	font-size:12px;
}

.product_picture .right
{	height:190px;
	width:150px;
	overflow:hidden;
	position:relative;
}


.product_picture .right	a,
.product_picture .right	a:link,
.product_picture .right	a:visited,
.product_picture .right	a:active
{	bottom:0px;
	right:0px;
	width:150px;
	position:absolute;
	text-align:center;
	background-image:url(../img/vergroessern.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}

.product_picture .right	a img
{	margin:0px auto 20px auto;
}


.product_description
{	float:left;
	width:400px;
	display:inline;
	margin-left:5px;
	overflow:hidden;
	padding:45px 0px 10px 20px;
}


.product_description p
{	padding:10px 0px;
}

.content_box p
{	padding:10px;
}


.content_box a,
.content_box a:link,
.content_box a:visited,
.content_box a:active
{	color:#564B47;
	text-decoration:underline;
}

.content_box a:hover
{	text-decoration:none;
}


div.pagenation
{	padding:10px 20px;
}


a.pagenation,
a.pagenation:link,
a.pagenation:visited,
a.pagenation:active
{	color:#D89810;
	text-decoration:none;
}

a.pagenation:hover
{	color:#564B47;
	text-decoration:none;
}



.product_more
{	float:right;
	width:185px;
	display:inline;
	margin-left:5px;
	overflow:hidden;
	padding:10px 5px 10px 0px;
}


h4
{	font-family: Arial, sans-serif;
	font-size:12px;
	color:#ff00ff;
	font-weight:normal;
}

.product_more	a,
.product_more	a:link,
.product_more	a:visited,
.product_more	a:active
{	color:#564B47;
	text-decoration:none;
}

.product_more	a:hover
{	color:#DF9800;
}



.product_more p
{	padding:10px 0px 0px 0px;
}


.product_description ul
{	list-style-type:disc;
	list-style-position:outside;
	margin:0px 0px 0px 15px;
	padding:0px 0px;
}

.product_description ul li
{	padding:2px 0px;
	
}


.button_line
{	clear:both;
	padding:5px 10px 0px 0px;
}
.button_line input
{	float:right;
}


.qty_input
{	margin:3px 3px 0px 0px;
}

.product_rabatt
{	background-image:url(../img/rabatt.gif);
	width:313px;
	height:27px;
	font-size:12px;
	color:#8A8A8A;
	margin-right:10px;
}

.product_rabatt span
{	overflow:hidden;
	text-align:right;
	float:left;
	border:0px solid #f90000;
	line-height:23px;
}


.product_rabatt .zahl_1
{	width:55px;
}

.product_rabatt .zahl_2
{	width:122px;
}

.product_rabatt .zahl_3
{	width:60px;
}
/* speziell für den IE6 */
* html .product_rabatt .zahl_3
{	width:61px;
}

.product_button
{	width:154px;
	height:27px;
	text-align:center;
	line-height:24px;
	font-size:11px;
	margin-right:10px;
	font-size:12px;
	color:#8A8A8A;
}

.button_brutto
{	background-image:url(../img/brutto.gif);
	width:159px;
}

.button_netto
{	background-image:url(../img/netto.gif);
}


.product_button .zahl_1
{	overflow:hidden;
	text-align:right;
	float:left;
	border:0px solid #f90000;
	line-height:23px;
	width:48px;
}

.button_brutto .zahl_1
{	width:55px;
	line-height:25px;
}


#siegel
{	position:absolute;
	right:220px;
	top:17px;
	width:144px;
	height:69px;
	overflow:hidden;
	display:none;				/* da es noch nicht vorhanden ist, erst mal deaktiviert */
}


/* das Seitenmenue */

#site_menu 
{	position:absolute;
	left:0px;
	top:99px;
	width:938px;
}


#site_menu ul
{	list-style-type:none;
	list-style-position:outside;
	width:100%;
}

#site_menu ul li
{	float:left;
	display:inline;
	border:1px solid #EDA006;
	border-width:0px 0px 0px 1px;
	height:39px;
	overflow:hidden;
}


#site_menu ul li.right
{	float:right	!important;
	border-width:0px;
}

#search_input 
{	border:1px solid #EDA006;
	font-size:12px;
	font-family: Georgia,"Times New Roman",Times,serif;
	margin:7px 0px 0px 0px;
	float:left;
	padding:4px 0px;
	width:180px;
}

#search_submit 
{	width:69px;
	height:28px;
	margin:7px 0px 0px 10px;
	float:left;
	padding:0px;
}


#site_menu a,
#site_menu a:link,
#site_menu a:visited,
#site_menu a:active
{	color:#ffffff;
	text-decoration:none;
	float:left;
	padding:0px 20px;
	font-weight:bold;
	line-height:38px;
	text-decoration:none;
}

#site_menu a:hover
{	text-decoration:underline;
}




/* die rechte linkliste im header */
#right_menu
{	list-style-type:none;
	list-style-position:outside;
	position:absolute;
	right:0px;
	top:5px;
	text-align:right;
	width:150px;
}

#right_menu	li
{	width:100%;
}

#right_menu	li a
{	color:#DF9800;
	text-decoration:none;
}


/* das menue der kategorien */

#header_menu
{	position:absolute;
	top:138px;
	left:0px;
}

#menu, #menu ul
{	list-style-type:none;
	list-style-position:outside;
	width:100%;
}

.li_level1
{	float:left;
	display:inline;
	border:1px solid #EDA006;
	border-width:0px 1px 0px 0px;
}

/* explorer6 */
* html .li_level1
{	width:1%;
}

.first_li_level1
{	border-width:0px 1px 0px 1px;
	padding:0px 2px;
}

.li_level1 a,
.li_level1 a:link,
.li_level1 a:visited,
.li_level1 a:active
{	color:#232323;
	float:left;
	text-decoration:none;
	white-space:nowrap;
	display:inline;
	height:32px;
	padding:0px 16px 0px 17px;
}

.li_level1 ul.li_level2
{	display:none;
	clear:left;
}

.li_level1:hover,
li.hover
{	background-image:url(../img/menue_hover.jpg);
	background-repeat:repeat-x;
}


.li_level1:hover ul , 
.hover ul
{	display:block !important;
	position:relative;
}


.li_level1:hover ul li,
.hover ul li
{	position:absolute;
	left:-1px;
	margin-bottom:1px;
}

.first_li_level1 ul li
{	left:-3px !important;
}

div.link_box
{	background-color:#ffffff;
	padding:10px 0px 0px 0px;
	border:1px solid #EDA006;
	border-width:0px 1px 1px 1px;
	width:400px;
}


/* die speziellen infos fuer die benoetigten spalten und breiten bzw. positionen */
.col3 .link_box
{	width:600px !important;
}

.col4 .link_box
{	width:800px !important;
}


.col5 .link_box
{	width:935px !important;
}

.col5 .listCol
{	width:175px !important;
}

.left_box 
{	left:-113px !important;
}

.left_box2 
{	left:-214px !important;
}

.left_box3 
{	left:-292px !important;
}

.left_box4 
{	left:-416px !important;
}


.col5
{	left:-410px !important;
}

.left_box4_2 
{	left:-551px !important;
}


.listCol 
{	float:left;
	padding:5px 0px 5px 10px;
	width:190px;
	overflow:hidden;
}


/* Style für die Kategorielinks in Menüleiste */


div.link_box li.list1 a,
div.link_box li.list1 a:link,
div.link_box li.list1 a:visited,
div.link_box li.list1 a:active

{	

	float:left;
	padding:5px 0px 0px 10px;
	width:190px;
	font-size:13px;
	font-weight: bolder;
	color:#8B3A3A;
}



a: hover {color: #FF0000;}


/* Style für die Produkttext in Menüleiste */

div.link_box  li.artikel
{	position:relative !important;
	padding:1px 0px;
	float:none !important;
	font-size:11px;
	
}


/* Style für linken Inhalt auf SEO-Seiten */

div.links_product_seo {
margin-left: auto;
margin-right: auto;
width: 270px;
}

div.links_product_seo a {
margin-left: auto;
margin-right: auto;
width: 270px;
color:#8B3A3A;
font-size:16px;

}

div.links_product_seo p {

margin-left: 0px;
width: 200px;
font-size:12px;
text-align: justify; 

}

div.links_product_seo h2 {

margin-left: -10px; 

}



/* Style für Inhalt auf SEO-Seiten */

div.kat_content_seo {
margin-left: auto;
margin-right: auto;
width: 1000px;
font-size:14px;

}

div.kat_content_seo h2 {

margin-left: -22px;
width: 800px;
font-size:20px;
margin-bottom:2px;
}

div.kat_content_seo h3 {

margin-left: -12px;
width: 800px;
font-size:16px;
margin-bottom:6px;

}

div.kat_content_seo p {

margin-left: -10px;
width: 550px;
font-size:12px;
text-align: justify; 

}


div.kat_content_seo a {

margin-left: -10px;
width: 800px;
font-size:16px;
color:#8B3A3A;
}

.product_description_seo
{	float:left;
	width:580px;
	display:inline;
	margin-left:5px;
	overflow:hidden;
	padding:45px 0px 10px 20px;
}




/* hier fangen die unterkategorien an */
div.link_box h5
{	font-size:12px;

/* fuer mich das bessere 
	color:#D89810;
*/
	color:#8B3A3A;
}


div.link_box ul
{ padding:0px 0px 10px 0px;
}

div.link_box li
{	position:relative !important;
	padding:1px 0px;
	float:none !important;
}

div.link_box li a,
div.link_box li a:link,
div.link_box li a:visited,
div.link_box li a:active
{	float:none !important;
	display:block;
	height:auto;	
}

div.link_box li a:hover
{	text-decoration:underline;
}


/* dies ist die abschlusszeile in der aufgeklappten box */


.bottomLine
{	background-image:url(../img/menue_hover.jpg);
	background-repeat:repeat-x;
	clear:both;
	padding:0px 10px 0px 10px;
	font-size:12px;
	white-space:nowrap;
	overflow:hidden;
}


.bottomLine a,
.bottomLine a:link,
.bottomLine a:visited,
.bottomLine a:active
{	float:none !important;
	padding:0px !important;
	color:#ffffff;
	text-decoration:underline;
}

.bottomLine a:hover
{	text-decoration:none;
}


.bottomLine p 
{	color:#8B3A3A;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	margin:0;
	padding:0px 10px 0px 10px;
	white-space:nowrap;
}

/* da es keine vertikale ausrichtung gibt, werden zweizeiler extra definiert */
.bottomLine p.double_line
{	line-height:18px;
}




/* Footer */

#footer {
	width: 100%;
	height: 100px;
	margin:20px 0px 0px 0px;
	padding: 0;
	background:#FFF4E4;
}

#footer p {
	margin: 0;
	padding: 15px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	text-transform: uppercase;
	font-size: 10px;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:active
{	color:#DF9800;
	text-decoration:underline;
}

#footer a:hover
{	text-decoration:none;
}


#home
{	position:absolute;
	left:0px;
	top:17px;
	width:430px;
	height:35px;
	z-index:10;
	background-image:url(fake_ie.gif);
}


select.error
{	color:#f90000;
	border:1px solid #f90000;
}


/* neu vom 28.02.2011 */

.produkt_auswahl
{	padding:0px 15px;
}

.produkt_auswahl_table
{	border-collapse:collapse; 
	width:100%; 
	border:1px solid #ee9b00;
}

.produkt_auswahl_table th
{	height:20px;
	border:1px solid #ee9b00;
	background-image:url(../img/produktauswahl.jpg); 
	background-repeat:repeat-x; 
}

.produkt_auswahl_table td
{	padding:3px 10px;
	border:1px solid #ee9b00;
	border:1px solid #FFF2D7;
	border-width:0px 1px 1px 1px;
	vertical-align:middle;
}


.produkt_auswahl_table tr.tr_hover:hover td,
.produkt_auswahl_table tr.clicked_color td
{	background-color:#FFF2D7;
	border:0px solid #ee9b00;
	border:0px solid #FFF2D7;
	border-width:0px 1px 1px 1px;
	cursor:pointer;
}

.produkt_auswahl_table tr.clicked_color td
{	border:0px solid #ee9b00;
	border:0px solid #FFF2D7;
	border-width:0px 1px 0px 1px !important;
}


.td_buttons
{	background-color:#FFF2D7;
}

.tab_description_top
{	background-image:url(../img/description_top.png);
	background-repeat:no-repeat;
	width:778px;
	background-position:left 32px;
}

.tab_description
{	width:778px;
	margin-top:20px;
	padding:0px;
}

.tab_description_bottom
{	background-image:url(../img/description_bottom.png);
	background-repeat:no-repeat;
	width:778px;
	height:10px;
	overflow:hidden;
}

.tab_description_content
{	padding:20px 20px;
	background-image:url(../img/description_middle.png);
	background-repeat:repeat-y;
}

.tab_description .tabs
{	list-style-type:none;
	list-style-position:outside;

/*	background-image:url(../img/tabs_ul.png_);
*/
	height:40px;
	width:778px;
	padding:0px 15px 0px 10px;
	margin:0px;
}

.tab_description .tabs li
{	float:left;
	width:139px;
	height:40px;
	background-image:url(../img/tab_not_active.png);
	background-repeat:no-repeat;
	margin-left:0px;
}

.tab_description .tabs li a
{	display:block;
	width:139px;
	height:40px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	color:#8a8a8a;
}


.tab_description .tabs li a.tab_active,
.tab_description .tabs li a:hover
{	display:block;
	width:139px;
	height:50px;
	background-image:url(../img/tab_active.png);
	background-repeat:no-repeat;
	line-height:40px;
	text-align:center;
	color:#489850;
	text-decoration:none;
}


.tabspane_not_active
{	display:none;
}

.tabspane_active
{	display:block;
}

.tab_description .left
{	padding:0px 20px 10px 0px;
	float:left;
}

.tab_description .right
{	padding:0px 0px 10px 20px;
	float:right;
}


.hidden_auswahl
{	display:none;
}