/* Ger??st
------------------------------------------------------- */
body, html {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
body {
	background: url(/includes/img/bg.jpg) repeat-y;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #493e21;
}
a {
	text-decoration: none;
}
a span {	/* Damit werden die Texte ausgeblendet von Links, die als Grafik dargestellt werden sollen. Angezeigt wird so nur das Hintergrundbild, zB beim  Logo */
	visibility: hidden;
}
p {
	margin-top: 0px;
	margin-bottom: 15px;
}
hr {	/* Float-Clearer */
	clear: both;
	height: 1px;
	visibility: hidden;
}
#wrapper {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	padding-bottom: 70px;
	padding-top: 0px;
}
#container {
	position: relative;
	width: 975px;
	height: 724px;
	margin-right: auto;
	margin-left: auto;
	background: #89cdd0 url(/includes/img/startseite/bg_container.jpg) no-repeat center bottom;
}


/* Sprachwechsel ------------------------- */
#sprachwechsel {
	width: 120px;
	position: absolute;
	z-index: 40;
	left: 440px;
	top: 5px;
	display: block;
	height: 30px;
	cursor:pointer;
}


/* Fu?Ÿzeile
------------------------------------------------------- */
#foot{
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#foot a{
	color: #493e21;
}
#foot a:hover{
	text-decoration:underline;
}

#logo_footer{

	height: 93px;
	width: 24px;
	position: absolute;
	z-index: 50;
	left: 860px;
	top: 695px;

}

/* Drag & Drop Boxen
------------------------------------------------------- */

/* Logo ------------------------- */
#logo {
	display: block;

	position: absolute;
	z-index: 11;
	left: -16px;
	top: -31px;
}

/* NAVI ------------------------- */

#navi_button {
	position: absolute;
	z-index: 120;
	top: 3px;
	padding-right:140px;
	cursor: pointer;
}
#navi {
	position: absolute;
	z-index: 19;
	left: 806px;
	top: 8px;
	display:none;
width:136px;
}

ul#start_navi {
	position: relative;
	top: 50px;
	margin: 0 8px 0 0;
	padding: 0;
	list-style-type: none;
	background-color: #b2cb94;
	z-index: 8;

	
}

ul#start_navi li {
	padding: 0;
	margin: 0;
}

ul#start_navi li a {
	display: block;
	padding: 4px 5px 4px 5px;
	border: 1px #215300 solid;
	border-top: 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
ul#start_navi li a:hover {
		background-color: #bfd7a3;
}

ul#start_navi li ul {
	background-color: #dce9cd;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#start_navi li ul li a {
	padding: 4px 5px 4px 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
ul#start_navi li ul li a:hover {
		background-color: #eff9e4;
}




ul#start_navi li ul li ul {
	background-color: #ecf1e7;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#start_navi li ul li ul li a {
	padding: 4px 5px 4px 14px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
ul#start_navi li ul li ul li a:hover {
		background-color: #f7f8f5;
}



/* NAVI SCHLEIFE ------------------------- */
div#navi_schleife {
	filter:
	progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/includes/img/startseite/aids_schleife.png');
	position: absolute;
	top: 26px;
	right: 11px;
	width: 61px;
	height: 87px;
	z-index: 21;
}

html > body #navi_schleife {
	background: url(/includes/img/startseite/aids_schleife.png) no-repeat;
	z-index: 21;
}

/* BAUM OBEN ------------------------- */
#baum_oben {
	filter:
	progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/includes/img/startseite/bg_baum_oben.png');
	position: absolute;
	z-index: 10;
	height: 287px;
	width: 545px;
	left: -24px;
	top: 70px;
	display: none;
}
html > body #baum_oben {
	background: url(/includes/img/startseite/bg_baum_oben.png) no-repeat;
}

/* BAUM UNTEN ------------------------- */
#baum_unten {
	filter:
	progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/includes/img/startseite/bg_baum_unten.png');
	position: absolute;
	z-index: 10;
	height: 398px;
	width: 128px;
	left: 7px;
	top: 357px;
	display: none;
}
html > body #baum_unten {
	background: url(/includes/img/startseite/bg_baum_unten.png) no-repeat;
}

/* Blattwerk ------------------------- */
#blattwerk {
	background: url(/includes/img/startseite/bg_blattwerk.jpg) no-repeat;
	position: absolute;
	z-index: 4;
	height: 355px;
	width: 249px;
	left: 440px;
	bottom: 273px;
	display: none;
}

/* Blattwerk An ------------------------- */
#blattwerk_an {
	background: url(/includes/img/startseite/bg_blattwerk_an.jpg) no-repeat;
	position: absolute;
	z-index: 5;
	height: 355px;
	width: 338px;
	left: 351px;
	bottom: 273px;
	display: none;
}


/* Blattwerk Gewinn ------------------------- */
#blattwerk_gewinn {
	background: url(/includes/img/startseite/bg_blattwerk_gewinn.gif) no-repeat;
	position: absolute;
	z-index: 5;
	height: 144px;
	width: 300px;
	left: 115px;
	bottom: 423px;
	display: none;
}
/* Blattwerk Button ------------------------- */
#blattwerk_button {
	position: absolute;
	z-index: 6;
	height: 28px;
	width: 113px;
	left: 420px;
	bottom: 345px;
	cursor: pointer;
	display: none;
}

/* Biergarten ------------------------- */
#biergarten {
	background: url(/includes/img/startseite/bg_biergarten.jpg) no-repeat;
	position: absolute;
	z-index: 3;
	height: 367px;
	width: 267px;
	left: 690px;
	bottom: 160px;
	display: none;
}




/* Biergarten Button ------------------------- */
#biergarten_button {
	position: absolute;
	z-index: 5;
	height: 28px;
	width: 119px;
	left: 700px;
	bottom: 336px;
	cursor: pointer;
	display: none;
}



/* Botanischer Garten ------------------------- */
#botanischergarten {
	background: url(/includes/img/startseite/bg_botanischer_garten.jpg) no-repeat;
	position: absolute;
	z-index: 3;
	height: 365px;
	width: 432px;
	left: 12px;
	bottom: 126px;
	display: none;
}



/* Botanischer Garten Button ------------------------- */
#botanischergarten_button {
	position: absolute;
	z-index: 5;
	height: 28px;
	width: 170px;
	left: 160px;
	bottom: 220px;
	cursor: pointer;
	display: none;	
}


/* Schlange ------------------------- */

#schlange {
	filter:
	progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/includes/img/startseite/bg_schlange.png');
	position: absolute;
	z-index: 13;
	height: 167px;
	width: 218px;
	left: 100px;
	bottom: 503px;
	cursor: pointer;
	display: none;	
}
html > body #schlange {
	background: url(/includes/img/startseite/bg_schlange.png) no-repeat;
}


/* Schlange An ------------------------- */
#schlange_an {
	background: url(/includes/img/startseite/bg_schlange_an.jpg) no-repeat;
	position: absolute;
	z-index: 2;
	height: 484px;
	width: 488px;
	left: 94px;
	bottom: 195px;
	display: none;	
}

/* CDS MARLA ------------------------- */
img.cd_marla {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
}

/* Tom Rechts ------------------------- */
#tom_rechts {
	filter:
	progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/includes/img/startseite/bg_tom_rechts.png');
	position: absolute;
	z-index: 17;
	height: 236px;
	width: 163px;
	left: 860px;
	bottom: 131px;
	display: none;
}
html > body #tom_rechts {
	background: url(/includes/img/startseite/bg_tom_rechts.png) no-repeat;
}

/* Tom Links ------------------------- */
#tom_links {
	filter:
	progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/includes/img/startseite/bg_tom_links.png');
	position: absolute;
	z-index: 17;
	height: 83px;
	width: 55px;
	left: 805px;
	bottom: 131px;
	display: none;
}
html > body #tom_links {
	background: url(/includes/img/startseite/bg_tom_links.png) no-repeat;
}
/* Gewinnbutton  ------------------------- */
#gewinnbutton {

	position: absolute;
	z-index: 17;
	height: 212px;
	width: 336px;
	left: 186px;
	top: 0px;
	cursor: pointer;
}
/* CSD  ------------------------- */
#csd {

	position: absolute;
	z-index: 10;
	height: 206px;
	width: 154px;
	left: 296px;
	top: 284px;
	cursor: pointer;
}
/* Voting  ------------------------- */
#voting_tassen_neu {

	position: absolute;
	z-index: 15;
	height: 128px;
	width: 176px;
	left: 461px;
	top: 589px;
	cursor: pointer;
}
/* Tom  ------------------------- */
#tom {

	position: absolute;
	z-index: 17;
	height: 270px;
	width: 246px;
	left: 770px;
	bottom: 130px;
	display: none;
}

/* Tom Button ------------------------- */
#tom_button {
	position: absolute;
	z-index: 18;
	height: 28px;
	width: 185px;
	left: 700px;
	bottom: 180px;
	cursor: pointer;

}

/* News ------------------------- */
#news {
	filter:
	progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/includes/img/startseite/bg_news.png');
	position: absolute;
	z-index: 15;
	height: 329px;
	width: 468px;
	left: 520px;
	top: 50px;
	display: none;
}
html > body #news {
	background: url(/includes/img/startseite/bg_news.png) no-repeat;
}


#news_item {
	position: absolute;
	z-index: 16;
	left: 580px;
	top: 82px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #20777d;
	width: 330px;
}
#news_item a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #c20000;
	font-weight: bold;
}
#news_item a:hover {
	text-decoration: underline;
}
#news_item h1 {
	color: #20777d;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top:4px;
	padding-bottom:4px;
	margin:0;
}
#news_item img {
	float:left;
	padding-right: 4px;
padding-bottom:0px;
margin:0px;
}
#news_item p {
padding:0px;
margin:0px;

}


/* News Langtext ------------------------- */
#news_detail {
	position: absolute;
	height: 10px;
	width: 10px;
	left: 900px;
	top: 700px;
	z-index: 17;
	background: url(/includes/img/startseite/bg_news_langtext.gif) no-repeat;
	overflow: hidden;
}
#news_detail #button {
	padding-top: 54px;
	height: 18px;
	width: 44px;
	float: right;
	padding-right: 30px;
}
#news_detail #button img#news_detail_move {
	cursor: move;
}
#news_detail #news_langtext {
	padding-left: 72px;
	padding-top: 56px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #20777d;
	width: 300px;
	float:left;
}

#news_detail #news_langtext h1 {
	color: #c20000;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom:10px;
	margin:0;
}

#news_detail #news_langtext #text {
	height: 160px;
	padding-bottom:5px;
	margin:0;
	overflow:auto;
	line-height:16px;
	color: #6a6a59;
	scrollbar-base-color:#e2d9c1;
	scrollbar-3dlight-color:#e2d9c1; 
	scrollbar-face-color:#e2d9c1; 
	scrollbar-arrow-color:#6a6a59; 
	scrollbar-darkshadow-color:#e2d9c1; 
	scrollbar-shadow-color:#cccccc;
}
#news_detail #news_langtext #text a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #c20000;
	font-weight: bold;
	text-decoration: none;
}
#news_detail #news_langtext #text a:hover {
	text-decoration: underline;
}
#news_detail #news_langtext #link {
	padding-top: 10px;
	float: right;
	padding-right: 10px;
}

#news_detail #news_langtext #link a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #c20000;
	font-weight: bold;
}

#news_detail #news_langtext #link a:hover {
	text-decoration: underline;
}

/* Kondome ------------------------- */
img#kondom_01 {
  position: absolute;
  top: 420px;
  left: 585px;
  width: 80px;
  height: 180px;
  z-index: 4;
  display: none;
}

img#kondom_02 {
  position: absolute;
  top: 400px;
  left: 530px;
  width: 80px;
  height: 180px;
  z-index: 3;
  display: none;
}

img#kondom_03 {
  position: absolute;
  top: 390px;
  left: 625px;
  width: 79px;
  height: 180px;
  z-index: 3;
  display: none;
}