/* Volle H?he im IE und FF bei 3 Zeilen, Mitte variable zu 100%, Oben und Unten feste H?he */
/* Breite 970 px */
/* Boda-Angaben und doppelte Angabe bei Mitte unabdingbar wegen Browser-Bugs */
body { 
	background: #A18959 url(goldhintergrund_1920.jpg) center repeat-y; 
	font-size:10pt; 
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; 
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0;
	overflow:hidden;
	}
/* Schriftgr?ssen Tabellenzellen und Paragraph*/
td 		{font-size:10pt; line-height: 140%;}
p 		{font-size:10pt; line-height: 140%; margin-top:0px; margin-bottom:0px;  }
/*strong	{font-weight:normal;}*/

/* Schriftgr?ssen H*/	
H1 { 
	display:inline; 
	font-size:10pt; 
	font-weight: normal; 
	margin:0px; 
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; 
	white-space:no-wrap;
	}
/*H1 { font-size: 36pt; font-family: "EnglishScriptEF","Brush Script","Monotype Corsiva", "Times New Roman"; font-weight: normal; font-style: normal;  text-align:left; margin: 1mm 0 }
*/
H2 { 
	margin-top:10px; 
	margin-bottom:8px; 
	font-family:'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	font-style:italic; 
	font-size:15pt; 
	color:#AF8F4C;
	}

H3 { 
	font-size: 12pt; 
	font-family: "Comic Sans MS", Verdana; 
	font-weight: bold; 
	margin-top: 1mm; 
	margin-bottom: 1mm;
	}	

#oben {
	position:absolute; 
	margin-left:-480px; 
	left:50%;
	top:2px;	
	width:960px; 
	min-width:960px; 
	height:88px; 
	background-color:#fff;
	background-image:url(hochzeit-schleier.gif);
	background-position: -2px -2px;
	border-top:2px solid transparent;  
	z-index:5;
	}
#navioben {
	position:absolute; 
	margin-left:-480px; 
	left:50%; 
	top:90px; 
	width:960px; 
	min-width:960px; 
	height:24px; 	
	background-image:url(hochzeitfotos-blaue-band.jpg); 
	background-repeat:repeat-x; 
	z-index:7;
	}
#rose {
	position:absolute; 
	margin-left:-480px; 
	left:50%;
	width:120px; 
	min-width:120px; 
	height:116px; 
	background-image:url(hochzeit-rose-125.gif);
	background-repeat:no-repeat; 
	background-position: 3px 3px;
	z-index:20;
	}	
#taube {
	position:absolute; 
	top:12px;
	left:810px;
	width:88px; 
	height:55px;
	background-image:url(hochzeit-taube-klein.gif);
	background-repeat:no-repeat; 
	z-index:19;
	}	
#titel {
	position:absolute; 
	top:22px; 
	left:140px; 
	width:588px; 
	height:51px;
	margin:0px; 
	text-align:left; 
	
	z-index:6;
	}		

/* Mitte kann variabel wachsen, sodass immer 100% der Schirmes genutzt wird --  Doppelangabe mit den 100% bei html wichtig*/	
#mitte {
	position:absolute; 
	z-index:3; 
	top:113px; 
	bottom:26px; 
	width:960px; 
	margin-left:-480px; 
	left:50%;
	display:block; 
	overflow:auto;
	background-color:transparent;
	
	}
* html #mitte {
	top:0; 
	bottom:0; 
	height:100%;
	width:960px;
	
	border-top:113px solid #AF8F4C; 
	border-bottom:26px solid #AF8F4C; 
	background-color:transparent;
	}
/* Inhalte und Rechts orientieren sich am ?bergeordnetem Element des Bereichs Mite, auch von der Position her */		
div#inhalte {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:960px; 
	margin:0px; 
	text-align:left; 
	height:100%; 
	overflow:auto;
	background-image:url(hochzeits-schleppe.jpg); 
	z-index:5;
	}
div#inhalterand {
	position:relative; 
	margin:5px 5px 0px 20px;	
	background-color:transparent;
	}	
/* Unten liegt im Elemente-Fluss ohne top-Angabe */
#unten {
	text-align:center;
	position:absolute; 
	margin-left:-480px; 
	left:50%; 
	bottom:0; 
	width:960px; 
	min-width:960px; 
	height:26px; 
	background: #ffffff;
	background-image:url(hochzeitfotos-blaue-band.jpg); 	
	z-index:5;
	overflow:hidden;
	}

/* Spezielle Classen*/	
.einruecken  {
	text-indent: 20px;
	margin-top:8px;	
	}
.navi  {
	color:white; 
	font-size:15px; 	
	font-style:normal; 
	font-weight: bold; 
	text-decoration: none; 
	/*margin-left: 3px; 
	padding-left: 6px; 
	border-left: 3px solid #000;*/
	}
a:hover.navi 	{
	color: #A63800; 
	background-color: white;
	}	
.naviklein  {
	color:white;
	font-size:9pt; 	
	font-style:normal; 
	font-weight: normal; 
	text-decoration: none; 
	/*margin-left: 3px; 
	padding-left: 6px; 
	border-left: 3px solid #000;*/
	}	
.textklein  {
	color:white;
	font-size:9pt; 	
	font-style:normal; 
	font-weight:normal; 
	text-decoration: none; 
	/*margin-left: 3px; 
	padding-left: 6px; 
	border-left: 3px solid #000;*/
	}
.fett  { color: black; font-weight: bold; text-decoration: none; }
.rot  { color: red; }
/* Maus ?ber Link*/	
a:hover 	{
	color: black; 
	background-color: white;
	}
a:hover.navibild {
	background-color: transparent;
	}	
.navibild  {
	color:white; 
	font-style:normal; 
	font-weight: bold; 
	text-decoration: none; 
}