*{padding:0;margin:0;border:0;}
html{
	position : absolute;
	top:0;
	left:0;
	height: 100%;
	width:100%;}
body {
	background : url(/haende.gif) #DFEA5D no-repeat 270px 200px;
	font-family : arial,sans-serif;
	font-size : 16px;
	text-align : left;
	height:100%;}
#text,a{color : rgb(0,83,63);}
a{text-decoration:underline;}
a:visited{color : rgb(20,83,63)}
a:hover{color : rgb(120,183,163)}
h1 span{display:none;}
h3,h4 {margin-bottom:1em;}
h4 {font-size:1.1em;margin-top:1.5em;}
td {vertical-align:top;}
sup {font-size : .6em;}
#text{
	padding : 20px;
	padding-top: 25px;
	padding-left : 280px;
	background: url(/hintergrund-hell.jpg) transparent repeat-y -12px 0px;
}
p,#text li{line-height:1.2em;margin-bottom:.6em;margin-right:50px;}
#text li{
	list-style-image: url(dreieck.gif);
	list-style-position : outside;
	margin-left:15px;
	padding-left:3px;
}
#menu,#menu ul{width:210px;position:absolute;top:0;left:0;}
#menu{
	height:100%;
	width:240px;
	background-image : url(/hintergrund-hell.jpg);
}
#menu ul{
	background : url(/hzh2.gif) no-repeat 35px 27px;
	padding:185px 0 0 0;
}
#menu li{
	color : #006699;
	font-size : 16px;
	margin-left : 85px;
	margin-bottom : 3px;
	list-style-type: none;
	list-style-image: url(button_links.gif);
	list-style-position : outside;
	padding: 0px 25px 0px 0;
	background : url(/button_rechts.gif) no-repeat right 0px;
}
#zurstartseite {
	position:absolute;
	top:0;left:0;
	height:160px;width:230px;
	z-index:100;
}
#headline,#nav ul,#menu li a{position:relative;}
#hzh,#headline img,#menu img{position:absolute;}
#menu img{top:180px;left:30px;}
#willkommen {width:98px;}
#kinder {width:85px;}
#stichwortejugendlich {width:85px;}

#tagderoffenentuer1{width:100px;}

#gehoerlose {width:85px;}
#hoergeschaedigte {width:120px;}
#raumpatenschaft {width:125px;}
#buecherbestellen {width:125px;}
#beratung {width:75px;}
#initiatorinnen {width:100px;}
#logo {width:49px;}
#spenden {width:75px;}
#kontakt {width:65px;}
#fuersprecherin {width:125px;}
#termine {width:75px;}
#impressum {width:85px;}
#botschafterin {width:110px;}	/* Breite für den neuen Reiter festlegen */
#presse {width:75px;}
#danke {width:49px;}
#linkseite {width:100px;}


.tagderoffenentuer1 #tagderoffenentuer1 {margin-left:141px;}
.willkommen #willkommen {margin-left : 141px;}
.kinder #kinder {margin-left:141px;}
.stichwortejugendlich #stichwortejugendlich {margin-left :141px;}
.gehoerlose #gehoerlose {margin-left: 155px;}
.hoergeschaedigte #hoergeschaedigte {margin-left : 119px;}
.beratung #beratung {margin-left : 164px;}
.initiatorinnen #initiatorinnen {margin-left : 138px;}
.logo #logo {margin-left : 190px;}
.spenden #spenden {margin-left : 162px;}
.kontakt #kontakt {margin-left : 173px;}
.fuersprecherin #fuersprecherin {margin-left : 135px;}
.buecherbestellen #buecherbestellen {margin-left : 135px;}
.termine #termine {margin-left : 162px;}
.raumpatenschaft #raumpatenschaft {margin-left : 109px;}
.impressum #impressum {margin-left : 155px;}
.botschafterin #botschafterin {margin-left : 135px;}	/* Wie weit soll der Reiter eingerückt werden */
.presse #presse {margin-left : 173px;}
.danke #danke {margin-left : 190px;}
.linkseite #linkseite {margin-left : 138px;}



#menu li a{top:-16px;text-decoration:none;}
#headline{
	background-image : url(/hintergrund.jpg);
	padding-left:270px;
	height:167px;
}
#headline img{margin:5px;}
#spendenkonto,#adresse{top:25px}
#spendenkonto{right:60px}
#adresse{right:200px}
#ichsehe{bottom:1px;left:275px;}
#hzh{top:10px;left:10px;}
#nav ul{padding-bottom:3px;padding-top:5px;width:187px;}
.error{color:red;}
#oben{position:relative;float:right;margin:3px;}
.willkommen #oben, .kontakt #oben, .spenden #oben, .danke #oben,
.initiatorinnen #oben{display:none;}
label{
	display: block;
	float:left;
	clear:left;
	padding:0 1.2em 0 0px;
	vertical-align:top;
	width:5em;
}
input,textarea {border:1px solid rgb(0,83,63);margin-bottom:2px;}