@charset "UTF-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,#wrapper{margin:0;padding:0;}

body	{
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	}
p, a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	}
p.intro	{
	font-size:11px;
	font-weight:bold;
	color:#00529b;
	padding:10px 10px 0 0;
	}
p.note	{
	color:#ff0033;
	font-weight:bold;
	padding:10px 0 10px 0;
	}
p.footer	{
	font-size:9px;
	color:#999;
	margin:10px 0 10px 0;
	}
h1	{
	font-size:14px;
	color:#00529b;
	margin-bottom:5px;
	}
h2	{
	font-size:12px;
	color:#00529B;
	margin-bottom:5px;
	}	
h1.title	{
	font-size:14px;
	color:#00529b;
	position:relative;
	width:118px;
	height:18px;	
	}
h1.title span	{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/titel_hf_fr.gif) no-repeat top left;
	}
#wrapper	{
	position:relative;
	/* adapt this width if your local iframe is wider. Be sure to use the width of your iframe minus 20px to avoid horizontal scroll-bars */
	width:400px;
	/**/
	padding:0 15px 15px 15px;
		margin-right:10px;
	margin-top:10px;
	overflow:hidden;
	background:url(../images/header_happylife400.jpg) no-repeat top center;
	}
.logo	{
	float:right;
	margin-right:15px;
	}
#top	{
	width:100%;
	min-height:100px;
	padding:90px 0 10px 0;
	}
#content	{
	width:99%;
	}
#content #left	{
	width:49%;
	float:left;
	}
#content #right	{
	width:49%;
	float:right;
	}
#content h1	{
	margin-bottom:5px;
	}
.clearbox	{
	clear:both;
	}