body {
	font-family : Arial, sans-serif;
}


p.footer {
	font-family : Arial, sans-serif;
	font-style  : Italic;
	font-size   : 80%;
	text-align  : center;
	clear       : left;
}


img.lang {
	float : right;
	border : 0px;
}



/* Make list items in a ordered list indent more nicely */
ol li {
	margin      : 0.5em 0 0 0;

}


/* Icons do not have borders, they provide their own */
img.icon {
	border      : 0px;
}


/* Any object of the center class should be centered */
.center {
	text-align  : center;
}


/* form inputs should align in their middle, very nice */
/* for buttons with images etc...                      */
form input {
	vertical-align	: middle;
}


/* All content that is NOT inside one of the following */
/* div tags should have no floating oelements on their */
/* left side.                                          */
* {
	clear		: left;
}


/* All contents within the picture div tag does */
/* allow floating elements beside them.         */

div.picture * {
	clear		: none;
}

div.picture img {
	float		: left;
	margin		: 0.5em;
}

div.picture p {
	padding     : 0 0 0 6em;
	margin      : 0.5em;
}



/* All contents within the picture div tag does */
/* allow floating elements beside them.         */

div.person * {
	clear	    : none;
}

div.person .photo {
	float       : left;
	margin      : 0.5em;
}

div.person .function {
	clear       : none;
	font-style  : italic;
}



/* Add the possibility to have a definition list */
/* in a side by side (2 column) manner           */

dl.sidebyside dt {
	float       : left;
}
dl.sidebyside dd {
	margin-left : 10em;
}
dl.sidebyside dl dt {
	margin-left : 10em;
	float       : none;
}
dl.sidebyside dl dd {
	margin-left : 12em;
}