@charset "utf-8";

/* Styles fuer Anna-Lauretta.de (8.10) */

body { background-color:#FFE; }

a { color:black; }
a:hover {
	color:#24E;
	text-decoration:underline;
}

img {
	margin:0px;
	border:0px;
}

/* ------------------------------------------ Die ganze Seite --- */
#container {
	position:relative;
	margin:30px auto;
	width:960px;
	color:#333;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}
#pagebox {
	margin-left:130px;			/* Breite der linken Blüte */
	margin-right:114px;			/* Breite der rechten Ranke */
	padding:18px 21px;			/* Grauer Rand */
	background-color:#EBECE8;
	background-position:right top;
	background-repeat:no-repeat;
	}
	#pagebox.fullpage {
		background-image:url(images/title.jpg);
	}
	#pagebox.frontpage {
		min-height:335px;
		background-image:url(images/title_full.jpg);
	}
	#pagebox.frontpage ul {
		position:absolute;
		bottom:-19px;
		left:25%;
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	#pagebox.frontpage li {
		font-size:13px;
		text-shadow:#888 1px 1px 3px;
		display:inline;
		margin:0px 5px;
		padding:0.3em 1.0em 0.6em 1.0em;
		background-color:#DDD;
	}
	#pagebox.frontpage a {
		color:#333;
		text-decoration:none;
		border-bottom:#F08 solid 2px;
	}
	#pagebox.frontpage a:hover {
		color:#F08;
		text-decoration:none;
	}
#decofront {
	position:absolute;
	top:-21px;
	right:0px;
	width:209px;
	height:500px;
	background:url(images/flower_3.gif) right top no-repeat;
}
#decoback { background:url(images/flower_1.gif) left bottom no-repeat; }

/* ----------------------------------------------------- Kopf --- */
#header {
	height:230px;
	text-align:left;
	}
	#header h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#24E;
	font-size:36px;
	text-shadow:#96A0D3 2px 2px 5px;
	margin:0px;
	}
	#header h2 {
		color:#888;
		text-shadow:#BBB 2px 2px 5px;
		font-size:13px;
		margin:0px;
		padding-top:3px;
		padding-left:35px;
	}
	#header h2+h2 {
		padding-left:23px;			/* zweite Überschrift... */
	}

/* ----------------------------------------------------- Fuss --- */
#footer {
	clear:both;
	position:relative;
	top:11px;
	margin-left:160px;
	font-size:9px;
	text-align:center;
}

/* ----------------------------------------------------- Menue --- */
#navigation {
	float:left;
	width:130px;
	font-size:13px;
	margin:13px 0px;
	padding:17px;
	text-align:left;
	color:#24E;
	background-color:#EFEFFD;
	border:#FFF outset 1px;
	}
	#navigation a {
		color:#111;
		text-shadow:#888 1px 1px 3px;
		text-decoration:none;
	}
	#navigation a:hover {
		color:#24E;
		text-decoration:underline;
	}
	#navigation a.language {
		color:#FFF;
		background-color:#DDD;
		padding:0.3em 1.0em 0.6em 1.0em;
		border:#FFF inset 1px;
	}
	#navigation a:hover {
		color:#F08;
		text-decoration:underline;
	}
	#navigation ul {
		list-style-type:none;
		margin:0px;
		padding:37px 0px;
		line-height:180%;
	}
	#navigation li.navi_sub {
		font-size:80%;
		padding-left:9px;
		padding-bottom:7px;
		line-height:100%;
	}

/* ----------------------------------------------------- Inhalt --- */
#content {
	font-size:11px;
	line-height:18px;
	text-align:left;
	padding:22px 50px;
	margin-left:137px;
	color:black;
	text-shadow:none;
	background-color:#FFFFFA;
	border-left:#F08 3px solid;
	min-height:280px;
	}
	#content h1 {
		font-family:Georgia, Times, serif;
		font-size:275%;
		color:#999;
		line-height:100%;
	}
	#content h1 a { color:#999; }
	#content h2 {
		font-size:120%;
		color: #4D447B;
	}
	#content h2 a { color:#4D447B; }
	#content h3 {
		font-size:100%;
		font-weight:bold;
	}
	#content em {
		font-weight:bold;
		font-style:italic;
	}
	#content table {
		width:100%;
		padding:15px;
		vertical-align:top;
	}
	#content .indent { margin-left:2em;}	/* Einzug */
	#content .remark {						/* Kommentar */
		font-size:90%;
		font-weight:normal;
		font-style:italic;
		color: #666;
		margin-left:1em;
	}
	#content .label {						/* Formularbeschriftung */
		color:#666;
		text-align:right;
		padding-right:1em;
	}
	#content .iLetter {						/* Initial Buchstabe */
		font-size:125%;
		font-weight:bold;
	}

/* eof */
