html, body{
	height:100%;
	text-align: center;
}

body{
	text-align: center;
	font-family: Arial,tahoma,verdana;
	font-size: 11px;
	color: #000000;
	background-color: #dddddd;
	margin:0;
	padding:0;
	background-image:url(images/home-bg.gif);
	background-position:center;
	background-repeat:repeat-x;
}

.wrapper{	
	position:relative;
	width: 100%;
	height:100%;
}

#container{
	position:relative;
	width:866px;
}

#idcreation{
	position:relative;
	top:0px;
}

a:link       { color: #502c7a; font-family: Arial; font-size: 8pt; text-decoration: underline}
a:visited    { color: #502c7a; font-family: Arial; font-size: 8pt; text-decoration: underline}
a:active     { color: #502c7a; font-family: Arial; font-size: 8pt; text-decoration: underline}
a:hover     { font-family: Arial; color: #333333; font-size: 8pt; text-decoration: none}

#width{	
	margin:0 auto;
	width: 950px;
}

.floatleft{	
	float:left;
}

.floatright{	
	float:right;
}

.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height:43px;
	background-image:url(images/home-menu-bg.gif);
	width:866px;
}
	
.menu li a:link, .menu li a:active, .menu li a:visited, .menu li a:hover   {
	color: #ffffff; 
	font-size: 11px;
	text-decoration: none; 
	display: block;
	height: 25px;
	padding: 18px 5px 0 5px;
	text-align:left; 
}

*html .menu li a:link, *html .menu li a:active, *html .menu li a:visited, *html .menu li a:hover   {
	color: #ffffff; 
	font-size: 11px;
	text-decoration: none; 
	display: block;
	height: 25px;
	padding: 18px 0 0 0;
	text-align:left; 
	width:53px;
}

.menu li a:hover   {
    color:#a2a9d1;
}

.menu li { float:left;}

.imageLeft {
	float:left;
	margin-right:26px;
	height:240px;
	text-align:justify;
	width:204px;
}

.titel {
	border-bottom:1px solid #65669f;
	height:21px;
	margin-bottom:8px;
	padding-top:12px;
	font-size:14px;
	text-align:left;
}

.imageRight {
	float:left;
	margin-right:1px;
	height:240px;
	text-align:justify;
	width:204px;
	overflow:hidden;
}