body 
{

	background-color:#333;
	
	margin: 0;
	padding: 0;

	text-align: center;
}


#journal 
{
	margin: 0px auto;
	text-align: center;
	background-color: #fff;
}

#journal #post div
{
	float: left;
}

#journal img 
{
	border: none;
}

#navigation 
{
	margin: 0px auto;
	width: 400px;
	height: 90px;
}

.clearit 
{
	clear:both;
}


#post 
{
	clear: both;
}



#navigation a.n_prevlink, #navigation a.n_nextlink, #navigation img.no_zurueck, #navigation img.no_weiter 
{
	display:block;
	
	width: 120px;
	height: 31px;
	
	margin-top: 15px;
}

#navigation img.no_weiter 
{
	float:right;
}

#navigation img.no_zurueck 
{
	float:left;
}

#navigation a.n_prevlink 
{
	float: left;
	background-image: url('http://circum.ch/journal/images/n_zurueck.jpg');
	background-position: 0 0;
}

#navigation a.n_prevlink:hover 
{
	background-position: 0 -31px;
}

#navigation a.n_nextlink 
{
	float: right;
	background-image: url("http://circum.ch/journal/images/n_weiter.jpg");
	background-position: 0 0;
}

#navigation a.n_nextlink:hover 
{
	background-position: 0 -31px;
}

/* link stuff */
a.backtothejournal 
{
	width: 207px;
	height:34px;
	display:block;
	float: left;
	background-image: url("http://circum.ch/journal/images/k_back_to_the_journal.jpg");
	background-position: 0 0;
}

a.backtothejournal:hover 
{
	background-position: 0 -34px;
}


a.zurueck_zum_journal 
{
	width: 426px;
	height:31px;
	display:block;
	background-image: url("http://circum.ch/journal/images/f/zurueck_zum_journal.jpg");
	background-position: 0 0;
}

a.zurueck_zum_journal:hover 
{
	background-position: 0 -31px;
}

a.b_komment 
{
	width: 400px;
	height:30px;
	display:block;
	background-image: url("http://circum.ch/journal/images/b_komment.jpg");
	background-position: 0 0;
}

a.b_komment:hover 
{
	background-position: 0 -30px;
}


/* form stuff */
form 
{
	margin: 0;
	padding: 0;
}

textarea, input.textfield 
{
	background-color: #ccc;
	font-family: "Courier New", Courier;
	font-size: 13pt;
	border: none;
	padding: 3px;
}

input.textfield 
{
	width: 279px;
}

textarea 
{
	margin-left: 10px;
	width: 389px;
	height: 10em;
}

input.submitbutton 
{
	width: 130px;
	height: 50px;
	border: none;
	background-image: url("http://circum.ch/journal/images/k_abschicken.jpg");
	background-position: 0 0px;
}

input.submitbutton:hover 
{
	background-position: 0 -50px;
}

.drawn_link 
{
	display:block;
	height:30px;
	background-image: url(http://circum.ch/journal/images/linkstroke.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	
}

.drawn_link:hover 
{
	background-position: 0 -30px;
}

.letter 
{
	float: left;
}