/* -------------------------------------------------- */
/* microelements 2008 CSS Layout
/* General Layout
/* Sebastian Iffländer
/* -------------------------------------------------- */
/* change log
/* SI 16.07.2008
/* SI 22.07.2008 layout refinements
/* -------------------------------------------------- */


/* body and page .............................. */

body {
	margin:0;
	padding:0;
	background-color:#f6f7f7;
	text-align:center; /* Hack for IE5/Win  */
	
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:76%;
}

#wrapper-page {
	margin:0 auto; /* right and left margin widths set to auto for centering */
	text-align:left; /* counteract to IE5/Win Hack */
	width:800px;
	background:#f6f7f7 url(../images/layout_bg_gradient_800.gif) repeat-y;
}

#page {
	margin:0 auto; /* right and left margin widths set to auto for centering */
	text-align:left; /* counteract to IE5/Win Hack */
	padding-top:10px;
	width:480px;
}

#footer {
	height:100px;
	text-align:center;
}

#footer p {
	color:#aaaaaa;
}

/* header and logo .............................. */

#skipNavigation {
	display:none; /* hide quick navigation for accessibility */
}

h1 .grey {
	color:#aaaaaa;
}

p, td {
	margin:0, 0, 0.1em, 0;
	color:#000000;
	font-size:1.1em;
	line-height:1.5em;
}


h1 {
	margin:0, 0, 0.1em, 0;
	padding:0;
	font-family:georgia, times, serif;
	font-weight:normal;
	font-size:2.5em;
}

h2 {
	margin:0.5em, 0, 0.1em, 0;
	padding:0;
	font-family:georgia, times, serif;
	font-weight:normal;
	font-size:1.5em;
}

a
{
	color : #ee3333;
}

img {
	border:0 solid white;
}

.black
{
	font-family: Arial, Helvetica, sans-serif;
	color: #111111;
	font-size : 12px;
}

#main .book {
	float:left;
}

#main .column {
	float:left;
}

#main .column p{
	margin-left:10px;
}

div.hint {
	background-color:#ffdddd;
	padding:10px;
}


.clear {
	clear:both;
}