	body
		{
		background: url(images/background.png) repeat-x;
		font-family: Tahoma;
		margin: 0px;
		}
		
	a
		{
		color: #5c408d;
		font-weight: bold;
		}
		
	p
		{
		margin: 0px 0px 10px 0px;
		padding: 0px;
		}
		
	#wrapper
		{
		margin: 0px auto;
		margin-top: 10px;
		width: 960px;
		overflow:hidden;
		}
		
		#wrapper h2
			{
			font-size: 18px;
			color: #5c408d;
			font-weight: bold;
			padding: 0px;
			margin: 5px 0px 5px 13px;
			}
			
		.alternative
			{
			font-size: 13px;
			margin: 5px 0px 0px 0px;
			}
		
	.clearfloat
		{
		clear: both;
		}
	
	.logo
		{
		background: url(images/notebookskaufen.png);
		width: 266px;
		height: 53px;
		margin-top: 10px;
		margin-bottom: 22px;
		float: left;
		}
		
		.logo span
			{
			display: none;
			}
			
		.navigation
			{
			margin: 15px 0px 0px 50px;
			color: #5c408d;
			font-size: 13px;
			width: 570px;
			font-weight: bold;
			line-height: 44px;
			text-align: center;
			float: left;
			}			
			
			.navigation a
				{
				margin: 0px 0px 0px 20px;
				}
			
	.container
		{
		width: 644px;
		overflow: hidden;
		float: left;
		margin-right: 16px;	
		}
		
	.container-top
		{
		width: 644px;
		height: 22px;
		background: url(images/container-top.png);		
		}
		
	.container-top-large
		{
		width: 960px;
		height: 22px;
		background: url(images/container-top-large.png);		
		}
		
	.container-middle
		{
		width: 644px;
		background: url(images/container-middle.png);
		overflow:hidden;
		height: 300px;
		}
		
	.container-middle-2
		{
		width: 644px;
		background: url(images/container-middle.png);
		overflow:hidden;
		}
		
	.container-middle-large
		{
		width: 960px;
		background: url(images/container-middle-large.png);
		overflow:hidden;
		}
		
		.container-content
			{
			margin: 0px 21px 8px 21px;
			}

		.container-content-2
			{
			margin: 0px 21px 8px 21px;
			}
		
			.purple-navigation
				{
				width: 603px;
				height: 44px;
				background: url(images/purple-navigation.png);
				overflow:hidden;
				margin: 0px 0px 5px 0px;
				}
				
				.purple-navigation a
					{
					color: #ffffff;
					font-weight: normal;
					text-decoration: none;
					}
				
				.purple-navigation h1
					{
					width: 165px;
					color: #ffffff;
					float: left;
					text-align: center;
					font-size: 13px;
					line-height: 44px;
					margin: 0px;
					padding: 0px;
					font-weight: normal;
					}
					
				.purple-navigation-text
					{
					width: 430px;
					color: #666666;
					float: left;
					text-align: center;
					font-size: 11.5px;
					line-height: 44px;
					}
					
			.container-content-text
				{
				margin: 0px 10px 0px 10px;
				padding: 8px 10px 10px 10px;
				font-size: 11.5px;
				color: #666666;
				overflow: hidden;
				line-height: 16px;
				border-bottom: 1px dotted #dddddd;
				}
				
				.container-content-text ul
					{
					margin: 0px 0px 0px 30px;
					padding: 0px;
					float: left;
					}
					
				.black-link
					{
					color: #666666;
					}
					
					.container-content-text ul>li
						{
						padding: 0px;
						margin: 0px;
						list-style: none;
						}
				
				.container-content-text img
					{
					float: right;
					margin: 0px 10px 0px 15px;
					}
				
			.container-content-text-2
				{
				margin: 0px 10px 0px 10px;
				padding: 8px 10px 0px 10px;
				font-size: 11.5px;
				color: #666666;
				overflow: hidden;
				line-height: 16px;
				}
				
				.container-content-text-2 img
					{
					border: 0px;
					margin: 10px;
					}
				
				.container-content-row-head
					{
					margin: 5px 20px 0px 20px;
					padding: 15px 0px 20px 0px;
					font-size: 11.5px;
					color: #666666;
					overflow: hidden;
					line-height: 16px;
					}

				.container-content-row
					{
					margin: 0px 20px 0px 20px;
					padding: 20px 0px 15px 0px;
					font-size: 11.5px;
					color: #666666;
					overflow: hidden;
					line-height: 16px;
					border-top: 1px dotted #cccccc;
					}
										
					.first
						{
						padding-top: 5px; 
						width: 130px;
						float: left;
						overflow: hidden;
						text-align: center;
						}
						
					.second
						{
						width: 465px;
						float: left;
						font-size: 11.5px;
						overflow: hidden;
						margin-left: 20px;
						}
						
						.second h3
							{
							font-size: 15px;
							color: #5c408d;
							font-weight: bold;
							padding: 0px;
							margin: 0px 0px 3px 0px;
							}
						
						.second a
							{
							font-weight: bold;
							text-decoration: none;
							}
							
					.second-2
						{
						width: 465px;
						float: left;
						font-size: 11.5px;
						overflow: hidden;
						margin-left: 20px;
						}
						
						.second-2 h3
							{
							font-size: 15px;
							color: #666666;
							font-weight: bold;
							padding: 0px;
							margin: 0px 0px 3px 0px;
							}
						
						.second-2 a
							{
							color: #666666;
							font-weight: bold;
							text-decoration: none;
							}
						
					.third
						{
						background: url(images/gutschein-button.png);
						margin: 15px 0px 20px 50px;
						color: #ffffff;
						font-size: 14px;
						font-weight: bold;
						width: 200px;
						height: 44px;
						line-height: 44px;
						text-align: center;
						float: left;
						}
						
					.third-4
						{
						background: url(images/gutschein-button-grey.png);
						margin: 15px 0px 20px 50px;
						color: #ffffff;
						font-size: 14px;
						font-weight: bold;
						width: 200px;
						height: 44px;
						line-height: 44px;
						text-align: center;
						float: left;
						}
						
						.third a
							{
							color: #ffffff;
							}

					.third-2
						{
						background: url(images/gutschein-button.png);
						margin: 5px 0px 0px 25px;
						color: #ffffff;
						font-size: 14px;
						font-weight: bold;
						width: 200px;
						height: 44px;
						line-height: 44px;
						text-align: center;
						}
						
					.third-3
						{
						background: url(images/gutschein-button-grey.png);
						margin: 5px 0px 0px 25px;
						color: #ffffff;
						font-size: 14px;
						font-weight: bold;
						width: 200px;
						height: 44px;
						line-height: 44px;
						text-align: center;
						}
				
			.container-content-box
				{
				margin: 10px 20px 25px 750px;
				font-weight: bold;
				font-size: 13px;
				color: #5c408d;
				width: 155px;
				float: left;
				}
				
				.container-content-box a
					{
					color: #666666;
					font-weight: normal;
					}
				
				.container-content-box ul
					{
					margin: 10px 0px 0px 5px;
					padding: 0px;
					}
					
					.container-content-box ul>li
						{
						margin: 0px;
						padding: 5px 0px 5px 5px;
						font-weight: normal;
						list-style: none;
						border-bottom: 1px dotted #e0e0e0;
						font-size: 11.5px;
						color: #666666;
						}
						
				.related
					{
					border-top: 1px dotted #dddddd;
					margin: 10px 27px 10px 27px;
					}
					
					.related-content
						{
						font-size: 15px;
						color: #5c408d;
						font-weight: bold;
						margin: 5px 10px 5px 15px;
						}
						
					.related-article
						{
						padding: 7px 5px 0px 10px;
						font-size: 11.5px;
						}
						
						.related-article a
							{
							color: #666666;
							font-weight: normal;
							text-decoration: underline;
							}
							
	.container-bottom
		{
		width: 644px;
		height: 22px;
		background: url(images/container-bottom.png);		
		}
		
	.container-bottom-large
		{
		width: 960px;
		height: 22px;
		background: url(images/container-bottom-large.png);		
		}
		
	.sidebar
		{
		width: 300px;
		overflow: hidden;
		}
		
		.sidebar-top
			{
			width: 300px;
			height: 22px;
			background: url(images/sidebar-top.png);	
			}
			
		.sidebar-middle
			{
			width: 300px;
			background: url(images/sidebar-middle.png);	
			overflow: hidden;
			height: 307px;
			}
			
			.sidebar-middle ul
				{
				margin: 15px 10px 0px 0px;
				padding: 0px;
				width: 115px;
				float: left;
				}
				
			.sidebar-middle ul>li
				{
				margin: 0px 0px 0px 7px;
				padding: 3px 0px 3px 0px;
				font-size: 11.5px;
				line-height: 15px;
				color: #666666;
				list-style: none;
				font-weight: normal;
				border-bottom: 1px dotted #dddddd;
				}
				
				.sidebar-headline
					{
					font-size: 15px;
					color: #5c408d;
					font-weight: bold;
					margin: 0px 10px -10px 0px;
					}
				
				.sidebar-middle ul>li span
					{
					font-size: 12px;
					font-weight: bold;
					color: #cccccc;
					}
					
				.sidebar-link
					{
					font-size: 11px;
					font-weight: normal;
					}
			
			.sidebar-content
				{
				margin: 0px 20px 0px 27px;
				overflow: hidden;
				font-size: 12px;
				color: #5c408d;
				font-weight: bold;
				text-align: center;
				}
				
				.sidebar-content img
					{
					margin: 20px 0px 10px 0px;
					}
			
		.sidebar-bottom
			{
			width: 300px;
			height: 22px;
			background: url(images/sidebar-bottom.png);	
			}
	
	.footer-box
		{
		margin:0px 20px 40px 20px;
		}
		
		.footer-box-content
			{
			padding: 10px;
			line-height: 16px;
			font-size: 11.5px;
			color: #999999;
			overflow: hidden;
			}
			
			.footer-headline
				{
				font-size: 18px;
				color: #5c408d;
				font-weight: bold;
				padding: 0px;
				margin: 0px 0px 7px 3px;
				}
			
			.footer-box-content ul
				{
				margin: 0px 10px 5px 10px;
				padding: 0px;
				width: 115px;
				float: left;
				}
				
			.footer-box-content ul>li
				{
				margin: 0px 0px 0px 7px;
				padding: 3px 0px 3px 0px;
				font-size: 11.5px;
				line-height: 15px;
				color: #666666;
				list-style: none;
				font-weight: normal;
				border-bottom: 1px dotted #dddddd;
				}
				
				.footer-box-content ul>li span
					{
					font-size: 12px;
					font-weight: bold;
					color: #cccccc;
					}
					
					.footer-box-content ul>li a
						{
						font-weight: normal;
						}
						
	.footer-2
		{
		background: #5c408d;
		color: #ffffff;
		font-size: 12px;
		line-height: 35px;
		padding-left: 200px; 
		}
		
		.footer-2 a
			{
			color: #ffffff;
			font-weight: normal;
			}
			
		.footer-2 img
			{
			margin-top: 2px;
			}
				
