html {
	height: 101%;
}
* {
  margin: 0px;
  padding: 0px;
}
body {
         font-family: Arial Black, Helvetica, sans-serif;
		 font-size: 14px;
		 color: black;
         }
.abstand_li {
		margin-left: 16px;
		}
#navigation {
         position: fixed;
         top: 0px;
         left: 50%;
         height: 135px;
         width: 600px;
         margin-left: -300px;
         background-color: #ffffff;
         z-index: 10;
		 padding: 0px;
		}
#main {
         position: relative;
         top: 150px;
         left: 50%;
         width: 600px;
         margin-left: -300px;
		 background-color: #ffffff;
		 padding: 0px;
         z-index: 1;
		}
.clearing {
		clear: both;
}
#ueberschrift {
		font-size: 56px;
		padding-bottom: 0px;
		margin-bottom: 5px;
		}
#programm {
		width: 120px;
		float: left;
		font-size: 17px;
		}
#verein {
		width: 80px;
		float: left;
		margin-left: 25px;
		font-size: 17px;
		}
#kuenstler {
		width: 110px;
		float: left;
		margin-left: 25px;
		font-size: 17px;
		}
#impressum {
		width: 125px;
		float: left;
		margin-left: 25px;
		font-size: 17px;
		}
#shop {
		width: 60px;
		float: left;
		text-align: right;
		font-size: 17px;
		margin-left: 25px;
		}
#vermittlung {
		width: 150px;
		float: left;
		font-size: 17px;
		}
#mitglieder {
		width: 130px;
		float: left;
		font-size: 17px;
		margin-left: 25px;
		}
#kontakt {
		width: 100px;
		float: left;
		font-size: 17px;
		margin-left: 25px;
}
#newsletter {
		width: 140px;
		float: left;
		text-align: right;
		font-size: 17px;
		margin-left: 25px;
}
#zweizehn,
#zweineun,
#zweiacht,
#archiv {
		width: 80px;
		float: left;
		font-size: 17px;
		margin-top: 10px;
		margin-bottom: 20px;
}
#programm a:hover,
#verein a:hover,
#kuenstler a:hover,
#impressum a:hover,
#shop a:hover,
#vermittlung a:hover,
#mitglieder a:hover,
#kontakt a:hover,
#newsletter a:hover,
#navi_programm a:hover,
#zweizehn a:hover,
#zweineun a:hover,
#zweiacht a:hover,
#archiv a:hover,
#jg a:hover,
#jg2009 a:hover,
#jg2008 a:hover
 {
		font-size: 17px;
		text-decoration: none;
		color: #00ffff;
        background-color: #000000;
		padding-left: 4px;
		padding-right: 4px;
		}
#programm a,
#verein a,
#kuenstler a,
#impressum a,
#shop a,
#vermittlung a,
#mitglieder a,
#kontakt a,
#newsletter a,
#navi_programm a,
#zweizehn a,
#zweineun a,
#zweiacht a,
#archiv a,
#jg a,
#jg2009 a,
#jg2008 a
 {
		text-decoration: none;
		color: black;
}
a { text-decoration: none; outline: none; }
#impressum_re a {
		font-size: 11px;
		color: #999999;
		}
#impressum_re a:hover {
		color: #00ffff;
        background-color: #000000;
		}
.blau {
        background-color: #0033ff;
        color: #ffffff;
		padding-left: 4px;
		padding-right: 4px;
}
p a {
        text-decoration: none; 
		outline: none;
		color: #999999;
        text-decoration: none;
}
p a:hover {
        color: #00ffff;
        background-color: #000000;
}
#navi_programm li {
		list-style-type: none;
		font-size: 17px;
		}
h2 {
		font-size: 17px;
		margin-bottom: 0px;
		}
h2 a:link, h2 a:visited  {
         text-decoration: none;
         color: #000000;
         display: block;
         }
h2 a:hover {
         color: #00ffff;
         background-color: #000000;
         padding-left: 3px;
         display: block;
        }
#newsframe {
         position: absolute;
         top: 3px;
         left: 50%;
         height: 1400px;
         width: 170px;
         margin-left: 320px;
         border: 0px solid black;
         } 
#kontakt_frame {
         position: fixed;
         top: 3px;
         left: 50%;
         height: 600px;
         width: 170px;
         margin-left: -480px;
         border: 0px solid black;
         } 
form {
		font-size: 14px;
		width: 160px;
		}
label {
		font-size: 11px;
		display: block;
		text-align: right;
		width: 160px;
		}
input#absender, input#ihrname, textarea {
		width: 160px;
		border: 1px solid black;
		}
textarea {
		height: 200px;
		border: 1px solid black;
		}
input#send {
		font-family: Arial Black, Helvetica, sans-serif;
		font-size: 14px;
		text-align: right;
		width: 160px;
		border: 0px;
		cursor: pointer;
		background-color: white;
		}
input#anmeldung, input#abmeldung {
		font-size: 30px;
		}
#impressum_re {
         width: 170px;
         font-size: 11px;
         }
#impressum_re p {
	text-align: left;
	}
.p {
        margin-top: 0px;
        margin-bottom: 14px;
}
td {
         font-size: 12px;
         }
td a:link, td a:visited {
         font-size: 12px;
		 text-decoration: none;
         color: #000000;
         padding-left: 4px;
         padding-right: 4px;
         }
td a:hover {
		color: #00ffff;
        background-color: #000000;
		padding-left: 4px;
		padding-right: 4px;
		}
p {
	text-align: justify;
	margin-bottom: 14px;
	}
p.abstandoben {
         text-align: right;
         margin-top: 14px;
         margin-bottom: 0px;
         }
p.abstandunten {
		text-align: right;
		margin-top: 0px;
		margin-bottom: 0px;
		}
p.name {
         font-size: 17px;
         margin-bottom: 14px;
		 text-align: right;
         }
.text a:link, .text a:visited {
        color: #999999;
        text-decoration: none;
		vertical-align: top;
}
.text a:hover {
        color: #00ffff;
        background-color: #000000;
		vertical-align: top;
}
hr {
        margin-top: 28px;
        margin-bottom: 34px;
        color: #000000;
        background-color: #000000;
        border: 1px solid black;
        height: 0,5px;
}
.liste  {
         font-size: 14px;
         margin-bottom: 0px;
         }
.liste a:link, .liste a:visited {
         text-decoration: none;
         color: #000000;
         }
.liste a:hover {
       color: #00ffff;
        background-color: #000000;
		padding-left: 3px;
		padding-right: 3px;
        }
#kuenstlerseite p {
		text-align: right;
		font-size: 11px;
		}
#kuenstlerseite span {
		font-size: 14px;
		}
#kuenstlerseite p.name {
		 font-size: 17px;
         margin-bottom: 14px;
		 text-align: right;
         }
#katalogeins {
         position: absolute;
         top: 237px;
         left: 50%;
         height: 150px;
         width: 150px;
         margin-left: -460px;
         background-color: #ffffff;
         font-size: 12px;
         text-align: right;
         z-index: 10;
}
#katalogzwei {
         position: absolute;
         top: 463px;
         left: 50%;
         height: 150px;
         width: 150px;
         margin-left: -460px;
         background-color: #ffffff;
         font-size: 12px;
         text-align: right;
         z-index: 10;
}
#katalogdrei {
         position: absolute;
         top: 673px;
         left: 50%;
         height: 150px;
         width: 150px;
         margin-left: -460px;
         background-color: #ffffff;
         font-size: 12px;
         text-align: right;
         z-index: 10;
}
#katalogvier {
         position: absolute;
         top: 883px;
         left: 50%;
         height: 150px;
         width: 150px;
         margin-left: -460px;
         background-color: #ffffff;
         font-size: 12px;
         text-align: right;
         z-index: 10;
}
#katalogfuenf {
         position: absolute;
         top: 1073px;
         left: 50%;
         height: 150px;
         width: 150px;
         margin-left: -460px;
         background-color: #ffffff;
         font-size: 12px;
         text-align: right;
         z-index: 10;
}
#jg {
		float: left;
		width: 150px;
		font-size: 17px;
		}
#jg2009,
#jg2008 {
		float: left;
		width: 50px;
		font-size: 17px;
		margin-left: 10px; 
		}
table {
margin-top: 17px;
margin-bottom:14px;
margin-left: auto;
margin-right: auto;
}
.bu {
         font-size: 11px;
         }
p.back {
text-align: right;
}
.back a:link, .back a:visited {
         color: #999999;
         text-decoration: none;
         }
.back a:hover {
         color: #00ffff;
         background-color: #000000;
		 padding-left: 3px;
		 padding-right: 3px;
         }
.img {
         text-align: center;
         margin-top: 17px;
         }
#programm a.blaulink,
#verein a.blaulink,
#kuenstler a.blaulink,
#impressum a.blaulink,
#shop a.blaulink,
#vermittlung a.blaulink,
#mitglieder a.blaulink,
#kontakt a.blaulink,
#newsletter a.blaulink,
#navi_programm a.blaulink,
#zweizehn a.blaulink,
#zweineun a.blaulink,
#zweiacht a.blaulink,
#archiv a.blaulink,
#jg a.blaulink,
#jg2009 a.blaulink,
#jg2008 a.blaulink,
#main a.blaulink
		 {
         color: #ffffff;
         background-color: #0033ff;
         padding-left: 4px;
         padding-right: 4px;
         text-decoration: none;
         }
#programm a.blaulink:hover,
#verein a.blaulink:hover,
#kuenstler a.blaulink:hover,
#impressum a.blaulink:hover,
#shop a.blaulink:hover,
#vermittlung a.blaulink:hover,
#mitglieder a.blaulink:hover,
#kontakt a.blaulink:hover,
#newsletter a.blaulink:hover,
#navi_programm a.blaulink:hover,
#zweizehn a.blaulink:hover,
#zweineun a.blaulink:hover,
#zweiacht a.blaulink:hover,
#archiv a.blaulink:hover,
#jg a.blaulink:hover,
#jg2009 a.blaulink:hover,
#jg2008 a.blaulink:hover,		 
#main a.blaulink:hover
		 {
         color: #00ffff;
         background-color: #000000;
         padding-left: 4px;
         padding-right: 4px;
         }
#info {
         float: left;
         width: 280px;
         margin-top: 17px;
         padding: 0px;
         text-align: left;
         }
#bild {
         float: right;
         width: 300px;
         margin-top: 22px;
         }
#klappentext {
         float: left;
         width: 595px;
         margin-top: 17px;
         }
p.au {
         font-size: 17px;
         margin-top: 0px;
         margin-bottom: 14px;
         text-align: left;
         }
p.left {
         text-align: left;
         }
#english {
		 text-align: right; 
		 margin-top: 5px; 
		 margin-bottom: 0px;
		 color: white;
		 }
#english a {		 
		text-decoration: none;
		color: white;
}