body {
	background:#02DBE8 ;
	}

#footer {
	padding: 5px 5px 5px 5px;
	position:absolute;
	top:-35px;
	left:50px;
	}

#container {
	color: #888;
	font: 12px verdana;
	line-height:18px;
	background:#FFF;
	position:absolute;
	top:10px;
	left:50%;
	width:380px;
	margin-left:-300px;
	padding: 300px 0px 0px 0px;
	}

#container p {padding:0px 20px 0px 20px;}

#intro, #supportingText {text-align:justify;}

#pageHeader {
	position:absolute;
	top:0px;
	left:0px;
	width:600px;
	height:300px;
	background: url(images/title.jpg);
	}

#pageHeader span {display:none;}

#quickSummary {
	font-size: 10px;
	position:absolute;
	top:300px;
	left:0px;
	background: url(images/semi_pink.gif) no-repeat top left;
	width:300px;
	height:120px;
	padding: 10px 40px 0px 60px;
	}

#linkList {
	position:absolute;
	bottom:0px;
	top:300px;
	left:400px;
	width:180px;
	padding-bottom:100%;
	background: #FFF url(images/link_base.gif) no-repeat bottom left;
	}

#lselect {background: url(images/hemi_blue.gif) no-repeat top right; padding-top:25px;}

#llinks {background: url(images/link_mess.gif) no-repeat top right; padding-top:85px;}

#linkList ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#linkList li {
	border-bottom: #02DBE8 1px solid;
	line-height: 2ex; 
	list-style-type: none;
	display: block; 
	padding: 4px 4px 4px 10px;
	}

#linkList li:hover {
	background: url(images/grad_link.gif) repeat-y top left;
	line-height: 2ex; 
	list-style-type: none;
	display: block; 
	padding: 4px 4px 4px 10px;
	}


#linkList li a {font-size:11px; color:#FF89BF; text-decoration:none;}
#lselect a { display:block; font:bold 10px verdana;}
#lselect a.c { display:inline; font: bold 12px verdana;}

#container a {color:#FF67AF; font-weight:bold;}

#footer a {
	border: 2px #FF89BF solid;
	font: bold 11px verdana;
	color: #FFF;
	padding: 3px 3px 3px 3px;
	background: #FF67AF;
	}

#start h3, #zyklus h3, #hormonspirale h3, #finanzierung h3, #vorteile h3, #impressum h3 {width:380px; height:60px;}
#start h3 span, #zyklus h3 span, #hormonspirale h3 span, #finanzierung h3 span, #vorteile h3 span; #impressum h3 span {display:none;}


#start h3 {background: url(images/title_start.gif) no-repeat;}
#zyklus h3 {background: url(images/title_zyklus.gif) no-repeat;}
#hormonspirale h3 {background: url(images/title_spirale.gif) no-repeat;}
#finanzierung h3 {background: url(images/title_finanzierung.gif) no-repeat;}
#vorteile h3 {background: url(images/title_vorteile.gif) no-repeat;}
#impressum h3 {background: url(images/title_impressum.gif) no-repeat;}


#lmenu h3 {
	height:30px;
	width:180px;
	background: url(images/title_lmenu.gif) no-repeat top left;
	border-bottom: #02DBE8 1px solid;
	margin-bottom:0px;
	}

#llinks h3 {
	height:30px;
	width:180px;
	background: url(images/title_llinks.gif) no-repeat top left;
	border-bottom: #02DBE8 1px solid;
	margin-bottom:0px;
	}

#larchives h3 {margin:0px;}

#lmenu h3 span, #larchives h3 span, #llinks h3 span {display:none;}