/* **** general **** */
* {
	color: black;
	background-color: white;
}
#bg {
	width: 800px;
	height: 575px;
	margin: 0 auto;
	margin-top: 25px;
	color: black;
	background-color: white;
	font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2", serif;
	font-size: 14px;
}
a {
	text-decoration: none;
	color:gray;
}
a:hover {
	color:red;
}
h1 {
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", serif;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 0px;
}
h2 {
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", serif;
	font-size: 18px;
	margin-bottom: 0px;
}
p {
	margin: 0;
}
#go_home {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	background-color: transparent;
	top: -80px;
	left: 750px;
}
#go_home span {
	display: none;
	background-color: transparent;
	position: absolute;
}
#go_home .go_home {
	width:30px;
	height: 40px;
	background: url(images/home.png) no-repeat;
	top: 7021px;
}
#go_home a {
	display: block;
	text-indent: 900%;
	position: absolute;
	outline: none;
	margin-top: 0px;
	left: -570px;
}
#go_home a:hover {
	background-position: left bottom;
}
#go_home .go_back {
	width: 30px;
	height: 19px;
	background: url(images/back.png) no-repeat;
	left: -797px;
	top: 150px;
}
#go_home .go_up {
	width: 19px;
	height: 30px;
	background: url(images/oben.png) no-repeat;
	left: 10px;
	top: 0px;
}
#footer {
	font-size: 15px;
	text-align: center;
	height: 50px;
	color: #666;
	margin-top: 10px;
}
#footer a {
	text-decoration:underline;
	color: #666;
}
/* **** index.html **** */
#start {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
}
#welcome {
	margin-left: -273px;
	position: absolute;
	top: -315px;
	left: 559px;
	width: 545px;
	height: 508px;
}
/* **** home.html **** */
.home {
	background-image: url(images/bg_home.jpg);
}
#menu_home {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	background-color: transparent;
	margin-top: 0px;
}
#menu_home span {
	position: absolute;
	background-color: transparent;
}
#menu_home a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu_home a:hover {
	background-position: left bottom;
}
#menu_home .zeichnungen {
	width: 192px;
	height: 68px;
	background: url(images/menu1_zeichnungen.png) no-repeat;
	left: 592px;
	top: 316px;
}
#menu_home .zeichnungen span {
	display: none;
}
#menu_home .illustrationen {
	width: 218px;
	height: 52px;
	background: url(images/menu1_illustrationen.png) no-repeat;
	left: 574px;
	top: 241px;
}
#menu_home .illustrationen span {
	display: none;
}
#menu_home .veranstaltungen {
	width: 299px;
	height: 66px;
	background: url(images/menu1_veranstaltungen.png) no-repeat;
	left: 484px;
	top: 72px;
}
#menu_home .veranstaltungen span {
	display: none;
}



#menu_home .Geschichte {
	width: 308px;
	height: 78px;
	background: url(images/menu1_Geschichte.png) no-repeat;
	left: 487px;
	top: 147px;
}
#menu_home .Geschichte span {
	display: none;
}



#menu_home .neuigkeiten {
	width: 228px;
	height: 70px;
	background: url(images/menu1_neuigkeiten.png) no-repeat;
	left: 646px;
	top: 393px;
}
#menu_home .neuigkeiten span {
	display: none;
}
#menu_home .kontakt {
	width: 143px;
	height: 60px;
	background: url(images/menu1_kontakt.png) no-repeat;
	left: 699px;
	top: 475px;
}
#menu_home .kontakt span {
	display: none;
}
/* **** zeichnungen.html **** */
.zeichnungen {
	background-image: url(images/bg_zeichnungen.png);
}
#menu_zeichnungen {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 400px;
	height: 500px;
	position: relative;
	background-color: transparent;
	float:right;
}
#menu_zeichnungen span {
	position: absolute;
}
#menu_zeichnungen a {
	display: block;
	text-indent: -900%;
	position: absolute;
    outline: none;
}
#menu_zeichnungen a:hover {
	background-position: left bottom;
}
#menu_zeichnungen .zeichnungen {
	width: 152px;
	height: 41px;
	background: url(images/menu2_zeichnungen.png) no-repeat;
	right: 165px;
	bottom: 100px;
}
#menu_zeichnungen .zeichnungen span {
	display: none;
}
#menu_zeichnungen .skizzen {
	width: 152px;
	height: 45px;
	background: url(images/menu2_skizzenhefte.png) no-repeat;
	right: 165px;
	bottom: 45px;
}
#menu_zeichnungen .skizzen span {
	display: none;
}
/* **** illustrationen.html **** */
.illus {
	background-image: url(images/bg_illus.jpg);
}
#menu_illus {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	background-color: transparent;
	float:right;
}
#menu_illus span {
	position: absolute;
	background-color: transparent;
}
#menu_illus a {
	display: block;
	text-indent: -900%;
	position: absolute;
	
}
#menu_illus a:hover {
	background-position: left bottom;
}
#menu_illus .buchillus1 {
	width: 333px;
	height: 50px;
	background: url(images/menu3_buchillus1.png) no-repeat;
	right: 432px;
	top: 229px;
}
#menu_illus .buchillus2 {
	width: 339px;
	height: 51px;
	background: url(images/menu3_buchillus2.png) no-repeat;
	right: 425px;
	top: 292px;
}
#menu_illus .buchillus1 span {
	display:none;
}
#menu_illus .buchillus2 span {
	display:none;
}
#menu_illus .plakate {
	width: 338px;
	height: 48px;
	background: url(images/menu3_plakate.png) no-repeat;
	right: 427px;
	top: 355px;
}
#menu_illus .plakate span {
	display:none;
}
#menu_illus .postkarten {
	width: 341px;
	height: 47px;
	background: url(images/menu3_postkarten.png) no-repeat;
	right: 435px;
	top: 415px;
}
#menu_illus .postkarten span {
	display:none;
}
/* **** veranstaltungen.html **** */
.veranstaltungen {
	background-image: url(images/bg_knopfkino.png);
}
#menu_veranstaltungen {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 400px;
	height: 500px;
	position: relative;
	background-color: transparent;
	float:right;
}
#menu_veranstaltungen span {
	display: none;
	position: absolute;
}
#menu_veranstaltungen a {
	display: block;
	text-indent: -900%;
	position: absolute;
    outline: none;
}
#menu_veranstaltungen a:hover {
	background-position: left bottom;
}
#menu_veranstaltungen .knopfkino {
	width: 231px;
	height: 59px;
	background: url(images/menu4_knopfkino.png) no-repeat;
	left: 42px;
	top: 192px;
}
#menu_veranstaltungen .knopfkino span {
	display: none;
}
#menu_veranstaltungen .lesung {
	width: 231px;
	height: 68px;
	background: url(images/menu4_lesung.png) no-repeat;
	left: 42px;
	top: 250px;
}
#menu_veranstaltungen .lesung span {
	display: none;
}
#menu_veranstaltungen .festtag {
	width: 231px;
	height: 78px;
	background: url(images/menu4_festtag.png) no-repeat;
	left: 42px;
	top: 320px;
}
#menu_veranstaltungen .festtag span {
	display: none;
}
#menu_veranstaltungen .austellung {
	width: 231px;
	height: 63px;
	background: url(images/menu4_ausstellung.png) no-repeat;
	left: 42px;
	top: 392px;
}
#menu_veranstaltungen .austellung span {
	display: none;
}
/* kontakt.html */
.kontakt {
	background-image: url(images/bg_kontakt.png);
}
#menu_kontakt {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 400px;
	height: 500px;
	position: relative;
	background-color: transparent;
	float:right;
}
#menu_kontakt span {
	display: none;
	position: absolute;
}
#menu_kontakt a {
	display: block;
	text-indent: -900%;
	position: absolute;
    outline: none;
}
#menu_kontakt a:hover {
	background-position: left bottom;
}
#menu_kontakt a:hover span {
	display: block;
}
#menu_kontakt .mail {
	width: 201px;
	height: 30px;
	background: url(images/mail.png) no-repeat;
	right: 47px;
	top: 500px;
}