@charset "utf-8";

<!--

/*=========================================================================*/
/* SCREEN CSS for lxbxh.ch                                                 */
/* CSS Code : mediaparx.com : October 2006                                 */
/*=========================================================================*/ 

*{
	margin:0px;
	padding:0px;
}

html {
	font-size:medium;
	overflow:scroll;
}

body{
	font-size:60%;
	line-height:1.7em;
	font-weight:normal;
	font-variant:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*text-align:center;*/
	color:#000000;
	background:url(../auxx/img_bg_2.gif) no-repeat 50% 308px;
}

input, textarea, input, select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea, input, select{
	font-size:100%;
}

fieldset{
	border:none;
}

img{
	border:none;
}

a{
	text-decoration:none;
}

ul{
	margin-left:15px;
	padding-left:0px;
	list-style:disc outside;
}

th{
	background:#b1b1b1;
	text-align:left;
	padding-right:3px;
	padding-left:3px;
	padding-top:4px;
	padding-bottom:4px;
	border-right:1px #fff solid;
	color:#fff;
}

sup{
	font-size:90%;
	line-height:10%;
	color:#a0a0a0;
}

optgroup{
	font-style:normal;
	color:#990000;
	background:#e3e3e4 !important;
}

option{
	color:#000000 !important;
	padding-left:5px;
	border-bottom:1px #e3e3e4 dotted;
	background:#FFFFFF !important;
}

abbr{

	border:none;
	cursor:help;
}

.clear{
	clear:both;
	margin:0px;
	padding:0px;
	line-height:0px;
	height:0px;
	font-size:0px;
}

.ImageLink{
	border:none !important;
	text-decoration:none !important;
	background:none !important;
}

.ImageWithLegend{
	float:left;
	width:180px;
	margin-bottom:5px;
}

.SeparatorDoubleLine{
	height:6px;
	background:url(../auxx/img_separator_double_line.gif) repeat-x;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
}

.RowOdd{
	background:#ffffff;
}

.RowOdd a{
	/*color:#990000;*/
	color: #000;
	font-weight:bold;
	/*border-bottom:1px #990000 solid;*/
	border-bottom:1px #000 solid;
}

.RowEven{
	background:#ebebeb;
}

.RowEven a{
	color:#000;
	font-weight:bold;
	border-bottom:1px #000000 solid;
}

.BgGrey{
	background:#ebebeb;
}


/*=============================================================*/
/*------------------------ Container --------------------------*/
/*=============================================================*/

#ContainerCenter{
	width:818px;
	text-align:left;
	margin:0px auto;
	padding-left:246px;
	/*position:absolute;
	left:30px;*/
}

#ContainerDummy{
	float:left;
	width:574px;
	margin-right:42px;
}

/*=============================================================*/
/*-------------------------- Header ---------------------------*/
/*=============================================================*/
#Header{
	width:812px;
	margin-left:6px;
	margin-top:30px;
}

#HeaderImages img{
	float:left;
}

#ServiceNavigation{
	width:562px;
	margin-top:4px;
	margin-bottom:17px;
	text-align:right;	
}

#ServiceNavigation a{
	color:#000000;
}

#ServiceNavigation a:hover,
#ServiceNavigation a.ServiceNaviActive{
	color:#990000;
}

#ServiceNavigation .SeparatorServiceNavigation{
	margin-left:5px;
	margin-right:5px;
}


/*=============================================================*/
/*---------------------- Content Index ------------------------*/
/*=============================================================*/
#ContentIndex{
	width:562px;
	margin-top:36px;
	margin-left:6px;
}

#ContentIndex .BoxIndex,
#ContentIndex .BoxSearch{
	float:left;
	margin-left:11px;
	border:1px #545454 solid;
	width:160px;
	padding:9px;
	margin-bottom:11px;
	min-height:100px;
	cursor:pointer;
}

#ContentIndex .BoxIndex{
	background:url(../auxx/img_box_index.png);
}

.BoxIndex h1{
	color:#990000;
	font-size:150%;
	margin-bottom:2px;
}

.BoxIndex h2{
	color:#999999;
	font-size:150%;
	margin-bottom:2px;
}

#ContentIndex .BoxIndexWide{
	float:left;
	border:1px #545454 solid;
	width:351px;
	padding:9px;
	min-height:100px;
	background:url(../auxx/img_bg_newsbox.png) no-repeat;
}

.BoxIndexWide .BiwLeftColumn{
	float:left;
	width:168px;
	margin-top:50px;
}

.BoxIndexWide .BiwRightColumn{
	float:left;
	width:158px;
	margin-left:22px;
}

.BoxIndexWide a,
.BoxSearch a,
.FeatureBox a{
	color:#990000;
	font-weight:bold;
	border-bottom:1px #990000 solid;
}

.BoxIndexWide a:hover,
.BoxSearch a:hover,
.FeatureBox a:hover{
	color:#383636;
	border-bottom:1px #383636 solid;
	font-weight:bold;
}

.BoxSearch{
	width:168px !important;
	min-height:108px !important;
	padding:5px !important;
	background:#e3e3e4;
	text-align:right;
}

#LoginMask label,
.FeatureBox label{
	float:left;
	display:block;
	width:48px;
	text-align:right;
	margin-bottom:5px;
}

#LoginMask input,
.FeatureBox input{
	margin-left:8px;
	width:106px;
	float:left;
	border-top:1px #909090 solid;
	border-left:1px #cecece solid;
	border-right:1px #cecece solid;
	border-bottom:1px #e4e4e4 solid;
	padding:2px;
}

#LoginMask .Input106px{
	color:#383636;
}

.ButtonSubmit{
	margin-left:0px !important;
	float:right !important;
	background:#990000;
	color:#FFFFFF;
	font-weight:bold;
	border:none !important;
	margin-top:10px;
	width:auto !important;
	cursor:pointer;
}

.ButtonSubmit:hover{
	margin-left:0px !important;
	float:right !important;
	background:#383636;
	color:#FFFFFF;
	font-weight:bold;
	border:none !important;
	margin-top:10px;
	width:auto !important;
	cursor:pointer;
}


/*=============================================================*/
/*-------------------------- Content --------------------------*/
/*=============================================================*/
#LeftColumn{
	float:left;
	width:180px;
	margin-right:11px;
	margin-left:6px;
	overflow:hidden;
}

#CenterColumn{
	float:left;
	width:371px;
	padding-top:77px;
	padding-bottom:30px;
}

#RightColumn{
	float:left;
	width:202px;
}


/*=============================================================*/
/*------------------------ Left Column ------------------------*/
/*=============================================================*/
#LeftColumn h1{
	color:#999999;
	font-size:150%;

}

#LeftColumn #Navigation{
	margin-top:20px;
	font-weight:bold;
}

#Navigation ul{
	margin-left:0px;
	padding-left:0px;
}

#Navigation li{
	list-style:none !important;
	margin-bottom:0.45em;
}

#Navigation li a{
	color:#000;
}

#Navigation li a:hover,
#Navigation li a.NaviActive{
	color:#990000;
}


/*=============================================================*/
/*---------------------- Center Column ------------------------*/
/*=============================================================*/
#CenterColumn h1{ /*Page Title*/
	color:#999999;
	font-size:150%;
	margin-bottom:1.5em;
	line-height:1.3em;
}

#CenterColumn h2{	/*Chapter Title*/
	color:#999999;
	font-size:120%;
	margin-bottom:0.6em;
}

#CenterColumn h6{	/*Legend*/
	font-weight:normal;
	font-size:90%;
	margin-bottom:0.6em;
}

#CenterColumn .ImageLeft{
	float:left;
	margin-right:11px;
	margin-top:5px;
}

#CenterColumn .ImageRight{
	float:right;
	margin-left:11px;
	margin-top:5px;
}

#CenterColumn a{
	color:#990000;
	font-weight:bold;
	border-bottom:1px solid #990000;
}

#CenterColumn a:hover{
	color:#000000;
	font-weight:bold;
	border-bottom:1px solid #000000;
}


/*===============*/
/*Table Wellenart*/
/*===============*/
#Wellenart{
	border-bottom:1px solid #e3e1e1;
}

#Wellenart td{
	padding-left:3px;
	padding-right:3px;
	padding-top:4px;
	padding-bottom:4px;
}

#Wellenart .Column1{
	border-left:1px solid #e3e1e1;
	border-right:1px solid #e3e1e1;
	width:84px;
}

#Wellenart .Column2{
	border-right:1px solid #e3e1e1;
	width:86px;
}

#Wellenart .Column3{
	border-right:1px solid #e3e1e1;
	width:86px;
}

#Wellenart .Column4{
	border-right:1px solid #e3e1e1;
	width:86px;
}

/*================*/
/*Table Graukarton*/
/*================*/
#Graukarton{
	border-bottom:1px solid #e3e1e1;
}

#Graukarton td{
	padding-left:3px;
	padding-right:3px;
	padding-top:4px;
	padding-bottom:4px;
}

#Graukarton .Column1{
	border-left:1px solid #e3e1e1;
	border-right:1px solid #e3e1e1;
	width:114px;
}

#Graukarton .Column2{
	border-right:1px solid #e3e1e1;
	width:114px;
}

#Graukarton .Column3{
	border-right:1px solid #e3e1e1;
	width:114px;
}

/*===========*/
/*Form Styles*/
/*===========*/

.ButtonSearch,
.SelectWide,
.Input40px,
.Input60px,
.Input180px,
.Input250px,
.Label60px,
.RadioButton,
.TextArea365px,
.TextArea500px,
#FormRegistration label,
#FormAnmeldung label{
	margin-top:10px;
}

#FormRegistration label,
#FormAnmeldung label{
	float:left;
	width:121px !important;
}

.Input40px,
.Input60px,
.Input180px,
.Input250px,
.TextArea365px, 
.TextArea500px {
	/*color:#a0a0a0;*/
	color: #000;
}

.TextArea500px {
	margin-bottom: 10px;
	width: 552px;
	height: 80px;
}

.ButtonSearch,
.ButtonSearch:hover{
	float:right;
	background:#990000;
	color:#FFFFFF;
	font-weight:bold;
	border:none !important;
	width:auto !important;
	cursor:pointer;
	padding:2px;
	padding-left:3px;
	padding-right:3px;
}

.ButtonSearch:hover{
	background:#383636 !important;
}

.Input40px,
.Input60px,
.Input180px,
.InputAnzahl,
.Input250px{
	border-top:1px #909090 solid;
	border-left:1px #cecece solid;
	border-right:1px #cecece solid;
	border-bottom:1px #e4e4e4 solid;
	padding:2px;
}

.Input40px{
	width:36px;
}

.Input60px{
	width:58px;
	float:left;
}

.Input180px{
	width:174px !important;
}

.Input250px{
	width:244px;
}

.Select250px{
	margin-top:10px;
	padding:1px;
	width:250px;
}

.InputAnzahl{
	width:43px !important;;
}

.Input60px:hover,
.Input180px:hover,
.TextArea365px:hover,
.Input40px:hover,
.InputAnzahl:hover,
.Input250px:hover{
	border:1px solid #990000;
	color:#000;
}

.InputFile{
	width:371px;
	float:left;
	border-top:1px #909090 solid;
	border-left:1px #cecece solid;
	border-right:1px #cecece solid;
	border-bottom:1px #e4e4e4 solid;
	padding:2px;
}

.Label60px{
	float:left;
	width:60px;	
	background:none;
}

.RadioButton{
	float:left;
	margin-right:5px;
}

.SelectWide{
	width:100%;
}

.SelectNormverpackungen{
	float:left;
	width:340px;
	margin-top:5px;
}

.TextArea365px{
	width:365px;
	height:45px;
	float:left;
	border-top:1px #909090 solid;
	border-left:1px #cecece solid;
	border-right:1px #cecece solid;
	border-bottom:1px #e4e4e4 solid;
	padding:2px;
	line-height:1.5em;
}

#FormBasket .SeparatorDoubleLine{	
	margin-left:6px !important;
	width:562px !important;
}


/*=============================================================*/
/*---------------------- Form Error ---------------------------*/
/*=============================================================*/
#ContainerFormError{
	float:left;
	margin-bottom:20px;
	border:1px solid #990000;
	width:371px;
	line-height:120%;
}

#HeaderFormError{
	color:#FFF;
	font-weight:bold;
	padding:5px;
	background:#990000;
}

#ContainerFormError ul{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
	padding-left:0px;
}

#ContainerFormError ul li{
	padding-top:1px;
	padding-bottom:1px;
}


/*=============================================================*/
/*---------------------- Search Results -----------------------*/
/*=============================================================*/
#SearchResults{
	width:574px;
	float:left;
	padding-bottom: 20px;
}

.LegendSearchResults{
	display:block;
	width:562px;
	list-style:none !important;
	margin-top:3px;
}

.LegendSearchResultsTop{
	display:block;
	width:562px;
	list-style:none !important;
	margin-left:6px !important;
	padding-left:0px !important;
	margin-bottom:3px;
}

.LegendSearchResultsBottom{
	display:block;
	width:562px;
	list-style:none !important;
	margin-left:6px !important;
	padding-left:0px !important;
	margin-top:3px;
	margin-bottom:10px;
}

.LegendSearchResults li,
.LegendSearchResultsTop li,
.LegendSearchResultsBottom li{
	float:right;
	margin-left:10px;
	color:#b1b1b1;
}

.LegendWarenkorb{
	background:url(../auxx/icons_tabelle/ico_legende_warenkorb.gif) no-repeat 0px 3px;
	padding-left:17px;
}

.LegendPreisAnfragen{
	background:url(../auxx/icons_tabelle/ico_legende_preisanfragen.gif) no-repeat 0px 3px;
	padding-left:11px;
}

.LegendFavoriten{
	background:url(../auxx/icons_tabelle/ico_legende_favoriten.gif) no-repeat 0px 3px;
	padding-left:15px;
}

.LegendEntfernen{
	background:url(../auxx/icons_tabelle/ico_legende_remove.gif) no-repeat 0px 3px;
	padding-left:16px;
}

#ContainerLegend{
	float:left;
	width:562px;
	background:#99FF66;
	margin-left:6px;
}

#ContainerLegend ul{
	float:left;
	width:562px;
	list-style-type:none !important;
	margin-left:0px !important;
	padding-left:0px; !important;
	margin-top:3px;
	margin-bottom:10px;
	background:#99FFFF;
}


/*=============================================================*/
/*------------------------ Right Column -----------------------*/
/*=============================================================*/
#RightColumn .FeatureBox{
	float:left;
	width:192px;
	padding:5px;
	margin-bottom:10px;
	background:#e3e3e4;
	color:#383636;
}

#RightColumn th{
	background:#e3e3e4 !important;
	border:none !important;
	color:#383636;
}

.FeatureBox label{
	width:57px !important;
}

.FeatureBox .Input121px{
	width:121px !important;
}

.FeatureBox .Input121px:hover{
	border:1px solid #990000 !important;
}

.FeatureBox .ButtonSubmit{
	width:auto !important;
}

.FeatureBox h3{
	display:block;
	padding:2px;
	background:#FFF;
	font-size:120%;
}

.FeatureBox .SeparatorFb{
	font-size:1px;
	line-height:1px;
	height:1px;
	background:url(../auxx/featurebox/img_separator_fb.gif) repeat-x 50%;
	padding-top:5px;
	padding-bottom:5px;
}

.FeatureBox .Column1{
	width:45px;
}

.FeatureBox .Column2{
	width:132px;
	padding-left:5px;
}

.FeatureBox .Input40px{
	margin:0px !important;
	width:43px !important;
	color:#383636;
}

.aInput40px {
	margin:0px !important;
	width:40px !important;
	color:#383636 !important;
	margin-right: 0px !important;
	padding: 0px !important;
}

.FeatureBox a.LinkFbDark{
	color:#383636 !important;
	font-weight:bold;
	border:none !important;
}

.FeatureBox a.LinkFbDark:hover,
.FeatureBox a.LinkFbDarkActive{
	color:#990000 !important;
	font-weight:bold;
	border:none !important;
}

.FeatureBox a.LinkFbSub{
	color:#383636 !important;
	font-weight:normal;
	border-bottom:1px #383636 dotted;
	margin-left:5px;
}

.FeatureBox a.LinkFbSub:hover,
.FeatureBox a.LinkFbSubActive{
	color:#990000 !important;
	font-weight:normal !important;
	border-bottom:1px #990000 dotted;
	margin-left:5px;
}

.checker {
	margin: 0px;
	padding: 0px;
	width: 13px;
	height: 13px;
}

-->