body
{ color: black; background-image: url(images/hg.jpg); font-family: Verdana, Helvetica, sans-serif; font-size: 11px; }

#nav
{ width: 740px; height: 25px; color: #fffeeb; background-color: #900; position: static; z-index: 99; margin-top: 208px; }

#nav li
{
	display: block;
	float: left;
	height: 25px;
	width: auto;
	text-align: center;
	line-height: 25px;
}

#nav li a
{ display: block; line-height: 25px; color: white; text-decoration: none; font-weight: bold; padding-right: 12px; padding-left: 12px; }

#nav li a:hover
{ color: #b90000; background-color: #f3d9a8; }

#main
{ width: 780px; margin-left: auto; margin-right: auto; }

#hero
{ background-image: url(images/bg_visual.jpg); position: relative; top: 10px; margin: 0; width: 780px; height: 205px; border-top: 8px solid #b90000; border-bottom: 1px solid white; }

#header
{ background-image: url(images/header_bg.gif); }

.gear
{ background-color: #900; background-image: none; height: 40px;
	#_background-image: none;
	#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shinola2.gif');
}

#header h1
{
	position: absolute;
	left: 74px;
	top: 8px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}
#header em
{
	font-style: normal;
	text-decoration: underline;
}
#header h1.shad
{
	left: 76px;
	top: 10px;
	color: black;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#wrapper
{
	padding-top: 1px;
	background-color: white;
	position: relative;
}
#wrapper:after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#wrapper {
display: inline-block;
}
/*\*/
#wrapper {
display: block;
}

#sidebar
{ font-size: 11px; float: left; text-align: left; margin-left: 0; background-color: #f4f4f4; position: relative; background-image: url(images/sidebar_bottom.gif); background-repeat: repeat-x; background-position: left bottom; padding: 10px 10px 20px;;
	background-color: #fff5df; width: 140px; border-left: 5px solid #fff; }

#sidebar h3
{ font-size: 11px; text-decoration: none; border-bottom: 1px solid black; margin-bottom: 4px; margin-top: 16px; clear: both; padding-bottom: 2px; }

#sidebar ul
{ font-size: 11px; margin-left: 1em; padding-left: 0; }

#sidebar p
{ font-size: 11px; margin-bottom: 8px; }
	#sidebar div.subtabs ul{ font-size: 11px; list-style: none; width: 135px; margin: 0; padding: 0; }
	#sidebar div.subtabs ul ul{ font-size: 11px; list-style: none; width: 130px; margin: 0; padding: 0 0 0 0; }
	#sidebar div.subtabs ul ul ul{ font-size: 11px; list-style: none; width: 125px; margin: 0; padding: 0 0 0 0; }
	#sidebar div.subtabs ul a{ width:100%; margin: 3px; text-align:left; font-size:11px; font-family:Arial; font-weight:bold; text-decoration:none; word-wrap:normal; color:#b90000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display:block; padding:3px 3px 3px 0; }
	#sidebar div.subtabs ul a:hover { text-decoration:none; color:#000; font-size: 11px; background-color: #fff5df; background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; }
	
#content
{ margin: 0 0 0 160px; min-height:310px; height:auto !important; height:310px; width: 360px; display: block; position: relative; padding: 10px 5px 20px 25px; color: red; border-right: 1px solid #b90000; border-left: 1px solid #b90000; }

#content h1
{
	font-size: 11px;
	/* 18px is the default minimum font size for which anti-aliasing will occur. */
	margin: 0;
	text-decoration: underline;
}

#content h2
{
	font-size: 10px;
	/* 18px is the default minimum font size for which anti-aliasing will occur. */
	margin: 0;
	text-decoration: underline
}

#content .date
{ font-size: 10px; float: right; }

#content .postedBy
{
	float: left;
}

#content .meta
{
	height: 1em;
}

#content p
{
	text-align: justify;
	text-indent: 1em;
	line-height: 1.3em;
}

.comments
{ font-size: 10px; padding: 4px; text-align: right; margin-bottom: 2em; background-image: url(images/comment_edit.gif); background-repeat: no-repeat; background-position: left center; }

a
{
	color: #666666;
}

.pullout
{
	background-color: #eeeeee;
	padding: 5px;
	float: right;
	margin: 8px;
}



.flickr-thumbnail, .flickr-pullout {
	float: left;
		background: url('images/flickr_shadow.gif') no-repeat bottom right;
	margin: 5px 0px 0px 6px;
 	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	_position: relative;
	}

.flickr-thumbnail img, .flickr-pullout img {
		 background-color: #fff;
	 border: 1px solid #a9a9a9;
	 display: block;
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 position: relative;
	}

.flickr-thumbnail img:hover, .flickr-thumbnail:hover img, .flickr-pullout:hover img {
	background-color: #ccd;
}

.flickr-pullout
{
	margin: 13px 3px 3px 14px;
	background-image: url(images/flickr_shadow_white.gif);
	
}

#footer
{ width: 780px; padding-top: 5px; padding-bottom: 5px; text-align: center; margin-left: auto; margin-right: auto; background-color: #b90000; color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; position: inherit; float: left; }
.left
{
	float: left;
	text-decoration: none;
}

.right
{
	float: right;
}

.csskeyword
{
	color: blue;
}

.cssvalue
{
	color: red;
}

p.caption
{
	text-align: center;
}

small.super
{
	vertical-align: top;
	font-size: 0.75em;
	line-height: 1.3em;
}

.nodisplay
{
	display: none;
}
#secondarycontent
 /* Links - Oben */ { color: #b90000; font-size: 11px; line-height: normal; position: relative; top: 10px; right: 10px; width: 220px; float: right; }
#secondarycontent h3
 /* text oben rechts */ { position: relative; top: 4px; font-size: 11px; line-height: normal; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; width: 200px; margin-right: 20px; padding: 0 0 10px 10px; margin-bottom: 20px; }
h1 { color: #b90000; font-size: 12px; font-weight: bold; margin: 0.67em 0; }
#secondarycontent .content
{ font-size: 11px; line-height: normal; padding: 0 10px; margin-bottom: 20px; }
#primarycontent
 /* Text mitte */ { color: orange; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; width: 380px; float: left; min-height: 500px; margin-top: 6px; }
#primarycontent h3
{
position: relative;
top: 4px;
font-size: 11px;
color: #b90000;
letter-spacing: -1px;
background: url(../terrafirma/images/a22.gif) repeat-x 50% bottom;
padding: 0 0 10px 15px;
margin-bottom: 20px;
}
#primarycontent .content
 /* text mitte */ { color: black; font-size: 11px; line-height: normal; padding: 0 15px; margin-bottom: 20px; }
#primarycontent .post
{
margin-bottom: 30px;
}
#primarycontent .post .header
{
position: relative;
}
#primarycontent .post .date
{
position: absolute;
right: 15px;
top: 0;
color: #afafa4;
font-weight: bold;
}
#primarycontent .post .content
{
margin-bottom: 0px;
}
#primarycontent .post .footer
{
position: relative;
top: -10px;
background: url(../terrafirma/images/a33.gif) repeat-x;
height: 64px;
}
#primarycontent .post .footer ul
{
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}
#primarycontent .post .footer ul li
{
display: inline;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0 2px;
}
#primarycontent .post .footer ul li.printerfriendly
{
background-image: url(../terrafirma/images/a41.gif);
}
#primarycontent .post .footer ul li.comments
{
background-image: url(../terrafirma/images/a36.gif);
}
#primarycontent .post .footer ul li.readmore
{
background-image: url(../terrafirma/images/a38.gif);
}