div 		{ border: 0px solid #b3b2b2; }
img 		{ border: 0px; }
body 		{ margin:0; padding:0;
			height:550px; width:850px;
			background-image: url(bilder/popup.gif);
			background-color: #E8E8E8;
			filter: alpha(opacity=80);
			-moz-opacity: .8; opacity: .8;
			font-family: "Comic Sans MS"; font-size: 15px; color: #723067;
}
p 			{ text-align: left; margin: 0; padding: 0; }

a.visited 	{ color : #6B885E; }
a 			{ color : #D1C2E0; }
a:link 		{ color:#723067; text-decoration:none; }
a:visited 	{ color:#D1C2E0; text-decoration:none; }
a:hover 	{ color:#6B885E; text-decoration:none; }
a:active 	{ font-weight:bold; color:#6B885E; text-decoration:none; outline:0; }
a:focus 	{ color: #6B885E; text-decoration:none; outline:0; }



#all 		{ 

	position:absolute;
	top:0px;
	left:80px;
	width:850px;
	height:546px;
	background-position: 0px 0px;		
	background-image:url(bilder/background-index.gif);
	background-repeat: no-repeat;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index:1;
}
	
#link 		{
	position:absolute;
	margin-left:220px;
	margin-top:63px;
	top: 0px;
	left: 3px;
	width:610px;
	height:35px;
	font-size:20px;
	z-index:2;
 }

#inhalt1 	{
	position:absolute;
	top: 150px;
	left: 33px;
	width:172px;
	height:347px;
	z-index:4;
	font-size: 15px;
}
#inhalt2 	{
	position:absolute;
	top: 140px;
	left:210px;
	width:350px;
	height:357px;
	margin-left: 20px;
	z-index:4;
	font-size: 13px;
}

#inhalt3 	{
	position:absolute;
	top: 140px;
	left:585px;
	width:245px;
	height:357px;
	z-index:4;
	font-size: 13px;
}

#bild2 	{
	position:absolute;
	top: 140px;
	left:210px;
	width:350px;
	height:357px;
	margin-left: 20px;
	z-index:3;
	font-size: 13px;
	text-align:center;

}

#bild3 	{
	position:absolute;
	top: 140px;
	left:585px;
	width:245px;
	height:357px;
	z-index:3;
	font-size: 13px;
	text-align:center;
}

#bildlink2 	{
	position:absolute;
	top: 140px;
	left:210px;
	width:350px;
	height:357px;
	margin-left: 20px;
	z-index:5;
	font-size: 13px;
	text-align:left;

}

#bildlink3 	{
	position:absolute;
	top: 140px;
	left:585px;
	width:245px;
	height:357px;
	z-index:5;
	font-size: 13px;
	text-align:center;
}

#frage1	{position:absolute; top: 0px; left: 10px; width:150px; visibility:hidden}
#frage2	{position:absolute; top: 0px; left: 10px; width:150px; visibility:hidden}
#frage3	{position:absolute; top: 0px; left: 10px; width:150px; visibility:hidden}
#frage4	{position:absolute; top: 0px;	left: 10px;	width:150px; visibility:hidden}
#frage5	{position:absolute; top: 0px; left: 10px; width:150px; visibility:hidden}
#frage6	{position:absolute; top: 0px; left: 10px; width:150px; visibility:hidden}

#blackout {
	visibility: hidden;
	position: fixed;
	left: 0;
	top: 4px;
	width: 100%;
	height: 100%;
	display: none;
	background-color: #E8E8E8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.43;
	z-index: 5;
}

#divpop_head{
	position:absolute;
	width:638px;
	height:45px;
	background-image:url(bilder/background-popup-header.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size:16px;
	text-align:left;
	padding-top:50px;
	font-size:18px;
	z-index:-1;
}

#divpopup{
	position:absolute;
	left:300px;
	top:92px;
	width:638px;
	height:410px;
	background-image:url(bilder/background-popup.gif);
	background-position:center;
	background-repeat: no-repeat;
	background-position:center;
	border: 0px;
	visibility: hidden;
	font-size:12px;
	display: none;
	z-index: 10;
}


#close_pop{
	cursor:pointer;
	padding-right: 20px;
	padding-top:20px;
}

#close_pop a{
	text-decoration:none;
	color: #333;
}

#close_pop a:hover{
	color:#FF0000;
}

#pop_content{
clear:both; font-size:13px;
padding-top: 0px ;
padding-left:25px;
padding-right: 25px;
padding-bottom: 20px;
}

<!--[if IE]>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
overflow: auto;
}
#blackout {
position: absolute;
}
#divpopup {
position: absolute;
}
</style>
<![endif]-->

#blackout1 {
	visibility: hidden;
	position: fixed;
	left: 0;
	top: 4px;
	width: 100%;
	height: 100%;
	display: none;
	background-color: #E8E8E8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.43;
	z-index: 5;
}

#divpop_head1 {
	position:absolute;
	width:900px;
	height:118px;
	background-image:url(bilder/background-popup-bilder-header.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size:16px;
	text-align:left;
	padding-top:50px;
	font-size:18px;
	z-index:-1;
}

#divpopup1 {
	position:absolute;
	left:50px;
	top:0px;
	width:900px;
	height:627px;
	background-image:url(bilder/background-popup-bilder.gif);
	background-position:center;
	background-repeat: no-repeat;
	background-position:center;
	text-align:center;
	border: 0px;
	visibility: hidden;
	font-size:12px;
	display: none;
	z-index: 10;
}


#close_pop1 {
	cursor:pointer;
	padding-right: 20px;
	padding-top:20px;
}

#close_pop a1 {
	text-decoration:none;
	color: #333;
}

#close_pop a:hover1 {
	color:#FF0000;
}

#pop_content1 {
clear:both; font-size:13px;
padding-top: 0px ;
padding-left:15px;
padding-right: 20px;
padding-bottom: 39px;
}

<!--[if IE]>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
overflow: auto;
}
#blackout1 {
position: absolute;
}
#divpopup1 {
position: absolute;
}
</style>
<![endif]-->