*	{
	margin: 0;
	padding: 0;
}
 
body	{
	background-color: #7a1644;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 100.01%;
	color: #fff;
}

img {
	border: 0;
}

ul {
	list-style-type: none;
}

h2 {
	margin: 2em 0 0.5em 0;
	font-size: 110%;
	color: #a7d200;
	
}

p	{
	margin: 0 0 1em 0;
	font-size: 100%;
}


/* ----- Links ------*/

a {
	color: #a7d200;
	text-decoration: none;
}
 
a:hover	{
	color: #fff;
}

a:focus {
	border: 0;
}


/* ----- Container ------*/

div#container {
	width: 730px;
	margin: 0 auto;
	overflow: auto;
}

div#container-text {
	clear: left;
	text-align: left;
	margin: 70px 0 20px 0;
	padding: 0 0 120px 0;
	background: url(../img/logo.jpg) left bottom no-repeat;
}

/* ----- Navigation ------*/

ul#navi {
	overflow: hidden;
}

ul#navi li {
	float: left;
	border-top: 30px solid transparent;
	font-size: 1em;
	margin-right: 1.8em;
}

ul#navi li:first-child {
	float: right;
	margin-right: 0;
}

ul#navi li:first-child a {
	color: #a7d200;
}

ul#navi li#active {
	border-top: 30px solid #a7d200;
}

ul#navi a {
	letter-spacing: -0.075em;
	color: #fff;
	text-decoration: none;
}

ul#navi a:hover {
	color: #a7d200;
}

/* ----- Bild ------*/

div#container-bild {
	clear: left;
	text-align: center;
	margin: 70px 0 20px 0;
	padding: 0 0 120px 0;
	background: url(../img/logo.jpg) left bottom no-repeat;
}

div#container-bild img {
	border: 5px solid white;
}

div#container-home {
	clear: left;
	text-align: center;
	margin: 70px 0 140px 0;
}

div#container-home img {
	border: 5px solid white;
}

/* ----- Pfeile ------*/

div#pfeile {
	float: left;
	width: 210px;
}

div#pfeile img {
	border: 0px solid white;
	margin: 0 10px;
	width: 30px; 
}

/* ----- Bildunterschrift ------*/

p#bildunterschrift {
	color: #fff;
	font-weight: lighter; 
	font-size: 0.9em;
	text-align: left;
	width: 210px;
	float: right;
	margin-top: 30px;
}

/* ----- Mosaik ------*/

div#container-mosaik {
	float: right;
	width: 210px;
	margin-left: 39px;
}

div#mosaik-scrolling {
	width: 210px;
	overflow: hidden;
}

ul#mosaik {
	width: 225px;
}

ul#mosaik li {
	float: left;
	margin: 0 15px 15px 0;
	width: 60px;
	height: 60px;
}

ul#mosaik img {
	width: 50px;
	height: 50px;
	border: 5px solid #fff;
	background-color: #fff;
}

/* ----- Footer ------*/

div#footer {
	background-color: #a7d200;
	color: #7a1644;
	line-height: 1em;
}

div#footer ul {
	width: 730px;
	margin: 0 auto;
	overflow: hidden;
}

div#footer li {
	float: right;
	margin-left: 1.8em;
}

div#footer a#active-footer {
	color: #333;
}

div#footer a {
	letter-spacing: -0.075em;
	text-decoration: none;
	color: #7a1644;
}

div#footer a:hover {
	color: #000;
}