/* Reset */

* { margin:0; padding:0; }  

/* Main */

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

body
{
	background:#1a1a1a url(gfx/background.jpg) top center no-repeat;
	color:white;
    font-family:"Book Antiqua","Palatino Linotype","Times New Roman",Times,serif;
/*  font-family:Georgia,"Times New Roman",Times,serif; */
    font-size:18px;
}

a
{
	color:#f4f4f4;
	text-decoration:none;
	font-style:italic;
}

a:hover
{
	color:white;
}

img
{
	border-width:0;
}

.Bottom
{
	vertical-align:bottom;
}

.AnzeigeBerlin
{
	width:94px;
	height:11px;
	position:absolute;
	left:8px;
	top:4px;
}

.Main
{
	width:800px;
	height:auto;
	margin:0 auto;
}

.Head
{
	width:800px;
	height:368px;
	position:relative;
}

.Body
{
	width:800px;
	height:auto;
	position:relative;
}

.NavBar
{
	width:290px;
	height:140px;
	position:absolute;
	top:50px;
	left:510px;
}

.NavBarListItem
{
	width:40px;
	height:140px;
	display:inline;
}

.NavLink
{
	width:40px;
	height:140px;
	display:block;
}

#Magazine
{
	background:transparent url(gfx/nav/1magazine_1.png);
}

#Magazine:hover
{
	background:transparent url(gfx/nav/1magazine_2.png);
}

#Video
{
	background:transparent url(gfx/nav/2video_1.png);
}

#Video:hover
{
	background:transparent url(gfx/nav/2video_2.png);
}

#Panorama
{
	background:transparent url(gfx/nav/3panorama_1.png);
}

#Panorama:hover
{
	background:transparent url(gfx/nav/3panorama_2.png);
}

#Bonus
{
	background:transparent url(gfx/nav/4bonus_1.png);
}

#Bonus:hover
{
	background:transparent url(gfx/nav/4bonus_2.png);
}

#About
{
	background:transparent url(gfx/nav/5about_1.png);
}

#About:hover
{
	background:transparent url(gfx/nav/5about_2.png);
}

#Contact
{
	background:transparent url(gfx/nav/6contact_1.png);
}

#Contact:hover
{
	background:transparent url(gfx/nav/6contact_2.png);
}

.Title
{
	width:248px;
	height:39px;
	position:absolute;
	top:279px;
	left:-5px;
}

.ThumbTitle
{
	margin-top:10px;
}

.MainText
{
	width:800px;
	position:relative;
    font-size:20px;
    margin-top:30px;
    margin-bottom:90px;
}

.Category
{
	height:32px;
	position:relative;
	left:-30px;
	margin-top:60px;
	margin-bottom:30px;
}



/* MAGAZIN */

.FeaturedIssue
{
	width:800px;
	height:222px;
	position:relative;
	margin-bottom:40px;
	display:block;
}

.FeaturedIssueThumb
{
	width:160px;
	height:222px;
	position:absolute;
	top:0;
	left:0;
}

.FeaturedIssueTitle
{
	width:160px;
	height:38px;
	position:absolute;
	top:0;
	left:213px;
}

.FeaturedIssueText
{
	width:587px;
	height:auto;
	position:absolute;
	top:60px;
	left:213px;
}

.IssuesArchive
{
	width:800px;
}

.IssuesArchiveRow
{

	width:100%;
	height:280px;
	margin-bottom:30px;
}

.IssuesArchiveThumb1
{
	width:160px;
	position:absolute;
	left:0px;
}

.IssuesArchiveThumb2
{
	width:160px;
	position:absolute;
	left:213px;
}

.IssuesArchiveThumb3
{
	width:160px;
	position:absolute;
	left:426px;
}

.IssuesArchiveThumb4
{
	width:160px;
	position:absolute;
	left:640px;
}


/* VIDEO */


.FeaturedVideo
{
	width:600px;
	margin-bottom:90px;
	display:block;
	margin-left:100px;
	margin-right:100px;
}

.FeaturedVideoTitle
{
	display:block;
	margin-top:30px;
	margin-bottom:20px;
}

.VideoArchive
{
	width:800px;
}

.VideoArchiveRow
{

	width:100%;
	height:208px;
	margin-bottom:30px;
}

.VideoArchiveThumb1
{
	width:200px;
	position:absolute;
	left:0px;
}

.VideoArchiveThumb2
{
	width:200px;
	position:absolute;
	left:300px;
}

.VideoArchiveThumb3
{
	width:200px;
	position:absolute;
	left:600px;
}

/* PANORAMA */


.PanoramaHauptfilm
{
	width:800px;
	position:relative;
	margin-bottom:90px;
	display:block;
}

.PanoramaArchive
{
	width:800px;
}

.PanoramaArchiveRow
{

	width:100%;
	height:182px;
	margin-bottom:30px;
}

.PanoramaArchiveThumb1
{
	width:200px;
	position:absolute;
	left:0px;
}

.PanoramaArchiveThumb2
{
	width:200px;
	position:absolute;
	left:300px;
}

.PanoramaArchiveThumb3
{
	width:200px;
	position:absolute;
	left:600px;
}

.Credits
{
	width:100%;
	font-size:18px;
	line-height:1.7em;
}

.CreditsName
{
	margin-right:0.7em;
	white-space:nowrap;
}

/* BONUS */

.BonusItem
{
	width:800px;
	line-height:0;
	margin-bottom:40px;
}

.PhotoAlbumWrapper
{
	width:840px;
	height:700px;
	display:block;
	margin:0 auto;
}

.PhotoAlbumImage
{
	width:840px;
	height:640px;
	display:block;
}

.PhotoNavigation
{
	width:840px;
	height:60px;
	display:block;
	position:relative;
	margin:19px 0 20px 0;
	color:#000000;
}

.PhotoNavigationPrev
{
	width:68px;
	height:21px;
	position:absolute;
	left:0;
	display:inline;
}

.PhotoNavigationTitle
{
	width:704px;
	height:21px;
	position:absolute;
	left:68px;
	display:inline;
}

.PhotoNavigationNext
{
	width:68px;
	height:21px;
	position:absolute;
	left:772px;
	display:inline;
}

/* ABOUT */


.Portrait
{
	width:800px;
	height:245px;
	position:relative;
	margin-bottom:50px;
	display:block;
}

.PortraitPicLeft
{
	width:170px;
	height:200px;
	position:absolute;
	top:0;
	left:0;
}

.PortraitTitleLeft
{
	width:200px;
	height:16px;
	position:absolute;
	top:0;
	left:230px;
}

.PortraitTextLeft
{
	width:570px;
	height:auto;
	position:absolute;
	top:36px;
	left:230px;
}

.PortraitPicRight
{
	width:170px;
	height:200px;
	position:absolute;
	top:0;
	left:600px;
}

.PortraitTitleRight
{
	width:200px;
	height:16px;
	position:absolute;
	top:0;
	left:0px;
}

.PortraitTextRight
{
	width:570px;
	height:auto;
	position:absolute;
	top:36px;
	left:0;
}