/*
  -- CSS fr volksoper
  --  2007 getdesigned.at

  # Abmessungen
  Breite Layout(fix)      680px 
  Breite fr eine Spalte:    165px
  Abstand zwischen Spalten:    5px
  Hhe Header:        200px
  Hauptnavigation Hhe:     16px
  Hauptnavigation Item Breite: 80px

  # Farben
  operette:        #9D0053
    operette hell:    #D4A5B3
  oper:          #9CA6A7
    oper hell:      #CBD6D7
  musical:        #86A10B
    musical hell:    #D0E95D
  ballett:        #005782
    ballett hell:    #53A7D1
  spezial:        #F4C800
    spezial hell:    #FFE052
  spezial neu:      #462b10
*/

/* -- Styles für den Languageswitcher -- */
.sidebarmenu{
background-color:#fff; 
height: 450px; 
left: 685px; 
position: absolute; 
top: 0px; 
width: 165px; 
z-index: 100;
}

/* -- Styles von YUI -- */
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font: 14px "Times New Roman", serif; *font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body{font-size: 14px; background-color: #D9D9D9; ; color: #333;}
a{text-decoration: none;}
.invisible{visibility: hidden;}
.clear{clear: both;}

/* -- 2 Spalten fr Inhalt und BTH Sidebar -- */
#container{margin: 5px; width: 675px; background-color: #FFF;  min-height: 1000px; height: auto !important; height: 1000px}
#sidebar{background-color:#fff; left: 685px; position: absolute; top: 100px; width: 165px; z-index: 100;}
#wrap_all { position: absolute; left: 50%; margin-left:-421px; position: absolute; background-color: #FFF; width: 841px; }


/* -- Styles fr Teaser-Startseite -- */
#body_teaser{ background-image: url(/Content.Node2/images/layout/teaser_bg.gif); background-position: top center; background-repeat: repeat-y;}
#teaser{width: 676px; position: absolute; left: 50%; margin-left:-338px;  color: #FFF;}
#teaser h1{left: 147px; position: absolute; top: 230px;}
  #teaser h1 a{background: transparent url(/Content.Node2/images/layout/teaser_logo.gif) top left no-repeat; display: block; height: 200px; width: 410px;}
#teaser_head p{font-size: 200%; padding: 3px 0; position: relative; top: 87px; left: 0; text-align: center; width: 100%;}
#teaser_head div{height: 127px; position: absolute; top: 0; width: 169px;}
  .teaser_operette{background: transparent top left no-repeat; left: 0;}
  .teaser_oper{background: transparent top left no-repeat; left: 169px; width: 168px;}
  .teaser_musical{background: transparent top left no-repeat; left: 338px;}
  .teaser_ballett{background: transparent top left no-repeat; left: 507px; width: 168px;}

  .teaser_operette p{background: transparent url(/Content.Node2/images/layout/vop_logo_operette_bg.png);}
  .teaser_oper p{background: transparent url(/Content.Node2/images/layout/vop_logo_oper_bg.png);}
  .teaser_musical p{background: transparent url(/Content.Node2/images/layout/vop_logo_musical_bg.png);}
  .teaser_ballett p{background: transparent url(/Content.Node2/images/layout/vop_logo_ballett_bg.png);}
  
#teaser .facebooklink { left:20px; position:absolute; top:390px; width:150px; z-index:10; }
#teaser .facebooklink2 { left:495px; position:absolute; top:557px; width:169px; text-align:right; z-index:10; }

#languages{position: absolute; top: 180px; left: 0; padding-left: 5px; z-index: 10; width: 170px;}
  #languages em a{clear: both; color: #D4A5B3; display: block; float: left; font-weight: bold; padding-right: 10px; text-align: right; width: 70px;}
    #languages em a:hover{color: #FFF;}
  #languages a{color: #FFF;}
    
.address {position:absolute; left: 495px; top:600px; color: #FFF; text-align: right; width: 169px;}  
.address a{color: #53A7D1;}
  .address a:hover{color: #FFF;}
#random_facts{color: #53A7D1; left: 507px; position: absolute; text-align: right; top: 390px; width: 168px;}
#random_facts ul{margin-right: 10px;}
#random_facts em{color: #FFF; font-weight: bold;}

.shoutbox{background: transparent url(/Content.Node2/images/layout/vop_dark_bg.png); color: #FFF; padding: 10px; position: absolute; width: 149px;}
.shoutbox h2{font-weight: bold; margin-bottom: 1em;}
  .shoutbox a{font-weight: bold;}
    .shoutbox a:hover{color: #DDD;}
    
.shoutbox.links{left: 0; padding: 10px; top: 350px;}
.shoutbox.mitte{left: 169px; padding: 10px; top: 390px; width: 148px;}
.shoutbox.rechts{left: 337px; padding: 10px; top: 430px; width: 150px;}

/* -- Innerhalb des Containers fr den Inhalt -- */
#header{background: transparent top left no-repeat; height: 200px;}
  #header_box{color: #FFF; float: right; margin: 5px; text-align: right; width: 190px;}
    #header_box h1{height: 82px;}
    #header_box h2{font-size: 200%; line-height: 100%;}
    #header_box p, #header_box h2{padding: 5px;}
    #header_box a {padding-left: 8px;}
      /* -- VOP Logo in den Genre Farben -- */
      #header .ballett h1{background: transparent url(/Content.Node2/images/layout/vop_ballett.gif) top left no-repeat;}
      #header #header_box.ballett{background: transparent url(/Content.Node2/images/layout/vop_logo_ballett_bg.png);}
      #header .ballett a, a.ballett{background: transparent url(/Content.Node2/images/layout/header_ballett_bullet.gif) bottom left no-repeat; color: #53A7D1; padding-left: 8px;}

      #header .oper h1{background: transparent url(/Content.Node2/images/layout/vop_oper.gif) top left no-repeat;}
      #header #header_box.oper{background: transparent url(/Content.Node2/images/layout/vop_logo_oper_bg.png);}
      #header .oper a, a.oper{background: transparent url(/Content.Node2/images/layout/header_oper_bullet.gif) bottom left no-repeat; color: #CBD6D7; padding-left: 8px;}

      #header .operette h1{background: transparent url(/Content.Node2/images/layout/vop_operette.gif) top left no-repeat;}
      #header #header_box.operette{background: transparent url(/Content.Node2/images/layout/vop_logo_operette_bg.png);}
      #header .operette a, a.operette{background: transparent url(/Content.Node2/images/layout/header_operette_bullet.gif) bottom left no-repeat; color: #D4A5B3; padding-left: 8px;}

      #header .musical h1{background: transparent url(/Content.Node2/images/layout/vop_musical.gif) top left no-repeat;}
      #header #header_box.musical{background: transparent url(/Content.Node2/images/layout/vop_logo_musical_bg.png);} /* ernst nderungen */
      #header .musical a, a.musical{background: transparent url(/Content.Node2/images/layout/header_musical_bullet.gif) bottom left no-repeat; color: #D0E95D; padding-left: 8px;}

      #header .spezial h1{background: transparent url(/Content.Node2/images/layout/vop_spezial.gif) top left no-repeat;}
        #header #header_box.spezial{background: transparent url(/Content.Node2/images/layout/vop_logo_spezial_bg.png);}
      #header .spezial a, a.spezial{background: transparent url(/Content.Node2/images/layout/header_spezial_bullet.gif) bottom left no-repeat; color: #FFE052; padding-left: 8px;}
    

#mainnavigation{margin-top: 5px; margin-bottom:10px;}
  #mainnavigation ul{float: left; list-style: none;}
    #mainnavigation li{float: left; margin-right: 5px;}
    #mainnavigation li.last{margin: 0;}
      #mainnavigation a{background-color: #9D0053; color: #F6DDE6; display: block; height: 16px; padding-bottom: 1px; text-align: center; width: 80px;}
        #mainnavigation a:hover{color: #FFF;}
      #mainnavigation a.current{background-color: #D4A5B3; color: #FFF;}
 #mainnavigation div { height:1px; clear:both; display:none;}

#mainnavigation ul:after {clear:both; content:'.';display:block;visibility:hidden;height:10px;}

#subnavigation{clear: left;  }
#subnavigation ul{list-style: none; margin-top: 0px; text-align: center; width: 100%;}
#subnavigation li{display: inline; margin-right: 5px;}
#subnavigation a, #content div.subnav2 a{background: #FFF url(/Content.Node2/images/layout/subnav_current_bullet.gif) bottom left no-repeat; border: 1px solid #FFF; color: #9D0053; padding-left: 8px;}
  #subnavigation a:hover, #content div.subnav2 a:hover, #content div.subnav2 a.current, #subnavigation a.current{background-image: url(/Content.Node2/images/layout/subnav_bullet.gif); color: #D4A5B3;}    
      

#content{border-top: 2px solid #DDD; clear: both; margin-top: 10px;}
  .column{float: left; padding: 5px;} /* eine Spalte ist immer class="column" und je nach gewnschter Breite wird die Klasse fr die Breite ergnzt z.B. class="column two" */
  .row{clear: both; border-bottom: 2px solid #DDD; width: 100%; overflow: hidden;} /* umschliet jeweils beliebig viele Spalten */
      .one{width: 155px;}
      .two{width: 325px;}
      .three{padding-left: 20px; width: 475px;}
      .complete{margin: 0; width: 665px;}
      .right{text-align: right;}
      .no_border{border: none;}

  #content .two img, #content .three img{clear: right; float: right; margin-left: 10px; margin-bottom: 5px;}
  


  /* -- normale Inhalts Elemente -- */
  #content h2, #header_content h2{font-size: 210%;}
  #content h3, #header_content h3{font-size: 150%;}
  #content h4{font-size: 100%; font-weight: bold; line-height: 140%;}
  #content h2 a{padding: 0;}
  #content p{margin-bottom: 15px;}
    #content p.error{color: #F80;}
      #content p.newsletter label{width: 60px; font-weight: bold; margin: 0 10px 0 0;}
    #content p.add2calendar a{background: transparent url(/Content.Node2/images/layout/hcalendar.png) top left no-repeat; color: #999; padding: 0 0 10px 35px;}
      #content p.add2calendar a:hover{color: #666;}
  #content strong{font-weight: bold;}
  #content em{font-style: italic;}
  /* -- Schrift Farbe fr die einzelnen Events -- */
  #content .ballett, #content .ballett a{color: #005782; padding: 0;} 
    #content .ballett a:hover, #content .spezial a:hover, #content .musical a:hover, #content .operette a:hover, #content .oper a:hover{color: #333;}
  #content .oper, #content .oper a{color: #9CA6A7; padding: 0;}
  #content .operette, #content .operette a{color: #9D0053; padding: 0;}
  #content .musical, #content .musical a{color: #86A10B; padding: 0;}
  #content .spezial, #content .spezial a{color: #462b10; padding: 0;}
  #content .grey{color: #9CA6A7;}
    #content h4.grey{margin: 5px 0 2px 0;}
  #content a{color: #000;}
    #content p a{color: #9D0053;}
    #content p a:hover{color: #333;}
    #content .no_icon{padding-left: 0; background-image: none;}
    #content a.print{background: transparent url(/Content.Node2/images/layout/print.gif) bottom left no-repeat; color: #000; padding-left: 15px; display:none;}
    #content a.pdf{background: transparent url(/Content.Node2/images/layout/print.gif) bottom left no-repeat; color: #000; padding-left: 15px;}
    #content a.video{background: transparent url(/Content.Node2/images/layout/video.gif) bottom left no-repeat; color: #000; padding-left: 15px;}
    #content a.audio{background: transparent url(/Content.Node2/images/layout/audio.gif) bottom left no-repeat; color: #000; padding-left: 15px;}
  #content .cast{list-style: none;} 
    #content .cast strong{display: block; float: left; font-weight: bold; width: 150px;}
    #content .cast li{clear: left; overflow:hidden; margin-bottom:15px;}
    #content .cast a{color: #333;}
      #content .cast a:hover{color: #000; text-decoration: underline;}
      
  /* -- Styles fr Formulare -- */
  #content .formular input, #content .formular textarea{font: 14px "Times New Roman", serif; color: #333; background-color: #FFF; border: 1px solid #CCC; padding: 2px; width: 120px;}
  #content .formular textarea{width: 300px;}
  #content .formular .submit{background-color: #CCC; color: #FFF; font-weight: bold;}
  #content .formular .small{border: none; width: 10px;}
  
  .no_checkbox_border input{border: none;}

  /* -- wird zur Komplementierung der Micorformats verwendet, aber nicht angezeigt -- */
  #content .location{display: none;}

  /*  -- Styles fr die Galerie eines Events -- */
  .gallery_detail{float: left; margin: 0 3px 3px 0;}
    .gallery_detail a img{padding: 2px; width: 155px;}
    .gallery_detail a:hover img{background-color: #CCC;}
    
  /* -- Tabelle fr die weiteren Termine auf der Spielplan-Detailseite -- */
  .further_dates th{font-size: 110%; font-weight: bold; padding: 12px 0 8px 0;}
    .further_dates .day{width: 15px;}
    .further_dates .weekday{width: 70px;}
    .further_dates .starttime{width: 80px;}
    .further_dates .ticket{background: #FFF url(/Content.Node2/images/layout/tickets.gif) bottom left no-repeat; width: 70px;}
      .further_dates .ticket a{margin-left: 15px;}
    .further_dates .cast{width: 70px;}
    
  /* -- persnliches Zentrum -- */
  #user_center .edit{background: transparent url(/Content.Node2/images/layout/edit.gif) bottom left no-repeat; color: #9D0053; padding-left: 15px;}
  #user_center .delete{background: transparent url(/Content.Node2/images/layout/delete.gif) bottom left no-repeat; color: #9D0053; padding-left: 15px;}
  #user_center .comment{background: transparent url(/Content.Node2/images/layout/comment.gif) bottom left no-repeat; color: #9D0053; padding-left: 15px;}
  #user_center .info{background: transparent url(/Content.Node2/images/layout/info.gif) bottom left no-repeat; color: #9D0053; padding-left: 15px;}
  #user_center .new{background: transparent url(/Content.Node2/images/layout/new.gif) bottom left no-repeat; color: #9D0053; padding-left: 15px;}
  
  #user_center .operette{background-image: none;}
  #user_center a:hover{color: #333;}
  #user_center label{font-weight: bold; display: block; margin: 10px 0 2px 0;}
  
  #user_center li.info{list-style-image: url(/Content.Node2/images/layout/edit.gif);}
  #user_center li.comment{list-style-image: url(/Content.Node2/images/layout/comment.gif);}
  
  /* -- Styles fr den Kalender im persnlichen Zentrum -- */
  #calendar{}
  #calendar table, #calendar select{border: 1px solid #666; background-color: #FFF; font: 11px "Lucida Sans Unicode", Arial, sans-serif;  width: 100%;}
    #calendar th{text-align: center; font-weight: bold; padding: 3px 0 5px 0;}
      #calendar th a:hover{color: #D4A5B3;}
    #calendar tr.weekdays td{background-color: #666; padding: 2px 0; color: #FFF;}
    #calendar td{border-color: transparent; font-size: 10px; padding: 4px 3px;}
    #calendar td{border-color: transparent; font-size: 10px; padding: 4px 3px;}
    #calendar .notthismonth{color: #AAA;}
    #calendar #today{background-color: #DDD; font-weight: bold;}
    #calendar #filled{color: #9D0053; font-weight: bold;}
      #calendar #filled:hover{color: #D4A5B3;}
      #calendar #today a:hover{color: #333;}
      #calendar a:hover{color: #9D0053;}
    
  
/* -- Table fr die Spielplanliste -- */
  #events{border-collapse: collapse;}
  #events tr.weekend, #events tr.weekend td{background-color: #EAEAEA;} /* -- td fr ie 6- --*/
  #events tr.saturday td, #events tr.saturday th{border-bottom: 1px solid #FFF;}
  #events td, #events th{border-bottom: 2px solid #DDD; color: #9CA6A7; padding: 2px 2px 0 2px;}
  #events th{text-align: right; width: 80px}
    #events th strong{color: #333;}
  #events td.day{font-size: 500%; text-align: center; width: 80px}
    #events td.eventart_operette{background: transparent url(/Content.Node2/images/layout/eventart_operette.gif) bottom center no-repeat;}
    #events td.eventart_oper{background: transparent url(/Content.Node2/images/layout/eventart_oper.gif) bottom center no-repeat;}
    #events td.eventart_musical{background: transparent url(/Content.Node2/images/layout/eventart_musical.gif) bottom center no-repeat;}
    #events td.eventart_ballett{background: transparent url(/Content.Node2/images/layout/eventart_ballett.gif) bottom center no-repeat;}
    #events td.eventart_spezial{background: transparent url(/Content.Node2/images/layout/eventart_spezial_neu.gif) bottom center no-repeat;}
    #events td.eventart_kein{background: transparent bottom center no-repeat;}
  #events td.summary{font-size: 200%; width: 225px;}
    #events td.kein{font-size: 130%;}
    #events div.untertitel{font-size: 65%;}
#events td.description{color: #333; padding: 0; padding-left:10px; width: 275px;}


  /* -- Spielplansortierung nach Monaten fr die Saisonvorschau -- */
  .spielplannavigation{background-color: #DDD; font-size: 90%; padding: 5px 10px;}
    .spielplannavigation strong{color: #666;}
    #content .spielplannavigation a{color: #999; padding: 10px 12px;}
    #content .spielplannavigation a:hover{background-color: #EEE; color: #666;}
    .spielplannavigation ul{text-align: center; width: 100%;}
      .spielplannavigation li{display: inline;}
    #spielplansort li{display: inline; padding: 0 10px;}
    
    /* Spielplanlink für "Karten online kaufen" */
    #content a.online_kaufen, #content a.online_kaufen:link, #content a.online_kaufen:visited {
      color: #9D0053;
    }
    
    .rechteSpalteKarten p strong{
      margin: 5px 0;
      display:block;
    }
    
    .rechteSpalteKarten h3 {
      margin-bottom: 8px;
    }
    
  

  /* -- Startseite -- */
  /* -- Box fr Ankndigungen oben -- */
  #header_content{border-left: 5px solid #FFF; height: 160px; float: right; padding: 20px; overflow: hidden; }
    .single{width: 125px;}
    .double{width: 295px;}
    #header_content h2{font-size: 260%;}
    #header_content h3{margin-top: 3em;}
    #header_content ul{float: left;}
      #header_content ul.sort_eventart{margin-right: 40px;}
        #header_content ul.sort_eventart li{float: left; width: 60px;}
      #header_content ul a{color: #FFF; font-weight: bold;}
    #header_content em{display: block; font-style: italic;}
    #header_content .show{margin-top: 0.8em;}
    

    #conten p.links{bottom: 0; position: absolute;} /* TODO: unten ausgerichtet */     
    #content p.links a, #content p.more a, #content a.more, ul.links a{background: transparent url(/Content.Node2/images/layout/more_bullet.gif) top left no-repeat; color: #333; margin: 0; padding-left: 8px;}
      #content p.links a:hover, #content p.more a:hover, a.more:hover{background: #FFF url(/Content.Node2/images/layout/more_hover_bullet.gif) top left no-repeat; color: #666; padding-left: 8px;}
      #content ul.links{list-style: none; text-align: right;}
  #content p.more{text-align: right;}

  /* -- Box mit grerer berschrift links unten -- */
  #promobox{height: 100%; padding: 10px 20px; width: 290px;}
    #promobox h3{font-size: 160%;}
    #promobox h4{font-size: 320%;}
    /* -- Genre-Farben im Hintergrund -- */
     .bg_ballett{background: #005782 url(/Content.Node2/images/layout/important_ballett.jpg) top left no-repeat; color : #FFF;}
    .bg_ballett_farbe{background-color: #005782; color: #FFF;}
    
    .bg_oper{background: #9CA6A7 url(/Content.Node2/images/layout/important_oper.jpg) top left no-repeat; color : #FFF;}
    .bg_oper_farbe{background-color: #9CA6A7; color: #FFF;}

    .bg_operette{background: #9D0053 url(/Content.Node2/images/layout/important_operette.jpg) top left no-repeat; color : #FFF;}
    .bg_operette_farbe{background-color: #9D0053; color: #FFF; }
    
    .bg_musical{background: #86A10B url(/Content.Node2/images/layout/important_musical.jpg) top left no-repeat; color : #FFF;}
    .bg_musical_farbe{background-color: #86A10B; color: #FFF;}
    
    .bg_spezial{background: #462b10 url(/Content.Node2/images/layout/important_spezial_neu.jpg) top left no-repeat; color : #FFF;}
    .bg_spezial_farbe{background-color: #462b10; color: #FFF;}
    
    .bg_ballett .ballett, .bg_oper .oper, .bg_operette .operette, .bg_musical .musical, .bg_spezial .spezial{color: #FFF;}    
    
    /* -- auch der mehr Links muss wei sein -- */
    #promobox.bg_ballett a.more, #promobox .bg_oper a.more ,  #promobox .bg_operette a.more,  #promobox.bg_musical  a.more, 
    #promobox.bg_spezial a.more , #header_box a:hover, #header_content a.more 
    {background:  transparent url(/Content.Node2/images/layout/white_more_bullet.gif) bottom left no-repeat; color: #FFF; padding-left:8px;}

#fb_link{color: #333; font-family: "Times New Roman",serif; }
        #fb_link a{color: #333;}
        #fb_link a:hover{color: #9D0053;}
        #fb_link ul{margin: 0px 0px; padding: 0px 0px; list-style: url(/Content.Node2/images/fb_24.gif) inside; }

#fb_sidebar {
margin-left: 7px;
}

#fb_sidebar img
{
margin-left:3px; 
vertical-align:middle; 
}

#sidebar, .sidebarmenu {color: #000; font: 9px "Verdana", "Arial", "Helvetica", sans-serif; width: 156px; }
  #sidebar a, .sidebarmenu a{color: #9D0053;}
  #sidebar a:hover, .sidebarmenu a:hover {color: #D4A5B3;}
  #sidebar ul, .sidebarmenu ul{margin: 5px 10px; padding: 5px 0;} /*edited by em */
  #sidebar ul#holding { margin: 5px 0; padding: 5px 0; }
  #sidebar li, .sidebarmenu li{list-style-image:none;
list-style-type:none;margin: 0 0 8px 0px; }
    /*
  #sidebar li.schnelle_spielplansuche{list-style-image: url(/Content.Node2/images/layout/schnelle_spielplansuche.gif);}
    #sidebar li.erweiterte_spielpansuche{list-style-image: url(/Content.Node2/images/layout/schnelle_spielplansuche.gif);}
    #sidebar li.adresse_anfahrt{list-style-image: url(/Content.Node2/images/layout/adresse_anfahrt.gif);}
    #sidebar li.kartenverkauf{list-style-image: url(/Content.Node2/images/layout/kartenverkauf.gif);}
    #sidebar li.internet_kartenverkauf{list-style-image: url(/Content.Node2/images/layout/internet_kartenverkauf.gif);}
    #sidebar li.bundestheater_card{list-style-image: url(/Content.Node2/images/layout/bundestheater_card.gif);}
    #sidebar h2 a{background: #FFF url() top left no-repeat; display: block; height: 30px; width: 156px;}

    #sidebar li.newsletter{list-style-image: url(/Content.Node2/images/layout/newsletter.gif); }
    #sidebar h4.calendar{background: transparent url(/Content.Node2/images/layout/personal_calendar.gif) bottom left no-repeat; padding-left: 20px;}
    #sidebar li.pressezentrum{list-style-image: url(/Content.Node2/images/layout/newsletter.gif); }
    #sidebar li.kontakt{list-style-image: url(/Content.Node2/images/layout/kontakt.gif);}
  */
#sidebar h4{font-weight: bold; padding: 3px 0;}
  /* #sidebar hr{background-color: #DDD; border: 1px solid #DDD; height: 0; width:156px; margin:0; padding:0;offset:0;} */
  #sidebar hr { color:#DDD; background-color: #DDD; height:1px; border:0; }
  #sidebar #languageswitch {margin-bottom: 15px;}
#sidebar #languageswitch li{margin-bottom: 2px;}
  
  
#sidebar #personal_services{border: 1px solid #DDD; padding: 3px; padding-top: 0;}
/* #sidebar #personal_services li{margin-left: 20px;} */
#sidebar #personal_services ul{padding-bottom: 0; margin-left:5px;}
#sidebar #personal_services h3{border-bottom: 1px solid #DDD; font-weight: bold; margin: 0 -3px; padding: 4px;}

/* start em */
#sidebar #personal_services p { line-height:14px; }   /* em */
 #sidebar #personal_services li { padding-left:0px;vertical-align:middle; } /* override by em */

/* end em */
#sidebar #holding {border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; padding-top: 0;}
#sidebar #holding .bth{margin-left: 0;}
#sidebar #holding .bth a{border-bottom: 1px solid #DDD; display: block; font-weight: bold; color: #900 !important; padding: 3px 4px;}
  #sidebar #holding .bth a:hover{color: #000;}
#sidebar #holding li{list-style-image: none; margin-left: 17px; margin-bottom: 3px;}
#sidebar #holding a{color: #CCC; font-weight: bold;}
  #sidebar #holding a:hover{color: #999;}

#sidebar #sponsor h3{margin-top:10px; margin-bottom:5px;}

/* everything below is by em */
#sidebar #search form input[type=submit] { background-color:white; font-weight:bold; border:0; font-weight:bold;}

  #sidebar #search_field { margin-top:5px;width:100px; border:#000000 rgb(204, 204, 204) rgb(204, 204, 204) rgb(0, 0, 0) solid 1px;}
    
    #paging { width: 675px;margin:0px;padding:0;  }
 #paging a , #paging p { display: block; float: left; margin: 0; padding: 0; text-align:center; }
 #paging a {   }
 #paging p { width: 275px; text-align: center;  }
 #paging .prev { width:100px; text-align:center;}
 #paging .next { width:100px; text-align:center;}
 #paging .first { text-align:left; width:100px;}
 #paging .last { text-align:right; width:100px;}
 #events { clear:both; }
 #spielplansuche #datum1, #spielplansuche #datum2 { width:100px; }
 #spielplansuche input[type=submit] { background-color:white; border:0; float:right; }  

/* -- Thickbox fr Fotos und Galerien -- */
#TB_navi { padding:5px 0 10px 25px; }
#TB_closeWindowButton { padding-right:20px; background: transparent url(/Content.Node2/images/layout/close_small.gif) top right no-repeat; }
#TB_closeWindowButton:hover { background:transparent url(/Content.Node2/images/layout/close_small.gif) bottom right no-repeat;}
#TB_window { /* Times new Roman __ ernst */
  font: 12px "Verdana", "Georgia", serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#888;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
 
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_window a:link, #TB_trenner{color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover, #TB_trenner:hover {color: #000;}
#TB_window a:active, #TB_trenner:active {color: #666666;}
#TB_window a:focus,, #TB_trenner:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height:100%;
  width:100%;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight _ 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  /* margin: 15px 0 0 15px; */
  margin:10px auto;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  
}

#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height_2 0 0 -width_2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight _ 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/* Newsletter */
.textweiss strong {
  font-weight:bold;
}
.textweiss em {
  font-style:italic;
}
.textweiss p {
  margin-bottom:15px;
}
.bth_logo{
  background-image:url(/Content.Node2/images/layout/holding_logo.gif);
  background-position:left top;
  background-repeat:no-repeat;
  width:156px;
  height:30px;
  margin-bottom:65px;
}
.bth_logo span{
  display:none;
}


/* ************************ */
/* KARTEN SUBNAV */

.kartensubnav {
margin-left: 20px;
float: left;
}

ul.kartensubnav ul {
clear:both;
margin-left: 10px;
}

.contentkartensubnav .vopcontent {
float:left;
width: 485px;
padding-right:5px;
}

/* reduziere breite wegen der subnavi links */
.contentkartensubnav .vopcontent .two {
width: 230px;
}

.kartensubnav a, .kartensubnav a:active, .kartensubnav a:link, .kartensubnav a:visited {
  color: #9D0053 !important;
  display:block;
  background: url("/Content.Node2/images/layout/subnav_current_bullet.gif") no-repeat scroll left 4px #FFFFFF;
  padding-left: 8px;
  margin: 6px 0;
}

.kartensubnav ul a, .kartensubnav ul a:active, .kartensubnav ul a:link, .kartensubnav ul a:visited {
  margin:0;
}

.kartensubnav a:hover, .kartensubnav a.current {
 color: #D4A5B3 !important;
background-image: url("/Content.Node2/images/layout/subnav_bullet.gif");
}

ul.kartensubnav {
   overflow:hidden;
}

/* reduziere breite wegen der subnavi links */
.contentkartensubnav .complete {
  width: 480px;
}

#mobileMeldung {
  font-family: Arial;
  height: 35px;
  background-color: #EEE;
  font-size: 1.55em;
  text-align: center;
  border-bottom: 3px solid black;
  padding: 35px 0;
  margin-bottom: 10px;
}

#teaser_head a {
  display:block;
  width: 100%;
  text-indent: -9999px;
  position:relative;
  height: 127px;
}

a#homepagelink {
  display:block;
  text-align: left !important;
  text-indent:-9999px;
  width: 100%;
  padding-left: 0px !important;
  height: 100%;
}

.startseiteLeftColumn {
  width: 165px;
}

form#kontakt ul {
  width: 50%;
}

form#kontakt ul li {
  width: 100%;
  padding-top: 10px;
}

form#kontakt ul li label, form#kontakt ul li input, form#kontakt ul li textarea, form#kontakt #Email {
  width: 100% !important;
}

form#kontakt ul input, form#kontakt ul li textarea {
  font-family: Times New Roman, serif !important;
  padding: 5px;
  color: #333 !important;
}

span.textrotbold {
    padding: 10px;
    display: block;
    background: mistyrose;
    border: none;
    margin-bottom: 20px;
    font-weight: 700;
}

span.textweissbold {
    padding: 10px;
    display: block;
    background: oldlace;
    border: none;
    margin-bottom: 20px;
    font-weight: 700;
}