HTML { 
	margin: 0; 
	padding: 0; 
	height: 100%;
	font: 12px Georgia, serif;
	line-height: 18px;
	}

BODY { margin: 0; padding: 0; background-color: #333333; height: 100%; }

INPUT { font: 12px Georgia, serif; }

FORM { padding: 0; margin: 0; }

IMG { border: none; }

#content {
	background-color: #FFF;
	width: 955px;
	border-left: 0px solid #666;
	border-right: 0px solid #999;
	margin: 0 auto;
	}
	
#header {
	border-bottom: 1px solid #d8d8d8;
	background: url('../img/bgNav.gif') repeat-x bottom;
	padding: 12px 12px 10px 12px;
	text-align: left;
	}	
#illustration {
	height: 650px;
	background: url(../img/illustration.jpg) no-repeat top;
	position: relative;
	text-align: center;
	}
		
	
#illuText {
	text-align: center;
	width: 955px;
	position: absolute;
	bottom: 105px;
	left: 0px;

	}	
	
#nav1 { 
	float: left;
	}
	
#nav1 SPAN, #nav1 A {	
	margin-right: 10px;
	}
	
.link {
	color: #624681;
	border-bottom: 1px solid #aea1bb;
	text-decoration: none;
	}
	
#nav1 .link, #nav2 .link, #nav3 .link, #gravestone .link {
	line-height: 20px;
	}

#nav1 .inactive, #nav2 .inactive, #nav3 .inactive {
	color: #b1b1b1;	
	}
	
#nav1 .active, #nav2 .active, #nav3 .active {
	color: #323232;
	font-weight: bold;
	border: none;
	}	
	
#nav3 {
	margin: 20px 0 20px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	}		
	
#search {
	float: right;
	margin: 0;
	padding: 0;
	height: 25px;
	}
	
#search .input {
	background-color: #FFF;
	border: 1px solid #bfbfbf;
	color: #999;
	width: 120px;
	float: left;
	margin-right: 3px;
	vertical-align: center;
	padding: 4px;
	}	

#search .button {
	background: url('../img/bgButton.gif') repeat-x top;
	color: #FFF;
	border: 1px solid #a892a7;
	padding: 0px;
	height: 25px;
	width: 90px;
	padding: 0 3px 0 4px;
	}
	
#searchSuggest LI {
	list-style: none;
	margin: 0; 
	padding: 0;
	cursor: pointer;
	padding: 1px 5px 0px 5px;
	}
	
#searchSuggest LI:hover {
	background-image: url('../img/bgButton.gif');
	background-repeat: repeat-x;
	color: #FFF;
	}	
	
#searchSuggest UL {
	list-style: none;
	margin: 0; 
	padding: 0;
	}		
	
#body {
	padding: 30px 0 50px 0;
	text-align: center;
	}
	
.about {
	text-align: left;
	width: 510px;
	margin: 0 auto;
	}
	
.aboutPreview {
	width: 700px;
	margin: 0 auto;
	}		
	
#impressum {
	text-align: left;
	width: 510px;
	margin: 0 auto;
	}		
	
.granite {
	background-image: url('../img/granit.jpg');
	color: #FFF;
	min-height: 500px;
	}
	
.year {
	font-size: 18px;
	color: #777;
	margin: 15px 0 5px 0;
	}	
	
.inscription a {
	text-transform: uppercase;
	color: #c9c9c9;
	padding: 1px 7px 1px 7px;
	letter-spacing: 2px;
	text-decoration: none;
	}
	
.inscription a:hover {
	background-color: #FFF;
	color: #333;
	}			
	
h1 { 
	font: 20px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;	
	}
	
.recommend {
	text-align: center;
	}	
	
.boxTop 	{ background: url(../img/bgBoxTop.gif) repeat-x top; height: 25px; clear: left; }
.boxBottom	{ background: url(../img/bgBoxBottom.gif) repeat-x bottom; height: 25px; clear: left; }
	
.box { 
	padding: 0px;
	}

.boxContent {
	padding: 15px 0 15px 0; 
	}	
	
.box .formRow { 
	margin: 0; padding: 0; 
	text-align: left; 
	border: 1px solid #FFF; 
	clear: both;
	background-color: #FFF;
	}
	
.box .indent {
	padding-left: 435px;
	}	

.box .formSectionDivider { 
	clear: left;
	width: 700px;
	border-bottom: 1px solid #e0e0e0;
	margin: 0 auto;
	margin-bottom: 15px;
	height: 20px;
	}	
	
.box .formSectionTitle {
	font-weight: bold;	
	text-align: right;
	}
	
.box .formSectionContent {
	float: left;
	text-align: left;
	padding-top: 9px;
	padding-left: 10px;
	}	

.box LABEL {
	text-align: right;
	float: left;
	display: block;
	width: 420px;
	vertical-align: center;
	padding-right: 15px;
	}
	
.box .labelInput {
	line-height: 35px;
	}
	
	
.box .labelText {
	line-height: 13px;
	}		
	
.box .input {
	display: block;
	background-color: #FFF;
	border: 1px solid #bfbfbf;
	color: #333;
	padding: 4px;
	float: left;
	margin: 5px 10px 8px 0;
	}
	
.box FORM #obituary {
	padding: 4px;	
	border: 1px solid #bfbfbf;
	width: 350px;
	height: 300px;
	margin-bottom: 15px;
	margin-top: 5px;
	text-align: left;
	font: 12px Georgia;
	}
	
.box #feedbackMessage {	
	padding: 4px;	
	border: 1px solid #bfbfbf;
	width: 300px;
	height: 150px;
	margin-bottom: 15px;
	margin-top: 5px;
	text-align: left;
	font: 12px Georgia;
	}
	
#feedback, #recommendation { height: 19px; }	

#grave { text-align: left; margin: 0; height: 630px; position: relative; }	
	
#gravestone {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 450px;
	height: 600px;
	background-color: #FFF;
	text-align: center;
	overflow: hidden;
	/*background-image: url('../img/granit.jpg');*/
	filter: Alpha(Opacity=85); -moz-opacity: 0.85;
	}	

#gravestone h1 { padding-top: 15px; }

#gravestone #nav3 { margin: 15px; }
	
#gravestone #date {
	
	}
	
#gravestone #obituary {
	margin-bottom: 20px;
	}

#gravestone .fotos {
	width: 375px;
	text-align: center;
	margin-bottom: 20px;
	}
	
#gravestone .fotos .foto {
	float: left;
	}
	
#graveCondolences {
	overflow: hidden; 
	}	
	
#formCondolence {
	z-index: 100;
	text-align: left;
	margin: 0 auto 0 auto;
	position: absolute;
	bottom: 15px;
	left: 15px;
	}
	
#formCondolence TEXTAREA {
	margin-top: 5px;
	width: 408px;
	height: 60px;
	border: 1px solid #CCC;
	padding: 5px;
	font: 12px Georgia;
	background-color: #FFF;
	color: #666;
	}		
	
#formCondolence .input {
	margin-top: 3px;
	font: 12px Georgia;
	border: 1px solid #CCC;
	padding: 5px 5px 6px 5px;
	width: 155px;
	color: #666;
	}
	
	
#graveCondolences #scrollUp { position: absolute; top: 0px; right: 15px; }	
#graveCondolences #scrollDown { position: absolute; bottom: 0px; right: 15px; }
		
	
#gravestone #condolences .name, #graveCondolences .name {
	margin: 0 auto 0 auto;
	width: 370px;
	color: #999;
	}	
#gravestone #condolences .text, #graveCondolences .text {
	margin: 0 auto 10px auto;
	width: 370px;
	}	

.center { float: none; text-align: center; }	
	
.box SELECT {
	background-color: #FFF;
	border: 1px solid #bfbfbf;
	color: #333;
	padding: 1px;
	float: left;
	margin: 5px 5px 5px 0;
	}	
	
.box .checkbox {
	margin-top: 1px;
	}	
	
.buttonActive {
	float: left;
	background: url('../img/bgButton.gif') repeat-x top;
	color: #FFF;
	border: 1px solid #a892a7;
	padding: 4px;
	margin-top: 8px;
	margin-bottom: 15px;
	margin-right: 2px;
	}
	
.buttonInactive {
	float: left;
	background-color: #FFF;
	color: #333;
	border-top: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	padding: 4px;
	margin-top: 8px;
	margin-bottom: 15px;
	margin-right: 2px;
	}
	
.graveRow {
	width: 700px;
	text-align: left;
	border-bottom: 1px solid #e0e0e0;
	padding: 3px;
	padding-bottom: 0px;
	line-height: 38px;
	vertical-align: center;
	margin: 0px auto 1px;
	}
.resultRow {
	width: 700px;
	text-align: left;
	padding: 3px;
	padding-bottom: 0px;
	line-height: 20px;
	vertical-align: center;
	margin: 0 auto;
	}		
.graveName {
	width: 150px;
	float: left;
	}
.graveDate {
	width: 140px;
	float: left;
	}
.graveDeathDate {
	float: left;
	width: 150px;
	}
.graveHometown {
	float: left;
	width: 80px;
	}		
.graveMeta {
	float: left;
	width: 220px;

	}
.gravePaymentHint {
	float: left;
	width: 200px;
	}

.graveExpireHint {
	float: left;
	color: #ce4b89;
	}	
.graveEdit {
	float: right;
	}
.graveDelete {
	float: right;
	}	
.graveBuy {
	float: right;
	}	
	
.graveFotos {
	padding-bottom: 20px;
	}		
	
#sceneries {
	width: 700px;
	margin: 0 auto;
	}
		
.scenery {
	width: 170px;
	float: left;
	border: 1px solid #FFF;
	}
	
.scenery:hover {
	border: 1px solid #e0e0e0;		
	}
	
.sceneryImage {
	margin: 10px;

	}

.scenery INPUT { display: inline; float: left;  }	
	
.sceneryTitle {
	margin: 10px 0px 10px 10px;
	text-align: left;
	}	
	
.scenery LABEL {
	float: none;
	text-align: left;
	display: inline;
	line-height: 20px;
	}
		
#fotos {
	margin: 18px auto 15px auto;
	padding-bottom: 20px;
	text-align: center;
	}	
	
#fotos #fotoImages {
	padding-bottom: 15px;
	float: right;
	width: 516px;
	}

#fotos .foto {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	}	
	
#fotos .deleteFoto {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 50;
	cursor: pointer;
	}		
	
#gravePreview .fotos, #graveFotos .fotos {
	float: none;
	text-align: center;
	margin: 0 auto 20px auto;
	}
	
#gravePreview .fotos .foto, #graveFotos .fotos .foto {
	float: none;
	display: inline;
	}		
	
#gravePreview .fotos .foto IMG, #graveFotos .fotos .foto IMG {	
	border: 2px solid #FFF;	
	margin: 0;		
}
	
.buttonSmall { width: 60px; }
.buttonMedium { width: 90px; }
.buttonLarge { width: 120px; }	
.buttonXLarge { width: 150px; }		
	
.validation-advice {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 32px;
	padding-left: 10px;
	/*background: url(../img/bgFormrow.gif) repeat-y top;*/
	color: #ce4b89;


	}	
	
#registration {
	z-index: 100;
	}	
	
.bgAlert {
	background: url(../img/bgFormrow.gif) repeat-y top; 
	}
	
.messageAlert {
	background: url(../img/bgFormrow.gif) repeat-y top;
	padding: 10px;
	color: #ce4b89;
	}					

#footer {
	width: 100%;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
	text-align: center;
	border-top: 0px solid #dfdfdf;
	padding: 5px 0 10px 0;
	}

#footer A {			
	color: #666;
	text-decoration: none;	
	border-bottom: 1px solid #dfdfdf;
	line-height: 20px;
	}
	
.cb { clear: both; }
.fr { float: right; }

.noPadding { padding: 0; }


.grey { color: #b1b1b1; }	
.purple { color: #624681; }
.smallText { font-size: 11px; }

.topSpace { padding-top: 7px; }
.botSpace { padding-bottom: 7px; }

.p10 { padding: 10px; }
.pt7 { padding-top: 7px; }
.pt5 { padding-top: 5px; }
.pb10 { padding-bottom: 10px; }

.m10 { margin: 10px; }
.tar { text-align: right; }