#kopf #banner {width: 580px; height: 160px; margin: auto; background: transparent url(../gfx/banner_hintergrund.png); padding: 10px;}
#kopf .links, #kopf .mitte, #kopf .rechts {margin: 30px 4px 0 0;}
#kopf .links {margin-left: 19px;}
#kopfm {margin-left: 225px;}
#kopfr {margin-left: 455px;}

#inhalt .short_text {width: 350px; margin: 35px 0 35px 0; font-size: 90%;}
#inhalt .hor_trenner {margin: auto; width: 300px; display: block; margin-top: 35px; margin-bottom: 35px;}
#inhalt .slogan_start {margin-left: 60px; margin-top: 40px;}
#inhalt #mitglieder_liste {font-size: 100%; font-style: italic;}
#inhalt #mitglieder_liste span {font-weight: bold; font-style: normal;}
#inhalt .spalte {width: 150px; margin-right: 5px; float: left; font-size: 80%;}
#inhalt .zeile {clear: both; margin-top: 20px; height: 130px;}

#inhalt a {color: #a7620f; border-bottom: 1px dotted #a7620f; text-decoration: none;}
#inhalt a:hover {color: #a7620f; border-bottom: 1px solid #a7620f;}
#inhalt .spalte a {border: none;}

#inhalt #refeliste2 {visibility: hidden; display: none;}

#inhalt p.formLinks{width: 150px; float: left; text-align: right; margin: 0 5px 5px 0px; clear: left;}
#inhalt p.formRechts {margin: 0 0px 5px 0px;}
#inhalt p.textAreaLinks{width: 150px; float: left; text-align: right; margin: 0 5px 15px 0px; clear: left;}
#inhalt p.textAreaRechts {margin: 0 0px 15px 0px;}


#inhalt2 #grundriss {position: relative;}
#inhalt2 #grundriss #mausOver {position: absolute; background-color: #fff; top: 60px; left: 170px;  visibility: hidden; border: 2px solid silver; padding: 4px;}

h1 {text-indent: -9999em; width: 448px; height: 48px; display: block;}
h1#slogan_1 {background: transparent url(../gfx/slogan_1.gif);}
h1#slogan_die_band {background: transparent url(../gfx/slogan_die_band.gif);}
h1#slogan_presse {background: transparent url(../gfx/slogan_presse.gif);}
h1#slogan_junioren {background: transparent url(../gfx/slogan_junioren.gif);}
h1#slogan_die_geschichte {background: transparent url(../gfx/slogan_geschichte.gif);}
h1#slogan_pressefotos {background: transparent url(../gfx/slogan_pressefotos.gif);}
h1#slogan_bandinformationen {background: transparent url(../gfx/slogan_bandinformationen.gif);}
h1#slogan_kontakt {background: transparent url(../gfx/slogan_kontakt.gif);}
h1#slogan_medien {background: transparent url(../gfx/slogan_media.gif);}
h1#slogan_loewenkaefig {background: transparent url(../gfx/slogan_loewenkaefig.gif);}

#footer p {width: 900px; margin: auto; padding: 23px 0 0 0; font-size: 90%;}
#footer a {color: #8c7c6d; text-decoration: underline;}
#footer a:hover {text-decoration: none;}

/*#spalte h3 {text-indent: -9999em;  width: 298px; height: 34px; display: block;}
#spalte h3.video {background-image: url(../gfx/h3_video.gif);}
#spalte h3.fotos {background-image: url(../gfx/h3_fotos.gif); margin-top: 40px;}
#spalte h3.musiktipp {background-image: url(../gfx/h3_musiktipp.gif); margin-top: 40px;}
#spalte h3.termine {background-image: url(../gfx/h3_termine.gif); margin-top: 40px;}
#spalte h3.unterpunkte {background-image: url(../gfx/h3_unterpunkte.gif); margin-top: 40px;}
#spalte h3.downloads {background-image: url(../gfx/h3_downloads.gif); margin-top: 40px;}
#spalte h3.kontakt {background-image: url(../gfx/h3_kontakt.gif); margin-top: 40px;}
#spalte h3.adresse {background-image: url(../gfx/h3_adresse.gif); margin-top: 40px;}*/
#spalte h3.unterpunkte {margin-top: 10px;}

#spalte #subnav li {margin-bottom: 5px;}

#spalte #subnav a, #spalte #download_link a, #spalte address a {color: #c9963f; text-decoration: none; border-bottom: 1px dotted #c9963f;}
#spalte #subnav a span,  #spalte address a span, #download_link a span {color: #a7620f;}
#spalte #subnav a:hover,  #spalte address a:hover, #spalte #download_link a:hover {text-decoration: none; border-bottom: 1px solid #a7620f; color: #a7620f;}
#spalte h4.soh4 {text-align: left; width: 130px; float: left; line-height: 42px;}

#main #inhalt2 p a {color: #c9963f; text-decoration: none; border-bottom: 1px dotted #c9963f;}
#main #inhalt2 p a:hover {color: #a7620f; text-decoration: none; border-bottom: 1px dotted #a7620f;}

ul#termin {/*border: 1px solid silver;*/ font-size: 90%; color: #c9963f;}
ul#termin span {font-weight: bold; color: #a7620f;}

ul#set {list-style-type: disc;}
ul#set li {margin-left: 30px;}

#promo {position: absolute; top: 260px;}

#player .teaser {height: 10px; color: #d3d3d3; font-size: 72%; padding-top: 34px; padding-left: 2px;}
#player .leiste {margin: 0px 0px 0 0; float: left; width: 62px;}
#player .leiste img {margin-left: 4px;}
#player .text {color: #000; font-size: 80%; float: right; margin: 4px 2px 0 0;}

#ende div {width: 900px; margin: auto; background-color: #120d0b;}
#ende p {font-size: 70%; float: right;}
#ende input {border: 1px solid silver; background-color: #272322; color: #8c7c6d; padding: 1px; width: 120px;}

#ende #partner {clear: both; width: 650px; margin-top: 80px;}
#ende #partner p {width: 100px; height: 45px; float: left;}
/*Parallax*/
#parallax {position:relative; overflow:hidden; width: 900px; height:300px;}

/*Formulare*/
textarea {width: 350px; height: 170px; border: 1px solid #222; padding: 2px;}
input {width: 280px; border: 1px solid #222; padding: 2px;}

/*Mainnavigation Anfang*/
#mainnav {position: absolute; top: 34px; left: 50%; margin-left: -450px; width: 900px; background: transparent url(../gfx/nav_hintergrund.png); height: 45px;}
#navigation li {float: left; text-indent: -999999999999em; font-size: 1%}
#navigation li a {background-image: url(../gfx/navigation.png); display: block; position: relative;}
#navigation li a span {background:url(../gfx/navigation.png) no-repeat scroll bottom left; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;}
.startseite	{background-position:-20px -1px; width:105px; height:45px;}
.die_band {background-position:-125px -1px; width:120px; height:45px;}
.loewenkaefig {background-position:-246px -1px; width:116px; height:45px;}
.media {background-position:-362px -1px;width:103px;height:45px;}
.information {background-position:-466px -1px; width:150px; height:45px;}
.kontakt {background-position:-616px -1px; width:103px; height:45px;}
#navigation a .hover {background:url(../gfx/navigation.png) no-repeat; display: block; opacity: 0; position: relative; top: 0; left: 0; height: 100%; width: 100%;}
#navigation li a.startseite span {background-position: -20px -46px;}
#navigation li a.die_band span {background-position: -125px -46px;}
#navigation li a.loewenkaefig span {background-position: -246px -46px;}
#navigation li a.media span {background-position: -362px -46px;}
#navigation li a.information span {background-position: -466px -46px;}
#navigation li a.kontakt span {background-position: -616px -46px;}
/*Mainnavigation Ende*/
/*Endnavigation*/
#navigation_ende {position: relative; height: 45px; width: 530px; margin-left: 100px;}
#navigation_ende li a {background-image: url(../gfx/ende_hintergrund.gif); display: block; position: relative;}
#navigation_ende li {float: left; text-indent: -999999999999em; font-size: 1%}
#navigation_ende li a span {background:url(../gfx/ende_hintergrund.gif) no-repeat scroll bottom left; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100; text-indent: -99999em;}
#navigation_ende li a.pattex {width: 52px; height: 45px; background-position: 0px 0px;}
#navigation_ende li a.pattex span {width: 52px; height: 45px; background-position: 0px -45px;}
#navigation_ende li a.ponal {width: 52px; height: 45px; background-position: -56px 0px;}
#navigation_ende li a.ponal span {width: 52px; height: 45px; background-position: -56px -45px;}
#navigation_ende li a.sista {width: 52px; height: 45px; background-position: -110px 0px;}
#navigation_ende li a.sista span {width: 52px; height: 45px; background-position: -110px -45px;}
#navigation_ende li a.ceresit {width: 90px; height: 45px; background-position: -163px 0px;}
#navigation_ende li a.ceresit span {width: 90px; height: 45px; background-position: -163px -45px;}
#navigation_ende li a.pritt {width: 52px; height: 45px; background-position: -254px 0px;}
#navigation_ende li a.pritt span {width: 52px; height: 45px; background-position: -254px -45px;}
#navigation_ende li a.metylan {width: 52px; height: 45px; background-position: -310px 0px;}
#navigation_ende li a.metylan span {width: 52px; height: 45px; background-position: -310px -45px;}
#navigation_ende li a.henkelhaus {width: 168px; height: 45px; background-position: -362px 0px;}
#navigation_ende li a.henkelhaus span {width: 168px; height: 45px; background-position: -362px -45px;}
/*Endnavigation Ende*/

/*Socail Navigation Start*/
#socialnetwork div {position: relative; height: 44px; width: 250px;}
#socialnetwork li {float: left; text-indent: -999999999999em; font-size: 1%}
#socialnetwork li a {background-image: url(../gfx/socialnav.gif); display: block; position: relative;}
#socialnetwork li a span {background:url(../gfx/socialnav.gif) no-repeat scroll bottom left; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100; text-indent: -99999em;}
#socialnetwork li a.facebook {width: 30px; height: 44px; background-position: 0px 0px;}
#socialnetwork li a.facebook span {width: 30px; height: 44px; background-position: 0px -44px;}
#socialnetwork li a.youtube {width: 80px; height: 44px; background-position: -30px 0px;}
#socialnetwork li a.youtube span {width: 80px; height: 44px; background-position: -30px -44px;}
/*Socail Navigation Ende*/

/*Socail Navigation Start*/
#socialnav div {position: relative; height: 44px; width: 250px;}
#socialnav li {float: left; text-indent: -999999999999em; font-size: 1%}
#socialnav li a {background-image: url(../gfx/socialnav_hell.gif); display: block; position: relative;}
#socialnav li a span {background:url(../gfx/socialnav_hell.gif) no-repeat scroll bottom left; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100; text-indent: -99999em;}
#socialnav li a.facebook {width: 30px; height: 44px; background-position: 0px 0px;}
#socialnav li a.facebook span {width: 30px; height: 44px; background-position: 0px -44px;}
#socialnav li a.youtube {width: 80px; height: 44px; background-position: -30px 0px;}
#socialnav li a.youtube span {width: 80px; height: 44px; background-position: -30px -44px;}
/*Socail Navigation Ende*/