/* style.css */

@media all {

* {
    margin:0;
    padding:0;
    border:0;
}

html {
}

body {
    font-size:75%; /* 12px */
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    color:#000;
}

/** headings **/
/*h1 {
    font-size:45px;
    line-height:32px;
    height:32px;
    overflow:hidden;
    vertical-align:top;
    margin:0 0 8px 0;
    padding:2px 20px 4px 5px;
    display:inline-block;
    width:auto;
    background:#092160;
    color:#FFF;
    font-weight:bold;
    letter-spacing:-1px;
    text-transform:uppercase; 
}*/

h1 {
    font-size:45px;
    line-height:36px !important;
    height:39px !important;
    overflow:hidden !important;
    margin:0 0 20px 0;
    padding:2px 20px 0px 5px;
    display:inline-block;
    width:auto;
    background:#092160;
    color:#FFF;
    font-weight:bold;
    letter-spacing:-1px;
    text-transform:uppercase; 
}

h2 {
    font-size:150%;
    margin-bottom:0.75em;
    color:#092160;
    font-weight:normal;
}

h3 {
    font-size:180%;
    margin-bottom:0.75em;
    color:#092160;
    font-weight:bold;
}

/** text **/
p {
    font-size:1.2em;
    line-height:1.6;
    margin-bottom:1.6em;
}

p.backlink {
    text-align: right;
}

small {
    font-size:0.92em;
}

hr {
    margin:0 0 1.2em 0;
    padding:0 0 1em 0;
    border:0;
    border-bottom:2px solid #707173;
    width:100%;
    line-height:0;
    background:transparent;
    height:0;     
}

/** links **/
a,
a:link,
a:visited {
    text-decoration:none;
    color:#d6012e;
}

a:hover,
a:focus,
a:active {
    text-decoration:underline;
    color:#000000;
}

.hide {
    position:absolute;
    top:-5000px;
    left:-5000px;
    width:0;
    height:0;
    display:inline;
    overflow:hidden;
}

/** img **/
.imgLeft {
float:left;
padding:0 10px 8px 0;
}

.imgRight {

}

/** Listen **/
#content ol,
#content ul {
    margin:0 0 1em 16px;
    padding:0;
    list-style:disc;
}

#content li {
    line-height:1.6;
    font-weight:normal;
    font-size: 1.2em;
}

/** teaser **/
.teaser {
    overflow: hidden;
    width:100%;
    background:#FFF;
    margin-bottom:21px;
}

.teaser .title {
    width:auto;
    height:21px;
    line-height:21px;
    font-weight:bold;
    color:#FFF;
    padding:0 7px;
    background:url(../images/bg_teaser_title.jpg) repeat-x;
}

.teaser .text {
    width:auto;
    margin-left:175px;
    padding:2pt 6px 2px 0;
}

.teaser p {
    margin:0;
}

.teaser a,
.teaser a:link,
.teaser a:visited {
    color:#e2001a;
    font-weight:bold;
}

.teaser .title a,
.teaser .title a:link,
.teaser .title a:visited {
    color:#FFFFFF;
    font-weight:bold;
}

.teaser img {
    float:left;
    display:block;
}


/** news **/

#newsContainer {

}

.newsItem {
    width:auto;
    overflow:hidden;
}

* html .newsItem {
    width:100%;
    overflow:hidden;
}

.newsItem .imgRight {
    display:block;
}


} /* end: @media all */



/*===============================================
 * Layout
 *=============================================*/
@media screen, handheld {

html,
body {
    height:100%;
}

body {
    overflow: -moz-scrollbars-vertical;
    background:url(../images/bg_body.jpg);
}

#outer {
    width:100%;
    margin:0 auto;
    min-height:100%;
    height:auto !important;
    height:100%;
    overflow:visible;
    background:url(../images/bg_outer.png) top center no-repeat;
}

#page {
    width:100%;
    background:url(../images/bg_header.png) top repeat-x;
}

/** header **/
#header {
    width:960px;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}

#mainnav {
    height:96px;
}

#subnavContainer {
    position:absolute;  
    top:71px;
    left:0;   
    width:100%;
    height:25px;
    padding-bottom:4px;
    background:url(../images/bg_subnav.png) repeat-x;
}

#subnav {
    width:960px;
    margin:0 auto;
    height:25px;
}

#logo {
    position:absolute;
    top:14px;
    right:56px;
    width:194px;
    height:44px;

}

/** main **/
#main {
    width:876px;
    margin:0 auto;
    padding:18px 56px 24px 28px;
    position:relative;
}

#headline {
    padding:0px 0 20px 0px;
}

#sidebar {
    float:right;
    width:195px;
}

#content {
    width:auto;
    margin:0 210px 0 0;
    padding:0 0 0 0;
}

/** subcolumn **/
.subcolLeft {
    width:auto;
    margin-right:266px;
}

.subcolRight {
    width:255px;
    float:right;
    padding: 60px 0 0 0;
}

.subcolRight img {
    display:block;
    margin-bottom:12px;
}

/** footer **/
#footer {
    width:876px;
    position:relative;
    margin:0 auto;
    clear:both;
    padding:0 56px 0 28px;
    height:32px;
}

#footerInner {
    height:32px;
    width:auto;
    line-height:32px;
    font-size:11px;
    color:#092160;
    border-top:1px solid #092160;
}

#footerInner div {
    float:right;
    width:auto;
    padding-top:3px;
}

#footer a,
#footer a:visited {
    color:#092160;
    text-decoration:none;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
    color:#092160;
    text-decoration:underline;
}

/** konzerttermine **/
#konzerttermine {
    width:auto;
    overflow:hidden;
    background:#FFF;
    margin-bottom:21px;
}

#konzerttermine .title {
    width:auto;
    height:21px;
    line-height:21px;
    font-weight:bold;
    color:#FFF;
    padding:0 7px;
    background:url(../images/bg_teaser_title.jpg) repeat-x;
}

#konzerttermine .text {
    width:auto;
    padding:3px 4px;
}

#konzerttermine .text p {
    line-height:1.2;
    margin:0;
}

#konzerttermine .text a,
#konzerttermine .text a:visited,
#konzerttermine .text a:active {
    color: #000000;
    text-decoration: none;
    padding:3px 4px;    
}

#konzerttermine .text a:hover {
    text-decoration: underline;
}

#konzerttermine .text a span {
    font-size: 0.76em;
    font-weight: bold;
}

#konzerttermine .divider {
    width:auto;
    font-size:0;
    line-height:0;
    height:1px;
    background:#092160;
    margin:5px 0;
}

#konzerttermine .link a,
#konzerttermine .link a:link,
#konzerttermine .link a:visited {
    color:#e2001a;
    background:#b5bccf;
    display:block;
    font-weight:bold;
    width:auto;
    font-size:12px;
    padding:3px 4px;
}

#konzerttermine .link a:focus,
#konzerttermine .link a:hover {
}

/** angebotdesmonats **/
#angebotdesmonats {
    width:auto;
    overflow:hidden;
    background:#ced3df;
}

#angebotdesmonats .title {
    width:auto;
    height:21px;
    line-height:21px;
    font-weight:bold;
    color:#FFF;
    padding:0 7px;
    background:url(../images/bg_teaser_title.jpg) repeat-x;
}

#angebotdesmonats .text {
    width:auto;
    padding:3px 4px;
}


/** neheim **/
#neheim {
	margin: 20px 0 0 0;
    width:auto;
    overflow:hidden;
    background:#FFFFFF;
}

#neheim .title {
    width:auto;
    height:21px;
    line-height:21px;
    font-weight:bold;
    color:#FFF;
    padding:0 7px;
    background:url(../images/bg_teaser_title.jpg) repeat-x;
}


/* GAESTEBUCH */

div.vpgb_eintrag {
    margin-top: 10px;
    border-bottom: 1px dashed #0E399B;
    padding-bottom: 10px;
    display: block;
    float: left;
    width: 500px;
}
div.vpgb_fleft {
    float: left;
    text-align: center;
    width: 120px;
    margin-right: 10px;
    height: 100%;
}
div.vpgb_infos {
    margin-top: 10px;
    white-space: nowrap;
}
div.vpgb_entry {
    margin-left: 130px;
}
div.vpgb_comment {
    margin-left: 130px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-style: italic;
}
div.vpgb_name {
    font-weight: bold;
}
.vpgb_datum {
    color: #0E399B;
    font-size: 10px;
    display: block;
    background: url(../images/datum_oben.gif) 0 0 no-repeat;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 5px;
    width: 35px;
    padding-top: 5px;
    margin-left: 35px;
    margin-bottom: 10px;
}
.vpgb_datum .tag {
    display: block;
    font-weight: bold;
    font-size: 20px;
    text-indent: -3px;
    letter-spacing: -2px;
    color: #0E399B;
    background: url(../images/datum_unten.gif) bottom left no-repeat;
    padding-bottom: 5px;
}
#vpgb_nav {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    padding: 10px;
    line-height: 200%;
}
#vpgb_nav a {
    color: #0E399B;
    border: 1px solid #0E399B;
    text-decoration: none;
    padding: 2px;
}
#vpgb_nav span.vpgb_punkte {
    color: #0E399B;
    border: 1px solid #0E399B;
    text-decoration: none;
    padding: 2px;
}
#vpgb_nav a:hover, #vpgb_nav a.vpgb_aktiv {
    background: #EEEEEE;
}
#inhalt a.bbcode {
    color: #0E399B;
    border: 1px solid #0E399B;
    padding: 4px;
    margin-right: 4px;
}

/**** IMAGE GALLERY ****/
table.gallery {
    margin: 0px 0px 0px 0px;
    width: auto;
}

table.gallery td.gallery-navigation {
    /*font-size: 0.6875em;*/    
}

table.gallery tr.thumbnails td {
    padding: 0;
}

table.gallery dd {
}

div.download {
    padding: 3px 0 3px 10px;
    background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;

}

div.downloadImg {

    padding: 0;
    margin-top:10px;
    background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
}

dl.gallery-detail {
    margin: 20px 10px 0px 0px;
}

dl.gallery-detail dt {
    text-align: left;
    padding: 0;
}


td.gallery_image{
    padding:0px;   
}

td.gallery_image img {
    margin: 0;
}

td.gallery_image div.link_image{
    padding:0;  
    background-position:top center; 
    margin: 0 6px 6px 0;
    overflow:hidden;
    height: 107px;
    border: 1px solid #09215F;  
}
td.gallery_image .bottom_links{

}
td.gallery_image .bottom_links{
    margin-bottom: 0px; 
    text-align:left; 
    width:180px; 
}
td.gallery_image .links{
    margin-bottom: 0px;
} 


/** Marken Tabelle **/
.markenTable {
    background:#FFF;
    padding-bottom:10px;
    margin-bottom:14px;
}

.markenTable td { padding-bottom:3px; }

} /* end: screen, handheld */



/*===============================================
 * Navigation
 *==============================================*/
@media screen, handheld {
/** mainnav **/
#mainnav ul {
    padding:14px 0 0 28px;
}

#mainnav ul li {
    list-style:none;
    width:auto;
    float:left;
}

#mainnav ul li a,
#mainnav ul li a:visited {
    height:43px;
    border-left:1px solid #FFF;
    padding:0 45px 0 8px;
    font-size:12px;
    text-decoration:none;
    display:block;
    float:left;
    color:#FFF;
    line-height:16px;
    text-decoration:none;
    text-transform:uppercase;
}

#mainnav ul li a:hover,
#mainnav ul li a:focus,
#mainnav ul li a:active,
#mainnav ul li a.current {
    color:#e2001a;
}

/** subnav **/
#subnav ul {
    padding:0 0 0 28px;
}

#subnav ul li {
    list-style:none;
    width:auto;
    float:left;
    color:#09215f;
    font-size:11px;
    padding:0 10px 0 0;
    line-height:23px;
}

#subnav ul li a,
#subnav ul li a:visited {
    padding:0 10px 0 0;
    text-decoration:none;
    float:left;
    font-size:12px;
    display:block;
    color:#09215f;
    text-decoration:none;
}

#subnav ul li a:hover,
#subnav ul li a:focus,
#subnav ul li a:active,
#subnav ul li a.current {
    color:#e2001a;
}

/*=====================================
  Kontaktform
=====================================*/


#contactForm {

}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:200px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
    font-size: 11px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    padding: 2px;

}

#contactForm .contactRow textarea {
    height:105px;

}

#contactForm .submit {
    width: 150px!important;
}

#contactFormSubmit #contactFormSubmitLeft {
    display: none;
}

/*#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 0px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}*/
#contactFormSubmit #contactFormSubmitRight {
    float:left;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}


} /* end: screen, handheld */
 


/*================================================
 * Clearing
 *==============================================*/
@media all {
.clear {
    clear:both;
    height:0;
    line-height:0;
    font-size:0;
}

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {
    display:inline-block;
}

/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

* html .clearfix {
    height:1%;
}

.floatbox {
    overflow:hidden;
}

} /* end: @media all */



/*================================================
 * Print
 *==============================================*/
@media print {
#sidebar,
#subnavContainer,
#footer,
#header {
    display:none;
}

#outer {
    width:100%;
}

html {
    height:100%;
}

body {
    font-size:11pt;
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
}

#main {
    margin:0;
    padding:0;
}

strong {
    color:#000;
}

#scoreHeadline {
    padding-bottom:15pt;
}

.teaser {
    border:1pt solid #000;
    padding:2pt;
    width:auto;
}

#content {
    width:auto;
    padding:0 0 0 0;
    margin:0;
}

 
.subcolRight {
    width:195pt;
    float:right;
    padding:0 0 10pt 10pt;
}

.subcolRight img {
    display:block;
    margin-bottom:12pt;
}
 
a,
a:link,
a:visited {
    text-decoration:underline;
    color:#000 !important;
}

h1 {
    page-break-after:avoid;
    color:#000;
    font-weight:bold;
}

h2 {
    page-break-after:avoid;
    color:#000;
}

h3 {
    page-break-after:avoid;
    color:#000;
}

} /* end: @media print */