@charset "utf-8";
/* CSS Document */

body {
	background-color:#ff9000;
	margin:0;
}


#contentback {
	position:absolute;
	width:940px;
	height:850px;
	left:50%;
	top:0px;
	margin-left:-470px;
	background-image:url(../contentback.jpg);
	background-repeat:no-repeat;
	z-index:1;
}

#Puetzklecks {
	position:absolute;
	top:8px;
	left:50%;
	margin-left:-12px;
	width:92px;
	height:72px;
	image:url(./Buttons/Puetzklecks0.jpg);
	z-index:4;
}

#aktuell {
	position:absolute;
	width:144px;
	height:67px;
	left:50%;
	top:150px;
	margin-left:-445px;
	image:url(./Buttons/contentpage/aktuell.jpg);
	z-index:4;
}

#zuk {
	position:absolute;
	width:151px;
	height:94px;
	left:50%;
	top:40px;
	margin-left:-440px;
	image:url(./Buttons/contentpage/zuk0.jpg);
	z-index:4;
}

#schreib {
	position:absolute;
	width:263px;
	height:73px;
	left:50%;
	top:20px;
	margin-left:-320px;
	image:url(./Buttons/contentpage/schreib.jpg);
	z-index:5;
}

#lese {
	position:absolute;
	width:191px;
	height:80px;
	left:50%;
	top:10px;
	margin-left:150px;
	image:url(./Buttons/contentpage/leseb0.jpg);
	z-index:5;
}

#kontakt {
	position:absolute;
	width:88px;
	height:93px;
	left:50%;
	top:37px;
	margin-left:345px;
	image:url(./Buttons/contentpage/kontakt0.jpg);
	z-index:5;
}

#shop {
	position:absolute;
	width:145px;
	height:70px;
	left:50%;
	top:148px;
	margin-left:310px;
	image:url(./Buttons/contentpage/shop0.jpg);
	z-index:5;
}

#zurueck {
	position:absolute;
	width:153px;
	height:62px;
	left:50%;
	top:713px;
	margin-left:244px;
	image:url(./Buttons/zurueck0.jpg);
	z-index:12;
}

#bonoundora_szw {
	position:absolute;
	width:572px;
	height:136px;
	left:50%;
	top:112px;
	margin-left:-275px;
	background-image:url(./bonoundora_szm.jpg);
	background-repeat:no-repeat;
	z-index:2;
}

#titel {
	position:absolute;
	top:223px;
	width:100%;
	font-family:'Arial';
	color:#f157ff;
	font-size:28px;
	text-align:center;
	margin-left:-119px;
	z-index:3;
}

#titelstyle {
	font-family:'Arial';
	color:#1a8e5c;
	font-size:24px;
	text-align:left;
	margin-top:5px;
	margin-left:5px;
}

#copytext_frame {
	position:absolute;
	top:271px;
	left:50%;
	width:690px;
	height:539px;
	margin-left:-244px;
	overflow:auto;
	background-color:#fac2ff;
	border:1px solid #f157ff;
	z-index:3;
}

#headstyle {
	font-family:'Arial';
	color:#ce550c;
	font-size:18px;
	text-align:left;
	margin-left:5px;
	margin-top:5px;
}

#headstyle2 {
	font-family:'Arial';
	color:#3a9b8c;
	font-size:18px;
	text-align:left;
	margin-left:5px;
	margin-top:5px;
}

#subtitle {
	font-family:'Arial';
	color:#000;
	font-size:16px;
	text-align:left;
	margin-left:5px;
	margin-top:5px;
}

#textstyle {
	font-family:'Arial';
	color:#000;
	font-size:14px;
	text-align:left;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
}

#infostyle2 {
	font-family:'Arial';
	color:#9d9d9d;
	font-size:13px;
	text-align:left;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
}

#infostyle {
	font-family:'Arial';
	color:#9d9d9d;
	font-size:13px;
	text-align:left;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
}

#reflink {
	font-family:'Arial';
	color:#00F;
	font-size:14px;
	text-align:left;
	margin-left:5px;
	magin-top:5px;
}

#copytext {
	font-family:'Arial';
	color:#000;
	font-size:14px;
	text-align:left;
	margin-left:5px;
	magin-top:5px;
}

#copyright {
	position:absolute;
	top:825px;
	width:100%;
	font-family:'Arial';
	color:#AAA;
	font-size:11px;
	text-align:center;
	margin-left:0px;
	z-index:3;
}

#impressum {
	position:absolute;
	top:825px;
	width:100%;
	font-family:'Arial';
	color:#00F;
	font-size:11px;
	text-align:center;
	margin-left:100px;
	z-index:14;
}

#popup_impressum {
	display:none;
	position:absolute;
	background-color:#FFF;
	border:1px #000; 
	color:#FFF;
	width:400px;
	height:600px;
	z-index:100;
	left:50%;
	margin-left:-200px;
	top:60px;
}
#popup_impressum_back {
	display:none;
	background-color:#000;
	opacity:0.8;
	position:fixed;
	width:100%;
	height:100%;
	z-index:99;
}

#schliessen {
	position:absolute;
	width:20px;
	height:20px;
	overflow:auto;
	z-index:100;
	left:50%;
	margin-left:175px;
	top:10px;
}

#headstyle3 {
	font-family:'Arial';
	color:#3a9b8c;
	font-size:18px;
	text-align:left;
	margin-left:10px;
	margin-top:10px;
}


#textstyle2 {
	font-family:'Arial';
	color:#000;
	font-size:14px;
	text-align:left;
	width:370px;
	margin-left:10px;
	margin-top:25px;
	margin-bottom:5px;
}


#slider_frame {
	position:absolute;
	top:30px;
	left:50%;
	width:620px;
	height:479px;
	margin-left:-310px;
	background-color:#fff;
	border:1px solid #f157ff;
	z-index:50;
}

#slider {
	position:relative;
	top:20px;
	left:20px;
	margin-left:0px;
	margin-top:0px;
}

#malbuch_gross {
	position:absolute;
	width:170px;
	height:238px;
	left:50%;
	top:271px;
	margin-left:-431px;
	background-image:url(../images/malbuch_gross.jpg);
	background-repeat:no-repeat;
	border:1px solid #9b9b9b;
	z-index:32;
}