body{
	background-color: #ffffcc;
	text-align: center;
	font: 12px Times, Georgia, serif;
}

a{
	align: center;
	font-size: 16px;
	font-weight: bold;
	color: #006600;
}

a:hover{
	align: center;
	font-size: 16px;
	font-weight: bold;
	color: #cc9966;
}

nav{
	margin: 0px;
	padding: 0px;
	padding-top:10px;
	float: left;
	font-size: 18px;
	font-weight: normal;
	line-height: 10px;
	color: #cc9966;
	text-align: left;
}

nav ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

nav li{
	list-style: none;
	text-align: left;
	text-decoration: overline underline;
}

nav li a{
	text-decoration: overline underline;
	
}

nav li a:hover{
	text-decoration: overline underline;
}

nav h1{
	font: Arial, sans-serif;
	font-size: 15px;
}

nav h2{
	font-size: 14px;
	padding-left: 10px;
}

#width{
	margin: 0px auto;
	width: 800px;
	border: 0px solid;
	align-content: left;
	position: relative;
}

#deutsch-marc{
	z-index: 1;
	padding: 15px;
	padding-top: 7px;
	width: 541px;
	height: 405px;
	border: 1px solid;
	background-color: #ffffff;
	text-align: center;
}

#navi{
	margin-left: 0px;
	float: left;
	font-size: 18px;
	font-weight: normal;
	line-height: 10px;
	color: #339966;
	text-align: left;
}

#navi ul{
	list-style: none;
	
}

#navi li{
	list-style: none;
	text-align: left;
	margin-left: 0px;
	margin-right: 10px;
}

#navi li a{
	text-decoration: overline underline;
}

#navi li a:hover{
	text-decoration: overline underline;
}

#navi h1{
	font-size: 18px;
}

#left{
	z-index: 1;
	padding: 0px;
	padding-left: 0px;
	width: 158px;
	height: 145px;
	border: 0px solid;
	background-color: #ffffcc;
	text-align: left;
}

#bottom{
	z-index: 1;
	padding: 0px;
	padding-left: 39px;
	width: 760px;
	height: 134px;
	border: 0px solid;
	background-color: #ffffcc;
	text-align: left;
}

#top{
	z-index: 2;
	top: 19px;
	left: 192px;
	padding: 0px;
	width: 587px;
	height: 91px;
	border: 0px solid;
	text-align: right;
	position: absolute;
}

#right{
	z-index: 2;
	top: 34px;
	left: 779px;
	padding: 0px;
	width: 21px;
	height: 542px;
	border: 0px solid;
	text-align: right;
	position: absolute;
}

#content{
	margin: 0px auto;
	width: 800px;
}

#card{
	z-index: 2;
	top: 110px;
	left: 159px;
	border: 0px solid;
	text-align: right;
	position: absolute;
}

#prebutton a:link{
	z-index: 3;
	top: 298px;
	left: 162px;
	border: 0px solid;
	text-align: left;
	position: absolute;
	font-size: 72px;
	text-decoration: none;
}

#nextbutton a:link{
	z-index: 3;
	top: 298px;
	left: 753px;
	border: 0px solid;
	text-align: left;
	position: absolute;
	font-size: 72px;
	text-decoration: none;
}

#buttons{
	z-index: 3;
	top: 482px;
	left: 159px;
	width: 620px;
	position: absolute;
	text-align: center;
	border: 0px solid;
}

#buttons ul{
	width: 620px;
	text-align: center;
	list-style: none;
}

#buttons li{
	float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 55;
    margin-right: 54; 
    padding: 0;
	text-align: center;
	list-style: none;
	color: #ffcc99;
}

#buttons li a{
	text-decoration: none;
}

#buttons h1{
	font-size: 52px;
}

#apologies{
	z-index: 4;
	top: 82px;
	left: 222px;
	border: 0px solid;
	width: 147px;
	height: 28px;
	position: absolute;
	background-image: url(../img/apologies-p.gif);
}

#navi-apologies a:link{
	z-index: 4;
	top: 82px;
	left: 222px;
	border: 0px solid;
	width: 147px;
	height: 28px;
	position: absolute;
	background-image: url(../img/apologies.gif);
}


#navi-apologies a:hover{
	z-index: 4;
	top: 82px;
	left: 222px;
	border: 0px solid;
	width: 147px;
	height: 28px;
	position: absolute;
	background-image: url(../img/apologies-o.gif);
}

#invitations{
	z-index: 4;
	top: 52px;
	left: 677px;
	border: 0px solid;
	width: 100px;
	height: 26px;
	position: absolute;
	background-image: url(../img/invitations-p.gif);
}

#navi-invitations a:link{
	z-index: 4;
	top: 52px;
	left: 677px;
	border: 0px solid;
	width: 100px;
	height: 26px;
	position: absolute;
	background-image: url(../img/invitations.gif);
}


#navi-invitations a:hover{
	z-index: 4;
	top: 52px;
	left: 677px;
	border: 0px solid;
	width: 100px;
	height: 26px;
	position: absolute;
	background-image: url(../img/invitations-o.gif);
}

#announcement{
	z-index: 4;
	top: 26px;
	left: 235px;
	border: 0px solid;
	width: 167px;
	height: 29px;
	position: absolute;
	background-image: url(../img/announcement-o.gif);
}

#navi-announcement a:link{
	z-index: 4;
	top: 26px;
	left: 235px;
	border: 0px solid;
	width: 167px;
	height: 29px;
	position: absolute;
	background-image: url(../img/announcement.gif);
}

#navi-announcement a:hover{
	z-index: 4;
	top: 26px;
	left: 235px;
	border: 0px solid;
	width: 167px;
	height: 29px;
	position: absolute;
	background-image: url(../img/announcement-o.gif);
}

#seasonal{
	z-index: 4;
	top: 577px;
	left: 192px;
	border: 0px solid;
	width: 101px;
	height: 26px;
	position: absolute;
	background-image: url(../img/seasonal-p.gif);
}

#navi-seasonal a:link{
	z-index: 4;
	top: 577px;
	left: 192px;
	border: 0px solid;
	width: 101px;
	height: 26px;
	position: absolute;
	background-image: url(../img/seasonal.gif);
}


#navi-seasonal a:hover{
	z-index: 4;
	top: 577px;
	left: 192px;
	border: 0px solid;
	width: 101px;
	height: 26px;
	position: absolute;
	background-image: url(../img/seasonal-o.gif);
}

#congratulations{
	z-index: 4;
	top: 608px;
	left: 591px;
	border: 0px solid;
	width: 148px;
	height: 28px;
	position: absolute;
	background-image: url(../img/congratulations-p.gif);
}

#navi-congratulations a:link{
	z-index: 4;
	top: 608px;
	left: 591px;
	border: 0px solid;
	width: 148px;
	height: 28px;
	position: absolute;
	background-image: url(../img/congratulations.gif);
}


#navi-congratulations a:hover{
	z-index: 4;
	top: 608px;
	left: 591px;
	border: 0px solid;
	width: 148px;
	height: 28px;
	position: absolute;
	background-image: url(../img/congratulations-o.gif);
}

#vouchers{
	z-index: 4;
	top: 635px;
	left: 241px;
	border: 0px solid;
	width: 98px;
	height: 27px;
	position: absolute;
	background-image: url(../img/vouchers-p.gif);
}

#navi-vouchers a:link{
	z-index: 4;
	top: 635px;
	left: 241px;
	border: 0px solid;
	width: 98px;
	height: 27px;
	position: absolute;
	background-image: url(../img/vouchers.gif);
}


#navi-vouchers a:hover{
	z-index: 4;
	top: 635px;
	left: 241px;
	border: 0px solid;
	width: 98px;
	height: 27px;
	position: absolute;
	background-image: url(../img/vouchers-o.gif);
}

#hello{
	z-index: 4;
	top: 431px;
	left: 97px;
	border: 0px solid;
	width: 59px;
	height: 31px;
	position: absolute;
	background-image: url(../img/hello-p.gif);
}

#navi-hello a:link{
	z-index: 4;
	top: 431px;
	left: 97px;
	border: 0px solid;
	width: 59px;
	height: 31px;
	position: absolute;
	background-image: url(../img/hello.gif);
}


#navi-hello a:hover{
	z-index: 4;
	top: 431px;
	left: 97px;
	border: 0px solid;
	width: 59px;
	height: 31px;
	position: absolute;
	background-image: url(../img/hello-o.gif);
}

#appreciation{
	z-index: 4;
	top: 476px;
	left: 7px;
	border: 0px solid;
	width: 141px;
	height: 35px;
	position: absolute;
	background-image: url(../img/appreciation-p.gif);
}

#navi-appreciation a:link{
	z-index: 4;
	top: 476px;
	left: 7px;
	border: 0px solid;
	width: 141px;
	height: 35px;
	position: absolute;
	background-image: url(../img/appreciation.gif);
}


#navi-appreciation a:hover{
	z-index: 4;
	top: 476px;
	left: 7px;
	border: 0px solid;
	width: 141px;
	height: 35px;
	position: absolute;
	background-image: url(../img/appreciation-o.gif);
}

#thanks{
	z-index: 4;
	top: 522px;
	left: 74px;
	border: 0px solid;
	width: 76px;
	height: 34px;
	position: absolute;
	background-image: url(../img/thanks-p.gif);
}

#navi-thanks a:link{
	z-index: 4;
	top: 522px;
	left: 74px;
	border: 0px solid;
	width: 76px;
	height: 34px;
	position: absolute;
	background-image: url(../img/thanks.gif);
}


#navi-thanks a:hover{
	z-index: 4;
	top: 522px;
	left: 74px;
	border: 0px solid;
	width: 76px;
	height: 34px;
	position: absolute;
	background-image: url(../img/thanks-o.gif);
}

#get-well{
	z-index: 4;
	top: 577px;
	left: 48px;
	border: 0px solid;
	width: 114px;
	height: 27px;
	position: absolute;
	background-image: url(../img/get-well-p.gif);
}

#navi-get-well a:link{
	z-index: 4;
	top: 577px;
	left: 48px;
	border: 0px solid;
	width: 114px;
	height: 27px;
	position: absolute;
	background-image: url(../img/get-well.gif);
}


#navi-get-well a:hover{
	z-index: 4;
	top: 577px;
	left: 48px;
	border: 0px solid;
	width: 114px;
	height: 27px;
	position: absolute;
	background-image: url(../img/get-well-o.gif);
}

#others{
	z-index: 4;
	top: 646px;
	left: 78px;
	border: 0px solid;
	width: 82px;
	height: 26px;
	position: absolute;
	background-image: url(../img/others-p.gif);
}

#navi-others a:link{
	z-index: 4;
	top: 646px;
	left: 78px;
	border: 0px solid;
	width: 82px;
	height: 26px;
	position: absolute;
	background-image: url(../img/others.gif);
}


#navi-others a:hover{
	z-index: 4;
	top: 646px;
	left: 78px;
	border: 0px solid;
	width: 82px;
	height: 26px;
	position: absolute;
	background-image: url(../img/others-o.gif);
}

#farewell{
	z-index: 4;
	top: 668px;
	left: 582px;
	border: 0px solid;
	width: 89px;
	height: 29px;
	position: absolute;
	background-image: url(../img/farewell-p.gif);
}

#navi-farewell a:link{
	z-index: 4;
	top: 668px;
	left: 582px;
	border: 0px solid;
	width: 89px;
	height: 29px;
	position: absolute;
	background-image: url(../img/farewell.gif);
}


#navi-farewell a:hover{
	z-index: 4;
	top: 668px;
	left: 582px;
	border: 0px solid;
	width: 89px;
	height: 29px;
	position: absolute;
	background-image: url(../img/farewell-o.gif);
}

#footer{
	float: left;
	width: 800px;
	background-image: url(../img/rahmen.gif);
	font-size: 15px;
	font-weight: normal;
	line-height: 10px;
	color: #cc9966;
	text-align: center;
}

hr{
	border: none;
	border-top: 2px solid #006600;
	border-bottom: 1px solid #006600;
	color: #000000;
	background-color: #ffffcc;
	height: 6px;
}

#footernav{
	width: 800px;
	font-size: 15px;
	font-weight: normal;
	color: #cc9966;
	text-align: center;
}

#footernav a{
	text-decoration: overline underline;
	
}

#footernav a:hover{
	text-decoration: overline underline;
}

#footernav h1{
	font: Arial, sans-serif;
	font-size: 15px;
}