body {
	color: #000;

}

#content {

	position: absolute;
	top: 75px;
	left: 500px;
	width: 670px;
	
	padding: 0 0 200px 0;
	margin:0;


}

p.footer 
{
	margin-top: 100px;
}

#content p, #content h1
{

	padding: 0 0 1.6em 20px;
	width: 460px;

}


a#homelink {

	display: block;
	width: 489px;
	height: 611px;

}


#navigation {
	list-style-type: none;
	padding: 0 0 100px 0;
	margin: 0;
}

#navigation li {
	float: left;
	margin: 5px;
	padding: 0;
	height: 45px;
}

#navigation li a {
	
	background-color: #fff;
	display: block;
	height: 45px;
	
}


#navigation li a.kaufen {
	width: 144px;
	background-image: url(http://circum.ch/weltuntergang/images/btn_kaufen_n.jpg);
	background-position: 0px 2px;
}

#navigation li a.durchblaettern {
	width:238px;
	background-image: url(http://circum.ch/weltuntergang/images/btn_durchblaettern_n.jpg);
}

#navigation li a.kommentare {
	width: 196px;
	background-position: 0px -6px;
	background-image: url(http://circum.ch/weltuntergang/images/btn_kommentare_n.jpg);
}


#navigation li a.kaufen:hover, #navigation li.selected a.kaufen {	background-image: url(http://circum.ch/weltuntergang/images/btn_kaufen_o.jpg); }
#navigation li a.durchblaettern:hover, #navigation li.selected a.durchblaettern {	background-image: url(http://circum.ch/weltuntergang/images/btn_durchblaettern_o.jpg); }
#navigation li a.kommentare:hover, #navigation li.selected a.kommentare {	background-image: url(http://circum.ch/weltuntergang/images/btn_kommentare_o.jpg); }

img {
	border: none;
}


/* Typographie */

body 
{

	font-family: Georgia, "Times New Roman", Times;
	color: #222;
}

h1 
{
	font-weight: bold;
	font-size: 120%;

}


p.footer 
{

	font-size: 70%;

}

p.lead 
{

	font-size:130%;
	line-height: 1.3em;

}

strong
{
	font-weight: bold;
}

em 
{
	font-style: italic;
}

input
{ font-size:100%;}


/* Formular */


form p 
{
	clear: both;
	width: 460px;
	margin: 0;
	padding: 0;
}


p.formline 
{
	padding: 0 0 1.0em 20px !important;
}


form .smalltextfield
{
	width: 1.6em;
}

.line1, .line2, .line3, .line4, .line5, .line6, .line7, .line8
{
	height:1.5em;
	width:260px;
	background-color: #ddd;
	padding: 0.2em;
	padding-bottom: 0;
	
	border: none;
	
	font-family: Georgia, Arial, Helvetica;
	font-style: italic;
	color: #222;
	
	text-align: left;
	vertical-align: middle;

}


.line4 { width:47px;}
.line5 { width:200px;}
.line6 { height:4em;}
.line7 { height:4em;}



form .error_message 
{
	color: #ed0c07;
	padding-bottom: 1em;
}

form .sendbutton 
{
	padding: 1em;
	font-family: Georgia, Arial, Helvetica;
	border:none;
	background-color: #ed0c07;
	color: #222;
	font-weight: bold;
}


form .predef_msg
{
	
	width:400px;
	padding: 0.2em;
	margin: 0 0 1.6em 20px;

	border: 1px solid #aaa;
	background: #ddd;
	color: #222;

}

/*  links */

a 
{
	color: #222;
}

a:hover
{
	color: #ed0c07;
}