/* Grundsätzliches... */
	* {padding: 0;margin: 0;border-width: 0px;
	   font-family: verdana,'lucida sans','lucida grande',sans-serif;}
	body {margin: 5% 0 0 0;background-color: #FFFFFF;}
	
/* Typografie */
	#inhalt p, #inhalt h4 {
		width: 500px;line-height: 140%;font-size: 10pt;}
	#inhalt h1 {
		color: #35577e;margin-top: 0.3em; margin-bottom: 0.5em;
		font-family: 'lucida sans','lucida grande',sans-serif;}
	#inhalt h2 {font-size:10pt;font-weight:bold;font-style:italic;
			margin-top:1em;margin-bottom:2.5em;}
		
	#inhalt h4 {margin-top: 1.2em; margin-bottom: 0.5em;}
	#inhalt p {margin-bottom: 0.5em;}
	#inhalt p a, #grusswort p a {color: #4F7890;}
	p.formatiert {white-space: pre;}
	
	#grusswort p {width: 340px;line-height: 130%;
		font-size: 10pt;margin-top: 0.6em;color: #333;}

/* Position und Größen der Layoutelemente */
	.reihe_0 {top: 0px;}
	.reihe_1 {top: 60px;}
	.reihe_2 {top: 200px;}
	.reihe_3 {top: 340px;}
	.reihe_4 {top: 485px;}
	
	.spalte_0 {left: 0px;}
	.spalte_1 {left: 185px;}
	.spalte_2 {left: 370px;}
	.spalte_3 {left: 555px;}
	.spalte_4 {left: 740px;}
	
	.klein	{width: 180px; height: 135px;} /* 1x1 */
	.quer 	{width: 365px; height: 135px;} /* 2x1 */
	.hoch	{width: 180px; height: 275px;} /* 1x2 */
	.medium {width: 365px; height: 275px;} /* 2x2 */
	.gross	{width: 365px; height: 415px;} /* 2x3 */

/* für Startseite Links mit 10px Innenabstand */
	.xklein	{width: 160px; height: 115px;} /* 1x1 */
	.xquer 	{width: 345px; height: 115px;} /* 2x1 */
	.xhoch	{width: 160px; height: 255px;} /* 1x2 */
	.xmedium {width: 345px; height: 255px;} /* 2x2 */
	.xgross	{width: 345px; height: 395px;} /* 2x3 */
	
	#rahmen {position:relative;margin:auto;
		width: 940px;height: 500px;}
	
	#agentur {margin-top: -2px;}
	#bambus {background-image:url('images/bambus.jpg');}
	#bambus a {display:block; background-image:url('images/weiss40.png');}
	#bambus a:hover {background-image:none;}
	
	#navigation, #bambus, #agentur, #illustration, 
	#thema, #inhalt, #fusszeile, #start1, #start2, 
	#start3, #start4, #start5 {
		background-color: #C6DFC0;
		-webkit-border-radius: 3px;
		position: absolute;
		}
	#start1 {background-image: url('images/hamburg.jpg');}
	#start2 {background-image: url('images/budda.jpg');}
	#start3 {background-image: url('images/glas.jpg');}
	#start4 {background-image: url('images/salat.jpg');}
	#start5 {background-image: url('images/buecher.jpg');}
	
	/* Bilder mit 70% Weiss abdecken */
	#start1 a, #start2 a, #start3 a, #start4 a, #start5 a {
	background-image:url('images/weiss70.png');padding:10px; 
	text-decoration:none;color:#3A5F90;display:block;font-size:11pt;}

	/* bei MouseOver zurück auf 40% Weiss */
	#start1 a:hover, #start2 a:hover, #start3 a:hover,
	#start4 a:hover, #start5 a:hover {
	background-image:url('images/weiss40.png');color:#1C344E}
	
	#grusswort {position: absolute;}
	
	#navigation {
		width: 100%; height: 30px; 
		letter-spacing: 1px;
		color: #666; 
		background-color: transparent;
		font-size: 10pt;
		}
	#navigation a {text-decoration: none; color: #7894C4;}
	#navigation a:hover {color: #9B1900;}
	#navigation a.aktuell {color: #CCC; cursor: default;}
	
	#inhalt {
		margin-left: 30px; 
		width: 545px; height: 415px; 
		overflow: auto;
		border-top: 1px solid #CCC; 
		border-bottom: 1px solid #CCC;
		background-color: transparent; 
		padding-left: 10px;
		}
	#inhalt p#timestamp {color: #CCC; font-size: 8pt;
		margin-top: 3em;}
	
	#fusszeile {
		width: 100%; 
		font-size: 10pt; 
		text-align: right; 
		color: #666;
		background-color: transparent;
		}
	#fusszeile a {
		color: #666; 
		text-decoration: none; 
		margin: 0.6em;
		}