body {
  margin:0;
  padding:0;
  
  /*font-family:"Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;*/
  font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size:12px;
  text-align:center;
  /*background:#f8f8ff;*/
  background:#f0f0fb;
  color:#333;
}

#allpage  {
  width:600px; 
  padding:0px;
  margin:20px auto 40px auto;
  text-align:justify;
}

#header {
	background:url('hoschid.ch/img/header2.jpg') transparent no-repeat;
	height:120px;
	margin:0;
	padding:0;
}

#navi {
	margin:0;
	padding:2px 3px 0 4px;
	color:white;
	font-size:1em;
}
#navi a {
	color: white;
}

#content {
	border:1px solid #e0e0e0;
	padding:15px 30px 20px 30px;
	background:#fdfdfd;
}

#footer {
	margin:6px 0 0 0;
	text-align:right;
}
#footer a {
	text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clear {
	clear:both;
}

a img {
	border:0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-size:1.4em;
	margin:0;
	padding:0;
}

h1 {
	font-size:1.7em;
	margin:0 0 14px 0;
}
h2 {
	font-size:1.4em;
	margin:14px 0 0 0;
}
h3 {
	font-size:1.1em;
	margin:14px 0 0 0;
}

p {
	padding:0;
	margin:6px 0 16px 0;
}

a {
	text-decoration:none;
	color:#567fc6;
}
a:hover {
	text-decoration:underline;
}

ul {
	margin:0px 0 10px 0;
	padding:0 0 0 30px;
	list-style-image:url('hoschid.ch/img/dot.gif');
}
li {
	margin:2px 0 2px 0;
	padding:0;
}

input {
	width:170px;
	border:1px solid #999;
	background:#f8f8f8;
	color:black;
	padding:1px;
}

input.submit {
	border:2px solid #999;
	background:#f8f8f8;
	padding:4px 6px 4px 6px;
	margin-top:10px;
	width:auto;
}

/* -------------------- */

div.image_left, div.image_right {
	text-align:center;
}

div.image_left {
	float:left;
	margin:0px 30px 10px 0;
}

div.image_right {
	float:right;
	margin:0px 0 10px 30px;
}

div.image {
	margin:0 0 20px 0;
}
div.image small {
	font-size:0.9em;
	color:#aaa;
}

/* -------------------- */

textarea {
	width:100%;
	height:100px;
	border:1px solid #999;
	background:#f8f8f8;
}

div#analysisresults_column {
	float:left;
}

table#analysisresults {
	border-collapse:collapse;
}
table#analysisresults td {
	padding:3px 5px 3px 5px;
	border:1px solid #999;
	background:#f8f8f8;
}
table#analysisresults td.plainchar {
	padding:0;
}
table#analysisresults td.plainchar input {
	border:0;
	background:#f8f8f8;
	width:20px;
	padding:3px 5px 3px 5px;
}

#decryption {
	font-family: monospace;
	background:#f8f8f8;
	border:1px solid #999;
	padding:20px;
	margin-left:140px;
	font-size:13px;
	white-space:nowrap;
}
#decryption .cipherline {
	
}
#decryption .plainline {
	color:#0049de;
}

/***********************/

input.pagerank {
	width:150px;
	margin:0 0 14px 0;
}

img#captcha {
	border:1px solid #999;
	margin:-4px 0 6px 0;
}

div#pagerank_result {
	float:right;
	width:345px;
}

table#pagerank_graph {
	border-collapse:collapse;
	margin:20px 0 20px 0;
}
table#pagerank_graph tr {
	border:1px solid #999;
}
table#pagerank_graph td {
	text-align:center;
	vertical-align:middle;
	width:16px;
	height:16px;
	background-color:#f8f8f8;
	font-size:0.9em;
}
table#pagerank_graph td.filled {
	background-color:#79d794;
}