/* CSS */
/*
   (C) 2007-2008, stefanmoeller.com
   
   ABMESSUNGEN:
   Quadrat oben links: 41px x 41px
   Logo-Höhe: 82px;
   Bilder im Content dürfen max. 460px breit sein.
   (16:9 wäre dann bei einer Höhe von 260 gewährleistet)
   
   FARBEN:
   dunkelgrau: #666666
   hellgrau:   #ACACAC
   dunkelgrün: #003333
   orange:     #FF6600
*/


/* ALLGEMEINE FORMATE
   ===================================================================== */
html, body {
font-family: Verdana, Arial, "sans serif";
font-size: 85%;
background: #FFFFFF;
color: #666666;
margin: 0;
padding: 0;
}

#main_content blockquote {
font-size: 1.25em;
margin: 0;
font-family: Georgia, "Times New Roman", Times, Serif;
border-left: solid 4px #ACACAC;
padding-left: 1em;
}

/* LAYOUT (DIVs)
   ===================================================================== */
#main {
width: 902px;
background: #FFFFFF;
margin: 0;
}

   #topline,
   #logoline,
   #logoline_bottom,
   #bottomline {
   }

   #top {
   background: #666666;
   }
   
      #topline {
      background: #666666 url("logo_rad.gif") no-repeat 324px top;
      color: #FFFFFF;
      height: 41px;
      line-height: 41px;
      padding: 0 20px;
      font-size: 0.85em;
      letter-spacing: 0.1em;
      overflow: hidden;
      width: 862px;
      }
      
         #topline p {
         margin: 0;
         padding: 0;
         }
   
      #logoline {
      background: #003333;
      color: #FFFFFF;
      height: 41px;
      padding: 0 0 0 20px;
      line-height: 41px;
      font-size: 0.85em;
      letter-spacing: 0.1em;
      overflow: hidden;
      width: 882px;
      }
   
         #logo_image {
         float: right;
         padding-right: 0px;
         height: 41px;
         margin-top: 0;
         }
         
         #logo_border {
         border-left: solid 21px #FF6600;
         }
      
         #breadcrumb {
/*
         padding: 8px 0;
*/
         width: 325px;
         }
   
   #imageline {
   height: 123px;
   background: #ACACAC;
   }
   
   #contentline {
   background: #FFFFFF;
   padding-left: 20px;
   }
   
      #main_navigation {
      float: left;
      margin-left: -20px;
      background: #FFFFFF;
      color: #FFFFFF;
      width: 205px;
      padding-top: 20px;
      }
      
         #main_navigation .active {
         }
   
      #main_content {
      float: left;
      width: 451px;
      padding: 20px;
      }
      
         #main_content hr {
         border-top: solid #FFFFFF 1px;
         border-right: solid #FFFFFF 1px;
         border-bottom: solid #FF6600 1px;
         border-left: solid #FFFFFF 1px;
         background-color: #FFFFFF;
         height: 1px;
         margin: 20px 0px;
         }
   
      #main_specials {
      float: left;
      width: 205px;
      padding: 0;
      font-size: 0.85em;
      padding-top: 20px;
      }

         #main_specials hr.fett {
         border-top: solid #FFFFFF 1px;
         border-right: solid #FFFFFF 1px;
         border-bottom: solid #FF6600 3px;
         border-left: solid #FFFFFF 1px;
         background-color: #FFFFFF;
         height: 3px;
         margin: 0px;
         }
         
         #main_border {
         color: #666666;
         }

         #main_service {
         color: #666666;
         }
   
   #bottom {
   border-top: 25px solid #FFFFFF; 
   background: #666666;
   clear: both;
   margin: 0;
   padding: 0;
   }
   
      #bottomline {
      width: 862px;
      color: #FFFFFF;
      height: 41px;
      line-height: 41px;
      padding: 0 20px;
      font-size: 0.85em;
      letter-spacing: 0.1em;
      text-align: right;
      }
      
         #bottomline p {
         margin: 0;
         padding: 0;
         }
   
/* HEADLINES
   ===================================================================== */
h1, h2, h3, h4, h5 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, "FranklinGothic-Book","Franklin Gothic Book", "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif;
clear: both;
}

h1 {
}

h2 {
font-weight: normal;
font-size: 2.3em;
margin: 0;
padding: 0;
color: #003333;
letter-spacing: 0.1em;
}

h3 {
letter-spacing: 0.1em;
text-transform: uppercase;
font-size: 1.5em;
}

#main_specials h2 {
text-transform: uppercase;
letter-spacing: 0;
font-size: 1.5em;
margin: 0;
padding: 5px 0 0 0;
}

/* MAIN-NAVIGATION
   ===================================================================== */
#main_navigation ul {
list-style: none;
margin: 0;
padding: 0;
background: #FFF;
}

   #main_navigation ul li {
   }
   
   #main_navigation a:link span.active,
   #main_navigation a:visited span.active,
   #main_navigation a:active span.active {
   color: #003333;
   font-weight: bold;
   }

   #main_navigation a:hover span.active {
   color: #FF6600;
   }

      #main_navigation ul li a {
      display: block;
      line-height: 1.5em;
      text-decoration: none;
      color: #666666;
      background: #FFFFFF;
      margin-bottom: 1px;
      }
      
      #main_navigation ul#menu1 li a:link,
      #main_navigation ul#menu1 li a:visited {
      padding-left: 20px;
      background:  #FFFFFF url("li-bullet-navi.gif") no-repeat 10px 0.3em;
      font-weight: normal;
      }

      #main_navigation ul#menu1 li ul#menu2 li a:link,
      #main_navigation ul#menu1 li ul#menu2 li a:visited {
      padding-left: 40px;
      background:  #FFFFFF url("li-bullet-navi.gif") no-repeat 30px 0.3em;
      font-weight: normal;
      }

      #main_navigation ul#menu1 li ul#menu2 li ul#menu3 li a:link,
      #main_navigation ul#menu1 li ul#menu2 li ul#menu3 li a:visited {
      padding-left: 60px;
      background:  #FFFFFF url("li-bullet-navi.gif") no-repeat 50px 0.3em;
      font-weight: normal;
      }

      #main_navigation ul#menu1 li ul#menu2 li ul#menu3 li ul#menu4 li a:link,
      #main_navigation ul#menu1 li ul#menu2 li ul#menu3 li ul#menu4 li a:visited {
      padding-left: 80px;
      background:  #FFFFFF url("li-bullet-navi.gif") no-repeat 70px 0.3em;
      font-weight: normal;
      }

      #main_navigation ul#menu1 li a:hover,
      #main_navigation ul#menu1 li ul#menu2 li a:hover,
      #main_navigation ul#menu1 li ul#menu2 li ul#menu3 li a:hover,
      #main_navigation ul#menu1 li ul#menu2 li ul#menu3 li ul#menu4 li a:hover {
      color: #FF6600;
      }

/* LINKS
   ===================================================================== */
#top a {
color: #FFFFFF;
text-decoration: none;
}

#top a:hover {
text-decoration: underline;
}

#top a.active {
border-bottom: solid 3px #FF6600;
}

#breadcrumb a {
color: #FFFFFF;
text-decoration: none;
}

#breadcrumb a:hover {
text-decoration: underline;
}

#bottom a {
color: #FFFFFF;
text-decoration: none;
}

#bottom a:hover {
text-decoration: underline;
}

#main_border a:link,
#main_border a:visited,
#main_border a:active {
text-decoration: none;
color: #666666;
}

#main_content a:link,
#main_content a:visited,
#main_content a:active {
text-decoration: none;
color: #FF6600;
}

#main_content a:hover {
text-decoration: underline;
color: #003333;
}



/* TABELLEN
   ===================================================================== */
table.contenttable {
width: 100%;
border-collapse:collapse;
}

   table.contenttable tr td {
   border-bottom: solid 1px #ACACAC;
   }

/* SUCHE
   ===================================================================== */
#searchfield {
padding: 1em 0 1em 20px;
margin: 1em 0;
line-height: 21px;
background: #FFFFFF;
border-top: solid 3px #FF6600;
}

   #searchfield input.compactSearchbox {
   width: 150px;
   padding: 0;
   margin: 0;
   border: solid 1px #ACACAC;
   padding: 1px 5px;
   }
   
   .searchbutton {
   vertical-align: middle; 
   width: 11px; 
   height: 11px;
   }
   
.tx-indexedsearch-rules {
display: none;
}

.searchresult-item {
margin-top: 10px;
padding-bottom: 10px;
border-bottom: dotted 1px #666666;
}

.tx-indexedsearch-redMarkup {
color: #FF6600;
}

/* GENERAL STYLES
   ===================================================================== */
#main_content p {
margin: 1em 0 0 0;
line-height: 1.75em;
}

a img {
border: none;
}

#main_content .csc-textpic-intext-right dl,
#main_content .csc-textpic-intext-left dl {
padding: 5px;
border: solid 1px #ACACAC;
}

.csc-textpic dl {
font-size: 0.85em;
padding-bottom: 1em;
}

#main_content dt a img {
padding-bottom: 15px;
margin-bottom: -10px;
background: #FFFFFF url("/fileadmin/www/images/icons/lupe_zoom.gif") bottom right no-repeat;
}

#main_content dt a[href^="http"] img {
padding-bottom: 0px;
margin-bottom: 0px;
background: none;
}

embed {
margin-bottom: 0.25em;
}

/* LISTS
   ===================================================================== */
#main_content ul {
list-style: none;
margin-left: 2em;
padding: 0;
}

   #main_content ul li {
   background: #FFFFFF url("li-bullet-green.gif") left 0.4em no-repeat;
   padding-left: 1em;
   }
   
#main_content .csc-sitemap ul {
list-style: square;
margin-left: 2em;
}

   #main_content .csc-sitemap ul li {
   background: none;
   padding: 0;
   }

#main_content .csc-menu-4 dt {
margin-top: 1em;
font-weight: bold;
}

#main_content .csc-menu-4 dd {
margin-left: 1em;
padding: 1em 0 1em 1em;
border-left: solid 1px #FF6600;
border-bottom: solid 1px #FF6600;
}

/* GENERAL CLASSES
   ===================================================================== */
.right {
float: right;
}

.hide,
dfn {
position: absolute;
left: -999em;
top: -999em;
}

.small {
font-size: 0.85em;
}

.clear {
clear: both;
height: 1px;
}


/* TT_NEWS
   ===================================================================== */
.news-list-item {
padding: 5px 0;
margin: 0;
line-height: 150%;
border-bottom: dotted 1px #FF6600;
}

   .news-list-item a p {
   padding: 0;
   margin: 0;
   }

   .news-list-item h3 {
   font-family: Verdana, Arial, "sans serif";
   letter-spacing: 0;
   font-weight: bold;
   color: #FF6600;
   font-size: 1em;
   margin: 0;
   padding: 0;
   text-transform: uppercase;
   }
   
   .news-list-morelink {
   font-size: 0.85em;
   }
   
   .clearer {
   display: none;
   }
   
.news-single-item {}

   .news-single-timedata {
   margin: 10px 0 0 0;
   }

   .news-single-item .news-single-backlink {
   margin: 10px 0 0 0;
   }

      .news-single-item .news-single-backlink a:link,
      .news-single-item .news-single-backlink a:visited,
      .news-single-item .news-single-backlink a:active {
      color: #FF6600;
      text-decoration: none;
      }

   .news-single-item h3 {
   font-size: 1.5em;
   letter-spacing: 0.1em;
   margin: 0 0 10px 0;
   }
   
   .news-single-item h4 {
   font-family: Verdana, Arial, "sans serif";
   font-size: 1em;
   font-weight: bold;
   }
   
.activeLanguage {
border-top: solid 2px #FF6600; 
border-bottom: solid 2px #FF6600; 
font-weight: bold;
}

/* KULOPLAYER
   ===================================================================== */
#main_content .tx-kuloplayer-pi1 {
font-size: 0.75em;
margin: 20px 0;
}

   #main_content .tx-kuloplayer-pi1 .tx_kuloplayer_pi1-player-text p {
   margin-bottom: 10px;
   }
   
/* PRESSEBILDER
   ===================================================================== */
.pressebild {
width: 220px;
margin-bottom: 20px;
float: left;
clear: left;
}

/* MAILFORM
   ===================================================================== */
.csc-mailform-field {
margin-bottom: 0.5em;
}

.csc-mailform-field input,
.csc-mailform-field select,
.csc-mailform-field textarea {
font-family: Verdana, Arial, "sans serif";
font-size: 10pt;
background: #FFFFFF;
color: #666666;
margin: 0;
padding: 0;
width: 280px;
}

.csc-mailform-field label {
width: 120px;
float: left;
}


/* JW_CALENDAR
   ===================================================================== */
.tx-jwcalendar-pi1 table {
border-collapse: collapse;
border: #666;
border-width: 1px 0 1px 0;
border-style: solid none solid none;
margin: 15px 0;
}

	.tx-jwcalendar-pi1 table tr td {
	padding: 5px;
	border-bottom: solid 1px #666;
	vertical-align: top;
	}


/* PRINT Styles
   ===================================================================== */

@media print {
 #topline,
 #main_specials,
 #main_navigation,
 embed,
 #bottom {
 display: none;
 }
 
 #main_content {
 width: 90%;
 }
 
 #main_content a:link,
 #main_content a:visited,
 #main_content a:active,
 #main_content a:hover
 {
 color: #000000;
 }
 
 #main_content ul {
 list-style: square;
 }
}