/* -----------------------------------------------------------------------

	general settings

----------------------------------------------------------------------- */

/* body */
body { 
  	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	line-height: 20px;
}
div { /*border: 1px solid #ff0000;*/´}
/* headers */
h1 {
	font-size: 30px;
	font-weight: bold;
}
h2 {
	font-size: 18px;
	font-weight: normal;
}
h3 {
	font-size: 14px;
	font-weight: bold;
}
h4 {
	font-size: 14px;
	font-weight: normal;
	color: #666666;
}
/* paragraph */
p {

}
/* link design */
a {
	color: #ff0000;
}
a:hover {
	color: #000000;
}
/* -----------------------------------------------------------------------

	container settings

----------------------------------------------------------------------- */

/* header */
#header {
	position: absolute;
	top: 16px;
	left: 64px;
}
#logo {
	
}
/* navigation */
#navigation {
	margin-top: 16px;
}
#navigation a {
	color: #666666;
	text-decoration: none;
}
#navigation a:hover {
	color: #000000;
}
#navigation a.activePage {
	color: #000000;
}
#navigation ul li{
	list-style-type: none;
	float: left; /* die elemente sollen nebeneinander stehen */
	margin-right: 24px; /* abstand rechts zum nächsten elemen */
}
/* content */
#content {
	position: absolute;
	top: 160px;
	left: 64px;
	width: 580px;
}
.item {
	padding-bottom: 40px;
}
.media {
	padding-top: 16px;
	padding-bottom: 16px;
}
.description {
	
}
#thumbnails {
	margin-top: 32px;
}
a.readMore {
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}
a.readMore:hover {
	background-color: #000000;
}
/* footer */
#footer {
	margin-top: 40px;
	padding-bottom: 16px;
}