/* green: #02186E; */
/* red: #711515; */
/* black: #626262; */

/* inc blue: #02186E */

* {
	margin:0;
	padding:0;
}

html {
	background:whitesmoke;
	size: 1em;
	font: Georgia, "Times New Roman", Times, serif;
}

#wrapper {
	margin: 0px auto;
	padding: 0;
	top:0;
	border:0;
	width: 800px;
	width: 1024px;
}

#header {
	background:red;
	background: #02186E;
	height:112px;
	position:relative;
	z-index:20;
}

#print-header {
	display:none;
}


#header img.pen {
	width:148px;
	height:287px;
	position:absolute;
	margin-left:210px;
	margin-top:13px;
	top:-13px;
	left:-220px;
}

#header img.big-blot {
	width:218px;
	height:192px;
	border:none;
	position:absolute;
	left:686px;
	left:906px;	
	top:-4px;
	z-index:0;
}

#header img.logo {
	margin-left:210px;
	margin-top:13px;
	width:299px;
	height:87px;
	border:none;
}

#header h1 {
	color: #fff;
}

#container {
	margin-top:1em;
}

#left-panel {
	margin-top:170px;
	float: left;
	width: 150px; /* mit em versuchen ? */
}

#right-panel {
	float: right;
	width: 150px;
}

#mid-panel { 
	float: left;
	width: 486px;
	width: 686px;
	float:left;
	position:relative;
	margin:2px;
	padding:2px;

}


#footer {
	clear: both;
/*
	background: #efefef; 
	border-top: 1px dashed #c0c0c0;
	text-align: center;
	*/
}


#comment {
	padding-bottom:16px;
}

#comment .text {
	border:1px dotted #02186E;
	padding:4px;
}

#comment p.author-visitor, p.author-me {
	font-size:16px;
	line-height:18px;
	padding-bottom:8px;
	font-weight:bold;
}
#comment p.author-visitor em, p.author-me em {
	font-size:12px;
	line-height:12px;
	font-style:italic;
	font-weight:normal;
}

#comment p.author-me {
	padding:4px;
	background:#02186E;
	color:#fff;
}
#comment p.author-me em {
	font-size:12px;
	line-height:12px;
	font-style:italic;
	font-weight:normal;
}



.post-tags, #posts-links, #comment-form {
	padding-bottom:14px;
}

a {
	color:#02186E;
}

label{
	font-size:80%;
	color:#02186E;
	font-weight:bold;
	display:block;
}

label small {
	font-weight:normal;
}


.error-message {
	display:block;
	color:red;
	font-style:italic;
}

h3 {
	color:#02186E;
	font-size:16px;
	line-height:18px;
	padding-top:16px;
	padding-bottom:8px;
	font-weight:bold;
}
div.post div.header {
	position:relative;
	height:60px;
}

div.post div.header div.blot {
	position:absolute;
	z-index:0;
	top:-8px;
	left:-11px;
}


div.post div.header table {
	z-index:10;
	padding:0;
	margin:0;
	height:48px;
	margin-left:50px;
}
div.post div.header table td {
	padding:0;
	margin:0;
	vertical-align:middle;
}
div.post div.header h1 {
	padding:0;
	margin:0;
	color:#02186E;
	font-size:22px;
	line-height:24px;
/*	overflow:auto; */
	font-weight:bold;
}
div.post div.header div.date {
	padding-top:9px;
	z-index:22;
	position:absolute;
	top:0;
	left:0;
	height:48px;
	width:48px;
	color:whitesmoke;

}

div.post div.header div.date p {
	text-align:center;
	padding:0;
	margin:0;
	font-size:9px;
	line-height:10px;
	color:whitesmoke;
	letter-spacing:1px;
}


div.post div.body {
	margin-left:50px;
	margin-top:6px;
}

#rss {
	text-align:left;
	text-decoration:none;
	margin-top:40px;
	margin-top:74px;
	width:20px;
	height:20px;
	padding-bottom:11px;
	
}
#rss img {
	border:none;
}

ol, ul, p {
	font-size:14px;
	line-height:18px;
	padding-bottom:9px;
	text-align:justify;
}
#tag-list p, #top-list p, p.img{
	text-align:left;
}
#top-list, #tag-list {
	width:180px;
}

#tag-list p.title, #top-list p.title {
	font-weight:bold;
	letter-spacing:0.1em;
	color:#02186E;
}


h2 {
	color:#02186E;
	font-size:22px;
	line-height:24px;
}

ol, ul {
	margin-left:2em;
	padding-bottom:8px;
}

pre {
	margin:0.3em;
	padding:0.3em;
	border:1px dotted #c0c0c0;
	overflow:auto;
	padding-bottom:9px;
}


.message{
	padding:2em;
	font-size:1.1em;
	text-align:center;
}


table.grid {
	background:#cfcfcf;
	border:1px dotted blue;
	margin-bottom:8px;
}

table.grid td{
	padding:0;
	margin:0;
	border:1px dotted blue;
	font-weight:bold;
	font-family: Courier New,Courier,monospace;
	height:17px;
	width:17px;
	line-height:17px;
	text-align:center;
	vertical-align:middle;
}
table.grid td.b{
	color:#02186E;
}
table.grid td.r{
	color:red;
}
table.grid td.p{
	color:purple;
}

p.post {
	border:1px solid red;
	text-align:center;
	padding:0.5em;
}

p.img {
	color:#c0c0c0;
	text-align:center;
	padding:0.5em;
}

p.img img {
	border:1px solid #606060;
	padding:0.2em;
}

p.img h6, table.post th {
	color:#606060;
	font-size:0.8em;
	padding:0.1em;
}

table.post th {
	border:1px solid #c0c0c0;
	text-align:left;
}

p.img div, table.post td {
	color:#606060;
	font-size:0.8em;
	font-style:italic;
}

span.code {
	font-family: Courier New,Courier,monospace;
	size:1em;
	color:#606060;
	font-style:normal;
}

table.post td{
	padding:3px;
	margin:3px;
	border:1px solid #c0c0c0;
	vertical-align:top;
}

table.post td.subheader {
	text-align:center;
	letter-spacing:0.2em;
	color:#606060;
	font-size:0.8em;
	padding:0.1em;
	font-style:normal;
}

#paginator {
	text-align:center;
	padding:2em;
	 
}

/* table in post */

.table {
	text-align:center;
	padding-bottom:9px;
}

.table table {
	margin-left:auto;
	margin-right:auto;
}
.table em, .table caption, .table, .table tr {
	font-size:0.85em;		
	color:#606060;
}

.table td, .table th {
	border:1px solid #c0c0c0;
	padding-left:0.3em;
	padding-right:0.3em;	
	text-align:left;
}
.table  caption {
	font-weight:bold;
}


.underline {
    text-decoration:underline;
}
#inline-image {
    text-align:center;
    white-space:nowrap;
    padding:10px;
}
#inline-image.left {
    float:left;
    margin-left: 0px;
}
#inline-image.right {
    float:right;
    margin-right: 0px;
}
#inline-image em {
    dislpay:inline;
    font-size:0.8em;
}