/*PROLOG*/
* {margin:0px; padding:0px; font-family:arial, verdana, sans-serif;}
a img {border:none;}
* {border: none;}
map {border: none;}
html{background-image: url(../gfx/hintergrund.jpg);}
ul {list-style: none;}
/*table {margin-left: 100px; font-size: 12px;}*/
.table2 {margin-left: 100px; font-size: 12px;}
/*####################################################################*/
/*Listen*/
.li_nav {float:left;}
.cd_liste {margin-left: 60px;}
/*####################################################################*/
/*SCHRIFT*/
.text {width: 660px;}
.vita_text {width: 660px; font-family:Courier New, Courier; margin-left: 20px;}
.vita_text_2 {width: 660px; font-family:Courier New, Courier;}
.p_notiz {margin-left: 15px;}
.h_notiz {margin-bottom: 20px;}
.projekt_text {width: 550px;}
.clear {clear: both;}
.right {float: right}
.kontakt_text {font-family:Courier New, Courier; margin-left: 20px;}
.f_left {margin-left: 24px; font-family: Courier New, Courier; width: 180px; float: left; clear: left; height: 22px; vertical-align: bottom;}
.f_right {height: 22px; font-family: Courier New, Courier;}
.text_cd {font-size: 14px;}
.projekt_text {font-family:Courier New, Courier; margin-left: 20px;}
.error {color: red; font-size: 16px;}
.mes {color: red; font-size: 16px; width: 400px;}
.ausgabe_text {font-family:Courier New, Courier; margin-left: 20px; font-size: 18px; width: 500px;}
/*####################################################################*/
/*DIVS*/
#head {height: 375px; background-image: url(../gfx/banner_hintergrund.png); background-repeat: repeat-x; width: 100%; background-position:center 30px; }
#banner {height:250px; margin: auto; width: 1100px; position: relative;}
#banner_bild {position: absolute; right:0px; width: 230px; z-index: 1;}
#banner_titel {position: absolute; width: 600px; bottom: 50px;}
#navigation {position: relative; margin: auto;  width: 901px; z-index: 20;}
#content {width: 901px; margin: auto; padding-bottom: 40px; position: relative;}
#notizzettel {width: 260px; height: 360px; background-image: url(../gfx/block_hintergrund_b.png); background-repeat: no-repeat; position: absolute; top: 390px; left: 50%; margin-left: 400px; padding-top: 60px; padding-left: 10px;}
#footer {height: 67px; background-color: #DDDACF;  background-image: url(../gfx/footer_hintergrund_b.gif);background-repeat: repeat-x;}
#footer_p {width: 901px; margin: auto; padding-top: 8px; color: #202328; font-size: 12px; font-family: Verdana, sans-serif;}
#footer_left {width: 530px; float: left;}
#footer_right {text-align: right;}
#form_box{padding-left: 10px; padding-top: 15px; background-repeat: no-repeat;}
#link_box {position: absolute; width: 400px; height: 600px; background-image: url(../gfx/link_hintergrund.png); background-repeat: no-repeat; top: 394px; left: 50%; margin-left: 100px;}
.link_box_text{ padding: 90px 0px 0px 20px;}
.cd{float: left; margin-top: 90px;}
.cd_text {background-image: url(../gfx/cd_text_hintergrund.png); background-repeat: no-repeat; width: 615px; height: 340px; margin-left: 250px; padding: 100px 0px 0px 15px;}
#player {visibility: visible;}
.top {text-align: right; padding-right: 50px;}
.dreamer_cd {margin: 20px 0px 0px 300px;}
.auf_gehts_cd {margin:  -40px 0px 0px 320px;}
#ausgabe {height: 480px; width: 700px; background-image: url(../gfx/cd_text_hintergrund.png); background-repeat: no-repeat;}
#kaufmich {position: absolute; margin-left: 400px;}
#starttext {margin: 0px 0px 0px 0px; z-index: 300;}
#startbilder {float: left; margin-top: 100px;}
#termine {position: absolute; left: -40px; top: 590px;}
.textblock {background: transparent url(../gfx/papier_02.png); background-repeat: repeat-y; margin-top: -4px;}
.textAnfang {margin-bottom: 0px;}
/*################### Handzeichen ##########################*/
.hand {position: absolute; left:50%;  z-index: -1;}
#hand_haus {margin: 150px 0px 0px -100px;}
#hand_brief {margin:550px 0px 0px -10px; z-index: -1;}
#hand_neue_cd {margin: 130px 0px 0px -50px;}
#hand_pop-on-the-block {z-index: -1;}
#hand_zillertal {margin:2320px 0px 0px -450px; z-index: -1;}
#hand_floete {margin: 760px 0px 0px 300px; z-index: -1;}
#doppelkreuz {margin: 100px 0px 0px -400px;}
#fuenf  {margin: 120px 0px 0px 400px;}
#obama {margin: 540px 0px 0px -500px;}
#haus2 {margin: 320px 0px 0px 320px;}
#kasette {margin: 700px 0px 0px 280px;}
#roger {margin: 790px 0px 0px -120px;}
#mobil {margin: 870px 0px 0px 120px;}
#blockfloete {margin: 520px 0px 0px 320px;}
#fax {margin: 320px 0px 0px 100px;}
#ebs {margin: 850px 0 0 400px; position: absolute;}

#b-floete {margin: 250px 0 0 230px;}
#blockfloete2 {margin: 720px 0px 0px 230px;}
#e-bass {margin: 1800px 0 0 230px;}
#obama2 {margin: 1400px 0 0 180px;}
#welle {margin: 2200px 0 0 -500px;}
#schueler {margin: 2850px 0 0 100px;}
/*####################################################################*/
/*LINKS*/
a:link {text-decoration: none; color:#202328; font-size:18px; font-family:typewriter, Courier New, Courier, Verdana, serif;}
a:visited{ text-decoration: none; color:#202328; font-size:18px; font-family:typewriter, Courier New, Courier, Verdana, serif;}
a:active { text-decoration: none; color:#202328; font-size:18px; font-family:typewriter, Courier New, Courier, Verdana, serif;}
a:hover { color:#9e0e17; font-size:18px; font-weight:normal; font-family:typewriter, Courier New, Courier, Verdana, serif;}

a:link.best {text-decoration: none; color:#e31e3c; font-size:18px; font-family:typewriter, Courier New, Courier, Verdana, serif;}
a:visited.best{ text-decoration: none; color:#e31e3c; font-size:18px; font-family:typewriter, Courier New, Courier, Verdana, serif;}
a:active.best { text-decoration: none; color:#e31e3c; font-size:18px; font-family:typewriter, Courier New, Courier, Verdana, serif;}
a:hover.best { color:#9e0e17; font-size:18px; font-family:typewriter, Courier New, Courier, Verdana, serif;}

a:link.in {text-decoration: underline; color:#202328; font-size:16px; font-family:typewriter, Courier New, Courier, Verdana, serif;}
a:visited.in{ text-decoration: underline; color:#202328; font-size:16px; font-family:typewriter, Courier New, Courier, Verdana, serif;}
a:active.in { text-decoration: underline; color:#202328; font-size:16px; font-family:typewriter, Courier New, Courier, Verdana, serif;}
a:hover.in { color:#9e0e17; font-size:16px; font-weight:normal; font-family:typewriter, Courier New, Courier, Verdana, serif;}

a:link {text-decoration: none; color:#202328; font-size:18px; font-family:typewriter, Courier New, Courier, Verdana, serif;}
a:visited{ text-decoration: none; color:#202328; font-size:18px; font-family:typewriter, Courier New, Courier, Verdana, serif;}
a:active { text-decoration: none; color:#202328; font-size:18px; font-family:typewriter, Courier New, Courier, Verdana, serif;}
a:hover { color:#9e0e17; font-size:18px; font-weight:normal; font-family:typewriter, Courier New, Courier, Verdana, serif;}

a:link.inner {text-decoration: none; color:#202328; font-size:12px; border-bottom: dotted 1px #202328; font-family: Verdana, sans-serif; }
a:visited.inner {text-decoration: none; color:#202328; font-size:12px; border-bottom: dotted 1px #202328; font-family: Verdana, sans-serif;}
a:active.inner {text-decoration: none; color:#202328; font-size:12px; border-bottom: dotted 1px #202328; font-family: Verdana, sans-serif;}
a:hover.inner {color:#202328; font-size:12px; font-weight:normal; border-bottom: solid 1px #202328; font-family: Verdana, sans-serif;}

a:link.mail {text-decoration: none; color:#9e0e17; font-size:16px; border-bottom: dotted 1px #9e0e17; font-family: Courier New, Courier, Verdana, serif;}
a:visited.mail {text-decoration: none; color:#9e0e17; font-size:16px; border-bottom: dotted 1px #9e0e17; font-family: Courier New, Courier, Verdana, serif;}
a:active.mail {text-decoration: none; color:#9e0e17; font-size:16px; border-bottom: dotted 1px #9e0e17; font-family: Courier New, Courier, Verdana, serif;}
a:hover.mail {color:#202328; font-size:16px; font-weight:normal; border-bottom: solid 1px #202328; font-family: Courier New, Courier, Verdana, serif;}

a:link.subnav2 {text-decoration: none; color:#9e0e17; font-size:16px; font-family: typewriter, Courier New, Courier, Verdana, serif;}
a:visited.subnav2 {text-decoration: none; color:#9e0e17; font-size:16px; font-family: typewriter, Courier New, Courier, Verdana, serif;}
a:active.subnav2 {text-decoration: none; color:#9e0e17; font-size:16px; font-family: typewriter, Courier New, Courier, Verdana, serif;}
a:hover.subnav2 {color:#202328; font-size:16px; font-weight:normal; font-family: typewriter, Courier New, Courier, Verdana, serif;}

/*####################################################################*/
/*FORMULAR*/
input {border: none; border-bottom: 1px solid #202328; width: 250px; background: none; font-family: typewriter; font-size: 14px;}
.textFeldError {border-bottom: 1px solid red;}
.form {border: none; border-bottom: 1px solid #202328; width: 250px; background: none; font-family: typewriter; font-size: 14px;}
textarea {border: 1px solid #202328; background: none; width: 250px; height: 200px; font-family: typewriter;}
.submit {border: 1px solid #000;}
/*kal*/
#kalender {position: absolute; top: 640px; left: -10px; background: transparent url(../gfx/postit.png); width: 300px; height: 304px; padding: 20px 0 0 24px; margin-left: 0px;}
#kalender a {color: #fff;}
#kalTab {color: #334874; font-size: 14px; font-family: Times, serif;}
#kalTab tr {height: 25px;}
#kalTab td {width: 35px; text-align: center;}
#kalTab .sec {color: #a3a3a3;}
#kalTab .akt {color: red;}
#kalTab .term {cursor: pointer;}
#kalTab .kalHi {background: transparent url(../gfx/hi.gif);}
#kalTab .kalHiDay {font-weight: bold;}
#kalTab td.td2 {text-align: center;}
#kalTab td.td3 {text-align: left;}
#kalTab .jahr {text-align: center; font-size: 18px; font-weight: bold; padding-top: 10px; font-family:Arial, Verdana, sans-serif;}
#toolTip {position: absolute; widows: 0px; height: 0px; background-color: #fff; z-index: 9999999; padding: 5px; background: transparent url(../gfx/postit.png);}
#toolTipZu {width: 98%; text-align: right; display: block; font-weight: bold; color:#202328; font-size:18px; font-family: Verdana, sans-serif; cursor: pointer;}
#toolTipZu:hover {text-decoration: underline;}
#toolTipBackground{display:none; position:fixed;  _position:absolute; height:100%; width:100%; top:0; left:0; background:#000; z-index:1;}

/* ######### jPopup ######### */
#jPopupAlpha {display:none; position:fixed;  _position:absolute; height:100%; width:100%; top:0; left:0; background:#000; z-index:99998;}
#jPopup {display:none; position:fixed;  _position:absolute; height:400px; width:800px; background:#fff; z-index:99999; padding: 10px; border: solid 2px #B1C4D0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -webkit-box-shadow: #000 0 0 12px; -moz-box-shadow: #000 0 0 12px; background: white url(../gfx/jPopup_hintergrund.gif); background-repeat:  no-repeat;} 
#jPopupClose {position: absolute; display: block; right: 12px; top: 6px; font-size: 120%; font-weight: bolder; cursor: pointer;}
#jPopUpSetTrue {display: none; width: 900px; margin: auto;}
.projectField {width: 100px; height: 100px; float: left; margin: 50px 20px 20px 0px;  background: transparent url(../gfx/hintergrundProjekte.jpg);  -webkit-box-shadow: #000 0 0 10px; -moz-box-shadow: #000 0 0 10px; }
.projectField a {display: block; position: relative; background: transparent url(../gfx/hintergrundProjekte.jpg); height: 100px; width: 100px;}
.projectField a span {background:url(../gfx/hintergrundProjekte.jpg) no-repeat scroll bottom left; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100; text-indent: -9999em;}
.firstProjectField {margin-left: 160px;}
a.RB {background-position: 0px -100px;}
a.RB span {background-position: 0px -0px;}
a.RAB {background-position: -200px -100px;}
a.RAB span {background-position: -200px -0px;}
a.SD {background-position: -300px -100px;}
a.SD span {background-position: -300px 0px;}
a.MRSBS {background-position: -100px -100px;}
a.MRSBS span {background-position: -100px -0px;}
a.POTB {background-position: -400px -100px;}
a.POTB span {background-position: -400px -0px;}
#musicalDirectorLogo {margin-left: 190px; cursor: pointer;}
#changer {position: absolute; bottom: 10px; right: 0px;}
#change {width: 50px;}
#projectOutPut {text-align: center; clear: both;  font-size: 30px; color: #9e7035; margin-bottom: 20px;}