	
@font-face {																				
 font-family: MY_SEGOE;
 /*font-weight: normal;
 font-style: normal;*/
 src:url("font/segoeui.eot"); 																					/* EOT file for IE */
 src:local("Segoe UI"), url("font/segoeui.ttf" ) format("truetype");		/* TTF file for CSS3 browsers */
}
@font-face {
 font-family: MY_SEGOE;
 font-weight: bold;
 /*font-style: normal;*/
 src:url("font/segoeuib.eot");
 src:local("Segoe UI"), url("font/segoeuib.ttf") format("truetype"); 
}
@font-face {
 font-family: MY_SEGOE;
 /*font-weight: normal;*/
 font-style: italic;
 src:url("font/segoeuii.eot");
 src:local("Segoe UI"), url("font/segoeuii.ttf") format("truetype"); 
}
@font-face {
 font-family: MY_SEGOE;
 font-weight: bold;
 font-style: italic;
 src:url("font/segoeuiz.eot");
 src:local("Segoe UI"), url("font/segoeuiz.ttf") format("truetype");
}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, span, table, td, form, img, li, a {
	color: #333333;
	font-family: Segoe UI, MY_SEGOE, Arial, Tahoma, sans-serif; 
	margin: 0;
	padding: 0;
	border: 0 none;
	font-size: 12px;
}

img, a{
	 outline:none;
}

ul{
	list-style-type:none;	
}	
	
body {
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}

div{
	position:relative;
}

a:link, a:visited, a:hover, a:active{
	text-decoration:none;
	outline:none;
}
a:hover, a:active{
	color:#0059A8;
	text-decoration:underline;
}
/* *************************************** Seitenaufbau *************************************** */
#inhalt{
	float:left;
	background-color:#FFFFFF;
	/*hier
	border:5px solid #FFFFFF;*/
	margin:0;
	min-height:600px;
	width:991px; /* plus 10 border --> insgesamt 1000 (nicht 1024 wegen Scrollbalken!!) ; 1 dazu wegen border rechts aussen --> insgesamt 1001 */
}

#pic_right_pos{
	min-height:100px;
	position:static;
 	background-image:url('bilder/kunst/frame.jpg');
  background-position: 995px 0px;
  background-attachment:fixed; 
  background-repeat: repeat-y;
	/* hier
	background-repeat: no-repeat;	
	background-color:#bababa;
	width:1295px;*/
}

#logo{
	float:none;
	/*hier
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;*/
	height:67px;
	margin-bottom:20px;
}

#box_links_mitte{
	float:left;
	margin:0;
	padding:0;
	width:820px;
	min-height:523px;
}

#spalte_links{
	/*background-color:red;*/
	display:inline;
	float:left;
	font-size:11px;
	line-height:15px;
	margin:0;
	border-right:3px solid #eeeeee;
	/*hier
	border-left:1px solid #CCCCCC;*/
	overflow:hidden;
	padding:0 5px 10px 5px;
	width:187px;			/* plus 10 padding plus 3 border */
	min-height:523px;
}

#spalte_mitte{
	/*background-color:blue;*/
	float:right;
	display:inline;
	margin:0;
	font-size:12px;
	line-height:16px; /* 14px ist normal*/
	overflow:hidden;
	padding:0 0 10px 0;
	border-right:3px solid #eeeeee;
	width:617px; 		/* plus 3 border */
	min-height:523px;
}

#box_rechts{
	/*background-color:green;*/
	float:right;
	display:inline;
	font-size:11px;
	line-height:15px;
	margin:0;
	overflow:hidden;
	padding:0 5px 10px 5px;
	width:160px; 	/* plus 10 padding plus 1 border */
	min-height:590px;
	/*hier
	border-right:1px solid #CCCCCC;*/
}

#footer{
	float:none;
	min-height:10px;
	font-size:11px;
	padding:20px 10px;
	border-top:3px solid #eeeeee;
	/*hier
	border-bottom:1px solid #CCCCCC;*/
	margin:10px 0 0 0;
	width:975px;
	background-color:#FFFFFF;
	text-align:center;
}
#footer a{
	font-size:11px;
}
.space_blocks{
	margin:0 30px 0 30px;
}

.space_blocks_oben{
	margin:0 15px 0 15px;
}

.clear{
	clear:both;
	margin:0;
	padding:0;
	border:0 none;
	font-size:1px;
	height:1px;
	overflow:hidden;
}
.clear_simple{
	clear:both;
	margin:0;
	padding:0;
	border:0 none;
	overflow:hidden;
}
/* *************************************** *************************************** */
.button{
	color:#333333;
	padding:5px;
	font-size:12px;
	border:1px solid #CCCCCC;
	cursor:pointer;
	background-color:#F1F1F1;
}
.buttonrabatt{
	width:130px;padding:2px;border:1px solid #CCCCCC;background-color:#ffffff;
	color:#333333;
	font-size:11px;
	cursor:pointer;
}
.button_da{
	color:#CCCCCC;
	padding:5px;
	font-size:12px;
	border:1px solid #CCCCCC;
	cursor:default;
	background-color:#F0F0F0;
}

.bildunterschrift{
	font-size:10px;
	line-height:normal;
	text-align:center;
}

.headline{
	font-weight:bold;
	font-size:16px;
	margin:14px 20px 30px 20px;	
}
.headline_produkt{
	font-weight:bold;
	font-size:16px;
	margin:14px 20px 5px 20px;	
}
.subheadline{
	margin:0 20px 15px 20px;	
}

.produktgruppen{
	margin:0 0 20px 20px;
	border:2px solid #E4E4E4;
	min-height:120px;
	width:565px;
}
.produktgruppen ul{
	margin:0 5px 0 160px;
	width:390px;
	padding-top:8px;
	height:112px;
}
.m_b_5{
	margin-bottom:5px;
}
.produktgruppen_sub{
	margin:20px 0 20px 20px;
	border:1px solid #CCCCCC;
	border-right:0px none;
	min-height:120px;
	width:545px;
}
.produktgruppen_sub ul{
	margin:0 5px 0 160px;
	width:370px;
	padding-top:8px;
	height:112px;
}

.li_bg{
	background-image:url('bilder/aufzaehlung.jpg');
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:13px;
}

.ul_tecinfo{
	margin:15px 15px 0 20px;
}
.ul_tecinfo li{
	background-image:url('bilder/aufzaehlung.jpg');
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:13px;
}

.ul_thumbs_info li{
	background-image:url('bilder/aufzaehlung.jpg');
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:13px;
	margin:0 0 3px 3px;
}

.box_rechts_head{
	background-color:#F1F1F1;
	font-weight:normal;
	padding:3px;
	margin:0 0 5px 0;
}
.video_head{
	text-align:center;
	font-size:11px;
	/*font-weight:bold;
	font-style:italic;
	background-color:#F5F5F5;*/
	padding:5px 0 3px 0;
	font-style:italic;
	color:#8B668B;
}
.video_img{
	width:160px;
	height:88px;
	margin-bottom:10px;
	/*padding-bottom:8px;
	border-bottom:1px solid #e0e0e0;*/
}

.ankercss{
  font-size:13px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC
}

/* *************************************** Navi links *************************************** */
.navi_ul{
	margin-top:0px;
	line-height:17px;
}
.navi_ul li{
	padding:0 0 0 5px;	
	font-size:12px;
}
.navi_ul li.navi_ul_head{
 color:#ffffff;
 font-weight:bold;
 padding:1px 5px 1px 5px;
 margin-bottom:5px;
}
.navL_aktiv{
	color:#0059A8;
}
.navL_sub{
	margin-left:5px;
}	
.navL_sub_sub{
	margin-left:13px;
}
.navi_a:link, .navi_a:visited, .navi_a:hover, .navi_a:active{
  font-size:12px;
	text-decoration:none;
	outline:none;
}
.navi_a:hover, .navi_a:active{
	color:#0059A8;
	text-decoration:underline;
	/*width:180px;
	display:inline-block;
	border-bottom: solid 1px #0059A8;*/
}

.navi_a_aktiv:link, .navi_a_aktiv:visited, .navi_a_aktiv:hover, .navi_a_aktiv:active{
  font-size:12px;
	text-decoration:none;
	outline:none;
	color:#0059A8;
}

.navi_ah:link, .navi_ah:visited, .navi_ah:hover, .navi_ah:active{
  font-size:12px;
	text-decoration:none;
	outline:none;
	color:#ffffff;
}
.navi_ah:hover, .navi_ah:active{
	text-decoration:underline;
}

.navi_ah_aktiv:link, .navi_ah_aktiv:visited, .navi_ah_aktiv:hover, .navi_ah_aktiv:active{
  font-size:12px;
	text-decoration:none;
	outline:none;
	color:#ffffff;
}
/* *************************************** Navi Top *************************************** */
#navi_top a:link, #navi_top a:visited, #navi_top a:hover, #navi_top a:active {
  font-size:10px;
	text-decoration:none;
	outline:none;
}

/* *************************************** Navi rechts *************************************** */
.navi_rechts_a2:link, .navi_rechts_a2:visited, .navi_rechts_a2:hover, .navi_rechts_a2:active, 
.navi_rechts_a:link, .navi_rechts_a:visited, .navi_rechts_a:hover, .navi_rechts_a:active {
  font-size:11px;
	text-decoration:none;
	outline:none;
}
.navi_rechts_a:hover, .navi_rechts_a:active{
	color:#0059A8;
	text-decoration:underline;
}
.navi_rechts_a2:hover, .navi_rechts_a2:active{
	color:#0059A8;
}
/* *************************************** sonstige Navi *************************************** */
.pic_a:link, .pic_a:visited, .pic_a:hover, .pic_a:active {
	font-size:10px;
	outline:none;
	text-decoration:none;
	line-height:12px;
}
.pic_a:hover, .pic_a:active{
	color:#0059A8;
	text-decoration:underline;
}

.artikelname_a:link, .artikelname_a:visited, .artikelname_a:hover, .artikelname_a:active{
	font-weight:bold;
	font-size:13px;	
}
.artikelname_a:hover, .artikelname_a:active{
	color:#0059A8;
	text-decoration:underline;
}

.bold_a:link, .bold_a:visited, .bold_a:hover, .bold_a:active{
	font-weight:bold;
}
.bold_a:hover, .bold_a:active{
	color:#0059A8;
	text-decoration:underline;
}

.blau_a:link, .blau_a:visited, .blau_a:hover, .blau_a:active{
	color:#0059A8;
}
.blau_a:hover, .blau_a:active{
	text-decoration:underline;
}

.a_galerie:link, .a_galerie:visited, .a_galerie:hover, .a_galerie:active{
	 font-size:11px;
	 color:#cccccc;
}
.a_galerie:hover, .a_galerie:active{
	color:#0059A8;
	text-decoration:none;
}

.kontakt_a:link, .kontakt_a:visited, .kontakt_a:hover, .kontakt_a:active{
	text-decoration:underline;
}

/* *************************************** unterkategorie *************************************** */
.unterkategorie_ul{
	margin:0 0 0 20px;
	list-style-type:none;
}
.unterkategorie_li{ /* gesamtbreite 148px */
	margin:0 50px 30px 0;
	border:2px solid #E4E4E4;
	float:left;
	/*padding:3px;*/
}
.unterkategorie_div{
	width:140px;
	height:35px;
	text-align:center;
	/*margin:3px 0 0 0;*/
	border-top:2px solid #E4E4E4;
	padding:3px 0 0 0;
	overflow:hidden;
}

.hauptkategorie_div{
	border:2px solid #E4E4E4;
	float:left;
	width:110px;
	padding:0px;
	text-align:center;
	margin-right:35px;
	margin-bottom:25px;
	padding-bottom:5px;
}

/* *************************************** thumbs *************************************** */
.ul_thumbs li{
	float:left;
	width:50px;
	height:50px;
	margin-right:5px;
}

.ul_angebot li{
	margin-top:8px;
}
.angebot_field{
	font-size:11px;
	width:300px;
}

.ul_thumbs_inhalt li{
	width:50px;
	height:50px;
	margin-bottom:5px;
}

.ul_thumbs_drunter{
	padding-top:5px;
}
.ul_thumbs_drunter li{
	width:50px;
	height:50px;
	float:left;
	margin-right:13px;
}
.ul_thumbs_drueber{
	
}
.ul_thumbs_drueber li{
	width:50px;
	height:50px;
	float:left;
	margin-right:13px;
}
.ul_thumbs_write li{
	margin:0 0 3px 5px;
}
.ul_thumbs_write li a{
	font-weight:normal;
}


/* *************************************** Verkaufselement *************************************** */
.ve_headline_div{
	margin:30px 20px 20px 20px;
	padding:5px 0 5px 0;
	border-bottom:1px solid #CCCCCC;
}
.ve_linie{
	margin:30px 20px 30px 20px;
	padding:0px;
	height:1px;
	border-bottom:1px solid #CCCCCC;
}
.ve_headline{
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
}
.basic_margin25{
	margin:0 0 0 20px;
}
.basic_prodpic{
	float:left;
	margin-right:5px;
	height:160px;
}
.ve_serviceline{
	margin:20px 0 0 20px;
	height:35px;
}
.basic_floatl{
	float:left;
}
.basic_pl10{
	padding-left:10px;
}
.ve_liferstatus{
	float:right;
	text-align:right;
	width:270px;
	margin-right:20px;
	padding-top:3px;
}
.ve_preis_div{
	margin:20px 20px 0 20px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:18px;
	height:28px;
}
.ve_preis{
	float:left;
	font-size:14px;
	background-color:#F1F1F1;
	padding:5px;
}
.ve_kaufen{
	text-align:right;
	float:right;
	width:300px
}
.productpoint{
	background-image:url('bilder/aufzaehlung.jpg');
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:13px;
	margin-left:10px;
}
.pp2{
	background-image:url('bilder/aufzaehlung.jpg');
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:13px;
	margin-left:8px;
	margin-top:0px;
}
.pp3{
	background-image:url('bilder/aufzaehlung.jpg');
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:13px;
	margin-left:0px;
}
.pp3a{
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:13px;
	margin-left:0px;
}
.beschreibung_artikel{
	margin:0 20px 20px 20px;
}
.ve_button{
	color:#333333;
	background-color:#F1F1F1;
	padding:5px 25px 5px 5px;
	font-size:12px;
	border:1px solid #CCCCCC;
	cursor:pointer;
	width:150px;
	background-image:url('bilder/warenkorb_4.jpg'); 
	background-position: 115px center; 
	background-repeat: no-repeat;
}

.rabatt_box{
	margin:0 0 0 10px;
	display:inline;
	background-color:#A4A4A4;
	color:#ffffff;
	font-weight:bold;
	padding:3px 6px 3px 6px;
	font-size:10px;
}
.rabatt_angebot{
	float:left;
	margin-left:150px;
	margin-top:4px;
	background-color:#A4A4A4;
	color:#ffffff;
	font-weight:bold;
	padding:3px 6px 3px 6px;
	font-size:10px;
	cursor:pointer;
}
.rabatt_produkt{
	float:left;
	margin-left:20px;
	margin-top:3px;
	background-color:#A4A4A4;
	color:#ffffff;
	font-weight:bold;
	padding:2px 4px 2px 4px;
	font-size:10px;
	cursor:pointer;
}

.wolke_oben{
	margin:30px 20px 0 20px;
	color:#b4b4b4;
	font-size:11px;
	padding:0 0 1px 0;
	border-top:3px double #CCCCCC;
	/*border-left:0px none;
	border-bottom:0px none;*/
}
.wolke_unten{
	color:#0358A9; 
	width:544px; 
	/*border:3px double #CCCCCC;
	border-top:0px none; 
	border-bottom:0px none;*/
	padding:15px 0 0 25px; 
	text-align:justify; 
	margin:0 0 0 25px; 
	line-height:25px;
}
.wolke_element{
	padding:0 30px 0 0; 
	color:#0358A9; 
	font-family:Lucida Grande,Trebuchet MS,Arial,Helvetica,sans-serif; 
	font-weight:bold;
	white-space:nowrap;
	display:-moz-inline-box;
	display:inline-block;
}
.wolke_linienrichter{
	display:-moz-inline-box;
	display:inline-block;
	width:100%;
	font-size:0px;
	height:0px;
	line-height:0px;
}

.doppellinie{
	font-size:11px;
	color:#b4b4b4;
	margin:30px 20px 20px 20px;
	border-top:3px double #CCCCCC;
}

.doppellinie2{
	margin:30px 20px 10px 20px;
	border-bottom:3px double #CCCCCC;
	font-weight:bold;
}

.ve2_head{
	font-weight:bold;padding-bottom:5px;
}
.ve2_text{
	width:160px;padding:0 5px 0 5px;float:left;
}

.ve3_rahmen{
	float:left;width:189px;border:1px solid #CCCCCC;
}
.ve3_liste{
	padding:10px 5px 10px 0;
}
.ve3_preis{
	background-color:#F1F1F1;padding:5px;font-size:14px;text-align:center;
}
.ve3_btnbx{
	text-align:center;padding:10px 0 10px 0;
}

.ul_detail{
	margin-top:17px;
}

.table_padd td{
	padding: 5px;
}
.puppen li{
	background-image:url('bilder/aufzaehlung.jpg');
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:10px;
	margin-left:0px;
}

.rundum{
	font-weight:bold;
	margin:25px 0 0 0;
	padding:10px 0 3px 0;
	border-top:3px double #CCCCCC;
}

.nrpieces{
	/*border:1px solid #CCCCCC;*/
	padding:4px;
	font-size:12px;
	width:35px;
}

.input_field{
	font-size:12px;	
	width:35px;
}

.galerietext{
	width:134px;
	margin-right:14px;
	float:left;
	font-size:10px;
	text-align:center;
	font-family:arial;
	line-height:normal;
	padding-top:3px;
}

.ref li{
	background-image:url('bilder/referenzen/referenz.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:25px;
	margin-left:0px;
}

/* Login */
.vorne{ float:left; width:180px;}
div .mittel{float:left; width:210px;}
.mitte:link, .mitte:visited, .mitte:hover, .mitte:active { float:left; width:210px; text-decoration:underline; }
.ende:link, .ende:visited, .ende:hover, .ende:active { float:left; text-decoration:underline; }
.cleared {
    border: 0 none;
    clear: both;
    font-size: 1px;
    height: 1px !important;
    line-height: 1px !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 1px !important;
}

