body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: verdana,arial,sans-serif;
	color: #444444;
	background-image: url(/fileadmin/images/bg_columns_kat.png);
	background-repeat: repeat-y;
}

html {
	height: 100%;
	}

p {
	margin: 0px 0px 5px 0px;
	}

a {
/*	color: #444444; in kontrast*.css */
	text-decoration: none;
	}


/*a:hover {
	color:#F29400;
	}*/	

h1 
{
font-size:17px;
font-weight:bold;
margin:0 0 15px;
}


#top {
	width: 1000px;
	position: relative;
	z-index: 10;
	background-color: #ECECEE;
	min-height: 1px;
	}

#links {
	position: relative;
	height: 14px;
	width: 98%;
	background-color: #ECECEE;
	/*color: #00A6EB;*/
	color: #F29400;
	margin: 0px;
	padding: 2px 8px;
	border: 0px;
	font-weight: bolder;
	}



.ccc_hline_320, .ccc_hline_590, .ccc_hline_100pc {
	background-color:#F29400;
	color:#F29400;
	height:1px;
	margin:0px;
	border:none;
	clear:both;
}

ccc_hline_320 {
	width:320px;
}

.ccc_hline_590 {
	width:590px;
}

.ccc_hline_100pc {
	width:100%;
}	

.relative {
	position:relative;
	left:0px;
	padding-left:0px;
	width: 100%;
}

#button_1, #button_2, #button_3, #button_4, .header input {
	width:22px;
	height:22px;
}

#headline_detail {
	background-color: #ECECEE;
	margin: 0px;
	padding: 2px 8px;
	border: 0px;
	font-weight: bold;
	}


#sub_headline_detail {
	position: relative;
	top: 0px;
	left: 0px;
	width: 90%;
	margin: 0px;
	padding: 8px 8px;
	border: 0px;
	}
	
#Manufacturer, #merkliste_pdf, #merkliste_csv, #merkliste_datanorm, #merkliste_wholesaler, .referenz_table {
	width:100%;
	border:none;
	border-spacing:0px;
	float:left;
	display:none;
}

#sub_hersteller_detail {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px 8px;
	border: 0px;
	}

#merkButton_detail {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 0px 8px 0px;
	}

#sub_headline_variante {
	width: 100%;
	margin: 0px;
	padding: 2px 0px 2px 8px;
	border: 0px;
	background: #ECECEE;
	/*color: #00A6EB;*/
	color: #F29400;
	}
	
#link_variante {
	width: 100%;
	margin: 0px;
	padding: 2px 0px 0px 8px;
	border: 0px;
	color: Black;
	font-weight: bolder;
}

.images_detail_td {
	vertical-align:top;
	text-align:left;
	width:280px;
}

.image_detail {
	margin: 0px 19px 8px 8px;
	/*border: 1px solid #00A6EB;*/
	border: 1px solid #F29400;
	width:235px;
}

.description_td {
	vertical-align:top;
	text-align:left;	
}

#image_liste {
	margin: 4px 2px 4px 8px;
}

.attribute {
	width:230px;
	padding:4px 10px 4px 0px;
}

.navi_variante {
	position: relative;
	top: 0px;
	left: 8px;
	width: 100%;
	border: 0px;
	padding: 4px 0px 2px 0px;
}


.navi_variante a {
/*	color: #444444;*/
	font-weight: bold;
}

.variants_headline {
	background-color:#ECECEE;
	color:#F29400;
}

.chapter {
	width: 100%;
	margin: 8px 8px 8px 0px;
	padding: 0px;
	border: 0px;
	/*color: #00A6EB;*/
	color: #F29400;
	font-weight: bold;
	}

.chapter_search_list {
	/*color: #00A6EB;*/
	color: #F29400;
	}

.search_chapter {
	margin-top:5px;
}

.search_chapter a, .search_chapter a:link, .search_chapter a:visited, .search_chapter a:hover {
	color:#F29400;
	font-weight:bold;
}

#image_einleitung {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	margin: 0px 15px 8px 8px;
	/*border: 1px solid #00A6EB;*/
	border: 1px solid #F29400;
	}

#text_einleitung {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 8px;
	line-height: 18px;
	text-align:justify;
	}

#text_beschreibung {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	}

#text_detail {
	position: relative;
	top: 0px;
	left: -26px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
}

#text_detail li {
	color:#F29400;
}

#text_detail span {
	color:#000000;
}
#text_merkmale {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	}

#HW_Logo {
	position: relative;
	top: 0px;
	float: right;
	padding: 0px 0px 4px 0px;
	}
	
#HW_Logo img {
	padding: 0px 10px;
}

#Herst_Search_Button {
	position: relative;
	top: 0px;
	float: left;
	padding: 0px 0px 0px 0px;
	}
	
#image_liste {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	margin: 8px 8px 8px 8px;
	}

#logo {
	position: relative;
	top: 0px;
	left: 0px;
	width: 366px;
	height: 133px;
	z-index: 20;
	margin: 0px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
	}

#image_top {
	position: absolute;
	top: 0px;
	left: 366px;
	width: 424px;
	height: 133px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
	}

#navi_top {
	position: absolute;
	top: 0px;
	left: 790px;
	width: 210px;
	height: 83px;
	padding: 50px 0 0 0;
	background-color: #ECECEE;
	margin: 0px;
	border: 0px;
	overflow: hidden;
	}

#middle {
	width: 1000px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 10;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #ECECEE;
	}

#search {
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 46px;
	background-image: url(/fileadmin/images/verlauf_suche.png);
	margin: 0px;
	padding: 15px 0 0 46px;
	border: 0px;
	z-index: 15;
	color: #444444;
	overflow:hidden;
	}
#search form {
	margin-top: -5px;
}	
#search td {
	vertical-align:middle;
	font-size:12px;
}
	
#search a, #search a:link, #search a:visited, #search a:hover {
	color: #444444;
	}
#search button {
	border: 0px;
	background-color: transparent;
	cursor: pointer;
	height: 12px;
	}
#search input {
	border: 1px solid #444444;
	width: 142px; 
}

.detail_search {
	position: relative;
	left: 0px;
	padding-left: 0px;
/*	margin-bottom: 20px;*/
	width: 100%;
}

#barrierefrei {
	position: absolute;
	top: 0px;
	left: 366px;
	height: 51px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

#colorbar {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	/*width: 634px;*/
	width: 100%;
	/*background-color: #00A6EB;*/
	background-color: #F29400;
	margin: 0px;
	padding: 0px;
	border: 0px;
	z-index: 13;
	overflow:hidden;
	}
	
#login {
	width:980px;
	padding:0px 0px 0px 366px;
	margin-top: 4px;
	color:#444444;
	font-size:12px;
}

#login a, #login a:link, #login a:visited, #login a:hover {
	color: white;
	}
	
#logout_button {
	margin-right:7px;
	border: 1px solid #444444;
}
	
#login button {
	border: 0px;
	background-color: transparent;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	color:white;
	}
#login #user, #login #pass {
	border: 1px solid #444444;
	background-color: #FFFFFF;
	width: 142px;
	}

#merkliste {
	position: absolute;
	top: 30px;
	left: 366px;
	height: 21px;
	width: 260px;
	margin: 0px;
	padding: 10px 0 0 20px;
	border: 0px;
	z-index: 15;
	text-align: left;
	}

.link_merkliste {
	vertical-align:bottom;
	text-align:right;
}

#symbols {
	position: absolute;
	top: 30px;
	left: 646px;
	height: 31px;
	width: 334px;
	margin: 0px;
	padding: 0 20px 0 0;
	border: 0px;
	z-index: 15;
	text-align: right;
	}
	
#bottom {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
/*	background-color: white;
	height: 100%;*/
	z-index: 5;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

.spacer {
	height: 204px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

.spacer2 {
	height: 10px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}



#navi {
	position: relative;
	top: 0px;
	left: 0px;
	width: 366px;
	height: 100%;
	min-height: 1px;
	padding: 0px;
	background-color: #ECECEE;
	margin: 0px;
	border: 0px;
	min-height: 600px;
	}
/*#navi a, #navi a:hover, #navi a:visited, #navi a:link {
	color: #444444;
	}*/


.navi_liste {
	position: relative;
	top: 0px;
	left: 0px;
	height: 100%;
	padding: 0px;
	margin: 4px 0px 4px 0px;
	border: 0px;
	font-weight:bold;
	}

.naviSelected, .naviGroup, .naviOther {
	position:relative;
	left:0px;
}

.GroupNo {
	float:left;
	margin-bottom: 1px;
}

.prodlist_icons {
	width:100%;
}
.prodlist_icons .icon_left {
	text-align:left;
	vertical-align:bottom;
}
.prodlist_icons .icon_right {
	text-align:right;
	vertical-align:bottom;
}

#hersteller_liste {
	padding: 0px 0px 0px;
	border: 0px;
	}

#content {
	position: absolute;
	top: 0px;
	left: 366px;
	width: 590px;
/*	_height: 100%;*/
	min-height: 1px;
	padding: 0px 10px 0px 20px;
	margin: 0px;
	border: 0px;
	}
	
.mbf_products {
	height:20px;
	vertical-align:middle;
}

.maingroups td {
	text-align:center;
	vertical-align:bottom;
	width:180px;
}

.maingroups div {
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 10px;
	background-color:#F29400;
	text-align:center;
}

/*.maingroups div {
	margin-top:-13px;
	position: relative;
	z-index: 1;
	background-color: #F29400;
	opacity: 0.8;  
}*/

.herst_number_norm, .herst_number_sel {  /* color in kontrast2.css */
	vertical-align:middle;
	text-align:center;
}

.herst_number_norm {
	width:18px;
}
.herst_number_sel {
	width:20px;
}

#Kommentar {
	width:400px;
	margin-bottom:5px;
	vertical-align:middle;
}

#handwerkersuche {
	width:100%;
	height:400px;
	background-color:white;
}


#news {
	display: none;
	position: absolute;
	top: 194px;
	left: 790px;
	width: 198px;
/*	min-height: 400px;*/
	padding: 10px 5px;
	margin: 0px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #F29400;
	background-color: #ECECEE;	
	}

#banner_sky {
	position: absolute;
	top: 10px;
	left: 1010px;
	width: 160px;
/*	min-height: 600px;*/
/*	padding: 10px;*/
	margin: 0px;
	border: 0px;
}


.news-list-container h3 {
	margin: 4px 0px;
}


.rss_box {
/*	margin-top: 30px;*/
}

.rss_title {
	font-weight: bold;
	font-size: 15px;
	display: none;
}

.rss_header {
	font-weight: bold;
	margin-top: 10px;
	padding-top: 5px;
	border-top: 2px groove black;
}

.rss_pubbox {
	margin: 4px 0px;
}

.rss_description {
	margin: -8px 0px;
	display: none;
}



@media print {
  /* ... Formatdefinitionen zum Drucken ... */
  #top { display:none; visibility:hidden; }
  #middle { display:none; visibility:hidden; }
  #navi { display:none; visibility:hidden; }
  .spacer { display:none; visibility:hidden; }
  .spacer2 { display:none; visibility:hidden; }
  #image_top { display:none; visibility:hidden; }
  #merkButton_detail { display:none; visibility:hidden; }
  #c19 { display:none; visibility:hidden; }
  #content {position: absolute;top: 0px;left: 0px;}
}