hr {
	padding:0;
	margin:0;
	border:0;
	border-top:#CCCCCC solid 1px;
	height:0px;
}

hr.white {
	border-top:#FFFFFF solid 1px;
}


/* SPRACHEN */
.lang_de a, .lang_uk a, .lang_de a:hover, .lang_uk a:hover{
	float:left;
	width:20px;
	height:24px;
	font-size:0;
	border:0;
	margin:0 5px 0 0;	
}

.lang_de a{	background:#FFFFFF url(../grafik/common/lang_de.gif) no-repeat;	}
.lang_uk a{	background:#FFFFFF url(../grafik/common/lang_uk.gif) no-repeat;	}
.lang_de a:hover, .lang_uk a:hover, .lang_de a.active, .lang_uk a.active {	background-position: -20px 0px;	}



/* MAIN NAVIGATION */

#mainMenu {	
	filter:alpha(opacity=0); 
 	-moz-opacity: 0; 
 	opacity: 0;	
}

/* Toggler */
.toggler {
	display:block;
	width:230px;	
	height: 30px;
	margin:0;
	padding:0;
	
	cursor: pointer;	
	border-top:#CCCCCC dotted 1px;	
	line-height: 30px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;	
}

/* Toggler Bullet */
.toggler b {
	display:block;
	float:left;	
	height:5px;
	width:20px;
	
	margin:14px 10px 0 0;
	padding:0;
	
	font-size:0;
	background-color:#999999;
	list-style-type:none;
}

/* Element */
.element a {	
	margin-left:30px;
	display:block;
	height:18px;
	font-size: 10px;
	line-height:12px;	
}

/* Element Status */
.element a:link, .element a:visited {color: #666666;}
.element a:hover, .element a:visted:hover {color:#333333;}
.element a.actPoint, .element a.actPoint:visited {color:#000000;}

.bullet {
	background-color:#999999;
	float:left;
	margin:4px 5px 0 0;
	padding:0;
	height:5px;
	width:5px;	
	font-size:0;
	color: #999999;	
}



/* TOP NAVIGATION */
.topNav {
	position:relative;	
	width:670px;
	height:50px;
	/*background-color:#CCCCCC;	*/	
}

.sortiment {
	position:absolute;
	z-index:20;	
	width:80px;
	height:25px;
	top:0;
	left:-110px;	
	
}

.topNav a, .topNav a:hover {
	display:block;
	float:left;	
	height:25px;
	padding:0 7px 0 7px;
	border:0;	
		
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	color:#999999;	
	line-height:25px;	
}

.topNav a:hover {	
	color:#000000;		
}

.topNav a.active {
	text-decoration:none;
	color:#FFFFFF;		
	background-color:#333333;
	cursor:default;
}

.topNav a.back {
	text-decoration:none;
	color:#FF9999;		
	background-color:#333333;
	margin-right:10px;	
}

.topNav a.back:hover {
	text-decoration:none;
	color:#DD0000;		
	background-color:#333333;
	margin-right:10px;		
}


/* LISTVIEW NAVIGATION */
.viewMode a, .viewMode a:hover{	
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#AAAAAA;	
	line-height:20px;			
}

.viewMode a:hover{		
	color:#666666;			
}

.viewMode .active{		
	color:#000000;			
}

.viewMode a .iconList, .viewMode a .iconShowroom {
	float:right;
	width:16px;
	height:16px;
}

.viewMode a .iconList, .viewMode a:hover .iconList{	
	background:url(../grafik/nav/view_list.gif) no-repeat;		
}

.viewMode a .iconShowroom, .viewMode a:hover .iconShowroom{	
	background:url(../grafik/nav/view_showroom.gif) no-repeat;		
}

.viewMode a:hover .iconList, .viewMode a:hover .iconShowroom{
	background-position: -16px 0px;		
}

.viewMode .active .iconList, .viewMode .active .iconShowroom {
	background-position: -32px 0px;		
}




/* ARROW NAVIGATION */
.arrowLeft a, .arrowRight a,.arrowLeft a:hover ,.arrowRight a:hover  {
	width:24px;
	height:48px;	
}

.arrowLeft a {
	float:left;
	background-image:url(../grafik/nav/arrowLeft.gif);	
}

.arrowRight a {
	float:right;
	background-image:url(../grafik/nav/arrowRight.gif);
}

.arrowLeft a:hover ,.arrowRight a:hover {
	background-position: -24px 0px;		
}


/* COLOR LINK */
.colorLink { margin-top:20px}

.colorLink a {
	display:inline-block;
	font-weight:bold;
	font-size:11px;
	line-height:20px;
	padding:5px 10px;	
	color:#FFFFFF;	
}

.colorLink a:link {
	color:#FFFFFF;
}

.colorLink a.color:hover {
	color:#FFFFFF;
	background-color:#888888;
}

/* PDF| DOC */

.pdf {
	background:url(../grafik/common/pdf.gif) no-repeat;
	padding:10px 0 0 40px;
	display:block;
	height:30px;

}

.pdf:hover {
	background-position: 0px -40px;
}