/* CSS Document */
html, body, div, p, td, a, input, textarea, select {
    font-family:Verdana, Arial, sans-serif;
    color:#646464;
}
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:9pt;
    color:#646464;
    margin:0px;
    
   /* background: transparent url(../images/backgroundTest.jpg) top left no-repeat; */
}
ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
a, a:hover{
    text-decoration:none;
    color:#78bef2;
}
p{
    margin:0;
    padding:0;
}
p.textItem,
div.textItem p{
    margin:8px 0;
}
img{
    border:none;
}
div#wrapper{
    width:1001px;
    margin:0 auto;
    padding:0 0 15px 0;
}
div#languageNav{
    width:263px;
    float:right;
    height:20px;
    padding:18px 0 0 12px;
}
div#languageNav ul li{
    display:inline;
    margin-right:18px;
}

div#headTop{
    clear:both;
}

div#logo{
    float:left;
}

div#headTopRight{
    float:right;  
    width:275px;
    height:74px;
}

div#mainNavi{
    height:43px;
    width:1001px;
}

div#main{
    /*width:1001px;*/
}
div#main2{
    width:1001px;
    height:640px;
    display:none;
}
div#leftCol{
    width:725px;
    float:left;
}

div#breadcrumb{
    padding:15px 0 8px 0;
     color:#a0d1f4;
     visibility:hidden;
}
div#breadcrumb a{
     color:#a0d1f4;
}
div#contentHeadline{
	clear:both;
 /*   height:20px;*/
}
div#contentNavi{
    padding-bottom:4px;
}
div#contentNaviSub{
    padding:2px 0 0 0;
}

div#content{
    clear:both;
    /*padding:32px 108px 20px 34px;*/
    padding:32px 80px 20px 34px;
    /*width:583px;*/
    line-height:12pt;
}

div#contentBottom{
    padding:0 0 0 34px;
    clear:both;
}
div#drucken{
    float:left;
    width:75px;
}
div#drucken a,
div#empfehlen a{
     color:#76bfed;
}
div#empfehlen{
    float:left;
    width:100px;
    color:#76bfed;
}
div#rightCol{
    width:275px;
    float:left;
}
div#rightColContent{
    width:275px;
    height:640px;
}
div#footer{
   
}
div#footer2{
    width:275px;
    float:right;
}
div.impressum{
    width:275px;
    height:19px;
    background:url(../images/impressumBg.png) top left repeat-x;
    text-align:right;
    padding:3px 1px 2px 0;
    font-size:9pt;
}
div.impressum a{
    color:#78bef2;
}
div.copyright{
	clear:both;
    text-align:right;
    font-size:7pt;
}
div.copyright a,
div.copyright span{
    color:#78bef2;
}
div#printCopyright{
    display:none;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/**************************** Programm *****************************/
div.programmImage{
    float:left;
    width:130px;
    padding:0 15px 0 0;
}
div.programmText{
    float:left;
    width:438px;
}
div.programmItem{
    clear:both;
    width:583px;
}
span.bild_image1 img{
    float:left;
    padding:0 15px 15px 0;
}
div.programmItemTrenner{
    height:2px;
    background:url(../images/programmItemTrenner.jpg) left 9px repeat-x;
    margin:10px 0 15px 0;
	clear:left;
    height:10px;
    margin:10px 0 10px 0;
}
div.backlink{
    text-align:right;
}
div.backlink p a,
div.backlinkNormal p a{
    background:url(../images/pfeilBlauBack.jpg) left center no-repeat;
    padding:0 0 0 18px;
    color:#76bfed;
}
div#pagination, div.paginationTermine{
    /*width:100%;*/
    font-size:8pt;
    padding:0 20px 20px 20px;
	text-align:center;
}

table.pagination{
    /*width:100%;*/
}
table.pagination td{
    text-align:center;
}
span.pagination_backlink,
a.pagination_backlink{
    padding:0 18px 0 0;
    margin-right:10px;
    background:url(../images/pfeilBlauBack.jpg) center right no-repeat;
    font-size:8pt;
}
span.pagination_forwardlink,
a.pagination_forwardlink{
    padding:0 0 0 18px;
    margin-left:10px;
    background:url(../images/pfeilBlau.png) center left no-repeat;
    font-size:8pt;
}


/*************************************** language Navigation ******************/
div#languageNav ul li a{
    padding:0 2px 1px 13px;
    font-size:9pt;
    color:#9dd6fd;
}
div#languageNav ul li a:hover,
div#languageNav ul li a.active{
    padding:0 2px 1px 13px;
    color:#78bef2;
    background:url(../images/languageNavActiveIcon.png) center left no-repeat;
}

/**************************************** Navigation *************************/
ul.firstLevel{
    font-size:9pt;
    text-transform:uppercase;
    background:url(../images/naviBg.png) repeat-x top left transparent;
    height:100%;
    position:relative;
    z-index:50;
}
ul.firstLevel b{
    font-weight:normal;
}
ul.firstLevel li{
    position:relative;
    left:0px;
    float:left;
    margin:0 3px;
}
ul.firstLevel li:hover,
ul.firstLevel li.akt {      
    background:url(../images/naviHoverBg.png) top left; 
    background-repeat:repeat-x;   
}

ul.firstLevel li#firstLevel7 {
    left:85px;
}
ul.firstLevel li#firstLevel8 {
    left:85px;
}
ul.firstLevel li a{
        
}
ul.firstLevel li a b{
    display:block;
    color:white;
    padding: 11px 23px 18px 20px; 
}
ul.firstLevel li:hover a b,
ul.firstLevel li.akt a b{
    color:#006DB7;
    padding: 22px 23px 7px 20px; 
}
ul.firstLevel li#firstLevel6 a b,
ul.firstLevel li#firstLevel6 a b{

    padding: 11px 32px 18px 32px; 
}
ul.firstLevel li#firstLevel6:hover a b,
ul.firstLevel li#firstLevel6.akt a b{
    color:#006DB7;
    padding: 22px 32px 7px 32px; 
}
ul.firstLevel li#firstLevel6 a{
    left:156px; 
}
ul.firstLevel li#firstLevel7 a{
    left:156px;
}
ul.firstLevel li#firstLevel8 a{
    left:156px;
}
ul.firstLevel li ul.secLevel{
    margin-top:0px;
    padding-top:4px;
    display:none; 
    text-transform:none;
    position:absolute; top:41px; height:auto; float:left;
}
ul.firstLevel li#firstLevel1 ul{
    width:102px;
}
ul.firstLevel li#firstLevel2 ul{
    width:113px;
}
ul.firstLevel li#firstLevel4 ul{
    width:132px;
}
ul.firstLevel li#firstLevel6 ul{
    width:112px;
}
ul.firstLevel li#firstLevel7 ul{
    width:100px;
}
ul.firstLevel li#firstLevel8 ul{
    width:117px;
}
ul.firstLevel li:hover ul.secLevel{
   display:block;
}
ul.firstLevel li ul.secLevel{
    background-image:none;
}
ul.secLevel li{
    float:none;
    margin:0;
    text-align:center;
    padding:0 3px 0 3px;
    font-size:8pt;
    background:url(../images/naviSubBg.png) repeat-x top left ;

}

ul.firstLevel li:hover ul.secLevel li a,
ul.firstLevel li ul.secLevel li a{
    color:white;
    display:block;
    padding: 7px 9px 7px 9px;  
    background-color:#9dd3f4; 
}
ul.firstLevel li.akt ul.secLevel li:hover,
ul.firstLevel li:hover ul.secLevel li:hover{
    background:url(../images/naviSubBg.png) repeat-x top left transparent;

}
ul.firstLevel li.akt ul.secLevel li:hover a,
ul.firstLevel li:hover ul.secLevel li:hover a{
    color:#006DB7;
   background:url(../images/naviSubHoverBg.png) top left;
    background-repeat:repeat-x;   
}

div#contentNaviSub li{
    float:left;
    position:relative;
    margin-right:2px;
      
}
div#contentNaviSub li a{
    color:white; 
    background-color:#add9f4;   
    display:block;
    padding:2px 4px;  
}
div#contentNaviSub li a.act{
    color:white; 
    background-color:#76bfed;  
    padding:2px 4px;   
}
div#contentNavi a{
    color:white;
    background-color:#76bfed;
    padding:2px;
}
ul.contentNaviSub2 li{
    float:left;
    position:relative;
    margin-right:2px;
      
}
ul.contentNaviSub2 li a{
    color:white; 
    background:url(../images/btn_subNavi2.jpg) top left no-repeat;
    display:block;
    padding:5px 0 5px 6px;    
    width:124px;
    height:16px;
    margin-right:2px;
}
ul.contentNaviSub2 li a.act{
    color:white; 
    background-color:#76bfed;  
    padding:5px 0 5px 6px;
}

/*************************************** weiterleiten popup *********************/
body.popup{

}
div#weiterleitenLogo{
    padding:10px 10px 20px 38px;
}
div#weiterleitenHeadline{
    padding:0 0 0 38px;
}
div#weiterleitenFeld{
    padding:0 0 0 38px;
}
.popup{
    font-size:0.7em;
    color:#787878;
}
.popup fieldset{
    border:medium none;
    margin:0;
    padding:0;
}
.popup_field_row{
    position:relative;
    width:413px;
}
.popup_field_left{
    float:left;
    width:183px;
    padding-top:10px;
    padding-right:47px;
}
.popup_field_row input{
    border:1px solid #76bcee;
    width:183px;
}
.popup_field_right{
    float:right;
    width:183px;
    padding-top:10px;
}
.popup_message{
    clear:both;
    position:relative;
    width:320px;
    padding-top:10px;
}
.popup_bottom{
    margin-top:25px;
    width:414px;
    text-align:center;
}
.popup_bottom input{
    margin-right:5px;
}
.popup textarea{
    height:100px;
    width:412px;
    border:1px solid #76bcee;
}

/***************************** Absätze und Überschriften ********/


.headline{
    font-weight:bold;
    color:#91cbf1;
    font-size:10pt;
    padding:0 0 3px 0;
}

.programm-bild{
    float:left;
    margin:0 15px 20px 0;
}
.programm-headline,
.galleryHeadline{
    font-weight:bold;
    color:#91cbf1;
    font-size:10pt;
    padding:0 0 3px 0;
}
.galleryHeadline p{
    padding-bottom:8px;
}
.fliesstext-blau{
    color:#91cbf1;
}
.schrift-klein{
    font-size:8pt;
    font-weight:normal;
}
a.fliesstext-link-blau,
a.fliesstext-link-blau:hover{
    color:#91cbf1;
    text-decoration:underline;
}
div#content h1{
    font-size:11pt;
    color:#91cbf1;
}
h2.programm{
    margin:4px 0 0 0;
    padding:0; 
    font-size:11pt;
    color:#91cbf1;
}
div.programmText a p {
    margin:0;
    padding:0;
}
div.programmMoreLink{
    float: left; 
    margin-top:20px
}
div.programmMoreLink a{
    text-decoration:underline;
    color:#91cbf1;
}
/*************************************** Fotogallery **************************/
div#content.gallery span.bild_image1 {
    display:none;
}
td.gallery_image{
    padding-right:15px;
    padding-bottom:15px;
}
div.galleryText{
    padding:0 0 3px 0; 
}
div.galleryItem{
    width:150px;
    float:left;
    padding:0 15px 20px 0;
}
div.wrapper-gallery{
    overflow:hidden;
    width:120px;
    height:120px;
	float:left;
	margin:0 15px 15px 0;
}
div.gTop p a,
div.gTop p a:hover,
div.gBottom a,
div.gBottom a:hover{
    text-decoration:underline;
    color:#91cbf1;
}
div#galleryContainer{
    /*width:550px;*/
}
.galleryNav { clear:left; padding-bottom:15px; }
/************************************* Shop ************************************/
h3.accordionHeadline{
    height:22px;
    width:582px;
    padding: 4px 0 3px 8px;
    margin:0 0 0 0;
    font-size:9pt;
    font-weight:normal;
    color:white;
}
h3.open{
    background:url(../images/accordionHeadBgOpen.jpg) top left no-repeat;
}
h3.closed{
    background:url(../images/accordionHeadBgClosed.jpg) top left no-repeat;
}
h3.lieferadresse{
    background:none;
    color:black;
}
input.zurkasse{
    width:103px;
    height:22px;
    color:transparent;
    background:url(../images/btn_zurkasse.jpg) top left no-repeat;
    border:none;
    cursor:pointer;
}
input.senden{
    width:103px;
    height:22px;
    color:transparent;
    background:url(../images/btn_shopSenden.jpg) top left no-repeat;
    border:none;
    cursor:pointer;
}
input.reset{
    width:103px;
    height:22px;
    color:transparent;
    background:url(../images/btn_shopLoeschen.jpg) top left no-repeat;
    cursor:pointer;
    border:none
}
td.shopSenden{
    padding-top:15px;
}
td.shopTrenner{
    background:url(../images/shopTrenner.jpg) top left no-repeat;
}
div#shopContentLeft{
    float:left;
    width:212px;
    padding:0 20px 0 0;
}
div#shopContentRight{
    float:left;
    width:325px;
}
div#showItemToCheck{
    padding:10px 0 0 10px;
}
p.shopCheckMeldung{
    margin:5px 0 5px 0;
}
p.gesammtpreisMeldung{
    margin:0 0 10px 0;  
}
div#showItemsToCheck{
    padding:0 0 0 5px;
}
table.shopItems tr td{
    font-weight:bold;
}
/************************************* Kontakt ********************************/
div.kontaktInput{
    padding:0 0 2px 0;
}
div.kontaktInput input,
td.kontaktTextarea textarea{
    width:250px;
    border:1px solid #91cbf1;
}
div.kontaktSenden {
    padding:15px 0 0 210px;
}
div.kontaktSenden input.senden{
    margin:0 5px 0 0;
}
/************************************* Newsletter *******************************/
div.contactRow{
    padding:0 0 5px 0;
}
div.contactRow label{
    width:105px;
    float:left
}
div.contactRow input{
    width:200px;
}
div#contactFormSubmit{
    clear:both;
}

/************************************* Guestbook *******************************/
td.guestbookLabel{
    width:215px;
    vertical-align:top;
}
td.guestbookInput{
    width:250px;
    font-size:9pt;
}
td.guestbookInput input,
td.guestbookInput textarea{
    width:250px;
    border:1px solid #91cbf1;
    font-size:9pt;
}
input.input-blau{
    border:1px solid #91cbf1;
}
td.captcha{
    padding:0 0 0 0px;
}
td.guestbookInput textarea{
    height:100px;
}
a.gbSubmit{
    display:block;
    width:89px;
    height:22px;
    background:url(../images/btn_shopSenden.jpg) top left no-repeat;
}
a.gbReset{
    display:block;
    width:89px;
    height:22px;
    background:url(../images/btn_shopLoeschen.jpg) top left no-repeat;
}
div.gbSenden{
    float:left;
    width:100px;
}
div.gbReset{
    float:left;
    width:100px;
}
div.gbAntwort{
    padding-bottom:40px;
}
h2.errormessage{
    line-height:14pt;
    font-size:12pt;
}
div.vpgb_name{
    font-weight:bold;
    color:#91cbf1;
}
div.vpgb_titel{
    padding:0 0 8px 0;
}
div.vpgb_trenner{
    background:url(../images/shopTrenner.jpg) top left repeat-x;
    margin:12px 0 12px 0;
    height:2px;
}
div#vpgb_nav{
    padding-bottom:22px;
    text-align:center;
    font-size:9pt;
}
div#vpgb_nav a{
    font-size:9pt;

}
a.vpgb_aktiv{
    color:#91cbf1;
}


a.vpgbAnzeigeVor{
    background:url(../images/pfeilBlau.png) center left no-repeat;
    padding:0 0 0 16px;
    margin-left:10px;
        color:#91cbf1;
}
a.vpgbAnzeigeZurueck{
    background:url(../images/pfeilBlauBack.jpg) center right no-repeat;
    padding:0 16px 0 0;
    margin-right:10px;
        color:#91cbf1;
}
div#contactFormSubmit{
    padding:10px 0 0 105px;
    clear:both;
}
div#contactFormSubmitLeft{
    float:left;
    width:95px;
}
div#contactFormSubmitRight{
    float:left;
    width:100px;
}
/************************************** Pressestimmen **********************/
div.pressestimmenHeadline h3,
h3{
   font-size:10pt;
   color:#91cbf1; 
   margin:0;
}
div.pressestimmenMoreLink{
    padding:3px 0 7px 0;
}
div.pressestimmenMoreLink a,
div.pressestimmenMoreLink a:hover{
    text-decoration:underline;
    color:#91cbf1;
}
div.pressestimmenItemTrenner{
    height:2px;
    background:url(../images/programmItemTrenner.jpg) top left repeat-x;
    margin:10px 0 10px 0;
}
a.pagination_forwardlink{
    color:#91cbf1;
}
a.pagination_backlink{
    color:#91cbf1;
}
span.pagination_current{
    color:#91cbf1;
}
/*********************************** Termine *********************************/
div#terminEingraenzung{
    margin-bottom:5px;
}
div.terminSelectItem{
    float:left;
    width:130px;
    padding-right:10px;
}
div.terminSelectItem select{
    width:130px;
}
div.terminTrenner{
    background:url(../images/terminTrenner.jpg) top left repeat-x;
    margin:10px 0 10px 0;
    height:2px;
}
span.blueText{
    color:#75bded;
    font-weight:bold;
}
span.redText{
    color:#db7201;
    font-weight:bold;
}
a.terminLink,
a.terminLink:hover{
    color:#75BDED;
    text-decoration:underline;
}
div.terminSelectItem select{
    color:#75bded;
}
input.terminAuswahl{
    width:90px;
    height:22px;
    background:url(../images/btn_auswahl.jpg) top left no-repeat;
    border:none;
    cursor:pointer;
}
div#pagination.termine{
    font-size:8pt;
    width:543px;
    padding:15px 20px 0 20px;
}
/********************************************* Startseite ********************************/
div#contentLeft{
    float:left;
    width:205px;
    padding:0 35px 0 0;
}
div#contentRight{
    float:left;
    width:340px;
}
div.headlineImageNewsStart{
    width:340px;
    height:17px;
    margin-bottom:10px;
}
div.headlineImageTermineStart{
    width:205px;
    height:17px;
    margin-bottom:10px;
}
div#linkTermine{
    margin:0 0 20px 0;
}
div#contentTop{
    padding-bottom:25px;
}
div.newsletterRow{
    margin:0 0 5px 0;
}
div.newsletterRow label{
    width:42px;
	display:inline-block;
    /*float:left;*/
}
div.newsletterRow input{
    width:152px;
    /*float:left;*/
}
div.newsletterRow input.newsletterSend{
    width:111px;
    border:none;
    height:22px;
    margin:0 0 0 43px;
    cursor:pointer;
}
div.headlineImageNewsletterStart{

    width:207px;
    height:17px;
    margin:0 0 10px 0;
}
div#playerHeadline{
    width:340px;
    height:17px;
    margin:0 0 10px 0;
}
.startseite-link { position:absolute;top:-40px;left:-16px;width:675px; }
.link-de { position:absolute; left:248px; top:25px; border:1px solid red; width:70px; height:34px; }
.link-it { position:absolute; left:318px; top:5px; border:1px solid red; width:70px; height:34px; }
.link-fr { position:absolute; left:318px; top:45px; border:1px solid red; width:70px; height:34px; }
.link-de a, .link-it a, .link-fr a { display:block; width:100%; height:100%; }
/********************************************* Videothek *************************/
div.video-outer-style { display:none; width:640px; height:360px; overflow:auto; }
div.video-outer-style div { width:640px; height:360px; overflow:auto; }
div.video-outer-style div video { width:640px; height:360px; }
div.video-list-item{
    margin:0 0 10px 0;
    width:500px;

}
div.video-list-item-left{
    float:left;
    width:43px;
    height:43px;
    padding:0 10px 0 0;
}
div.video-list-item-right{
    /*float:left;*/
    width:400px;
}
p.video-list-item-title { margin:0;padding:0 0 2px 0; }
div.video-list-item-trenner{   
    clear:both;
    background:url(../images/programmItemTrenner.jpg) left 9px  repeat-x;
    height:10px;
    margin:0 0 10px 0;
}
/*********************************************** Presseanfrage **********************/

p.error {
    font-weight:bold;
    color:red;
}
div#contentText form{
    padding-left:0px;
    padding-bottom:5px;
}

div#contentText form fieldset{
    border:none;
}
div#contentText form div {
    padding-bottom:5px;
    vertical-align:top;
}
div#contentText form div input {
    font-size:9pt;
}
textarea {
    font-size:9pt;
}
div#contentText form div input#sicherheitscode {
    width:150px;
    padding-top:0px;
}
div#contentText form div input#url {
    width:250px;
}
div#contentText form div label {
    float:left;
    width:120px;
}
div#contentText div.text input, div#contentText form div.text textarea{
    width:180px;
    text-align:left;
}
div#contentText form div label {
    width:160px;
}
div#contentText form fieldset{
    padding:0;
    margin:0;
}
div#contentText form div.legend {
    font-weight:bold;
  
}
div#contentText form div textarea {
    height:100px;
    width:350px;
}
div#contentText div.inputRadio{
    margin-bottom:8px;
}
div#contentText div.inputRadio input{
    border:none;
}
div#contentText div.checkboxInput input{
  /*  border:none; */
}

div.presse-download-item { width:200px; min-height:235px; float:left; }
div.presse-download-item div { position:relative; width:200px; height:148px; overflow:hidden; vertical-align:bottom; }
div.presse-download-item div img { position:absolute; bottom:0; }



