
html { height: 100.01%; }



body {
	margin: 2px 0; padding: 0; 
	background: #D6D1BD;
	
/*	font: 11pt 'helvetica neue', tahoma, arial, verdana, sans-serif; */
	font: 12pt palatino, georgia, times, serif;
}


a {
	color: #006a80;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}









/**
 *	bereich fuer navi
 *
 */
#header { background: #444034; border-bottom: 7px solid #DFDCCF; width: 100%; height: 56px; }
	#header h1 { float: right; }



#nav { width: 666px; margin: 0 auto; padding: 12px 0 0 0; list-style: none; list-style-type: none; }

	#nav li { float: left; width: 128px; margin: 4px; padding: 0 1px 2px 1px; }
	#nav li:first-child { margin-left: 0; }

	#nav li a { text-decoration: none; display: block; color: #DFDCCF; font: bold 15px 'helvetica neue', tahoma, arial, verdana, sans-serif; }
	#nav li a:hover { text-decoration: none; }

	#nav li.nav01 { border-bottom: 5px solid #ffb900; }
	#nav li.nav02 { border-bottom: 5px solid #ffe600; }
	#nav li.nav03 { border-bottom: 5px solid #90e400; }
	#nav li.nav04 { border-bottom: 5px solid #00b0e9; }
	#nav li.nav05 { border-bottom: 5px solid #ff6dbc; }

	/*
	#nav li.active01 a { color: #ffb900; }
	#nav li.active02 a { color: #ffe600; }
	#nav li.active03 a { color: #90e400; }
	#nav li.active04 a { color: #00b0e9; }
	#nav li.active05 a { color: #ff6dbc; }
	*/

	#nav li.nav01 a.active { color: #ffb900; }
	#nav li.nav02 a.active { color: #ffe600; }
	#nav li.nav03 a.active { color: #90e400; }
	#nav li.nav04 a.active { color: #00b0e9; }
	#nav li.nav05 a.active { color: #ff6dbc; }


	#nav li.active { border-bottom-width: 12px; border-bottom-color: #DFDCCF; }

	#nav li a span { display: block; font-weight: normal; font-size: 11px; color: #D6D1BD; }











/**
 *	aufreisser - die leiste unter der navi mit dem bild
 *
 */
#teaser { width: 650px; height: 96px; margin: 0 auto; padding: 8px; background: #DFDCCF; }

	#teaser img { float: left; border: none; margin-left: -38px; margin-right: 21px; width: 141px; height: 114px; }
	#teaser h2 { font-size: 32px; margin: 8px 0 0 0; }
	#teaser h2 span { font-weight: normal; }

	#teaser p { font: 18px palatino, georgia, times, serif; }


	/**
	 *	suche - gleichzeitig ueberschrift
	 *
	 */
	form { margin: 2px 0; }
		form h1 { float: left; font: bold 32px palatino, georgia, times, serif; margin: 8px 8px 6px 0; padding: 2px; }
		form input { margin: 15px 0 0 0; padding: 1px 4px; width: 204px; font: 18px palatino, georgia, times, serif; border: none; background: #F3F1E6; }













/**
 *	die ganze seite
 *
 */
#page { width: 602px; margin: 0 auto; padding: 16px 32px; background: #F3F1E6; }

	#page .entry { margin: 12px 0 32px 0; }

		#page .entry .content { /* float: right; width: 555px; padding-left: 12px; */ }

		#page h2, #comments h2 { margin: 16px 0 8px 0; font: 26px palatino, georgia, times, serif; }
		#page h3 { margin: 21px 0 8px 0; font: 22px palatino, georgia, times, serif; color: #333; }


		#page p { margin: 4px 0 12px 0; font: 12pt palatino, georgia, times, serif; line-height: 150%; text-align: justify; }


		#page blockquote { padding-left: 12px; text-align: justify; font: italic 12pt palatino, georgia, times, serif; line-height: 150%; }


		#page ul {}
		#page ul.archive { list-style: none; list-style-image: none; }
		#page ul li { font: 12pt palatino, georgia, times, serif; line-height: 150%; }



		#page .entry .meta { padding-top: 13px; text-align: center; font: 26px palatino, georgia, times, serif; }
		#page .entry .meta img { padding: 7px; }









/**
 *	vor, zurueck bei artikeln
 *
 */
#prevnextarticle { margin-bottom: 32px; text-align: center; }
	#prevnextarticle .btnprev, #prevnextarticle .btnnext { width: 42px; height: 42px; background: #DFDCCF; font: bold 38px palatino, georgia, times, serif; color: #F3F1E6; }
	#prevnextarticle .btnnext { float: right; }






/**
 *	kommentare
 *
 */
#comments { width: 602px; margin: 0 auto; padding: 16px 32px; font: 12pt palatino, georgia, times, serif; line-height: 150%; background: #DFDCCF; }

	#comments dl { margin: 0; padding: 0; overflow: hidden; }
	#comments dl dd { padding-left: 27px; }



a#toggleComments { padding-left: 68px; }
#writeComments { width: 602px; margin: 0 auto; padding: 16px 32px; font: 12pt palatino, georgia, times, serif; line-height: 150%; background: #DFDCCF; }

		#writeComments form#commentform { display: none; }

		#writeComments form#commentform .hint {
			padding: 0 30px 0 68px;
			text-align: justify;
		}

		#writeComments form#commentform label {
			width: 66px;
			float: left;

		/*	border: 1px solid #ccc; */
		}
		#writeComments form#commentform input {
			width: 500px;
			float: left;
			background: #F3F1E6;
			margin: 0;

			font-size: 12pt;

			border: 1px solid #D6D1BD;
		}
		#writeComments form#commentform textarea {
			width: 500px;
			height: 128px;
			float: left;
			background: #F3F1E6;
			padding: 4px;

			font: 12pt palatino, georgia, times, serif;

			border: 1px solid #D6D1BD;
		}














/**
 *	vcard / hcard 			kontaktdaten
 *
 */
address {}
	address.vcard { background: url('microformats.png') no-repeat 0px 1px; margin-bottom: 4px; font: 12pt palatino, georgia, times, serif; line-height: 140%; }





/**
 *	fusszeile
 *
 */
#footer {
	width: 634px;
	margin: 0 auto;
	
	padding: 4px 16px;
	font: 11px 'helvetica neue', tahoma, arial, verdana, sans-serif;
	text-align: center;
	
/*	border-top: 5px solid #D6D1BD; */
	
/*	background: #DFDCCF; */
	
/*	color: #b9b7ac; */
	color: #777;
}

#footer a {
/*	color: #b9b7ac; */
	color: #777;
	border-bottom: 1px dotted #999;
}
















.imgcenter {
	margin: 12px;
	text-align: center;
	
	font-size: 11px;
	color: #555;
}
.imgfleft {
	float: left;
	
	margin: 2px 21px 12px 0;
	
	text-align: center;
	font-size: 11px;
	color: #555;
}
.imgfright {
	float: right;
	
	margin: 2px 0 12px 21px;
	
	text-align: center;
	font-size: 11px;
	color: #555;
}
img {
	padding: 2px;
	border: 1px solid #999;	
}








.none {
	display: none;
}


.clear {
	clear: both;
}
