body,table {
	color: #5a5a5a;
	font-family: Arial, Sans-Serif;
	font-size: 13px;	
	text-align: left;
}

form,script {margin:0}

navi7,a.navi7,a.navi7:link,a.navi7:visited {float:left;font-size:14px;text-decoration:none;color:#fff;padding: 7px 15px 6px 15px;margin:0;background:url(../img/09_New_Look/bg_navi7.gif);border-right:1px solid #fff;font-weight:bold;text-transform:uppercase}
a.navi7:hover,a.navi7:active {text-decoration:none;background-image:none;background-color:#fff;color:#910415}

navi9,a.navi9,a.navi9:link,a.navi9:visited {display:table;width:216px;padding: 3px 10px 3px 19px;margin:0;font-size:14px;text-decoration:none;color:#2f8cdd;background:url(../img/09_New_Look/bg_navi9.gif);font-weight:bold;text-transform:uppercase}
a.navi9:hover,a.navi9:active {text-decoration:none;background-image:none;color:#fff;background:url(../img/09_New_Look/bg_navi9_hover.gif);}

.720head{position:relative;display:block;background:url(../img/09_New_Look/cont_720_head_blue.gif);width:720px;height:49px;background-repeat:no-repeat}
.720body{position:relative;display:block;background:url(../img/09_New_Look/cont_720_body.gif);width:720px;height:auto;background-repeat:repeat-y;padding-bottom:0px}
.720content{position:relative;display:block;margin:0px 20px 10px 20px;width:680px;height:auto;padding-bottom:12px}
.720bottom{position:relative;display:block;background:url(../img/09_New_Look/cont_720_bottom.gif);width:720px;height:18px;background-repeat:no-repeat}

/*für alle container, muss so bleiben (relative, block, float) damit float, more etc. funktioniert*/
.cont {position:relative;display:block;margin:0;padding:0;background-repeat:no-repeat;overflow:hidden}
/*version mit Farbbalken, erst headline dann content*/
.cont_headline,a.cont_headline:link,a.cont_headline:visited,a.cont_headline:focus,a.cont_headline:active {position:absolute;left:20px;top:14px;display:table;width:auto;height:29px;padding:0;margin:0;float:top;color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase}
a.cont_headline:hover{text-decoration:underline}
.content {position:absolute;left:20px;top:49px;display:table;margin:0;padding:0;}
/*version white (default) inhaltsfeld und headline_white innerhalb dessen innerhalb*/
.content_white {position:relative;display:block;margin:15px 20px 15px 20px;overflow:hidden;}
.content_white_headline,a.content_white_headline:link,a.content_white_headline:visited,a.content_white_headline:active{position:relative;display:table;font-size:14px;font-weight:bold;margin-bottom:6px;color:#5a5a5a;text-decoration:none}
a.content_white_headline:hover{text-decoration:underline}
/*keine Höhenangaben, damit keine probleme im Firefox)*/




/*alte Lösung headline separat*/


.more_de {position:absolute;display:block;width:62px;height:26px;background-position:bottom right;bottom:0px;right:0px;z-index:2;background:url(../img/09_New_Look/more_de.gif);background-repeat:no-repeat;}
.more_en {position:absolute;display:block;width:62px;height:26px;background-position:bottom right;bottom:0px;right:0px;z-index:2;background:url(../img/09_New_Look/more_en.gif);background-repeat:no-repeat;}
.more_fr {position:absolute;display:block;width:62px;height:26px;background-position:bottom right;bottom:0px;right:0px;z-index:2;background:url(../img/09_New_Look/more_fr.gif);background-repeat:no-repeat;}
    
.white,a.white,a.white:link,a.white:visited,a.white:active{color:#ffffff;text-decoration:none}
a.white:hover{color: #efefef;text-decoration:none}

.red {color:#CC2C32}
.blue {color:#2f8cdd}
.green {color:#2E923F}
.price,a.price:link,a.price:visited,a.price:active {font-size:15px;font-weight:bold;color:#CC2C32;text-decoration:none}
.a.price:hover{text-decoration:underline}
.mwst { font-size:11px;color:#CC2C32 }
.artnr { color:#000; }
.small {font-size:11px;}
.big { font-size:16px;}
.bigred {color:#CC2C32;font-size:18px}
.black,a.black:link,a.black:visited,a.black:active {color: #5a5a5a; text-decoration:none;}
a.black:hover {color:#CC2C32}

.image_right{
    position:relative;
    float:right;
    margin:0px 0px 8px 8px;
    background: #fff;
}

.image_left{
    position:relative;
    float:left;
    margin:0px 12px 8px 0px;
    background: #fff;
}

.naviblock {display:block;float:top;border-bottom:1px solid #fff; height:22px;width:auto;padding:4px 8px 4px 8px}
.bereich {display:block;width:auto;height:auto;background:#cccccc;padding:1px 4px 1px 4px;margin:3px 0px 0px 0px;font-size:11px;color:#333}

.untertabelle {}
.untertabelle th {height:22px;background:#9EA2A5;color:#000;border:none;}
.untertabelle td {background:#efefef;color:#000;border:none;border-bottom:solid #ccc 1px;}
.untertabelle price {font-size:12px;font-weight:bold;color:#CC2C32}

.inp {color:#000;width:auto;height:21px;border-right:1px solid #e3e3e3;border-bottom:1px solid #ccc}
.but,.submit,.submitred {background:url(../img/09_New_Look/but_bg_grey.gif) right;color:#fff;height:21px;border:none;padding:0px 3px 0px 3px;margin:0px 0px 10px 0px;overflow:hidden;}

* html img { /* use Star Selector Hack here to exclude IE 7 - with the Conditional Comment [if lte IE 6] it didn't work, WTF?! */
                background-image: expression(
                    this.runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + this.src + '", sizingMethod="image")',
                    this.runtimeStyle.backgroundImage = 'none',
                    this.src = '../img/09_New_Look/transparent.gif'
                );
            }