html {
	
	}

	
body {
	font:10pt/12pt Arial, Helvetica, sans-serif;
	background-color:#fff;
	text-align:center;
	margin:auto;
	height:100%;
	overflow:scroll;
	}




a:active, a:focus {outline: none;}	

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

	
fieldset{	
	padding:0;
	margin:0;
	border:none;
	}
	
img {
border:none;
	}
	
.bg_standard {background: url(../gfx/layout/overall-bg.gif) repeat #fff; }	
	


	
#overall { 
	/*height:615px;  */
	border:none; 
	text-align:left;
	margin: 0px auto 0 auto;
	background: url(../gfx/layout/overall-bg.gif) repeat;
	height:1200px;
	} 

#logo {
    background: url(../gfx/layout/bg-logo.jpg) repeat ;
	width:951px;
	height:70px;
	text-align:left;
	background-color:#fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size:8pt;
	color:#000;
}

#logogfx {
	width:316px;
	float:left;
	background: url(../gfx/layout/logo-img-bg.jpg) ;
	
}

#logogfx:hover {
	background: url(../gfx/layout/logo-img-bg-active.jpg) ;
	
}

.suchefeld{
	vertical-align:middle;
	border-top:1px solid #ccc;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #eee;
	background-color:#ffffff;
	font-size:8pt;
	line-height:17px;
	color:#333333;
	height:18px;
	padding:0px;
	margin:0px;
	width:150px;
	float:left;
	}
	
.suchelupe {
	border:1px solid #ccc;
	float:left;
	width:18px;
	height:18px;
	}
		
.suchelupe:hover {
	border:1px solid #fc0;
	}	
	
	
#wkklein_wrapper {width:316px; float:left;}		
#wkklein {
	font-size:8pt;
	width:224px;
	margin: 0px auto 0 auto; 
	color:#eee;
	}
	

#wkklein a:link,#wkklein a:visited {color:#eee;text-decoration:none;}
#wkklein a:hover {color:#fc0;}

#wkklein .button_merkliste {display:block; height:18px; width:75px; background: url(../gfx/iconset/merkliste-a.gif) 3px 0 no-repeat; }	
#wkklein .button_merkliste:hover {background: url(../gfx/iconset/merkliste-a.gif) 2px -19px no-repeat; }	
#wkklein .button_wk {display:block; height:18px; width:85px; background: url(../gfx/iconset/wk-a.gif) 3px 0 no-repeat; }	
#wkklein .button_wk:hover {background: url(../gfx/iconset/wk-a.gif) 2px -19px no-repeat; }	
#wkklein .button_user {display:block; height:18px; width:75px; background: url(../gfx/iconset/user-a.gif) 0px 0 no-repeat; }	
#wkklein .button_user:hover {background: url(../gfx/iconset/user-a.gif) -1px -19px no-repeat; }	
.wk_klein_icon_wrapper {margin: 0 auto; width:75px; text-align:center;}

.h3hotline {font-size:11pt; padding:0   0 0 45px; margin:0 0 0 0; color:#fc0; }	
	
#logo-right-wrapper { 
	float:			left;
	width:			261px;
	text-align:		left;
	margin: 		0 0 0 55px;
}

#ts-logo {
	
}

#other-logos {	
	float:left;
	margin: 0 0 7px 0;
}

#psuchfeld{color:#ffffff;font-size:11pt;padding: 0px 0 0 8px;}
#formsuchfeld {padding:0;margin:0;}


#anzeige{ 
	height:490px; 
	display:block;
	/* background-color:#f00; */
}

/*STARTSEITE-----------------------------------------------------------------------Startseite---------------------*/



#startseite {
	border:none; 
	width:951px;
	height:490px;
	margin: 0px auto;}

#slideshow_wrapper {
	float:left;
	border:none;
	width:587px;
	height:330px;
	background: url(../gfx/layout/bg-slideshow.jpg) repeat-x;
}

#slideshow {
	width:581px;
	height:324px;
	background-color: #fff;
	margin: 3px;
}
#slider {
    width: 581px; /* important to be same as image width */
    height: 324px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider ul { list-style-type: none; margin:0 ; padding: 0; }

#sliderContent {
    width: 581px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
 	display:none;  
}


.sliderImage span {
    position: absolute;
	font: 9pt/11pt Arial, Helvetica, sans-serif;
    padding: 0;
    width: 581px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display:none; 
}



.sliderImage span strong {
    font-size: 11pt;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
    height:80px;
}
.bottom span,
.bottom strong,
.bottom p {margin-left:10px;}

.left {
	top: 0;
    left: 0;
	width: 130px !important;
	height: 324px;
}
.right {
	left: 451px;
	bottom: 0;
	width: 130px !important;
	height: 330px;
}

.clear {clear:both;}
.abstand {font-size: 9pt; margin:5px; display:block; font-weight:normal;}

#vorteile_wrapper {
	float:left;
	width:355px;
	height:330px;
	background: url(../gfx/layout/bg-slideshow.jpg) repeat-x;
	margin: 0 0 0 9px;
}

#vorteile {
	width:349px;
	height:324px;
	margin:3px;
	background-color: #fff;
	/*font:10pt/10pt arial;*/
}

#vorteile .ihrevorteile {
	padding:0;
	margin:0;
	width:349px;
	height: 46px;
	background: url(../gfx/iconset/ihre-vorteile.jpg) #fff;
	text-indent:-4000em;
}

#vorteile ul {
	margin:0 0 15px 0;
	list-style-image: url(../gfx/iconset/haken-orange.jpg);
}
#vorteile ul li {margin: 3px 0 0 0px; padding: 0 0 0 20px;}

#vorteile .sichereinkaufen {
	padding:0;
	margin:0;
	width:349px;
	height: 119px;
	background: url(../gfx/iconset/sicher-einkaufen.jpg) #fff;
	text-indent:-4000em;
	display:block;
	/*border:1px solid #f00;*/
}

#farbmuster_wrapper{
	margin: 5px 0 0 0;
	width:355px;
	height:148px;
	float:left;
	background: url(../gfx/iconset/farbmuster.gif) transparent;
}

#farbmuster {
	
}

#farbmuster h3 { text-indent:-4000em; height: 40px; padding:0; margin: 0;}

#farbmuster div {margin: 0 10px;}
#farbmuster a:link, #farbmuster a:visited {
	display:block;
	margin:4px 0 0 0;
	font-weight: bold;
	color:#fc0;
	text-decoration:none;
}
#farbmuster a:hover {
	text-decoration:underline;
}



#katalogbestellen_wrapper {
	margin: 5px 0 0 17px;
	width: 579px;
	height:148px;
	float:left;
	background: url(../gfx/iconset/katalogbestellen.gif) transparent;
}

#katalogbestellen {
	
}

#katalog_best_links {width:310px;float:left;}
#katalog_best_links img {float:left; margin:5px;}
#katalog_best_links a:link, #katalog_best_links a:visited {color:#fc0; text-decoration:none;}
#katalog_best_links a:hover {text-decoration:underline;}

#katalog_best_rechts {width:249px;float:right;margin: 0 0 0 20px;}
#katalog_best_rechts a:link, #katalog_best_rechts a:visited {color:#fc0; text-decoration:none;}
#katalog_best_rechts a:hover {text-decoration:underline;}


#katalog_best_rechts ul {padding:0; margin: 0; list-style-type:none;}
#katalog_best_rechts li {margin: 5px 0 0 0;}

.katalog_bestellen_h3 {
	padding:0;
	margin:13px 0 0 64px;
	background: url(../gfx/iconset/bretz-katalog-bestellen.gif);
	height: 27px;
	width: 233px;
	text-indent:-4000em;
}

.bretz_live_erleben_h3 {
	padding:0;
	margin:13px 0 0 0px;
	background: url(../gfx/iconset/bretz-live-erleben.gif);
	height: 27px;
	width: 177px;
	text-indent:-4000em;
}



#footer_wrapper {
	background: url(../gfx/layout/bg-slideshow.jpg) left top repeat-x #fff;
	width:951px;
	margin:0 auto;
}

#footer {
background: url(../gfx/layout/bg-footer.jpg) left top repeat-x #696969;
margin:3px;	
width:945px;
padding:0;

}

#footer_links {
	float:left;
	width:587px;
	color:#ccc;
}

.footer_links_spalte {
	float:left;
	width:170px;
	margin: 0 10px;
	
}

#footer_links h4, .footer_rechts_col h4 {
	font-family: helvetica;
	letter-spacing:-1px;
	color:#ccc;
	font-size:18pt;
	padding:3px 0;
	margin:10px 0;
}

.footer_links_ganze_zeile {
	float:left;
	width:100%;
	margin: 0 12px;
	text-align:justify;
}

.footer_links_abstand {	margin: 15px 0 0 13px; color:#ccc;}
.footer_links_abstand a:link, .footer_links_abstand a:visited {color:#fc0;} 

.footer_links_spalte ul {
	list-style-type:none;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	padding: 0;
}

.footer_links_spalte li {
border-top: 1px dotted #ccc;
}

.footer_links_spalte a:link, .footer_links_spalte a:visited {
	color: #ccc;
	text-decoration:none;
	display:block;
	height:25px;
	line-height:25px;
}

.footer_links_spalte a:hover {
	color:#000;
	background-color: #ccc;
}

.footer_links_ganze_zeile {width:550px;}


#footer_rechts {
	width:353px;
	float:left;
}

.footer_rechts_col {
	width:320px;
	margin: 0px auto 0 auto;
	color: #ccc;
}

.footer_rechts_col a:link, .footer_rechts_col a:visited {color:#fc0;text-decoration:none;}
.footer_rechts_col a:hover {color:#ccc;text-decoation:underline;}

.line {width:100%;height:1px;border-top:1px solid #ccc;margin-bottom:3px;}

.newsletter_eintragen {width:200px;}





#captcha {border:1px solid #141414; cursor:pointer; }	

#artikel_alles2, #gruppe_alles,#artikel_alles, #wkframe, #artikelkinesis {
	font-size:8pt;
	position:relative;
	margin:0 auto;
	width:951px;
	height:490px;
	border:none;
	overflow:hidden;
}

/*

* Shopanzeige für kontakt, katalog, newsletter, login
* */

 #shopanzeige {
 	border:1px solid #000;
 	margin:0 auto;
	width:949px;
	height:481px;
 	background: url(../gfx/layout/bg-shopanzeige.jpg) top left repeat-x #fff;
 	
 }
 
 #shopanzeige .innen {
 	border:1px solid #fff;
 	width:943px;
	background-color:#fff;
 	height:475px;
	margin:  2px auto;
 	
 	/*height:100%;*/
 }
 
 .sabstand { margin: 10px 0 0 7px ; }
 
 #shopanzeige h2 {
 	font-size:18pt; 
 	color:#333; 
 	padding: 0 0 10px 0; 
 	margin: 0; 
 	background:#fff;
	font-family:helvetica;
 	letter-spacing:-1px;
 }

 #shopanzeige h3 {
 	font-size:14pt; 
 	color:#333; 
 	padding:  0 0 10px 0; 
 	margin: 0; 
 	background:#fff;
	font-family:helvetica;
 	letter-spacing:-1px;
 }

#shopanzeige a:link, #shopanzeige a:visited {color:#f90; text-decoration:none;}
#shopanzeige a:hover {color:#ccc; text-decoration:underline;}  

 
#socialmedia {background: url(../gfx/layout/bg-socialmedia.gif) transparent 1px bottom  no-repeat; height:70px;} 
 
 
 /*
* SHOPSUCHE
* */ 

.listeartikel {width:290px;margin: 10px 10px 0 0 ; border:1px solid #696969; float:left;}		
.listebild {width:270px;border: 1px solid #696969;}		
.listebild:hover {border: 1px solid #f90;} 	
.bildwidth {width:270px; height:80px; margin:3px 0 3px 0; padding:0; text-align:center; overflow:hidden; }	
.listeinnen {height:65px;overflow:hidden;margin:10px 0 ;}
.listeheader {height:60px;} 
#shopsuche_ergebnis h3 {line-height:14pt;} 
#shopsuche_ergebnis a {font-weight:bold;} 
 
 
 
 
 /*
  * 
  * Gruppe V3
  */
 
#gruppev3 {}
#gruppev3_teaser {width:100%;  height:30px;}
#gruppev3_teaser h3 {font-size:10pt; padding:0; margin:0; float:left; }
#gruppev3_buttons {float:right;margin:0 10px 0 0;height:30px;}
#gruppev3_buttons a:link, #gruppev3_buttons a:visited {
 	display:block;
 	border: 1px solid #000;
 	width:23px;
 	height:23px;
 	line-height:23px;
 	text-align:center; 
 	background-color:#ccc; 
 	color: #000;
 	float:left;
 	text-decoration:none;
 	font-size:13pt;
 	font-weight:normal;
 	margin: 0  0 0 6px;
}
#gruppev3_buttons a:hover {
	border-color: #ccc;
	background-color: #fc0;
	color: #000;
}
 
 
#gruppev3 .gruppev3_artikel {
 	border: 1px solid #ccc; 
 	width:300px; 
 	height:195px; 
 	float:left; 
 	margin: 0 10px 10px 0;
 	background-color:#fff;
}
#gruppev3 .gruppev3_artikel h3 {
 	font-size: 10pt;
 	margin: 0 0 ;
 	padding: 0 0 0 4px ;
 }
 
#gruppev3 .gruppev3_bild {width:230px; margin: 0 auto; text-align:center; }
#gruppev3 .gruppev3_bild img {}

#gruppev3 .gruppev3_text_wrapper {height:50px;display:block;font-size:7pt;width:170px;float:left;}  
#gruppev3 .gruppev3_text {height:34px;display:block;font-size:7pt;width:162px;margin:0 4px} 
#gruppev3 .gruppev3_link {height:15px;display:block;font-size:7pt;width:170px;} 
#gruppev3 .gruppev3_link a:link, #gruppev3 .gruppev3_link a:visited {
 	display:block;
 	width:170px;
 	height:15px;
 	font-weight:bold;
 	text-align:center;
 	background:url(../gfx/iconset/gruppe-button-zumartikel.jpg) 0 0 #ccc;
 	line-height:15px;
 	color:#000;

}
#gruppev3 .gruppev3_link a:hover {
 	background:url(../gfx/iconset/gruppe-button-zumartikel.jpg) 0 -15px  #ccc;
	color:#000;
	text-decoration:none;
}
 
#gruppev3 .gruppev3_border { border-left:1px dotted #ccc; width:0px;height:46px; float:left; margin:2px 2px;}

#gruppev3 .gruppev3_preis { float:left;width:124px;margin:0;text-align:right;position:relative;bottom:0px;height:50px;}

#gruppev3 .gruppev3_preis_innen_spacer {margin: 0 4px; height:34px; } 
#gruppev3 .gruppev3_preis_innen {font-size:16pt;  }
 
#gruppev3 .streichpreis {font-size:7pt;display:block;font-weight:bold;color:#f00;}
#gruppev3 .abbpreis {font-size:7pt;display:block;color:#000;}

#gruppev3 .gruppev3_mwst_wrapper {text-align:center; margin: 0; background-color:#ccc; display:block; width:125px; height:16px;}
#gruppev3 .gruppev3_mwst {font-size:7pt; margin:0 4px;}
#gruppev3 .gruppev3_mwst a:hover {color:#000;}


#hold	{ 
	position:relative; overflow:hidden;
	width:935px; height:404px; z-index:90;
	}
	
#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:940px; height:404px; /*320*/
	clip:rect(0px, 940px, 404px, 0px);/*504px, 25px*/
	overflow:hidden;	
	z-index:1; 
	}
	
#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}
 

#scrollbutton-l {width:32px; height:70px; text-indent:-999em; display:block; }
#scrollbutton-r {width:32px; height:70px; text-indent:-999em; display:block; }
#linkerbuttonwrapper:hover, #rechterbuttonwrapper:hover {background-position: 0px 0px;}
	
#linkerbuttonwrapper { position:absolute; top:320px; left:50%; margin-left:-504px; width:32px; height:70px; background:url(../gfx/iconset/button-gruppe-l.gif) 0px -70px no-repeat; cursor:pointer;  }
#rechterbuttonwrapper {position:absolute; top:320px; left:50%; margin-left:472px; width:32px; height:70px; background:url(../gfx/iconset/button-gruppe-r.gif) 0px -70px no-repeat; cursor:pointer; }

	
	
	
/*MUSTER BESTELLEN*/	
.muster {float:left;width:75px;height:72px;margin:3px;}
.muster .name {font:7pt/7pt arial;height:20px;display:block;}	
.muster img {width:40px; margin:auto;border:1px solid #ccc;padding:2px; cursor:pointer;}	
.muster_wrapper {width:410px;clear:both;margin:5px 5px;}	
.muster_float {float:left; width:440px;}
.muster_float_spacer {float:left; width:40px; height:460px;}
		
#musterheader {width:435px; height:120px;margin: 0 0 10px 0; float:left;}	

#musterliste {width:435px; height:304px; overflow:auto; background-color:#fff; border:1px solid #ccc;float:left;}
#musterliste .muster_wrapper h3 {width:400px; margin:0; padding:0; font-size:8pt; background-color:#ccc; border-bottom:1px dotted #000;}
	
#muster_auswahl_wrapper {float:left; width:410px; height:90px;margin: 0 0 10px 0;}
#muster_auswahl {border:1px solid #ccc;width:250px; margin: 5px 15px 5px 5px;height:80px; float:left;}	

#muster_formular_wrapper{float:left; width:410px;}
#muster_formular {margin:5px}

#muster_formular form {padding:0; margin: 30px 0 0 0;}
	
#muster_formular .kontaktfelder_n {width:250px;}
/*MUSTER BESTELLEN ENDE*/
	
	
	
#artikel_alles_wrapper {background-color:#fff;margin:0px auto 0px auto; height: 470px; border:1px solid #000;}

 
.kundennav { } /*background-color:#ccc; color:#000; width:100%;  margin:0; border: 1px solid #000; font-size:9pt; height:15px;*/
.kundennav a:link, .kundennav a:visited { margin:1px 4px 1px 0; padding:0 2px; text-decoration:none;background-color:#ccc; color: #000;font-size:9pt; }
.kundennav a:hover { background-color:#000; color: #ccc;}


.linie1 {width:100%; height:1px;border-bottom:1px dotted #c0c0c0;clear:both;margin:2px auto;}

.light_border {border:1px solid #ccc;} 
 
 
.x6pt {font-size:6pt;}
.x7pt {font-size:7pt;}
.x9pt {font-size:9pt;}
.x10pt {font-size:10pt;}
.x12pt {font-size:12pt;}

.table_daten{width:425px; border:1px solid #141414; background-color:#ccc; color:#141414;}
.table_daten th {background-color:#141414; color:#fff; height:20px; padding-left:4px; text-align:left; }
.table_daten td {vertical-align:top;}


.entryCen{text-align:center;font-size:14px;font-weight:bold;}
.whitelink a:link, .whitelink a:visited { color:#aaaaaa ; font-size:12px; }
.whitelink a:hover { color: #ffffff }
.center { text-align:center; clear:both}
.grosseSchrift { font-size:16px; font-weight:bold; color:#333333 ; }

.liste_schrift {color:#141414;font-size:11pt;padding:0 0 0 0px;margin:0 0 0 0px;font-weight:bold;}

.trenner {line-height:1px; height:1px; color:#000000}
.left_margin {margin-left:5px;}
	
.kontonummer {width:90px; float:left; padding:4px; }


	
	
.katalog_abschicken { width:200px;height:30px;background: url(../gfx/iconset/abschicken.jpg) top left no-repeat; border:1px solid #333333;color:#000000;font-weight:bold;padding-left:32px;font-size:12px;cursor:pointer;}

.log_in{ 
	 width:110px;
	 height:26px;
	 background: url(../gfx/iconset/abschicken.jpg) top left no-repeat; 
	 border:1px solid #333333;
	 color:#000000;
	 font-weight:bold;
	 padding-left:35px;
 	 cursor:pointer;
}
.log_in:hover {border:1px solid #ccc;}
 
.hand{cursor:pointer;}
.normal{cursor:default;}

.nodecoartion {text-decoration:none;}
.decoration {text-decoration:underline;}


.co-link a:link, .co-link a:visited {font-weight:bold;color:#ff0000;}
.co-link a:hover {font-weight:bold; color:#fc0000; }

.button1 {text-align:center; line-height:18px; height:20px;width:120px;border:none;cursor:pointer;margin:0px; padding-top:1px;font-size:9px;background:url(../sysgfx/button2.gif) no-repeat top left;}
.button1 a:link , .button1 a:visited {color:#000000; text-decoration:none;}
.button1 a:hover {color:#333333; text-decoration:none;}


.artikelh1 {
	font-weight: normal;
	font-size: 14pt;
	color:#000;
	margin-bottom: 0px;
	margin-top: 7px;
	padding: 0px 5px 0px 12px;
	height:20px;
	line-height:20px;
	
	
}

#artikel_text {
	display:block;
	padding-left:12px;
	padding-right:1px;
	overflow:hidden; 
	top:0px; 
	position:relative;
	float:left;
	width:618px;
	height:171px;
	z-index:2;
	overflow:auto;
	font-size:9pt;
	border-right: 1px dotted #ccc;
}

#artikel_texta1 {
display:block;padding-left:10px;padding-right:0px;overflow:auto; top:0px; position:relative;font-size:10px;float:left;width:662px;height:182px;
border-top:none;z-index:2;}


.text1  {   margin:3px 0 0 0;
			height:20px;
			font-size:9pt;
			text-align:center; 
			border: none; /*none; */
			cursor: pointer; 
			width:181px; 
			color:#000000; 
			background:none;
			/*background:url(../sysgfx/glasbutton1.gif) no-repeat;*/
		 }
		 
.text1a  {   margin:3px 0 0 0;
			height:20px;
			font-size:9pt;
			text-align:center; 
			border: none;
			cursor: pointer; 
			width:181px; 
			color:#000000; 
			background:url(../gfx/iconset/pfeil-gruen-konf.gif) no-repeat 150px 5px;
		 }
	
		 
.text1b  {   margin:1px 0 0 0;
			height:20px;
			font-size:9pt;
			text-align:center; 
			border: none; /*none; */
			cursor: pointer; 
			width:181px; 
			color:#000000; 
			background:none;
			/*background:url(../sysgfx/glasbutton1.gif) no-repeat;*/
		 }		 
		 
		 
.text1b  {   margin:1px 0 0 0;
			height:20px;
			font-size:9pt;
			text-align:center; 
			border: none; /*none; */
			cursor: pointer; 
			width:181px; 
			color:#000000; 
			background:none;
			/*background:url(../sysgfx/glasbutton1.gif) no-repeat;*/
		 }
		 
.konf_button_wrapper {
			height:26px;
			font-size:9pt;
			text-align:center; 
			border: none; 
			cursor: pointer; 
			width:181px; 
			color:#000000; 
			background:url(../sysgfx/button-konfigurator-aktiv.gif) no-repeat 0px 0px;
		 	
			}			 
		 
.konf_button_wrapper:hover {
			background:url(../sysgfx/button-konfigurator-aktiv.gif) no-repeat 0px -26px;
			}			 

			
			
.text3 { text-align:center; border:none; cursor:pointer;line-height:18px;padding-top:1px;height:20px;width:183px;color:#000000;font-size:9px;background:url(../sysgfx/bg-but3.gif) no-repeat; }
.text2 { cursor:pointer;line-height:16px;height:20px;width:173px;line-height:16px;border:1px solid #333333;color:#000000;font-size:9px;background:url(../sysgfx/bt_bg.gif); }
.height3px {height:5px;font-size:5px;line-height:5px;}


.select { line-height:16px;height:20px;width:173px;border:1px solid #999999;color:#000000;font-size:9px;background:url(../sysgfx/bt_bg.gif); }
#tooltipInside {color:#fff;font-size:10px;letter-spacing:1px;}

			
#artikel_popup_overlay_wrapper {display:none; position:fixed; top:0; left:0; height:100%; width:100% ; background-color:#141414; 
			filter:alpha(opacity=90);
			-moz-opacity:0.9;
			-khtml-opacity: 0.9;
			opacity: 0.9;
			z-index:50000; }			
#artikel_popup_overlay		{display:none; top:20px; position:fixed; margin:0px auto 0 auto; width:850px; background-color:#fff; padding:10px;  
			filter:alpha(opacity=100);
			-moz-opacity:1;
			-khtml-opacity: 1;
			opacity: 1;z-index:50001;}
			
		
			
/*http req farbauswahl*/
.farbauswahl {width:721px; overflow:hidden;}
.mittig {margin-left:auto; margin-right:auto;}
.f_erkl {float:left; padding:0;margin:0px 0 1px 0;display:inline-block;width:721px; font-size:10px;border:none;text-align:center;background-color:#999999;}
.farben_wr {float:left;background-color:#fff; display:block; width:570px; border-top:3px solid #999; border-bottom:3px solid #999;}
#ergebnis {text-align: center; border:none;}
.farbauswahl_tabelle {border:none; background-color: #999999; width:100%; }
.farbauswahl_tabelle_td {border:1px solid #000; height:88px; font-size:9pt; line-height:9pt;marin-right:2px;cursor:pointer; text-align:center;}
.farbauswahl_tabelle_td:hover {border:1px solid #ffa800;}
.farbenname {background-color:#333;opacity:0.8;filter:alpha(opacity=80);color:#fff;padding:2px;}		
.coltablink {cursor:pointer;}			
.erkl_header {font-size:10pt; letter-spacing:-0.5pt; font-family: helvetica; font-weight: bold; color:#fff; }
.cwelche {display:inline;width:721px;}		
			
			
			
#loginBestellung { font-size:11px; margin-left:80px;}


#cmsfenster {
width:950px;
height:583px;
position:relative;
text-align:left;
padding:0 0 0 0px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;

}


#art_bg {
padding:0px;
	display:block;
	float:left;
	width:740px;
	height:479px;
	background:url(../sysgfx/bg-stahlen-artikel.jpg) no-repeat bottom left #fff;
	margin:0 15px 0 0;
	border:1px solid #000;
	}/**/

#artikel_alles3 {font-size:10px;position:relative;margin:49px 0 0 0px;float:left;width:925px;height:474px;border:none;overflow:hidden;}
#artikel_alles22 {font-size:10px;position:relative;margin:28px 0 0 12px;float:left;width:941px;height:495px;border:none;overflow:hidden;}
#artikel_alles22 a:link,#artikel_alles2 a:visited {color:#000000;}
#artikel_alles22 a:hover {color:#666666;}

#artikel_alles_a1php {position:relative;margin:0 auto; width:950px;height:480px;border:none;overflow:hidden;}


.bgweiss {background-color:#fff;}

	
	
#zusatztext { display:none;position:relative; top:0px; left:0px; width:520px; height:280px; float:left;}

#auswahl_wrapper {width:700px; margin:20px auto;}

/*31.08.2010 änderung für galerie*/

#artikel_bild, #artikel_bilda1 {padding-top:0px;display:inline;position:relative;float:left;vertical-align:middle;width:740px;overflow:hidden;} /*htext-align:center;eight:300px;*/
#artikel_bild_i,#artikel_bild_ia1 {float:left;position:relative;top:0px;overflow:hidden;width:740px;height:280px;border:none; }

#picture {  text-align:center;} /*float:left;width:470px;*/
#picture2 {display:none;}
#bretzbildloading {width:200px; padding:5px; height:150px; position:relative; top:50px; margin: 0 auto; display:none; font-size:11pt; color:#696969; border:1px dotted #000; text-align:center;}

#thepic { margin:0 auto 0 auto;}

#tbn_gal_wrapper {float:left; /*border:1px solid #00f; */ position:absolute; left:0px; top:228px;}
.tbn_galerie, .link_galerie {height:40px;padding:2px;border:1px solid #000000;margin:2px;float:left;cursor:pointer;}
 

#felderue {float:right;width:200px; height:250px ; overflow:auto; }




#artikel_preis {position:relative;font-size:10px;float:left;padding-left:10px;padding-top:10px;width:225px;border:none;display:inline;}

	
	
	
	

#preis {
text-align:justify;
float:left;
width:178px;
height:90px;
background-color:#fff;
border:none; 
margin-left:0;
clear:both;
font:8pt/8pt arial;
} /*url(../sysgfx/preis_bg.gif) top center no-repeat*/

.streichpreisart {
	font-size:8pt;
	color:#f33;
	font-weight:bold;
	border:none;
	height:12px;
	line-height:8pt;
	text-align:right;
	width:100%;
}
.artpreis {
	font-size:20pt;
	line-height:20pt;
	font-family: arial; 
	width:100%; 
	height:30px; 
	text-align:right;}
.preis_text_wrapper {width:100%; text-align:right;}
.lieferzeit {font:8pt/8pt arial; width:100%; margin: 0 auto;text-align:right;}

#btn_warenkorb{margin: 0 0 5px 0; }


#konf_oben {float:left;position:relative;width:200px;height:300px;margin-left:5px;display:inline;}
#konf_unten {float:left;position:relative;width:182px;height:220px;margin-left:5px;display:inline;} /*none*/

#konf_oben_t {float:left;position:relative;width:182px;height:330px;margin-left:5px;display:inline;}
#konf_unten_t {float:left;position:relative;width:182px;height:148px;margin-left:5px;display:inline;} /*none*/


#artikel_konfigurator {

float:left;
display:block;
background:url(../sysgfx/konf_bg_strahlen.jpg) bottom left no-repeat;
background-color:#fff;
border:1px solid #000;
top:2px;
font-size:8pt;
width:189px;
height:479px;
margin:0px 0px 0 0;
	
}


.menge_wrapper{width:181px;height:24px;text-align:center; margin:0 0 4px 0; display:block; }
.menge {margin: 0 auto 0 auto;}


/*a1 = v2 template */
#konfigurator {
float:left;
position:relative;
color:#000000; 
padding:4px 0 0 10px; 
background:url(../sysgfx/bg_konf_alles2.gif) left top no-repeat;
margin:2px 0 0 0px;
width:228px;
height:480px;

}

.konffeldwrapper {border:1px solid #ccc; float:left; width:150px; margin:3px; padding:3px;}
.pickonffeld { width:146px; margin:0 auto; text-align:center; overflow:hidden; }
.justifytext {text-align:justify;font-size:8pt;}


.fontstyle1{font-size:10pt;}
/*Warenkorb knopf*/
.textwk { text-align:center; font-weight:bold; border:none; cursor:pointer;line-height:18px;padding-top:1px;height:25px;width:183px;color:#000000;font-size:9px;background:url(../sysgfx/ineinkaufswagenlegen.gif) no-repeat; }

#fixkonfigurator { height:330px; }
.border1px{ border:1px solid #cccccc; float:left; clear:none;}
.auswq1{float:left;width:60px;height:80px;margin:2px;padding:2px;}	
.auswq2{float:left;width:202px;height:152px;margin:2px;padding:2px;}
.artikel_h1 {font-size:16px; padding:5px 0 0 5px;margin:0;color:#000000;}
.spacerpr {line-height:15px;height:15px;font-size:0em;}
#preis1{ width:200px; padding-top:5px; margin-left:0px;}
#fixa1 {padding-left:0px;float:left;display:inline;}
#xihrpreis {height:83px;}

/*ende a1*/




.breadcrumb { height:12px; width:690px;padding-left:11px;margin-bottom:3px; font-size:9pt;color:#000; }
.breadcrumb a:link, .breadcrumb a:visited {color:#000;text-decoration:none;}
.breadcrumb a:hover { color:#999;text-decoration:underline;}

#breadcrumb { height:25px; width:700px;padding-left:5px;font-size:10px;color:#000; }
#breadcrumb a:link, #breadcrumb a:visited {color:#000;text-decoration:none;}
#breadcrumb a:hover { color:#999;text-decoration:underline;}

#modal-overlay {
	position: fixed;
	z-index:10000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}
#modal-window {
	position: fixed;
	z-index: 10002;
	display:none;
	top:50%;
	left:50%;
}
#modal-window img 
{
	display: block;
	border: 3px solid #ccc;
}
#modal-load{
    position: fixed;
    height:13px;
    width:208px;
    background: url(../sysgfx/loading1.gif) no-repeat;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}


* html #modal-overlay { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > 
            document.body.offsetHeight ? 
            document.body.scrollHeight : 
            document.body.offsetHeight   'px');
}
* html #modal-window,
* html #modal-load { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2)
    (TBWindowMargin = document.documentElement && 
    document.documentElement.scrollTop || document.body.scrollTop) 'px');
}



	
	
	





/*buttons*/

.but1 {padding:2px 0 0 0px;
text-align:center;
text-decoration:none;
font-size:10px;
letter-spacing:1px;
background:url(../sysgfx/bestellenh.gif) no-repeat;
width:169px;
height:18px;
border:none;
cursor:pointer;
padding:4px;
color:#000000;
}

.butb {
padding:1px 0 0 0px;
margin:0 0 2px 0px;
text-align:center;
text-decoration:none;
/*font-family:verdana;*/
font-size:10px;
letter-spacing:1px;
color:#fff;
background:url(../sysgfx/bestellenb.gif) no-repeat;
width:169px;
height:18px;
border:none;
cursor:pointer;
}

.butb2 {
padding:0px;
margin:0px;
text-align:center;
text-decoration:none;
/*font-family:verdana;*/
font-size:10px;
letter-spacing:1px;
color:#fff;
background:url(../sysgfx/bestellenb2.gif) no-repeat;
width:169px;
height:18px;
border:none;
cursor:pointer;
}


.butb3 {
padding:0px 0px 8px 0px;
margin:0px;
text-decoration:none;
font-family:helvetica;
font-size:12pt;
line-height:37px;
letter-spacing:-0.5pt;
color:#fff;
background:url(../gfx/iconset/bestellen.jpg) no-repeat;
width:210px;
height:47px;
border:none;
cursor:pointer;
}


#frame_three {color:#000000;font-size:11px;margin-left:25px;height:451px;}
#frame_two {color:#000000;font-size:10pt;height:470px;margin-top:10px;border:1px solid #000000;background-color:#fff;}


/*

* in Warenkorb 2 geteiltes layout
* 
* */

#frame_one {
	color:#000000;
	font-size:8pt;
	height:490px;
	width:951px;
	margin: 0 auto;
}





/*WARENKORB*/

#wklinks {float:left;overflow:auto;	width:698px;height:480px;border:1px solid #000000;margin-left:0px;background-color:#ffffff;}

#wkrechts {color:#000000;float:left;width:235px;height:480px;border:1px solid #000000;margin-left:14px;background-color:#ffffff;}
#wkrechts a:link, #wkrechts a:visited {text-decoration:none;color:#000000;font-weight:bold;}
#wkrechts a:hover {text-decoration:underline;color:#fc0; }

#wkframe a:link, #wkframe a:visited { color:#000000 ; font-size:8pt; }
#wkframe a:hover { color: #cccccc }

.abstandi{margin:12px;}
.abstandi h2, .abstandi h3 , .cms_header {
	font-size:14pt; 
 	color:#333; 
 	padding: 0px 0 0 0; 
 	margin: 0px 0 5px 0; 
 	background:#fff;
	font-family:helvetica;
 	letter-spacing:-1px;
}


.abstandr{margin-right:3px;}
.abstandu{margin-bottom:4px;}




.fuessekaestchen { border:1px solid #ffffff; width:100px;height:130px;cursor:pointer; float:left;margin-bottom:20px;margin-right:3px;}
.fuessekaestchen:hover{ border:1px solid #000000; }

.kontaktfelder {width:500px;}
.kontaktfelder_n {border:1px solid #999999;font-size:11px;line-height:13px;}
.kontaktfelder p {line-height:12px;height:13px;}

#error {float:left;z-index:1100;border:1px solid #000000;position:absolute;left:200px;top:200px;background-color:#f0f0f0;color:#000000;width:300px;}
#errorhead {height:20px;background-color:#c0c0c0;color:#000000;width:280px;float:left;display:inline;}
#error_close {cursor:pointer;height:20px;font-weight:bold; font-size:14px;background-color:#505050;color:#ff0000;width:20px;float:left;display:inline;}


#picView{margin:0px;padding:0px;position:absolute;z-index:80;width:664px;height:320px;}
.top1px {margin-top:1px;}
.bt_select{padding-top:6px;margin-left:7px;width:40px;border:1px solid #999999;padding:3px;font-size:10px;background:url(../sysgfx/bt_bg.gif);}







/*-------------------------------Gemeinsames Css-----------------------------------------*/
#adminlink {position:absolute;top:0px;right:0px;font-size:10px;background-color:#eeeeee;height:20px;width:250px;border:1px solid #ff0000;}
#miniwysiwyg {border:1px solid #ffffff; padding:5px; background:url(../sysgfx/editor/credits.gif) no-repeat right bottom #C9D8C2;z-index:1500;position:absolute;top:0px;left:0px;width:300px;text-align:left;height:80px;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;}
#miniwysiwyg img{cursor:pointer;}

.hleft {text-indent: -999em; font-size:0px;}
.scroll {overflow:auto;}

#carousel {
	width:735px;
	height:440px;	
	z-index:1000;
	margin:0 auto;
	overflow:hidden;
	border:none;
	text-align:center;
	background-color:#fff;
}

#slidesx {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:1000px;
	height:700px;
	border:none;
	margin-top:-170px;
	margin-left:-150px;
	background-color:#fff;
}

/* remove the list styles, width : item width * total items */	
#slidesx ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:5000px;			
}

/* width of the item, in this case I put 250x250x gif */
#slidesx li {
	width:1000px;
	height:440px;	
	float:left;
}

#slidesx li img {
	padding:4px;
}

/* Styling for prev and next buttons */
#buttonsx {z-index:1001;
	position:absolute;
	top:0px;
	left:650px;
	padding:0 0 5px 0;	
	/*float:right;*/
}

#buttonsx a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev {
	background:url(../sysgfx/arrow.gif) 0 -31px no-repeat; 
}

a#prev:hover {
	background:url(../sysgfx/arrow.gif) 0 0 no-repeat;
}

a#next {
	background:url(../sysgfx/arrow.gif) -32px -31px no-repeat; 
}

a#next:hover {
	background:url(../sysgfx/arrow.gif) -32px 0 no-repeat;
}


.kleineschrift{font-size:7pt;}
.textabstand {margin:5px;}
.textquadrat {width:500px;margin: 10px auto 0 auto ;padding:5px ; border:1px solid #ccc;}


.x425width {width:425px;}


/*popup*/

#popupbg{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:99995;
}

#popup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:30px;
width: 30px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:99996;
padding:0px;
font-size:13px;
}

#popupContent { 
	position:relative;
	
	display:none;
}

#popupClose {
	display:block;
	height:30px;
	width:30px;
	background: url(../gfx/layout/popup_close.gif) no-repeat 0 0 transparent;
	text-indent:-4000em;
	cursor:pointer;
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	display:none;
	z-index:99999;
}

#popupClose:hover {
	background-position: 0 -30px ; 
}

#startseiteswf {z-index:99997;}

/*fb follower*/
#fbfollower {
	z-index: 99999;
	position:absolute;
	float:right;
	top: 20px;
	right:0px; 

}


#popupweiterbutton {width: 111px; height: 37px; position:absolute; margin-left: 171px; margin-top: -40px; background: url("../gfx/popup/button1.png") no-repeat 0 -37px transparent; display:block; text-indent: -4000em; }
#popupweiterbutton:hover {background-position: 0 0 ;}

/*Farben*/	

.weiss {color:#fff;}
	
.yellowbg {background-color: #fff8c1;}
	
.orange {color:#fc0;}
.bg_orange {background-color:#f90;}

.red , .rot {color:#ff0000;}

.grau {color:#696969;}
.bg_grau {background-color:#696969;}	

.hellgrau {color:#ccc;}
.bg_hellgrau {background-color:#ccc;}

.schrift_sehrklein {font-size:7pt;}

/*
*xlr8 plugins 
* 
*xlr8-magnifrier v0.1 
* */

.xmag {width:230px; height:130px;  }
.active {width:230px; height:130px; ;overflow:hidden; }

#swfcontainer {margin: 0 auto; width:640px;}