@charset "utf-8"; 					/* CSS Document */

/*  =============================================================
=================================================================
Stylesheet für 'conny's moonlight-lamas'
Stand: optimierte navigation
Noch zu behebende Fehler: 
Datei: bildschirm.css
Datum: 2008-05-22
Autor: Klaus Weigelt
Aufbau:	1. Kalibrierung und allgemeine Styles
		2. Styles für den Layoutbereich
		3. Sonstige Styles
=================================================================
============================================================   */ 



/*  =============================================================
    1. Kalibrierung und allgemeine Styles
	========================================================   */ 
	
	
	/*   ----       Beginn der RESET-AKTION       ----     */
	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

	/*   ----      Ende der RESET-AKTION       ----     */

 
	/*   ----       Allgemeine Selektoren       ----     */

html { height: 101%; }              /* erzwingt Scrollbar im Firefox */   
body { 								/* Gestalte das HTML-Element mit dem Namen body */
	color: white; 						/* Schriftfarbe */
	background-color: #FCF9F7; 			/* Hintergrundfarbe */
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }	
p {
	margin-bottom: 0.5em;
	line-height: 1.5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
}



	/*   ----       Hyperlinks Allgemein       ----     */
	
a {        /* Unterstreichung entfernen */
	text-decoration: none;
	outline: none;
}

#navibereich li {
	font-family: "Comic Sans MS";
	font-size: 16pt;
	text-align: right;
	line-height: 1.4;
	font-weight: bold;
}

a:link { color: #498096; }			/*  linkfarbe bevor besuch der seite  */
a:visited { color: #498096; }		/*  linkfarbe nach besuchter seite */
a:hover, a:focus, a:active { 		/*  linkfarbe und hintergrundfarbe bei überfahren mit der maus */
	color: white;
	background-color: #498096;
}

	/*   ----       Allgemeine Klassen und IDs       ----     */
#logo01 {
	margin-left: 8px;
}

#logo02 {
	margin-left: 26px;
	}




/*  =============================================================
    2. Styles für den Layoutbereich
	========================================================   */ 


#wrapper { 							/* Gestalte das HTML-Element mit id="wrapper" */
	color: black;
	width: 900px;
	margin-top: 10px;
	margin-right: auto;              /* Abstand rechts automatisch */
	margin-bottom: 10px;
	margin-left: auto;               /* Abstand links automatisch */

}

#kopfbereich {
	color: black;
	margin-bottom: 20px;
}

#wrapper02 {
	position: relative;
	color: black;
	width: 900px;
}

#navibereich {
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
}

#textbereich {
	color: 	#666666;
	margin-top: 0;
	padding-left: 40px;
	border-left: solid #498096 2px;
	margin-left: 200px;
	min-height: 490px;
}

#fussbereich p {
	margin-top: 40px;
	margin-bottom: 50px;
	margin-left: 245px;
	padding-bottom: 50px;
	font-family:"Comic Sans MS";
	color: #498096;
	font-size: 8pt;
	text-align: left;
}

#textbereich p maid01 {
	margin-left: 50px;
}
/*  =============================================================
    3. Sonstige Styles
	========================================================   */ 
	
	
	
/*  =============================================================
    E N D E  Styles
	========================================================   */