/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: url("images/start_pic.jpg") no-repeat 0px 50px;
	color: #444;
	}

ul, li {
	margin: 0;
	padding: 0;
}

#page {
	text-align: left;
	}
	
/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	width: 990px;
	margin: 0;
	padding: 0;
	background: url("images/barbarayelin.jpg") no-repeat 250px 10px;
	}


#navigation {
	margin-left: 470px;
	list-style: none;
	width: 520px;
	height: 200px;
}

#navigation li {
	float: left;
	height: 20px;
	margin-top: 18px;
}

#navigation li a {
	display: block;
	overflow: hidden;
	height: 20px;
}


#navigation li a .linktext {
	margin-left: -1000px;
}

#navigation #nav_comic a {
	background: url("images/menu.jpg") no-repeat 0px 0px;
	width: 65px;
}

#navigation #nav_illustration a {
	background: url("images/menu.jpg") no-repeat 0px -28px;
	width: 130px;
}

#navigation #nav_aktuell a {
	background: url("images/menu.jpg") no-repeat 0px -56px;
	width: 84px;
}

#navigation #nav_info a {
	background: url("images/menu.jpg") no-repeat 0px -84px;
	width: 131px;
}

#navigation #nav_links a {
	background: url("images/menu.jpg") no-repeat 0px -112px;
	width: 100px;
}

#navigation #nav_comic a:hover, .body_comic #navigation #nav_comic a {
	background: url("images/menu.jpg") no-repeat 0px -137px;
}

#navigation #nav_illustration a:hover, .body_illustration #navigation #nav_illustration a {
	background: url("images/menu.jpg") no-repeat 0px -165px;
}

#navigation #nav_aktuell a:hover, .body_aktuell #navigation #nav_aktuell a {
	background: url("images/menu.jpg") no-repeat 0px -193px;
}

#navigation #nav_info a:hover, .body_info #navigation #nav_info a {
	background: url("images/menu.jpg") no-repeat 0px -221px;
}

#navigation #nav_links a:hover, .body_links #navigation #nav_links a {
	background: url("images/menu.jpg") no-repeat 0px -249px;
}