body {font-family: Arial; margin: 0px; padding: 0px; background-color: #6d6d6d; }
div, img, p {margin: 0px; padding: 0px; /*border: #000 1px solid;*/}
p {line-height: 1.5em; margin-bottom: 10px;}
a {color: #000000; text-decoration: none; outline: none;}
h1 {margin: 0; padding: 0;}
a:hover {text-decoration: underline;}
img {border: none; margin: 0px; padding: 0px; }
.clear {clear: both; display: block; width: 1px; height: 1px; line-height: 1px;}
.center {display: block; margin: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.dispblock {display: block;}
.invisible {display: none;}

#top {height: 110px; background-color: #777777; background: url(images/top.png) bottom repeat-x;}
	#topmenu {width: 800px; margin: auto; height: 111px; margin-top: 0px;}
		#topmenustart, #topmenubody, #topmenuend  {height: 40px; margin: 61px 0 0 0; float: left;}
		#topmenustart {background-image: url(images/top-menu-start.gif); width: 10px;}
		#topmenubody {background-image: url(images/top-menu-body.gif); }
		#topmenuend {background-image: url(images/top-menu-end.gif); width: 10px;}
			#topmenubody a {height: 40px; float: left; width: 87px; margin: 0;}
			#topmenubody .topmenuactive {background-image: url(images/top-menu-active.gif); width: 109px;}
		*>#topmenustart, *>#topmenubody, *>#topmenuend {margin: 60px 0 0 0;}
	#logo {background-image: url(images/logo.png); width: 91px; height: 90px; float: left; margin: 11px 30px 0 0; display:block;}
		*>#logo {margin-top: 10px; }
		#logo span {display: none;}		
#main {min-height: 50px; padding-top: 20px; background: #e9e9e9 url(images/main-gradient.png) repeat-x top;}
	#envelope {width: 800px; margin: auto; padding-bottom: 30px;}
		#leftcolumn {width: 130px; float: left; min-height: 700px;}
		#content {float: left}
			.narrowcolumn {width: 400px;}
			.widecolumn {width: 550px;}
			#content h2 {font-size: 22px; text-decoration: underline; font-weight: bolder; margin: 0px;}
			#content a {color: #000000;}
			#content p, .entry, .commentlist {font-size: 12px; /*color: #7e7e7e;*/ color: #5e5e5e;}
			.commentlist {width: 400px;}
			#content .complete, #content .postmetadata a {color: #3e3e3e;}
			#content .navigation {font-size:  11px; margin: 10px 0 20px; height: 30px;}
			#content .postmetadata {font-size:  9px; margin-top: 10px;}
			.post {margin-bottom: 30px;}
			.commentlist li {margin-bottom: 10px;}
		#navigator {float: right; width: 260px; height: 400px; color: #ddd;}
			#navigator h3 {color: #000000; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
			#filmimg {position: relative; margin: -20px 0 0 -10px;}
		#menu, #menutop, #menubottom, #menucontent {width:229px; margin: 0; } 
		#menutop {height: 5px; background: url(images/menu-top.gif) bottom no-repeat;}
		#menubottom {height: 9px; background: url(images/menu-bottom.gif) top no-repeat;}
		#menucontent {min-height: 100px; background: url(images/menu-body.gif) repeat-y;}
		*>#menutop { background-image: url(images/menu-top.png);}
		*>#menubottom {background-image: url(images/menu-bottom.png); }
		*>#menucontent {background-image: url(images/menu-body.png);}
			#buttoncat, #buttonarchive, #buttonmeta {height: 25px; float: left; margin: 0; display: block; }	
			#buttoncat {margin-left: 3px; width:74px; /*background-image: url(images/menu-button-cat-i.png);*/}
				*>#buttoncat {margin-left: 5px; width:75px; }
			#buttonarchive {width:72px; /*background-image: url(images/menu-button-archive-i.png);*/}
			#buttonmeta {width:73px; /*background-image: url(images/menu-button-meta-i.png);*/}
				.activecat {background-image: url(images/menu-button-cat-a.png);}
				.activearchive {background-image: url(images/menu-button-archive-a.png);}
				.activemeta {background-image: url(images/menu-button-meta-a.png);}
				.iactivecat {background-image: url(images/menu-button-cat-i.png);}
				.iactivearchive {background-image: url(images/menu-button-archive-i.png);}
				.iactivemeta {background-image: url(images/menu-button-meta-i.png);}
			#buttoncat span, #buttonarchive span, #buttonmeta span {display: none;}
		#menucontent ul {width: 211px; margin: auto; margin-top: 3px; border: #d8d8d8 1px solid; background-color: #f5f5f5; padding: 0px}
			#menucontent li {list-style: none; margin: 7px 7px 5px 7px; height: 25px; border-bottom: #e2e2e2 1px solid; font-family: Arial; color:#717171; font-weight: bolder; font-size: 13px;}
			#menucontent a {text-decoration: none; font-family: Arial; color:#313131; font-weight: bolder; font-size: 13px;}
			#menucontent a:hover {text-decoration: underline;}
		#links {margin-top: 40px;}
			#links div {margin-bottom: 40px; padding-left: 20px;}
			#rsslink {margin-left: -20px;}
			#rsslink span {color: #b84808; text-decoration: underline; font-size: 14px; line-height: 42px; font-weight: bolder; font-stretch: condensed;}
			#rsslink img {margin-bottom: -20px;}
		.sideul {margin: 0px; padding: 0 0 0 10px; list-style: none; font-size: 12px;}

#bottom{min-height: 200px; height: 200px; background-image: url(images/bottom-gradient.png); background-color: #6d6d6d; background-repeat: repeat-x;}
	#bottommenu {width: 800px; margin: auto; }
	#bottomarrow, #bottomblog, #bottomfoto, #bottomcode, #bottomkontakt {display: block; height: 35px; display: block; margin-right: 20px; float: left; }
	#bottomarrow {width: 120px; background: url(images/bottom-sect-arrow.png) right no-repeat; margin: 0 5px 0 0px;}
	#bottomblog {width: 52px; background-image: url(images/bottom-sect-blog.png);}
	#bottomfoto {width: 48px; background-image: url(images/bottom-sect-foto.png);}
	#bottomcode {width: 50px; background-image: url(images/bottom-sect-code.png);}
	#bottomkontakt {width: 81px; background-image: url(images/bottom-sect-kontakt.png);}
	#pageinfo {min-height: 200px; margin: auto; margin-top: 30px; margin-bottom: 30px; width: 800px;}
		.cpageinfo {width: 220px; float: left; margin: 0 20px; font-size: 12px; text-align: justify;}
	#flower {position: relative; width: 88px; height: 71px; float: left; margin: -49px 0 0 50px;}
	#poweredby a {text-decoration: none;}
	#grafiklink strong {display: none;}
	#wordpresslink span {display: none;}