/**
*	XHTMl/HTML
*	@autor Rainer Kulow, Kulow IT+C GmbH
**/
@media all
{	
	html {
		font-weight: normal;
	}
		
	body {
		background: #FFFFFF ;/**url('../img/background.jpg')  repeat-x top center;**/
		font-family: Verdana,Arial,sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #000000;
		margin: 0px;
		padding: 0px;
	}
	
	#page {
		background: #FFFFFF;/** url('../img/background.jpg')  repeat-x top center;**/
		padding: 0px;
		width: 940px;
		margin: 0 auto;
	}
	
	#content_centered {
		width: 940px;
		margin: 0 auto;
	}
	
	#header {
		background: #555555;  /** url('../img/esp4u_header_plain.jpg') no-repeat top left;  **/
		display: block;
		margin: 0px 0px 0px 0px;
		position: fixed;
		width: 100%;
	}
	
	#content {
		background: #FFFFFF;  /** url('../img/esp4u_header_plain.jpg') no-repeat top left;  **/
		display: block;
		min-height: 700px;
		margin: 0px 0px 0px 0px;
		padding: 60px 0px 0px 0px;
		color: #000000;
	}
	
	#footer {
		background: #FFFFFF;  /** url('../img/esp4u_header_plain.jpg') no-repeat top left;  **/
		display: block;
		min-height: 125px;
		margin: 0px 0px 0px 0px;
		color: #333333;
		width: 100%;
		padding: 25px 0px 0px 0px;
	}
	#footer-copyright {
		padding: 25px 0px 25px 0px;
		text-align: center;
	}
/* NAVIGATION */
	#navigation {
		display: block;
	}
/*	
	ul#list-navigation {
		list-style:none;
		margin:0px;
		padding:0;
		width:100%;
	}
	
	ul#list-navigation li {
		display: inline;
	}
	
	ul#list-navigation li a {
		text-decoration: none;
		padding: 45px 0px 0px 0px;
		width: 100px;
		height: 50px;
		/* background:#343c69; */
		color: #555555;
		float: left;
		text-align: center;
		vertical-align: middle;
		/* border-right:1px solid #fff; */
	}
	
	ul#list-navigation li a:hover {
		background:#333333;
		color:#FFFFFF;
	}
	
	ul#list-navigation li a.active {
		background:#333333;
		color:#FFFFFF;
	}
*/	
	nav {
    	width: 960px;
	}
	nav ul {
    	padding: 0px;
    	margin: 0px;
	}
	nav ul:after {
    	clear: both;
    	content: " ";
    	display: block;
    	font-size: 0;
    	height: 0;
    	visibility: hidden;
	}
    nav ul,nav ul li{
    	background-color: #555555;
	}
    nav ul li {
    	list-style: none;
    	float:left;
	}
	nav ul li a {
    	text-decoration: none;
    	display: block;
    	color: #CCC;
    	padding: 14px 34px 14px 34px;
	}
	nav ul li a:hover {
    	color: #FFF;
	}
	nav ul li:hover > ul {
    	visibility: visible;
	}
	nav ul li ul{
    	display: inline;
    	visibility: hidden;
    	position: absolute;
    	padding:0px;
	}
	nav ul li ul li{
    	float: none;
	}
	nav ul li ul li a:hover{
    	color: #FFF;
	}
	/* */
	
	#footer-navigation {
		display: block;
		margin: 0px 0px 0px 0px;
	}
	
	ul#list-footer-navigation {
		list-style: none;
		margin: 0px;
		padding: 0px;
		width: 150px;
	}
	
	ul#list-footer-navigation li {
		display: block;
	}
	
	ul#list-footer-navigation li a {
		text-decoration: none;
		padding:0px;
		width:100px;
		height: 20px;
		/* background:#343c69; */
		color:#555555;
		text-align: center;
		/* border-right:1px solid #fff; */
	}
	
	ul#list-footer-navigation li a:hover {
		/* background:#444444; */
		color:#333333;
	}
	
	ul#list-footer-navigation li a:active {
		/* background:#444444; */
		color:#333333;
	}
	
/* NAVIGATION */
	.logo {
		margin: 0px 25px 0px 0px;
	}
	
	.floatleft {
		float: left;
	}
	.floatright {
		float: right;
	}
	.clearfloat  {
		clear: both;
	}
	.block {
		display: block;
	}

/* CD LIST */

	#cdlist {
		
	}

	#cdlist .cdcontentimage img {
		float: left;
		width: 300px;
		min-height: 300px;
		margin: 0px 0px 0px 0px;
		background: #FFF;
	}
	
	#cdlist .cdcontent {
		float: right;
		width: 500px;
		min-height: 285px;
		padding: 10px 10px 10px 10px;
		background: #EEE;
	}

	#cdlist .title {
		margin: 10px 10px 10px 0px;
		font-size: 20px;
		color: #555555;
		font-weight: normal;
	}
	
	#cdlist .subtitle {
		margin: 10px 10px 10px 0px;
		font-size: 16px;
		color: #555555;
		font-weight: normal;
	}
	
	#cdlist .price {
		margin: 10px 10px 10px 10px;
		font-size: 18px;
		color: #555555;
		font-weight: normal;
	}
	
	#cdlist .buy a {
		float: right;
		margin: 10px 25px 10px 10px;
		font-size: 18px;
		color: #2b532b;
		font-weight: bold;
		text-decoration: none;
	}
}
