/************************************************
 * Mainstyle / Partyband-DaCapo                 *
 ************************************************
 * Design & Layout by:                          *
 *   Sven guthjahr <sven@3easysteps.de>         *
 *   Peter Körner <peter@3easysteps.de>         *
 ************************************************/

body {
 background: url('back.gif') #FF7F00 repeat-x fixed;
 /* padding: 25px; */
 text-align: center;
}
#outer { 
 width: 890px; 
 margin: 0px auto; 
 position: relative;
 text-align: left;
}

#head {
 margin-left: 165px;
 
 background: url('lightbar.jpg') no-repeat top;
 border-top: 1px solid black;
}
#head div {
 position: relative;
 top: 52px;
 /* margin-top: 52px; */
 height: 89px;
 background: url('picbar.jpg') no-repeat;
}
#head h1 {
 position: absolute;
 background: url('logo.png') no-repeat;
 margin: 0px;
 top: 20px;
 left: 0px;
 width: 419px;
 height: 121px;
}
#head h1 span { visibility: hidden; }

#newsTicker { 
 top: 60px;
 left: 170px;
 height: 16px;
 width: 720px;
 color: white; 
 overflow: hidden;
 /* border: 1px solid red; */
 list-style-type: none;
}

#newsTicker a { color: white; }
#newsTicker { padding: 0px; margin: 0px; list-style-type: none; position: relative; }
#newsTicker li { position: absolute; white-space: nowrap; font-family: monospace; }

#menu { width: 160px; float: left; margin-top: 65px; position: fixed; }
#menu ul { list-style-type: none; padding: 0px; margin: 0px; }
#menu li a {
 display: block;
 height: 21px;
 background: url('menu.item.gif') no-repeat;
 text-align: right;
 text-decoration: none;
 color: white;
 font: bold 80% sans-serif;
 padding: 3px 5px;
}
#menu li a span { visibility: hidden; }
#menu li.act a { background: url('menu.item.act.gif') no-repeat; }
#menu li a:hover span { visibility: visible; }
#menu ul ul { margin-left: 10px; background: url('menu.submenu.gif') bottom left; margin-bottom: 5px;}
#menu li li { padding-left: 5px; }
#menu li li a { background: none !important; text-align: left; padding-bottom: 0px; }
#menu li li a:hover { color: #FF5C00; }
#menu li li.act a { color: #FF5C00; }
#menu li li.act a span { visibility: visible; }

#content {
 display: block;
 margin-top: 65px;
 margin-left: 170px;
 padding: 0px;
 font-family: sans-serif;
 background: url('foot.left.gif') white bottom left no-repeat;
}
#innercont { 
 background: url('foot.right.gif') bottom right no-repeat;
 padding: 5px 8px 2px 8px;
}

#content h2 { 
 color: #FF5E00;
 background: url('heading.back.gif') repeat-x;
 margin: 0px;
}

#content h2 span { 
 margin-left: 0.4em;
 padding: 0px 5px;
 background-color: white; 
}

#content h2 a { 
 color: #898989;
 font-size: 90%;
 text-decoration: none;
}
#content h2 a:hover { text-decoration: none; }

#content .floatleft { float: left; }
#content .floatright { float: right; }
#content .clear { clear: both; }
#content p { font-size: 80%; color: #747474; }
#content img { margin: 0px 5px; }

#foot { margin-left: 170px; text-align: center; }
#foot a { 
 font-size: 65%; 
 font-family: sans-serif;
 text-decoration: none; 
 color:white;
}
#foot a:hover { text-decoration: underline; }

#galery { background: black; }
#galery h1, #galeryNav { color: #E2E2E2; text-align: center; font-family: sans-serif; }
#galeryNav a {color: #E2E2E2; text-decoration: none; }
#galeryNav a.act { color: white; font-size: 150%; }

#galerybox { text-align: center; }
table.galery {
 border: none;
 border-collapse: collapse;
 empty-cells: show;
 margin: 0px auto;
 text-align: left;
}
table.galery thead td, table.galery tfoot td { 
 color: #999999;
 border: none !important; 
 text-align: center;
}
table.galery thead a, table.galery tfoot a { 
 color: #999999; 
 font-size: 125%;
 font-weight: bold;
 font-family: sans-serif; 
 text-decoration: none; 
}
table.galery tbody td { 
 border: none !important;
 border-top: 3px solid #E2E2E2 !important; 
 border-left: 3px solid #E2E2E2 !important; 
 text-align: center; 
 vertical-align: middle; 
 padding: 10px;
}
table.galery img { border: none; }

table.galery tr.first td { border-top: none !important; }
table.galery td.first { border-left: none !important; }
table.galery .flex2_edit { display: inline; }

h3 { color: #666666; }
a { color: #666666; text-decoration: none; }
a:hover { text-decoration: underline; }

table.list h3 { margin: 10px 0px 0px 0px; }
table.list td { vertical-align: top; }

table.dates { font-family: sans-serif; font-size: 85%; border: none; border-collapse: collapse; padding-top: 10px; }
table.dates td.first { width: 10em; }
table.dates td { vertical-align: top; }
table.dates tr { margin-bottom: 20px; }
table.dates .date { color: #fe7f00; font-weight: bold; margin: 15px 0px 0px 0px; }
table.dates .day { color: black; font-weight: bold; }
table.dates h4 { margin: 15px 0px 0px 0px; }
table.dates h4 a { color: black; font-size: 115%; }

/* Feedback-Form [thx to Olaf Bosch @ http://olaf-bosch.de] */
#feedback{
 margin: 0 px;
 padding-bottom: 15px;
}
#feedback input{
 background: #FFFFFF;
 border: 1px solid black;
 color: #FF7F00;
 margin-top:5px;
 padding:4px;
 width:12em;
}
#feedback input.submit{
 clear:left;
 cursor:pointer;
 float:left;
 font: bold 90% sans-serif;
 margin: 10px 0 0 100px;
 padding: 1px 6px 1px 6px;
 width:auto;
}
#feedback input:focus,#feedback textarea:focus,#feedback select:focus{
 background: #EFEFEF;
 color: black;
}
#feedback label{
 clear:left;
 cursor:pointer;
 float:left;
 font-weight: bold !important;
 margin:5px 15px 0 0;
 text-align:right;
 width:12em;
}
#feedback textarea{
 -moz-border-radius-bottomright: 15px;
 -moz-border-radius-bottomleft: 15px;
 background: #FFFFFF;
 border: 1px solid black;
 color: #FF7F00;
 margin-top:5px;
 overflow:auto;
 padding:4px;
 width:15em;
}

#content .center { text-align: center; }
#content .center img { text-align: left; margin: 0px auto; }