/* filderhalle.de - headandfoot.css */
/* generelle Formatierungen */
/* content */
div#content{
     font-size:0.75em;
     line-height:1.4em;
     padding-top:20px;
     margin-left:203px;
     border-left:10px solid #b32070;
     min-height:600px;
	 background-color:#fff;
}
div#content a{
  color:#555;
  font-weight:bold;
  text-decoration:underline;
}
div#content a:hover,div#content a:active,div#content a:focus{
  color:#b32070 ! important;
}
div#content a:visited{
  color:#777;
}

a.important,a.important:active,a.important:focus{
     text-transform:uppercase;
     text-decoration:none ! important;
     color:#b32070 ! important;
}
a.important:hover{
     text-transform:uppercase;
     text-decoration:none ! important;
     color:#555 ! important;
}
p.right{
     text-align:right;
     margin:0 28px 0 0;
}
div.clear{
  clear:both;
}
div.bildstartseite{
     margin-left:30px;
}
div.infobild{
     float:right;
     margin:0px;
     margin-right:55px;
     margin-left:30px;
}
h1{
     color:#b32070;
     font-size:1em;
     text-transform:uppercase;
     letter-spacing:0.05em;
     border-top:1px dotted #b32070;
     border-bottom:1px dotted #b32070;
     margin:10px 0px 20px;
     padding:7px;
     padding-left:30px;
}
h2{
     font-size:1em;
     color:#b32070;
     margin-left:30px;
     margin-top:20px;
}
h2.alternativ{
     font-size:1em;
     text-transform:uppercase;
     color:#666;
}
h1 span{
     margin-left:10px;
     color:#555;
}
h3{
     font-size:1.2em;
     color:#666;
     padding-left:30px;
}
h3 span{
     font-size:0.6em;
     text-transform:uppercase;
     margin-left:5px;
     font-weight:normal;
}
h4{
     text-transform:uppercase;
     color:#b32070;
     margin:0px;
     margin-left:30px;
}
h5{
     font-size:1em;
     margin:0px;
}
hr{
     border-top:1px dotted #888;
     border-bottom:0px;
}
span.klein{
	font-size:0.8em;
}
img{
     border:0px;
}
img.schatten{
     border:0px;
     margin-left:-3px;
}
/* Veranstaltungskalender */
a.kalenderlink{
     width:600px;
     height:45px;
     margin-top:-5px;
     display:block;
     position:absolute;
}
div.kalender{
     border-bottom:1px solid #f4dbed;
     padding:5px 0px;
}
div.kalender:hover{
     border-left:10px solid #b32070;
     background-color:#f4dbed;
}
div.kalender:hover table{
     margin-left:30px;
}
div.kalender table{
     margin-left:40px;
     width:575px;
     border-spacing:0px;
}
div.kalender table td{
     line-height:1.4em;
}
div.kalender td.date, p.date{
     color:#b32070;
     font-size:0.8em;
}
div.kalender td.date span{
     color:#555;
     margin-left:5px;
}
div.kalender td.title{
     font-size:1.em;
     color:#555;
     font-weight:bold;
}
div.kalender td.title span{
     font-size:0.8em;
     text-transform:uppercase;
     color:#555;
     font-weight:normal;
     margin-left:5px;
}

div.kalender td.descript{
     font-size:0.8em;
     color:#888;
}
div.kalender td.link{
     width:85px;
}
div.indexbildwechsel{
	margin-left:30px;
	width:375px;	
	float:left;
}
div.indexbildwechsel a{
	float:left;
	/*width:25%;*/
	margin-top:10px;
	text-align:center;
}
a#monatzuruck{
  width:30%;
}
a#jahresuebersicht{
  width:39%;
  text-align:center;
}
a#monatvor{
  width:30%;
  text-align:right;
}
a#jahrzuruck{
  width:49%;
}
a#jahrvor{
  width:49%;
  text-align:right;
}
a#monatzuruck, a#jahresuebersicht, a#monatvor, a#jahrzuruck, a#jahrvor{
  float:left;
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
  color:#b32070;
}
a#lelogogross{
	background:#fff url('bilder/lelogogross.png');
	margin-top:50px;
	margin-right:32px;
	float:right;
	display:block;
	width:201px;
	height:124px;
}
a#lelogogross:hover{
	background-position:right;
}
ul#jahresuebersicht a{
	text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
  color:#b32070;
}
a#monatzuruck:hover, a#jahresuebersicht:hover, a#monatvor:hover,ul#jahresuebersicht a:hover{
	color:#666;
}
p.kalender{
     margin-bottom:30px;
}
ul#jahresuebersicht{
  list-style-type:none;
  text-align:center;
}
ul#jahresuebersicht li{
  margin:0.3em auto;
  text-align:left;
  width:23em;
}
/* Veranstaltungsansicht */
div.vatitel{
     border-top:1px dotted #b32070;
     border-bottom:1px dotted #b32070;
     padding:10px;
     padding-left:30px;
}
div.vatitel span.date{
     margin-right:10px;
     color:#b32070;
     font-size:1.2em;
     font-weight:bold;
}
div.vatitel span.begin{
     font-size:0.8em;
     text-transform:uppercase;
}
div.vatitel p.descript{
     text-transform:uppercase;
     color:#b32070;
     font-size:0.9em;
     margin-top:8px;
     margin-bottom:0px;
     padding:0px;
     }
div.vadescript{
     width:380px;
}
div.vadescript p{
     width:370px;
}
div.vadescript a{
     color:#666;
     font-weight:bold;
     text-decoration:none;
}
div.vadescript a:hover{
     color:#000;
}
div.vabild{
     float:right;
     margin:0px;
     margin-right:55px;
}
/* Räumlichkeiten */
div.raumlinks{
     background:#fff url('bilder/raumubersicht.png');
     width:500px;
     height:325px;
     margin:auto;
     position:relative;
     margin-top:30px;
}
div.raumlinks a span{
     visibility:hidden;
}
div.raumlinks a, div.raumlinks a:hover,div.raumlinks a:active,div.raumlinks a:focus,div.raumlinks a:visited span{
     text-decoration:none ! important;
}
a#link_grsaal{
     background-position:-140px 0px;
     display:block;
     position:absolute;
     top:53px;
     left:183px;
     width:234px;
     height:157px;
     /*
     margin-left:183px;
     margin-top:53px;*/
}
a#link_grsaal:hover{
     background:#fff url('bilder/raumubersicht.png');
     background-position:0px -325px;
}
a#link_klsaal{
     display:block;
     position:absolute;
     width:136px;
     height:139px;
     left:76px;
     top:168px;
     background-position:0px 0px;
}
a#link_klsaal:hover{
     background:#fff url('bilder/raumubersicht.png');
     background-position:-240px -325px;
}
a#link_studio1{
     display:block;
     position:absolute;
     width:75px;
     height:72px;
     left:363px;
     top:204px;
     background-position:-382px -1px;
}
a#link_studio1:hover{
     background:#fff url('bilder/raumubersicht.png');
     background-position:-397px -401px;
}
a#link_studio2{
     display:block;
     position:absolute;
     width:74px;
     height:66px;
     left:76px;
     top:239px;
     background-position:0px -141px;
}
a#link_studio2:hover{
     background:#fff url('bilder/raumubersicht.png');
     background-position: -240px -468px;
}
a#link_studio3{
     display:block;
     position:absolute;
     width:74px;
     height:65px;
     left:427px;
     top:164px;
     background-position:-384px -80px;
}
a#link_studio3:hover{
     background:#fff url('bilder/raumubersicht.png');
     background-position:-400px -326px;
}
a#link_foyer{
     display:block;
     position:absolute;
     width:207px;
     height:113px;
     left:173px;
     top:211px;
     background-position:-138px -160px;
}
a#link_foyer:hover{
     background:#fff url('bilder/raumubersicht.png');
     background-position:0px -486px;
}
a#link_fill{
     display:block;
     position:absolute;
     width:209px;
     height:185px;
     left:0px;
     top:0px;
     background-position:0px 0px;
}
a#link_fill:hover{
     background:#fff url('bilder/raumubersicht.png');
     background-position:-291px -537px;
}
div.mainraumauswahl {
     text-align:center;
}
div.mainraumauswahl a {
     color:#b32070;
     font-size:1.1em;
     font-weight:bold;
     text-decoration:none;
}
div.mainraumauswahl a:hover {
     color:#555;
}
div.mainraumauswahl table.mainubersicht{
     margin-top:20px;
}
div.mainraumauswahl table, div.mainraumauswahl table a{
     text-align:center;
     margin:20px auto;
     border-collapse:collapse;
     font-size:0.95em;
     }
div.mainraumauswahl td{
     padding:5px;
     border:1px solid #888;
}
table.mainubersicht td{
     border:0px solid #ccc;
     border-collapse:collapse;
     padding:7px 12px;
     text-align:left;
}
table.mainubersicht td div{
     visibility:hidden;
     display:none;
     position:absolute;
     background-color:#ddd;
     border:1px solid #ccc;
     padding:6px;
     margin-top:-17px;
}
table.mainubersicht td:hover div{
     visibility:visible;
     display:block;
}
table.mainubersicht tr:hover{
     background-color:#eee;
}
table.mainubersicht tr#head:hover{
     background-color:#fff;
}

/* Saalansicht */
div.saalbeschreibung{
     /*border-right:1px dotted #888;*/
     width:416px;
     text-align:justify;
     margin-top:-20px;
     margin-bottom:-5px;
}
div.saalbeschreibung p{
     padding:2px 30px;
}
div.saalbeschreibung h3{
     padding-top:30px;
}
div.rechteseite{
     width:200px;
     float:right;
     position:relative;
     padding-left:10px;
     padding-right:20px;
     margin-top:0px;
	 border-left:1px dotted #888;
}
div.rechteseite ul{
     padding:0px;
     text-align:center;
}
div.rechteseite ul li{
     display:inline;
     list-style-type:none;
}
div.rechteseite ul img{
     padding:3px;
}
div.bildcontainer img {
     position:relative;
     float:right;
     margin-top:-20px;
     margin-bottom:20px;
}
table.ubersicht{
     width:200px;
     margin-top:17px;
     text-align:center;
     margin:20px auto;
     border-collapse:collapse;
     font-size:0.95em;
}
table.ubersicht td{
     border:0px solid #ccc;
     border-collapse:collapse;
     padding:3px;
     text-align:center;
     vertical-align:bottom;
}
table.ubersicht a{
     color:#b32070;
     text-decoration:none;
     font-weight:bold;
}
table.ubersicht a:hover{
     color:#555;
}
table.ubersicht tr:hover{
     background-color:#eee;
}
table.ubersicht tr#head:hover{
     background-color:#fff;
}
ul.bestuhlung{
     list-style-type:none;
     margin-left:-20px;
}
ul.bestuhlung a{
     color:#666;
     font-weight:bold;
     text-decoration:none;
}
ul.bestuhlung a:hover{
     color:#000;
}
/*Kontakt*/
img.bildrechts{
     float:right;
     margin-right:66px;
     margin-left:30px;
}
ul.kontakt{
     margin-left:30px;
     padding:0px;
}
ul.kontakt li{
     list-style-type:none;
}

div.team{
     border-bottom:1px dotted #b32070;
     padding-top:15px;
}
div.team img{
     margin-bottom:10px;
}
div.team ul{
     float:left;
     width:382px;
}
div.team ul li{
     list-style-type:none;
}
div.team ul li.name{
     color:#b32070;
     font-weight:bold;
     font-size:1.2em;
}
div.team ul li.descript{
     font-size:0.8em;
}
div.team ul li.link {
     font-weight:bold;
     text-decoration:none;
     color:#666;
}
table.impressum, table.impressum td{
     margin-left:30px;
     border-spacing:0px;
     padding:0px;
     padding-right:3px;
     vertical-align:bottom;
}
/* Service*/
table.links{
     margin: auto;
}
table.links td{
     padding:5px;
}
/* Sitemap */
ul.sitemap{
     width:400px;
     margin:auto;
}
ul.sitemap li{
     list-style-image:url(bilder/quadrat1.jpg);
}
ul.sitemap li.subli{
     list-style-image:url(bilder/quadrat2.jpg);
}
ul.sitemap li.subliohne{
     list-style-image:none;
	 list-style-type:none;
}
ul.sitemap li.beschreibung{
     list-style-image:none;
     list-style-type:none;
     font-size:0.9em;
     margin-bottom:7px;
}
/*Anfrage*/
form p{
     margin:0px;
}
span.orange{
         color:#b32070;
         font-size:1.5em;
         font-weight:bold;
}
label {
     margin-left:10px;
  /*   width:200px;
     display:inline;*/
}
label span{
      float:left;
      position:relative;
      width:13em;
/*     position:relative; */
}
input{
     border-style:none;
     background-color:#ddd;
     color:#555;
}
select, textarea{
     color:#555;
     border:0px solid #555;
     background-color:#ddd;
     margin-bottom:3px;
}
table.formular{
     margin-left:23px;
}
table.formular td{
     padding:5px;
     vertical-align:top;
}



p.blockurl{
  float:left;
  margin:0;
  width:16em;
}
p.blockindent{
  margin-left:18.5em;
}
span.underline{
  text-decoration:underline;
}

fieldset{
  border:none;
  margin-bottom:1em;
  margin-left:23px;
}
fieldset label{
  width:15em;
  float:left;
  /*margin-left:23px;*/
}
fieldset input, fieldset select, fieldset textarea{
  margin-bottom:1em;
}
fieldset textarea{
  /*margin-left:23px;*/
}
fieldset span{
  float:none;
  position:static;
  width:auto;
}
p.formwarning{
  background-color:#FDD;
  width:75%
}