/*===== hakro main css file =====
=====================================
 general values: 



====================================*/

/*=== header:  =====================*/





#black_box2
{
	width: 245px; 
	position: absolute; 
	top: 0px;
	right: 0px;
	display: block;
}

	.hakro_login
	{
	height: 84px;
	width: 252px;
	background-image: url(login_bg.gif);
	background-repeat: repeat-x;
	}
		
	.hakro_login_in
	{
	display: block;
	height: 82px;
	width: 252px;
	background-image: url(login_in_bg.jpg);
	background-repeat: no-repeat;
	}
	
	
	.in_log_line
	{
	display: block;
	height: 24px; 
	width: 220px; 
	color: white;
	margin-left: 35px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 26px;	
	}
	* html .in_log_line{}
	
		.in_log_line input
		{
		color: white;
		background: none;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		border: 0;
		padding: 0;
		margin:5px 0 0 -2px;
		}
		
		* html .in_log_line input
		{
		margin:-2px 0 0 -45px;
		}
		
	        *+html .in_log_line input
	       	{
		margin-left: -45px;
		}
		
		.hakro_login_in a:hover, .hakro_login_in input:hover
		{
		text-decoration: underline;
		cursor: pointer;
		}
	
	#hd_registrieren			{display:block;padding:6px 0 0 0;color:#b9b9b9;}
	* html #hd_registrieren		{display:block;padding:6px 0 0 0;color:#b9b9b9;}
	
	.hakro_login_as
	{
	color: white;
        margin-left: 5px;
        margin-top: 0px;
        display: block;
        line-height: 14px;
	}
	
	
	.hakro_login_as a
	{
	color: white; 
        line-height: 12px;
	}
	
	.hakro_login_as a:hover
	{
	color: white;
	text-decoration: underline;
	}
	

#header
{
    height: 128px;
    width: 100%; 
    background-image: url(bg_verlauf_header.gif);
    background-repeat: repeat-x;
}

	
	#head_center
	{
	    position: relative;
	    top: 0px;
	    left: 50%;
	    width: 920px;
	    margin-left: -460px;	
	}

		#logo
		{
		position:absolute;
		left: 0px;
		top: 8px;
		}

		#mm
		{
		position:absolute;
		left: 0px;
		top: 97px;
		height: 31px;
		width: 825px;
		margin: 1px 0 0 0; padding: 0;
		list-style: none;	
		display: block;	
		}


/*=== total:  =====================*/

#total
{
    position: relative; 
    width: 100%;
    background:url(startseite_bgnd_new.png) center 0px no-repeat;
	text-align:center;
	padding-bottom:30px;
}

	#content
	{
	    position: relative;
	    width: 950px;
		margin:0px auto;
		text-align:left;
	}

		#content_inner	
		{
		position: relative;
		left: 23px;
		width: 904px;	
		border-top: 8px solid white;
		}

		*+html #content_inner img{
			border-bottom:3px solid #FFFFFF;
		}
		

/*=== /total  =====================*/

#home_content_new{
	position:relative;
	height:225px;
}

.banner_home_new
{
	float: left;
	height: 212px; 
	border-right: 9px solid white;
}

  
.to_kollektion_new
{
	float: left; 
	height: 212px; 
}

/*=== menu: =======================*/
/* general #mm oben*/

#mm ul
{
		margin: 1px 0 0 -1px; padding: 0;
		list-style: none;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;		
}

    #mm ul span { display: none; }

    #mm li { float: left; margin-right: 1px; }
    #mm li a { display: block; height: 31px; }
    #mm li a:hover, #mm li a.over { background-position: bottom; }
    
    #mm .mm_home { background: url(startseite.gif) no-repeat; width: 117px; }
    #mm .mm_unternehmen { background: url(unternehmen.gif) no-repeat; width: 117px; }
    #mm .mm_kollektion { background: url(kollektion.gif) no-repeat; width: 117px; }
    #mm .mm_schulmode { background: url(schulmode.gif) no-repeat; width: 117px; }
    #mm .mm_service { background: url(service.gif) no-repeat; width: 117px; }
    #mm .mm_kontakt { background: url(kontakt.gif) no-repeat; width: 116px; }
    #mm .mm_handler { background: url(handler.gif) no-repeat; width: 117px; }


/*=== submenu: ===*/

#sm
{
	/*padding-bottom: 24px;*/
}
	#sm ul 
	{
	list-style: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
	margin: 0;
	padding: 0;	
	}

	.lvl2_no a
	{
	width: 200px;
	height: 31px;
	display: block;
	background-image: url(bg_lvl2_inaktiv.gif);
	backgroun-repeat: repeat-x;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: gray;
	text-indent: 8px;
	line-height: 31px;
	border-bottom: 1px solid #F2F2F2;
	}
	
	.lvl2_no a:hover
	{
	background-image: url(bg_lvl2_aktiv.gif);
	color: #4d4d4d;
	}
	
	.lvl2_act a
	{
	width: 200px;
	height: 31px;
	display: block;
	background-image: url(bg_lvl2_aktiv.gif);
	backgroun-repeat: repeat-x;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #4d4d4d;
	text-indent: 8px;
	line-height: 31px;
	border-bottom: 1px solid #F2F2F2;	
	}
	
	.lvl3 
	{
	width: 200px;
	background-image: url(bg_verlauf_lvl3.gif);
	background-repeat: repeat-x;
	display: block;
	margin: 0;
	padding: 0;
	padding-top: 8px !important;
	padding-bottom: 16px !important;	
	}
	* html .lvl3 {width: 185px;}

		.lvl3 li
		{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		color: #595959;
		background-image: url(border_lvl3.gif);
		background-repeat: repeat-x;
		background-position:bottom;
		min-height: 20px;
		display: block;	
		padding:0 6px 0 6px;
		list-style: none;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;		
		}
					
		.lvl3 li a 
		{
		display:block;
		padding:2px 0 5px 2px;
		width:185px;
		list-style: none;
		}
		
		.lvl3_no a
		{
		color: #4d4d4d;
		}
		
		.lvl3 li a:hover
		{
		color: #e2001a;
		}
		
		.lvl3_act a
		{
		color: #e2001a;
		}
		
		
#handlermenu		
{
	
}

/*=== /submenu ===*/


/*=== /menu =======================*/  



/*========= FOOTER: ================*/  
#footer_frame	
{
	background-color: black;
}

	#footer_inner
	{
	   position: relative;
	   top: 0px;
	   left: 50%;
	   width: 920px;
	   margin-left: -460px;	 
	}
	
#footer    {
    width:900px;
    margin:auto auto auto auto;
    height:210px;
    text-align:left;
    padding:20px 0 0 0;
    }
    
	#footer div
	{
	float:left;
	width:222px; 
	border-right:1px solid #4d4d4d;
	min-height:200px;
	}
	   
	#footer a
	{
	display:block;
	padding:0 0 0 11px; 
	text-decoration:none;
	color:#575757;
	height:16px;
	}
	
		#footer a:hover
		{
		display:block;
		padding:0 0 0 11px; 
		background-color:#4d4d4d;
		text-decoration:none;
		color:#ffffff;
		}
		
		 #footer a:hover strong
		{
		display:block;
		background-color:#4d4d4d;
		text-decoration:none;
		color:#ffffff;
		}		
		
/*========= FOOTER: ================*/  

.produktDetail_beschreibung ul	{margin:0;padding:0 0 0 15px;}
.produktDetail_beschreibung li	{font-size:12px;}