/*basic layout*/
html, body {padding: 0; margin: 0; border: 0px none #FFFFFF; height: 101%; }
body {background: #5D5D5D url(../img/bg.png) repeat-x center top; text-align: center; }
html, body, table {font: normal 12px/1.6em Arial, Helvetica, Charcoal, Sans-Serif; color: #F1F0F0; }
table td {vertical-align: top; }
/*main layout*/
#page {width: 941px; margin: 0 auto; text-align: left; }
#head {height: 192px; background: url(../img/bg-head.png) repeat-x center bottom; overflow: hidden; text-align: center; }
#cont {clear: left; overflow: hidden; margin: 0 0 0 17px; }
#navi {width: 215px; float: left; margin: 0 35px 0 0; }
#text {width: 648px; float: left; }
#foot {clear: left; text-align: center; }
#foot p {text-align: center; padding: 10px 20px; }
ol {}
/*detailed layout*/
#logos {margin: 0 0 0 17px; height: 172px; overflow: hidden; text-align: center; }
#logos .moritzband, #logos .espressoband, #logos .stompersband {float: left; width: 292px; height: 172px; padding: 0; margin: 0; line-height: 0; border: 0; overflow: hidden; }
#logos .espressoband {width: 317px; }
#logos .stompersband {}
#logos a {display: block; width: 100%; height: 137px; margin: 35px 0 0; cursor: pointer; outline: none; overflow: hidden; }
#logos h1, #logos h4 {background: none; line-height: 0; padding: 0; margin: 0; border: 0; }
#logos a {background: url(../img/band-logos.png) no-repeat 25px 0; }
#logos .moritzband a:hover, #logos .moritzband a:focus, .moritz #logos .moritzband a {background-position: 25px -50px; }
#logos .espressoband a {background-position: -280px 0; }
#logos .espressoband a:hover, #logos .espressoband a:focus, .espresso #logos .espressoband a {background-position: -280px -50px; }
#logos .stompersband a {background-position: -600px 0; }
#logos .stompersband a:hover, #logos .stompersband a:focus, .stompers #logos .stompersband a {background-position: -600px -50px; }
#logos a .logo span {display: none; }
a .visual span {display: none; }
a .visual {display: block; width: 100%; height: 85px; position: relative; top: 48px; background: url(../img/head1a.jpg) no-repeat left top; }
.moritzband a .visual {background: url(../img/head1a.jpg) no-repeat center top; }
.moritz .moritzband a .visual {background: url(../img/head1.jpg) no-repeat center top; }
.espressoband a .visual {background: url(../img/head2a.jpg) no-repeat 2px top; }
.espresso .espressoband a .visual {background: url(../img/head2.jpg) no-repeat 2px top; }
.stompersband a .visual {background: url(../img/head3a.jpg) no-repeat right top; }
.stompers .stompersband a .visual {background: url(../img/head3.jpg) no-repeat right top; }
/*navigation*/
#navi ul.navi {margin: 20px 0; padding: 0; list-style-type: none; }
#navi ul.navi li {}
#navi ul.navi li a {display: block; width: 99%; color: #FFF; font: 15px Arial, Sans-Serif; letter-spacing: 1px; text-decoration: none; outline: none; cursor: pointer; }
#navi ul.navi li a:hover, #navi ul.navi li a:focus {background: url(../img/bg-nav-act.png) no-repeat center; }
#navi ul.navi li a.act {background: url(../img/bg-nav-act1.png) no-repeat center; font-weight: bold; }
.espresso #navi ul.navi li a.act {background-image: url(../img/bg-nav-act2.png); }
.stompers #navi ul.navi li a.act {background-image: url(../img/bg-nav-act3.png); }
#navi ul.navi li a span {display: block; padding: 6px 20px; }
.navdiv {border-bottom: 1px solid #656565; line-height: 0; height: 2px; margin: 5px 0; }
/*content format*/
h1, h2, h3, h4, h5, h6 {font: normal 24px Arial, Sans-Serif; margin: 0.8em 0 0.4em; padding: 0; }
h1 {padding: 0 0 10px 15px; background: url(../img/bg-h1-1.png) no-repeat left bottom; font: normal 24px Arial, Sans-Serif; }
.espresso h1 {background-image: url(../img/bg-h1-2.png); }
.stompers h1 {background-image: url(../img/bg-h1-3.png); }
h3 {font: normal 18px Arial, Sans-Serif; }
h4 {font: bold 16px Arial, Sans-Serif; }
h5 {font: bold 14px Arial, Sans-Serif; }
h6 {font: bold 14px Arial, Sans-Serif; }
#text .text {padding: 0 15px 25px; }
#text .text.spalteeins, #text .text.spaltezwei {padding: 0; width: 47%; float: left; margin: 8px; }
img.noborder {border: none; }
.moritz #text img {border: 2px solid #7E1919; }
.espresso #text img {border: 2px solid #00326F; }
.stompers #text img {border: 2px solid #D38E22; }
html body #text img.noborder {border: none; }
html body #text .csc-textpic-border img {border: none; }
#foot {border-top: 2px solid #7E1919; }
.espresso #foot {border-top: 2px solid #00326F; }
.stompers #foot {border-top: 2px solid #D38E22; }
hr {border: 0; border-top: 2px solid #7E1919; height: 2px; background: none; }
.espresso hr {border: 0; border-top: 2px solid #00326F; height: 2px; background: none; }
.stompers hr {border: 0; border-top: 2px solid #D38E22; height: 2px; background: none; }
#foot a {color: #FFF; padding: 0 5px; }
/*RTE*/
img.bildrechts {float: right; margin: 0 0 10px 25px; }
img.bildlinks {float: left; margin: 0 25px 10px 0; }
a {color: #FFB1B1; }
a:hover {text-decoration: none; }
.espresso a {color: #8EB6FF; }
.stompers a {color: #FFBA4E; }
/*start*/
.start #page {width: 950px; margin: 0 auto; text-align: center; }
.start #bands {margin: 95px 0 100px; height: 560px; overflow: hidden; text-align: center; }
.musikband {width: 316px; float: left; }
.start #bands h2 {width: 100%; height: 560px; }
.start .musikband a {display: block; width: 100%; cursor: pointer; outline: none; }
.start .musikband a .logo {display: block; height: 40px; }
.start .musikband a {background: url(../img/band-logos.png) no-repeat 42px 0; }
.start .musikband a:hover, .start .musikband a:focus {background-position: 42px -50px; }
.start .musikband.espresso a {background-position: -270px 0; }
.start .musikband.espresso a:hover, .start .musikband.espresso a:focus {background-position: -270px -50px; }
.start .musikband.stompers a {background-position: -592px 0; }
.start .musikband.stompers a:hover, .start .musikband.stompers a:focus {background-position: -592px -50px; }
.start a .logo span {display: none; }
.start a .visual {display: block; width: 100%; height: 560px; position: static; margin: 0; background: url(../img/head1a.jpg) no-repeat left top; }
.start .moritz a .visual {background: url(../img/start-moritz-quartett.jpg) no-repeat center top; }
.start a {width: 100%; }
.start .espresso a .visual {background: url(../img/start-espresso.jpg) no-repeat center top; }
.start .stompers a .visual {background: url(../img/start-hot-jazz-stompers.jpg) no-repeat center top; }
/*Kontaktform*/
.formpadd {padding: 10px 0px; color: #C0C0C0; }
.formpadd h2 {color: #FFF; }
.formpadd form {padding: 0; margin: 0; }
.formpadd form input, .formpadd form .field select, .formpadd form textarea {width: 100%; font: 13px/1em Arial, Helvetica, Charcoal, Sans-Serif; }
.formpadd form textarea {width: 99%; line-height: 1.3em; }
.formpadd form span.anfrageart {float: right; }
.formpadd form .anfrage label {float: left; }
.formpadd form label {color: #FFF; }
.formpadd table {width: 100%; }
.formpadd table td {vertical-align: top; }
.formpadd table td.label {width: 60px; text-align: right; }
.formpadd table td.field.half1 {width: 70px; }
.formpadd table td.field.half2 {width: 145px; }
.formpadd table td.spacer {width: 10px; }
.formpadd table td.anfrage {width: 300px; }
.formpadd button {background: none; cursor: pointer; border: 0; margin: 10px 0; padding: 0; color: #FFF; outline: none; outline-color: #313130; }
.formpadd button#submit {width: 298px; height: 51px; background: url(../img/button-anfrage2.png) no-repeat left top; }
.formpadd button:active#submit {background-position: left -100px; }
.formpadd button#submit span {display: none; }
.csc-loginform .csc-form-labelcell p {margin: 2px 17px 5px 0; text-align: right; }
.csc-loginform {}
.csc-loginform .csc-form-fieldcell input {width: 150px; }
.csc-loginform .csc-form-commentcell p {margin-left: 22px; }
.tx-femp3player-pi1 {float: right; }
.align-center, p.align-center {text-align: center;}
.align-right, p.align-right {text-align: right;}