@charset "UTF-8";
/* CSS Document */


/* ###################################################### */
/* ################# LAYOUT ALLGEMEIN ################### */
/* ###################################################### */


body{
    background-color:#9a9a9a;
    background-image:url(../picts/bg.gif);
    background-repeat:repeat-x;
    color:#FFF;
    margin:0;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    scrollbar-face-color: #BFBFBF;
  scrollbar-track-color: #979797;
  scrollbar-arrow-color: #000000;
  scrollbar-highlight-color: #BFBFBF;
  scrollbar-shadow-color: #808080;
  scrollbar-3dlight-color: #E0E0E0;
  scrollbar-darkshadow-color: #000000;
}

img{border:none;}
#wrapper
{
    width:958px;
    margin:30px auto;
}

#hintergrundbild
{
    width:958px;
    height:700px;
    display:block;
    margin:0;
    position:absolute;
    z-index:1;
}

img
{
    margin:0;
    padding:0;
}

#navigation
{
    margin:0;
    width:958px;
    height:30px;
    display:block;
    background-image:url(../picts/bgnavi.png);
    position:absolute;
    top:30;
    z-index:2;
    font-size:13px;
}
#inhaltStart
{   display:block;
height:131px;
margin:0 0 0 800px;
position:absolute;
top:80px;
width:202px;
z-index:3;
}
#inhalt
{   margin:0;
    width:390px;
    height:550px;
    display:block;
    position:absolute;
    top:50px;
    margin-left:490px;
    z-index:3;
}

#inhaltlang
{   margin:0;
    width:390px;
    height:639px;
    padding:0 76px 0 0;
    display:block;
    position:absolute;
    top:60px;
    margin-left:490px;
    z-index:3;
    overflow:auto;
}

#abschlussleiste
{   
    margin:0;
    width:958px;
    height:133px;
    display:block;
    background-image:url(../picts/bgnavi.png);
    background-repeat:repeat-y;
    position:absolute;
    top:597px;
    z-index:3;
}

#abschlussleisteklein
{   
    margin:0;
    width:958px;
    height:30px;
    display:block;
    background-image:url(../picts/bgnavi.png);
    background-repeat:repeat-y;
    position:absolute;
    top:700px;
    z-index:3;
}

#yoman
{
    width:200px;
    position:absolute;
    top:736px;
    margin-left:15px;
    z-index:4;
    font-size:11px;
    color:#cac9c9;
}

#cp
{
    width:730px;
    position:absolute;
    top:736px;
    margin-left:215px;
    text-align:right;
    z-index:5;
    font-size:11px;
    color:#cac9c9;
}

#cp a
{
    color:#505050;
    text-decoration:none;
}

#player
{
    width:263px;
    height:106px;
    position:absolute;
    top:11px;
    margin-left:16px;
    z-index:9;
}

#newsbereich
{
    width:263px;
    height:106px;
    position:absolute;
    top:11px;
    margin-left:351px;
    z-index:8;
}

#weltweit
{
    width:263px;
    height:106px;
    position:absolute;
    top:11px;
    margin-left:682px;
    z-index:7;
}

#weltweitklein
{
    width:263px;
    height:30px;
    position:absolute;
    top:-2px;
    margin-left:682px;
    z-index:7;
}

.cl{
    clear:left;
}

/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

#navigation ul {
    margin:0;
    padding:0;
    background-color:transparent;
}

#navigation ul li {
    float:left;
    margin:0;
    padding:0px 13px;
    list-style:none;
    line-height:28px;
    vertical-align:middle;
    color:#969696;
}

#navigation ul li a {
    display:block;
    height:28px;
    line-height:28px;
    margin:0;
    padding:0;
    color:#969696;
    text-decoration:none;
}

#navigation ul li a:hover, #navigation ul li.active a {

    color:#fff;
}


/* ###################################################### */
/* ################## NEWS Startseite ################### */
/* ###################################################### */

h3{
font-weight:normal;
font-size:13px;
color:#969696;
margin:0;
padding:0;
line-height:13px;
}

.datum{
color:#787878;
font-size:10px;
margin:0;
padding:0;
line-height:13px;
}

.headline{
font-size:11px;
color:#ffffff;
line-height:13px;
}

.kleinerlink{
margin:0;
padding:0;
line-height:13px;
}

.trennerli{
width:100%;
height:1px;
display:block;
background-image:url(../picts/trenner.gif);
background-repeat:repeat-x;
margin-top:3px;
overflow:hidden;
}

/* ###################################################### */
/* ################## NEWSLISTE gross ################### */
/* ###################################################### */

.articlelistItem{
    font-size:12px;
}

.articlelistItem H2{
    font-size:12px;
    color:#505050;
    font-weight:bold;
    margin-top:5px;
    margin-bottom:0px;
    padding:0;
}

.articlelistItem P.datum{
    margin-top:10px;
    padding:0;
    font-size:10px;
    color:#505050;
}

.articlelistItem .newstext{
    font-size:11px;
    margin:0;
    padding:0;
}

.articlelistItem .kleinerlink{
    margin-top:9px;
}

.articlelistItem a.pfeillink{
    background-image:url(../picts/pfeildunkel.gif);
    font-size:11px;
    color:#505050;
    font-weight:bold;
}

.trennerdu{
    width:100%;
    height:1px;
    display:block;
    background-image:url(../picts/trennerweiss.gif);
    background-repeat:repeat-x;
    margin-top:5px;
    overflow:hidden;
}

/*##################################*/
/*##########  NEWSDETAIL ###########*/
/*##################################*/

.backlink{
    margin-top:30px;
}

.backlink a.pfeillink{
    background-image:url(../picts/pfeildunkel.gif);
    font-size:11px;
    color:#505050;
    font-weight:bold;
}

/*##################################*/
/*########## WELTWEIT ##############*/
/*##################################*/

.artikelItem{
font-size:11px;
line-height:13px;
margin:0;
padding:0;

}

.artikelItem P{
margin-top:3px;
line-height:13px;
padding:0;
}

*+html .artikelItem P
{
margin:3px 0 0 0;
padding:0;
}

*+html .artikelItem P.trennerli{
margin:6px 0 0 0;
padding:0;
}

*html .artikelItem P
{
margin:3px 0 0 0;
padding:0;
}

*html .artikelItem P.trennerli{
margin:6px 0 0 0;
padding:0;
}

#weltweitklein .artikelItem P{
margin:0;
padding:0;
}


/* ###################################################### */
/* ############### GALERIELISTE gross ################### */
/* ###################################################### */

.listItem{
    font-size:11px;
    margin-top:20px;
}

.listImage{
    float:left;
    width:90px;
    overflow:hidden;
}

.listr{
    float:left;
    margin-left:10px;
    width:250px;
}

.listItem H2{
    font-size:12px;
    color:#505050;
    font-weight:bold;
    margin:0px;
    padding:0;
}

.listItem .listText{
    font-size:11px;
    margin:0;
    padding:0;
}
.listItem .listMoreLink{margin-top:5px;}

.listItem .listMoreLink a, .musiklistItem .listMoreLink a, a.terminLink{
    background-image:url(../picts/pfeildunkel.gif);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left: 8px;
    font-size:11px;
    color:#505050;
    font-weight:bold;
    text-decoration:none;
}

.listItem .listItemTrenner{
    width:100%;
    height:1px;
    display:block;
    background-image:url(../picts/trennerweiss.gif);
    background-repeat:repeat-x;
    margin-top:5px;
    overflow:hidden;
}
/* ###################################################### */
/* #################### Musikliste ###################### */
/* ###################################################### */

.musiklistItem{
    font-size:11px;
    margin-top:20px;
    min-height:120px;
}


.musiklistItem .listItemTrenner{
    width:100%;
    height:1px;
    display:block;
    background-image:url(../picts/trennerweiss.gif);
    background-repeat:repeat-x;
    margin-top:5px;
    overflow:hidden;
}

.musiklistItem .listr{
    float:left;
    margin-left:10px;
}

.musiklistItem H2{
    font-size:12px;
    color:#505050;
    font-weight:bold;
    margin:0 0 -7px;
    padding:0px;
}

div.browsing {
    display:block;
    margin-top:10px;
    text-align:center;
    width:380px;

}

div.browsing span.block {
    display:inline-block;
    
}
div.browsing a {
    text-decoration:none;
    font-weight:normal;
}

div.back {
    float:left;
   width:150px;
   display:block;
   text-align:right;
}

div.back a {
    padding-left:15px;
    background-image:url(../picts/rpfeilgrau.gif);
    background-repeat:no-repeat;
    background-position:left;
    color:#505050;
}

div.next {
    float:right;
   width:150px;
   display:block;
   text-align:left;
}

div.next a {
    padding-right:15px;
    text-align:right;
    background-image:url(../picts/pfeilgrau.gif);
    background-repeat:no-repeat;
    background-position:right;
    color:#505050;
}

div.pages {
    text-align:center;
    float:left;
    width:70px;
    display:block;
}

div.pages * {
    padding-left:2px;
    padding-right:2px;
}

div.pages a {
}

div.pages span.current_page {
    color:#546277;
    font-weight:bold;
}


/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */

#contactForm {
    font-size:11px;
    color:#505050;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input {
    border:1px solid #505050;
    width:266px;
    height:23px;
    background-color:transparent;
}

#contactForm .contactRow select {
    border:1px solid #505050;
    width:268px;
    background-color:transparent;
     margin-top:8px;
}

* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:268px;
}


#contactFormSubmit #contactFormSubmitLeft {
    margin:4px 0;
    width:174px;
}

* html #contactFormSubmit #contactFormSubmitLeft {
    margin:4px 0;
}

#contactFormSubmit #contactFormSubmitLeft input.submitbutton {
    background-color:transparent;
    border:0;
    color:#505050;
    font-weight:bold;
    background-image:url(../picts/pfeildunkel.gif);
    font-size:11px;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:4px;
}


#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;
}

/*********************************** Termine *********************************/
.terminliste{}

#terminEingraenzung form{
padding:0;
margin:0;
}

#terminEingraenzung{
width:100%;
}

.terminSelectItem{
    float:left;
    width:93px;
    padding-right:3px;
}

div.terminSelectItem select{
    width:93px;
}

div.terminTrenner{
    background:url(../images/itemSpacer.gif) top left repeat-x;
    margin:12px 0 10px 0;
    height:1px;
    border-bottom:1px solid #ccc;
}

span.greyText{
    color:#505050;
}


a.terminLink,
a.terminLink:hover{
    color:#505050;
    text-decoration:none;
}

span.normal a.terminLink,
span.normal a.terminLink:hover{
    color:#505050;
    font-weight:bold;
    background-image:none;
}

div#content div.terminSelectItem select{
    color:#ec008c;
    border:1px solid #f5a6c9;
    font-weight:bold;
}

div#content input.terminAuswahl{
    float:left;
}

div#pagination.termine{
    font-size:8pt;
    width:543px;
    padding:15px 20px 0 20px;
}

div#content div.terminItem p{
    line-height:10pt;
    padding:0;
}

div#content div.terminItem p{
    line-height:14pt;
}

div.textItem{
    padding-left:2px;
}

div#content div#vpgb_ausgabe div.vpgb_einzeleintrag{
    padding:0px 0 10px 0;
    margin-bottom:10px;
    background:url(../images/itemSpacer.gif) left bottom repeat-x;
}

.terminl {float:left; width:310px;}
.terminr {float:left; width:150px; text-align:right;}

/*########## ARTIKELLISTE ##############*/

.articlelistNavigation a
{
    color: #505050;
    text-decoration:none;
}


.articlelistNavigation{
    margin:10px 0;
    text-align:center;
    width:386px;
}

.textItemDunkel{color:#505050;}

/*########## DETAILSEITE MUSIK #############*/

.bild{
float:left;
width:134px;
height:134px;
margin-top:10px;
display:block;
}

.tl{
float:left;
margin-left:5px;
width:240px;

}

.tl .textItem{
margin:0;
padding:0;
}

/*###### TEXTFORMATIERUNG ########*/
.textweiss{color:#FFFFFF;}
.textgrau{color:#505050;}

a,
a.grauerlink {
font-weight:bold;
text-decoration:underline;
color:#505050;
background-image:none;
}

a.weisserlink {
font-weight:bold;
text-decoration:underline;
color:#FFFFFF;
background-image:none;
}

a.pfeillink {
    color:#FFFFFF;
    text-decoration:none;
    background-image:url(../picts/pfeil.gif);
    background-repeat:no-repeat;
    background-position: left center;
    padding-left:8px;
    font-weight:bold;
    font-size:11px;
}
a.pfeillinkgrau {
    color:#505050;
    text-decoration:none;
    background-image:url(../picts/pfeilgrau.gif);
    background-repeat:no-repeat;
    background-position: left center;
    padding-left:8px;
    font-weight:bold;
    font-size:11px;
}
H1{
    font-weight:bold;
    font-size:22px;
    margin-top:50px;
    margin-bottom:30px;
}

H2{
    font-size:13px;
    color:#505050;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:0px;
    padding:0;
}

.bildlinks{
    float:left;
    margin-right:10px;
}