/*#######################################################

	STYLESHEET-INDEX
	
		1. BODY
		 1.1 LOGO
		
		2. NAVIGATION
		
		3. SIDEBAR
		
		4. CONTENT
		 4.1 PRODUKTE
		 4.2 BREADCRUMB
		 4.3 PAGE NAVIGATION
		 
		 4.4 Marken Index
		 
		5. FOOTER
 
#######################################################*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*#######################################################
	1. BODY
#######################################################*/

	body
		{
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif; font-size: 80%;
		}
		
	.clearfloat
		{
		clear: both;
		}

	#wrapper
		{
		width: 960px;
		margin: 0px auto;
		overflow: hidden;
		margin-bottom: 50px;
		}
		
		.content
			{
			border-left: 1px solid #e0e0e0;
			border-right: 1px solid #e0e0e0;
			border-bottom: 1px solid #e0e0e0;
			overflow: hidden;
			}
			
/*#######################################################
	1.1 LOGO 
#######################################################*/

		.logo
			{
			margin: 27px 0px 15px 8px;
			height: 54px;
			width: 237px;
			background: url(images/sonnenbrillen.png);
			}
			
			.logo span
				{ display: none; }
										
/*#######################################################
	2. NAVIGATION
#######################################################*/
	
	.navigation
			{
			margin: 15px 0px 0px 0px;
			height: 35px;
			//background: url(images/navigation.png);
			background: #cbb9a2;
			font-size: 14px;
			-moz-border-radius:8px 8px 0px 0px; 
			-webkit-border-radius:8px 8px 0px 0px;
			}
			
			.navigation ul
				{
				margin: 0px 0px 0px 10px;
				widht: 700px;
				overflow: hidden;
				}
				
				.navigation a
					{
					color: #ffffff;
					text-decoration: none;
					overflow: hidden;
					float: left;
					padding-right: 15px;
					padding-left: 15px;
					margin: 0px 65px 0px 0px;
					line-height: 35px;
					list-style: none;
					}
				
				.navigation ul>li
					{
					font-size: 16px;
					color: #ffffff;
					list-style: none;
					float: left;
					overflow: hidden;
					}
	
/*#######################################################
	3. SIDEBAR
#######################################################*/
	
	.sidebar
		{
		width: 230px;
		float: left;
		overflow: hidden;
		padding: 0px 10px 0px 10px;
		}
			
		.sidebar-box
			{
			margin: 25px 15px 30px 15px;
			}
			
			.sidebar-content
				{ 
				margin: 0px 0px 5px 0px;
				background: #ffffff;
				overflow-y: scroll;
				overflow-x: hidden;
				height: 248px;
				color: #666666;
				border: 1px solid #e0e0e0;
				}
				
			.sidebar-headline
				{
				font-size: 17px;
				font-weight: normal;
				color: #666666;
				margin: 0px 0px 0px 0px;
				padding: 0px;
				}
				
			.sidebar-sort-order
				{
				text-decoration: none;
				color: #999999;
				padding: 0px 0px 9px 0px;
				border-bottom: 1px dotted #e0e0e0;
				margin-bottom: 15px;
				}
				
			.sidebar-content a
				{
				color: #666666;
				text-decoration: none;
				list-style: none;
				}
			
			.sidebar-content ul
				{
				margin: 3px 5px 5px 5px; 
				color: #666666;
				list-style: none;
				}
				
			.sidebar-content ul>li
				{
				border-bottom: 1px dotted #e0e0e0;
				padding: 6px 3px 6px 7px;
				font-size: 12px;
				color: #666666;
				list-style: none;
				list-style-image: none;
				list-style-type: none;
				}
				
			.sidebar-content-2
				{ 
				margin: 0px 0px 5px 0px;
				background: #ffffff;
				color: #666666;
				border: 1px solid #e0e0e0;
				overflow: hidden;
				}
				
				.sidebar-content-2 b
					{
					font-weight: bold;
					}
				
			.sidebar-content-2 a
				{
				color: #666666;
				text-decoration: none;
				}
			
			.sidebar-content-2 ul
				{
				margin: 3px 5px 5px 5px; 
				color: #666666;
				}
				
			.sidebar-content-2 ul>li
				{
				border-bottom: 1px dotted #e0e0e0;
				padding: 6px 3px 6px 7px;
				font-size: 12px;
				color: #666666;
				list-style: none;
				list-style-image: none;
				list-style-type: none;
				}
				
				.price-range-out
					{
					border-top: 1px dotted #e0e0e0;
					border-bottom: 0px;
					padding: 6px 3px 3px 7px;
					font-size: 12px;
					list-style: none;
					text-align: center;
					}
					
					.price-range-out a
						{
						color: #986c34;
						text-decoration: underline;
						text-align: right;
						}
				
			.sidebar-colour-headline
				{
				margin: 20px 0px 5px 0px;
				color: #666666;
				font-weight: bold;
				border-bottom: 1px dotted #e0e0e0;
				padding: 0px 0px 5px 5px;
				}
				
				.sidebar-colour
					{
					margin: 5px 10px 25px 0px;
					color: #666666;
					overflow: hidden;
					}
					
					.sidebar-colour ul
						{
						overflow: hidden;
						}
						
					.sidebar-colour ul>li
						{
						border: 1px solid #e0e0e0;
						padding: 5px 8px 5px 8px;
						background: #ffffff;
						margin: 2px;
						float: left;
						list-style: none;
						}
						
			.sidebar-infos
				{
				padding: 10px;
				font-size: 11px;
				}
				
				.sidebar-infos a
					{
					text-decoration: underline;
					}
				
				.sidebar-infos b
					{
					font-weight: normal;
					font-size: 11px;
					}
					
			.sidebar-infos-2 
				{
				padding: 0px;
				font-size: 11px;
				}
					
				.sidebar-infos-2 ul
					{
					margin: 0px 3px 0px 3px; 
					color: #666666;
					}
				
				.sidebar-infos-2 ul>li
					{
					border-bottom: 1px dotted #e0e0e0;
					padding: 6px 3px 6px 3px;
					font-size: 12px;
					color: #666666;
					width: 90px;
					float: left;
					list-style: none;
					margin-left: 20px;
					}
		
/*#######################################################
	4. CONTENT
#######################################################*/

	.content-box
		{
		padding: 25px 10px 10px 10px;
		border-left: 1px solid #e0e0e0;
		overflow: hidden;
		}
		
	.content-impressum
		{
		padding: 25px 20px 10px 20px;
		border-left: 1px solid #e0e0e0;
		overflow: hidden;
		}
			
		.content-impressum span
			{
			font-size: 17px;
			}
			
		.content-impressum p
			{
			margin-bottom: 10px;
			}

/*#######################################################
	4.1 PRODUKTE
#######################################################*/
	
	.products
		{
		margin: 0px 12px 0px 12px;
		overflow: hidden;
		}
	
			
		.products-error
			{
			font-size: 16px;
			color: #666666;
			padding: 50px 30px 0px 30px;
			}
		
			.products-error span
				{
				color: #999999;
				font-size: 13px;
				padding: 0px 0px 0px 5px;
				}
				
			.products-error a
				{
				color: #9b8568;
				}
	
	.product-box
		{
		float: left;
		width: 220px;
		height: 260px;
		overflow: hidden;
		text-align: center;
		border-bottom: 1px dotted #e0e0e0;
		}				
		
		.product-box img
			{
			margin-left: 13px;
			width: 180px;
			margin-bottom: 10px;
			border: 0px;
			}	
	
		.product-name
				{
				font-size: 13px;
				color: #333333;
				text-align: center;
				}	
				
		.product-modell
				{
				margin-top: 2px;
				font-size: 11px;
				color: #999999;
				height: 25px;
				margin: 0px 5px 0px 5px;
				text-align: center;
				}
				
		.product-gender
				{
				margin-top: 2px;
				font-size: 11px;
				color: #666666;
				line-height: 16px;
				margin: 0px 5px 0px 5px;
				text-align: center;
				}
			
		.product-price
				{
				margin: 3px 0px 5px 0px;
				font-size: 19px;
				color: #986c34;
				text-align: center;
				}	
				
				.product-price s 
					{
					color: #999999;
					font-size: 14px;
					}
				
		.product-button
				{
				background: url(images/button.png);
				-moz-border-radius:8px; 
				-webkit-border-radius:8px;
				width: 115px;
				height: 20px;	
				line-height: 20px;		
				text-align: center;
				font-size: 12px;
				margin-top: 5px;
				}
				
				.product-button-link
					{
					color: #ffffff;
					text-decoration: none;
					}
					
			.brand-description
				{
				overflow: hidden;
				margin: 0px 20px 0px 20px;
				padding: 30px 10px 20px 10px;
				border-top: 1px dotted #e0e0e0;
				color: #666666;
				}
				
				.brand-description h2
					{
					font-size: 22px;
					color: #666666;
					margin-bottom: 3px;
					}
					
				.brand-description p
					{
					margin-bottom: 10px;
					}
					
				.brand-description a
					{
					text-decoration: underline;
					color: #9b8568;
					font-size: 14px;
					}
					
				.brand-description b 
					{
					font-weight: bold;
					}	
					
					
/*#######################################################
	4.2 BREADCRUMB
#######################################################*/

	.breadcrumb
		{
		margin: 0px 10px 0px 10px;
		border-bottom: 1px dotted #e0e0e0;
		padding: 0px 7px 8px 7px;
		color: #666666;
		font-size: 12px;
		overflow: hidden;
		}
		
		.breadcrumb h1
			{
			font-size: 17px;
			font-weight: normal;
			color: #999999;
			margin: 0px 0px 2px 0px;
			padding: 0px;
			}
		
		.breadcrumb a
			{
			margin-left: 0px;
			margin-right: 3px;
			text-decoration: none;
			color: #666666;
			}
			
		.breadcrumb b
			{
			text-decoration: none;
			color: #9b8568;
			font-weight: normal;
			}
				
/*#######################################################
	4.3 PAGE NAVIGATION
#######################################################*/					

			.page-navigation
				{
				overflow: hidden;
				margin: 0px 20px 0px 0px;
				padding: 30px 0px 30px 0px;
				}
				
				.page-navigation-form
					{
					padding: 3px 0px 0px 4px;
					color: #666666;
					float: left;
					}
				
				.page-navigation-box
					{
					float: right;
					}
				
				.page-navigation a
					{
					text-decoration: none;
					color: #666666;
					}
						
					.inactive
						{
						color: #666666;
						border: 1px solid #d0d0d0;
						float: left;
						padding: 3px 8px 3px 8px;
						font-size: 12px;
						list-style: none;
						margin-left: 6px;
						}
						
					.active
						{
						float: left;
						padding: 4px 8px 3px 8px;
						font-size: 12px;
						list-style: none;
						margin-left: 6px;
						color: #666666;
						}
						
					.page-nav-next
						{
						float: left;
						padding: 3px 8px 3px 8px;
						font-size: 12px;
						color: #666666;
						border: 1px solid #d0d0d0;
						list-style: none;
						margin-left: 6px;
						font-weight: bolder;
						}
						
						.page-nav-next a
							{
							text-decoration: none;
							color: #666666;
							font-weight: bolder;
							}
						
/*#######################################################
	4.4 Marken Index
#######################################################*/
		
/*#######################################################
	5. FOOTER
#######################################################*/

	.footer
		{
		border-bottom: 1px solid #e0e0e0;
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		overflow: hidden;
		margin-bottom: 0px;
		padding-left: 15px;
		padding-right: 15px;
		}
		
	.footer-2
		{
		border-bottom: 1px solid #e0e0e0;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		overflow: hidden;
		margin-bottom: 0px;
		padding-left: 15px;
		padding-right: 15px;
		}
		
		.footer-content
			{
			overflow: hidden;
			padding: 8px 0px 5px 0px;
			margin: 10px;
			color: #666666;
			line-height: 15px;
			}
			
			.footer-left 
				{
				float: left;
				overflow: hidden;
				width: 620px;
				margin-right: 30px;
				}
				
			.footer-right 
				{
				float: left;
				width: 255px;
				overflow: hidden;
				}
			
			.footer-content span
				{
				font-size: 16px;
				}
			
			.footer-content ul
				{
				overflow: hidden; 
				float: left;
				margin: 5px 35px 0px 0px;
				padding: 0px;
				}
				
				.footer-content a
					{
					color: #666666;
					text-decoration: underline;
					margin-right: 10px;
					}
				
				.footer-content ul>li
					{
					list-style: none; 
					line-height: 18px;
					}
					
	#layer 
		{
		position: absolute;
		border: 4px solid #b02020;
		background: #ffffff;
		left: -20000px;
		top: -20000px;
		z-index: 200;
		padding: 15px;
		}
		
	.layer-headline
		{
		font-size: 24px;
		font-weight: bold;
		margin-bottom: -4px;
		}
		
	.layer-slogan
		{
		font-size: 20px;
		}
		
	.layer-designer
		{
		font-size: 18px;
		margin-top: 25px;
		text-align: center;
		}
		
	.layer-rabatt
		{
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 25px;
		text-align: center;
		}
		
		.layer-rabatt a
			{
			color: #b02020;
			}
		
	.layer-marken
		{
		margin-top: 15px;
		margin-bottom: 10px;
		font-size: 18px;
		font-weight: bold;
		}
		
		.layer-marken ul
			{
			margin: 10px 20px 10px 20px;
			font-weight: normal;
			font-size: 13px;
			float: left;
			}
			
		.layer-marken ul>li
			{
			list-style: none;
			}
		
	.close
		{
		color: #666666;
		}