<style type="text/css">
<!--

dummy {}

body {
	text-align:center;
	font-family:Helvetica,Arial,sans-serif;
	font-size:10pt;
}

/* style classes */

h1.content {
	text-align:left;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:bold;
	font-size:11pt;
}
h2.content {
	text-align:left;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:bold;
	font-size:10pt;
}
p.content {
	text-align:left;
	font-family:Helvetica,Arial,sans-serif;
	font-size:10pt;
}
p.error {
	text-align:left;
	color:red;
	font-family:Helvetica,Arial,sans-serif;
	font-size:8pt;
	font-weight:bold;
}
td.form_info {
	text-align:left;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:bold;
	font-size:10pt;
}
td.form_body {
	text-align:left;
	font-family:Helvetica,Arial,sans-serif;
	font-size:10pt;
}

/* main div classes */

div.container {
	position:relative;
	text-align:left;
	width:920px;
	height:590px;
	margin-left:auto; margin-right:auto;
	margin-top:20px; margin-bottom:auto;
	z-index:1;
	text-align:center;
}
div.intro {
	text-align:left;
	position:absolute;
	top:80px; left:200px;
	z-index:2;
}
div.front {
	text-align:left;
	position:absolute;
	top:140px; left:0px;
	height:430px; width:920px;
	z-index:2;
	background-color:#CCCCCC;
}
div.front_internal {
	text-align:left;
	position:absolute;
	top:60px; left:180px;
	height:510px; width:740px;
	z-index:2;
	background-color:#e1e1e1;
}
div.internal {
	text-align:left;
	position:absolute;
	top:60px; left:180px;
	height:510px; width:740px;
	z-index:2;
	background-color:#e1e1e1;
}
div.external {
	text-align:left;
	position:absolute;
	top:60px; left:180px;
	height:510px; width:740px;
	z-index:2;
	background-color:#CCCCCC;
}
div.copyright {
	text-align:right;
	position:absolute;
	bottom:0px; right:0px;
	z-index:3;
}

/* cloud div classes */

div.internal_cloud {
	text-align:left;
	position:absolute;
	top:50px; left:-3px; 
	z-index:4;
}
div.external_cloud {
	text-align:left;
	position:absolute;
	bottom:50px; left:-3px; 
	z-index:4;
}

/* stars div classes */

div.external_star {
	text-align:left;
	position:absolute;
	top:50px; left:-3px; 
	z-index:4;
}
div.puff {
	text-align:left;
	position:absolute;
	top:63px; left:76px;
	z-index:5;
}
div.stress {
	text-align:left;
	position:absolute;
	top:100px; left:88px;
	z-index:5;
}
div.schule {
	text-align:left;
	position:absolute;
	top:115px; left:200px;
	z-index:5;
}
div.ueberall {
	text-align:left;
	position:absolute;
	top:200px; left:120px;
	z-index:5;
}
div.langweile {
	text-align:left;
	position:absolute;
	top:248px; left:132px;
	z-index:5;
}
div.liebe {
	text-align:left;
	position:absolute;
	top:290px; left:260px;
	z-index:5;
}
div.geldsorgen {
	text-align:left;
	position:absolute;
	top:345px; left:234px;
	z-index:5;
}
div.schwierigkeiten {
	text-align:left;
	position:absolute;
	top:175px; left:335px;
	z-index:5;
}
div.ueberall_star {
	text-align:left;
	position:absolute;
	bottom:40px; left:-3px; 
	z-index:4;
}

/* window div classes */

div.front_corner_ul {
	background:url(../images/front/div_elements/corners/ul.gif) top left no-repeat; 
	position:absolute;
	top:0px; left:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.front_corner_ur {
	background:url(../images/front/div_elements/corners/ur.gif) top right no-repeat;
	position:absolute;
	top:0px; right:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.front_corner_ll {
	background:url(../images/front/div_elements/corners/ll.gif) bottom left no-repeat;
	position:absolute;
	bottom:0px; left:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.front_corner_lr {
	background : url(../images/front/div_elements/corners/lr.gif) bottom right no-repeat;
	position:absolute;
	bottom:0px; right:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.front_internal_corner_ul {
	background:url(../images/front_internal/div_elements/corners/ul.gif) top left no-repeat; 
	position:absolute;
	top:0px; left:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.front_internal_corner_ur {
	background:url(../images/front_internal/div_elements/corners/ur.gif) top right no-repeat;
	position:absolute;
	top:0px; right:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.front_internal_corner_ll {
	background:url(../images/front_internal/div_elements/corners/ll.gif) bottom left no-repeat;
	position:absolute;
	bottom:0px; left:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.front_internal_corner_lr {
	background : url(../images/front_internal/div_elements/corners/lr.gif) bottom right no-repeat;
	position:absolute;
	bottom:0px; right:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.internal_corner_ul {
	background:url(../images/internal/div_elements/corners/ul.gif) top left no-repeat; 
	position:absolute;
	top:0px; left:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.internal_corner_ur {
	background:url(../images/internal/div_elements/corners/ur.gif) top right no-repeat;
	position:absolute;
	top:0px; right:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.internal_corner_ll {
	background:url(../images/internal/div_elements/corners/ll.gif) bottom left no-repeat;
	position:absolute;
	bottom:0px; left:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.internal_corner_lr {
	background : url(../images/internal/div_elements/corners/lr.gif) bottom right no-repeat;
	position:absolute;
	bottom:0px; right:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.external_corner_ul {
	background:url(../images/external/div_elements/corners/ul.gif) top left no-repeat; 
	position:absolute;
	top:0px; left:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.external_corner_ur {
	background:url(../images/external/div_elements/corners/ur.gif) top right no-repeat;
	position:absolute;
	top:0px; right:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.external_corner_ll {
	background:url(../images/external/div_elements/corners/ll.gif) bottom left no-repeat;
	position:absolute;
	bottom:0px; left:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.external_corner_lr {
	background : url(../images/external/div_elements/corners/lr.gif) bottom right no-repeat;
	position:absolute;
	bottom:0px; right:0px; 
	height:20px; width:20px;
	z-index:3;
}
div.cloud {
	text-align:left;
	position:absolute;
	bottom:10px; right:-30px; 
	height:370px; width:540px;
	z-index:4;
}
div.tipps {
	text-align:left;
	position:absolute;
	top:6px; left:400px;
	z-index:4;
	}
div.stars {
	background:url(../images/front/stars/stars.gif) bottom right no-repeat;
	position:absolute;
	bottom:-5px; left:-30px; 
	height:450px; width:500px;
	z-index : 4;
}
div.logo_ipw_front {
	text-align:left;
	position:absolute;
	bottom:5px; left:5px; 
	z-index:4;
}
div.dir_geht_es_nicht_gut {
	text-align:left;
	position:absolute;
	top:230px; left:280px; 
	z-index:4;
}
div.content_navigation {
	text-align:left;
	position:absolute;
	top:10px; left:50px; 
	z-index:4;
}
div.content {
	text-align:left;
	position:absolute;
	top:60px; left:50px; 
	width:660px; height:420px;
	overflow:auto;
	z-index:4;
}
div.link_content {
	text-align:left;
	position:absolute;
	top:40px; left:50px; 
	width:860px; height:350px;
	overflow:auto;
	z-index:4;
}
div.edit {
	top:20px; left:20px; 
	width:660px; height:420px;
}
div.front_content {
	text-align:left;
	position:absolute;
	top:20px; left:50px; 
	width:860px; height:390px;
	overflow:auto;
	z-index:4;
}
div.contact {
	top:70px;
}
div.contact_info_text {
	top:10px;
}
div.contact_submit_info {
	left:130px; top:345px;
}
div.info_text {
	text-align:left;
	position:absolute;
	top:0px; left:50px; 
	overflow:auto;
	z-index:4;
}

/* window cloud classes */

div.angst {
	text-align:left;
	position:absolute;
	top:70px; left:60px; 
	z-index:4;
}
div.loskommen {
	text-align:left;
	position:absolute;
	top:10px; left:265px; 
	z-index:4;
}
div.unwohl {
	text-align:right;
	position:absolute;
	top:60px; right:25px; 
	z-index:4;
}
div.traurigkeit {
	text-align:right;
	position:absolute;
	top:260px; right:-15px; 
	z-index:4;
}
div.anderssein {
	text-align:right;
	position:absolute;
	top:350px; right:140px; 
	z-index:4;
}
div.leergefuehl {
	text-align:left;
	position:absolute;
	top:330px; left:100px; 
	z-index:4;
}
div.unsicherheit {
	text-align:left;
	position:absolute;
	top:190px; left:-20px; 
	z-index:4;
}


/* header div classes */

div.logo_frueherkennung {
	text-align:left;
	position:absolute;
	left:0px; top:0px;
	z-index:2;
}
div.meta_nav {
	text-align:left;
	position:absolute;
	left:180px; top:11px;
		z-index:3;
}
div.meta_nav_right {
	text-align:right;
	position:absolute;
	right:0px; top:11px;
	z-index:3;
}

/* container div classes */

div.logo_ipw_front_internal {
	text-align:left;
	position:absolute;
	bottom:20px; left:115px; 
	z-index:4;
}
div.logo_ipw_internal {
	text-align:left;
	position:absolute;
	bottom:20px; left:115px; 
	z-index:4;
}
div.logo_ipw_external {
	text-align:left;
	position:absolute;
	bottom:20px; left:115px; 
	z-index:4;
}

/* image classes */

img.no_border {
	border:0pt;
}

/* link classes */

a.content_navigation,
a.content_navigation:link,
a.content_navigation:visited {
	color:blue;
	font-weight:bold;
	text-decoration:none;
}
a.external, 
a.external:link,
a.external:visited {
	color:#990000;
}
a.internal, 
a.internal:link,
a.internal:visited {
	color:#004b99;
}
a.front, 
a.front,
a.front:visited {
	color:#C88700;
}
a.content_navigation:hover {
	color:black;
	font-weight:bold;
	text-decoration:none;
}

/* table classes */

table.content {
	width:95%;
}
th.content {
	padding:1pt;
	border:solid;
	border-color:grey;
	border-right-width:0pt;
	border-top-width:0pt;
	border-left-width:0.5pt;
	border-bottom-width:0.5pt;
	background-color:#adadad;
	font-size:10pt;
	font-weight:bold;
	text-align:left;
}
td.content {
	padding:1pt;
	border:solid;
	border-color:grey;
	border-right-width:0pt;
	border-top-width:0pt;
	border-left-width:0.5pt;
	border-bottom-width:0.5pt;
	font-size:10pt;
	text-align:left;
}

-->
</style>

